@charset "UTF-8";
:root{
	--body : #231815;
	--link : #231815;
	--title : #231815;
	--main : #231815;
	--base : #231815;
	--mainBold : #231815;
	--sub : #231815;
	--white : #231815;
	--bg : #231815;
}
@media screen and (max-width: 768px){
	body{
		padding-top : calc( 188 * 100vw / 1080 );
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	body{
		padding-top : calc( 123 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	body{
		padding-top : 125px;
	}
}
.wrap{
	margin-left : auto;
	margin-right : auto;
}
@media screen and (max-width: 768px){
	.wrap{
		padding-left : calc( 16 * 100% / 1080 );
		padding-right : calc( 16 * 100% / 1080 );
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	.wrap{
		padding-left : calc( 25 * 100% / 1050 );
		padding-right : calc( 25 * 100% / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	.wrap{
		max-width : 1050px;
		width : 1050px;
		padding-left : 25px;
		padding-right : 25px;
	}
}
/*--------------------------------------------
HEADER
---------------------------------------------*/
@media screen and (max-width: 768px){
	body.is-open #header{
		background-color : #2d7332;
	}
	body.is-open #header h1 a{
		position : relative;
		background : url("../images/logo_white.svg") center center / contain no-repeat;
	}
	body.is-open #header h1 img{
		opacity : 0;
	}
	body.is-open #menuBtn > span:nth-of-type(1){
		background-color : #fff;
	}
	body.is-open #menuBtn span span{
		background-color : #2d7332;
	}
	body.is-open #menuBtn > span:nth-of-type(2){
		color : #fff;
	}
	body.is-open #sns{
		display : none;
	}
}
#header{
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	z-index : 10;
	background-color : #fff;
}
#header h1{
	text-align : center;
}
#header h1 a{
	display : inline-block;
}
@media screen and (max-width: 768px){
	#header{
		backface-visibility : hidden;
		will-change : background-color;
		transition : background-color .3s ease-in;
	}
	#header .wrap{
		height : calc( 188 * 100vw / 1080 );
		padding-left : calc( 30 * 100% / 1080 );
		padding-right : calc( 30 * 100% / 1080 );
	}
	#header h1{
		padding-top : calc( 43 * 100vw / 1080 );
	}
	#header h1 img{
		height : calc( 101 * 100vw / 1080 );
	}
}
@media print,screen and (min-width: 769px){
	#header .wrap{
		position : relative;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#header{
		border-bottom : solid calc( 3 * 100vw / 1050 ) #2d7332;
	}
	#header .wrap{
		padding-top : calc( 23 * 100vw / 1050 );
	}
	#header h1 img{
		height : calc( 51 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#header{
		border-bottom : solid 3px #2d7332;
	}
	#header .wrap{
		padding-top : 23px;
	}
	#header h1 img{
		height : 51px;
	}
}
/*--------------------------------------------
MENU BUTTON
---------------------------------------------*/
body.is-open{
	overflow : hidden;
}
body.is-open [data-aos^=fade]{
	opacity : 1!important;
}
@media screen and (max-width: 768px){
	body.is-open #nav{
		max-height : 100vh;
	}
}
@media screen and (max-width: 768px){
	body.is-open #drawerPanel{
		position : fixed;
		z-index : -1;
		width : 100%;
	}
}
body.is-open #header #menuBtn span span:nth-of-type(1){
	transform : translateY( calc( 10 * 100vw / 768 ) ) scale(0);
}
body.is-open #header #menuBtn span span:nth-of-type(2){
	transform : rotate(-45deg);
}
body.is-open #header #menuBtn span span:nth-of-type(3){
	transform : rotate(45deg);
}
body.is-open #header #menuBtn span span:nth-of-type(4){
	transform : translateY( calc( -10 * 100vw / 768 ) ) scale(0);
}
@media screen and (max-width: 768px) and (-ms-high-contrast:none){
	body.is-open #header #menuBtn span span:nth-of-type(1){
		transform : translateY( 10px ) scale(0);
	}
	body.is-open #header #menuBtn span span:nth-of-type(4){
		transform : translateY( -10px ) scale(0);
	}
}
#menuBtn{
	z-index : 11;
	position : absolute;
}
#menuBtn > span{
	width : 100%;
	height : 100%;
	position : relative;
	display : block;
}
#menuBtn span span{
	display : block;
	position : absolute;
	left : 0;
	transition : all .4s;
	width : 100%;
}
#menuBtn span span:nth-of-type(1){
	top : 0;
}
#menuBtn span span:nth-of-type(4){
	bottom : 0;
}
@media screen and (max-width: 768px){
	#menuBtn{
		top : calc( 30 * 100vw / 1080 );
		right : calc( 74 * 100% / 1080 );
		font-weight : 700;
		width : calc( 96 * 100% / 1080 );
	}
	#menuBtn > span:nth-of-type(1){
		margin-left : auto;
		margin-right : auto;
		background-color : #2d7332;
		width : 100%;
		height : calc( 98 * 100vw / 1080 );
		padding-left : calc( 20 * 100% / 96 );
		padding-right : calc( 20 * 100% / 96 );
		padding-top : calc( 20 * 100vw / 1080 );
		padding-bottom : calc( 20 * 100vw / 1080 );
		border-radius : calc( 8 * 100vw / 1080 );
		backface-visibility : hidden;
		will-change : background-color;
		transition : background-color .3s ease-in;
	}
	#menuBtn span span{
		background-color : #fff;
		height : calc( 10 * 100vw / 1080 );
		width : calc( 56 * 100% / 96 );
		left : calc( 20 * 100% / 96 );
		border-radius : calc( 4 * 100vw / 1080 );
		backface-visibility : hidden;
		will-change : background-color;
		transition : background-color .3s ease-in;
	}
	#menuBtn span span:nth-of-type(1){
		top : calc( 20 * 100vw / 1080 );
	}
	#menuBtn span span:nth-of-type(2) , #menuBtn span span:nth-of-type(3){
		top : calc( 44 * 100vw / 1080 );
	}
	#menuBtn span span:nth-of-type(4){
		bottom : calc( 20 * 100vw / 1080 );
	}
	#menuBtn > span:nth-of-type(2){
		display : block;
		color : #2d7332;
		font-size : calc( 32 * 100vw / 1080 );
		transition : color .3s ease-in;
		backface-visibility : hidden;
		will-change : color;
	}
}
/*--------------------------------------------
NAV
---------------------------------------------*/
#nav .gnav > li > a , #nav .gnav > li > span{
	font-weight : 700;
}
#nav .gnav > li > a:before , #nav .gnav > li > span:before{
	content : "";
	display : block;
	background-position : center top;
	background-repeat : no-repeat;
	background-size : contain;
}
#nav .gnav > li:nth-child(3) a:before{
	background-image : url("../images/ui/icon/calendar.svg");
}
@media screen and (max-width: 768px){
	#nav{
		position : fixed;
		left : 0;
		width : 100%;
		z-index : 10;
		transition : max-height .5s ease-in;
		max-height : 0;
		overflow : hidden;
		overflow-y : scroll;
		background-color : #2d7332;
		top : calc( 188 * 100vw / 1080 );
		height : calc( 100vh - calc( 188 * 100vw / 1080 ) );
		color : #fff;
	}
	#nav a{
		color : #fff;
	}
	#nav .scroll{
		padding-top : calc( 46 * 100vw / 1080 );
		padding-left : 0;
		padding-right : 0;
		padding-bottom : calc( 64 * 100vw / 1080 );
	}
	#nav .gnav > li span{
		margin-left : calc( 18 * 100% / 1080 );
		margin-right : calc( 18 * 100% / 1080 );
		font-size : calc( 57 * 100vw / 1080 );
		padding-bottom : calc( 34 * 100vw / 1080 );
		border-bottom : solid  #fff calc( 2 * 100vw / 1080 );
		display : flex;
		align-items : center;
		padding-left : calc( 32 * 100% / 1080 );
		padding-right : calc( 32 * 100% / 1080 );
	}
	#nav .gnav > li span:before{
		width : calc( 85 * 100vw / 1080 );
		height : calc( 85 * 100vw / 1080 );
		margin-right : calc( 24 * 100vw / 1080 );
	}
	#nav .gnav > li:nth-child(1) span:before{
		background-image : url("../images/ui/icon/infomation_sp.svg");
	}
	#nav .gnav > li:nth-child(2) span:before{
		background-image : url("../images/ui/icon/question_sp.svg");
	}
	#nav .gnav ul{
		margin-top : calc( 32 * 100vw / 1080 );
		padding-bottom : calc( ( 100 - 29 ) * 100vw / 1080 );
	}
	#nav .gnav ul li + li{
		margin-top : calc( 8 * 100vw / 1080 );
	}
	#nav .gnav ul a{
		padding-left : calc( 64 * 100% / 1080 );
		padding-right : calc( 64 * 100% / 1080 );
		font-size : calc( 42 * 100vw / 1080 );
		font-weight : 700;
		padding-top : calc( 29 * 100vw / 1080 );
		padding-bottom : calc( 29 * 100vw / 1080 );
		display : block;
	}
	#nav .gnav ul a:hover{
		background-color : #6fba2c;
	}
	#nav .gnav > li > a{
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
		background-color : #ffe44f;
		font-size : calc( 57 * 100vw / 1080 );
		width : calc( 994 * 100% / 1080 );
		height : calc( 128 * 100vw / 1080 );
		margin-left : auto;
		margin-right : auto;
		color : #2d7332;
	}
	#nav .gnav > li > a:before{
		width : calc( 88 * 100vw / 1080 );
		height : calc( 88 * 100vw / 1080 );
		margin-right : calc( 8 * 100vw / 1080 );
	}
	#nav #navLinks{
		display : flex;
		align-items : center;
		justify-content : center;
		flex-wrap : wrap;
		margin-top : calc( 78 * 100vw / 1080 );
		padding-left : calc( 94 * 100% / 1080 );
		padding-right : calc( 94 * 100% / 1080 );
	}
	#nav #navLinks:after{
		content : "";
		width : 100%;
		display : block;
		height : 0;
		order : 2;
	}
	#nav #navLinks > li:nth-child( -n + 2){
		order : 1;
	}
	#nav #navLinks > li:nth-child( n + 3){
		order : 3;
		margin-top : calc( 28 * 100vw / 1080 );
	}
	#nav #navLinks a{
		font-size : calc( 32 * 100vw / 1080 );
		font-weight : 500;
		display : flex;
		align-items : center;
	}
	#nav #navLinks a:after{
		content : "|";
		margin-left : 1em;
	}
	#nav #navLinks li:nth-child(1) a:before , #nav #navLinks li:nth-child(3) a:before{
		content : "|";
		margin-right : 1em;
	}
	#nav #navLinks li + li{
		margin-left : 1em;
	}
}
@media print,screen and (min-width: 769px){
	#nav .gnav{
		display : flex;
		align-items : center;
	}
	#nav .gnav > li{
		position : relative;
		width : calc( 100% / 3 );
	}
	#nav .gnav > li + li:before{
		content : "";
		display : block;
		width : 0;
		position : absolute;
		left : 0;
		top : 0;
		border-left : solid 1px #9fa0a0;
	}
	#nav .gnav > li > a , #nav .gnav > li > span{
		display : flex;
		justify-content: center;
		align-items: center;
		cursor : pointer;
	}
	#nav .gnav > li > a:before , #nav .gnav > li > span:before{
		margin-right : 12px;
	}
	#nav .gnav > li:nth-child(1) span:before{
		background-image : url("../images/ui/icon/infomation.svg");
	}
	#nav .gnav > li:nth-child(2) span:before{
		background-image : url("../images/ui/icon/question.svg");
	}
	#nav .gnav > li:hover ul{
		max-height : 100vh;
	}
	#nav ul ul{
		max-height : 0;
		overflow : hidden;
		position : absolute;
		left : 50%;
		transform : translateX(-50%);
		backface-visibility : hidden;
		will-change : max-height;
		top : 100%;
		background-color : #2d7332;
		transition : max-height .3s ease-in;
	}
	#nav ul ul a{
		color : #fff;
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
		width : 100%;
	}
	#nav ul ul a:hover{
		background-color : #6fba2c;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#nav{
		margin-top : calc( 15 * 100vw / 1050 );
	}
	#nav .gnav > li > a , #nav .gnav > li > span{
		font-size : calc( 15 * 100vw / 1050 );
		padding-bottom : calc( 10 * 100vw / 1050 );
	}
	#nav .gnav > li > a:before , #nav .gnav > li > span:before{
		width : calc( 23 * 100vw / 1050 );
		height : calc( 23 * 100vw / 1050 );
	}
	#nav .gnav > li + li:before{
		height : calc( 25 * 100vw / 1050 );
	}
	#nav ul ul{
		width : calc( 336 * 100vw / 1050 );
	}
	#nav ul ul a{
		font-size : calc( 16 * 100vw / 1050 );
		padding-top : calc( 11 * 100vw / 1050 );
		padding-bottom : calc( 11 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#nav{
		margin-top : 15px;
	}
	#nav .gnav > li > a , #nav .gnav > li > span{
		font-size : 15px;
		padding-bottom : 10px;
	}
	#nav .gnav > li > a:before , #nav .gnav > li > span:before{
		width : 23px;
		height : 23px;
	}
	#nav .gnav > li + li:before{
		height : 25px;
	}
	#nav ul ul{
		width : 336px;
	}
	#nav ul ul a{
		font-size : 16px;
		padding-top : 11px;
		padding-bottom : 11px;
	}
}
/*--------------------------------------------
SNS
---------------------------------------------*/
#sns{
	position : absolute;
	font-weight : 700;
}
#sns span{
	display : flex;
	align-items : center;
}
#sns span:before{
	content : "";
	display : block;
	background-repeat : no-repeat;
	background-size : contain;
	background-position : left center;
}
#sns > ul > li:nth-child(1) span:before{
	background-image : url("../images/ui/icon/sns.svg");
}
#sns > ul > li:nth-child(2) span:before{
	background-image : url("../images/ui/icon/lang.svg");
}
#sns > ul > li{
	cursor : pointer;
	position : relative;
}
#sns ul ul{
	max-height : 0;
	overflow : hidden;
	backface-visibility : hidden;
	will-change : max-height;
	transition : max-height .3s ease-in;
	background-color : #fff;
	position : absolute;
	left : 0;
	top : 100%;
	width : 100%;
	z-index : 5;
}
#sns ul ul a{
	display : block;
}
#sns > ul > li:hover ul{
	max-height : 100vh;
}
@media screen and (max-width: 768px){
	#sns{
		left : calc( 40 * 100% / 1080 );
		top : calc( ( 52 - 16 ) * 100vw / 1080 );
	}
	#sns > ul > li{
		padding-left : calc( 24 * 100vw / 1080 );
		padding-right : calc( 24 * 100vw / 1080 );
		border-left : solid 1px transparent;
		border-right : solid 1px transparent;
		border-top : solid 1px transparent;
		width : calc( 224 * 100vw / 1080 );
	}
	#sns > ul > li span{
		padding-top : calc( 16 * 100vw / 1080 );
		padding-bottom : calc( 16 * 100vw / 1080 );
		font-size : calc( 26 * 100vw / 1080 );
		font-weight : 700;
	}
	#sns > ul > li span:before{
		width : calc( 30 * 100vw / 1080 );
		height : calc( 30 * 100vw / 1080 );
		margin-right : calc( 12 * 100vw / 1080 );
	}
	#sns ul ul{
		border-left : solid 1px transparent;
		border-right : solid 1px transparent;
		border-bottom : solid 1px transparent;
		padding-left : calc( 24 * 100vw / 1080 );
		padding-right : calc( 24 * 100vw / 1080 );
		width : calc( 100% + 2px );
		left : -1px;
	}
	#sns ul ul a{
		font-size : calc( 26 * 100vw / 1080 );
		font-weight : 700;
		padding-top : calc( 12 * 100vw / 1080 );
		padding-bottom : calc( 12 * 100vw / 1080 );
	}
	#sns > ul > li:hover{
		border-top : solid 1px #c9caca;
		padding-left : calc( 24 * 100vw / 1080 );
		padding-right : calc( 24 * 100vw / 1080 );
		border-left-color : #c9caca;
		border-right-color : #c9caca;
		border-top-color : #c9caca;
		z-index : 5;
	}
	#sns > ul > li:hover ul{
		border-left-color : #c9caca;
		border-right-color : #c9caca;
		border-bottom-color : #c9caca;
	}
}
@media print,screen and (min-width: 769px){
	#sns > ul{
		display : flex;
		justify-content : center;
		align-items : flex-start;
	}
	#sns span{
		border-bottom-color : transparent;
		border-bottom-style : solid;
		border-bottom-width : 1px;
	}
	#sns span:after{
		content : "";
		display : block;
		background-image : url("../images/ui/icon/dropdown.svg");
		background-position : center center;
		background-repeat : no-repeat;
		border-left : 1px solid #c9caca;
	}
	#sns > ul > li:hover span{
		border-bottom-color : #c9caca;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#sns{
		top : calc( 30 * 100vw / 1050 );
		left : calc( 798 * 100vw / 1050 );
	}
	#sns > ul > li + li{
		margin-left : calc( 16 * 100vw / 1050 );
	}
	#sns span{
		font-size : calc( 12 * 100vw / 1050 );
		width : calc( 92 * 100vw / 1050 );
		padding-bottom : calc( 5 * 100vw / 1050 );
	}
	#sns span:before{
		width : calc( 14 * 100vw / 1050 );
		height : calc( 14 * 100vw / 1050 );
		margin-right : calc( 4 * 100vw / 1050 );
	}
	#sns span:after{
		width : calc( 19 * 100vw / 1050 );
		height : calc( 19 * 100vw / 1050 );
		background-size : auto calc( 5 * 100vw / 1050 );
		margin-left : calc( 8 * 100vw / 1050 );
	}
	#sns ul ul a{
		font-size : calc( 12 * 100vw / 1050 );
		padding-left : calc( 8 * 100vw / 1050 );
		padding-right : calc( 8 * 100vw / 1050 );
		padding-top : calc( 8 * 100vw / 1050 );
		padding-bottom : calc( 8 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#sns{
		top : 30px;
		left : 798px;
	}
	#sns > ul > li + li{
		margin-left : 16px;
	}
	#sns span{
		font-size : 12px;
		width : 92px;
		padding-bottom : 5px;
	}
	#sns span:before{
		width : 14px;
		height : 14px;
		margin-right : 4px;
	}
	#sns span:after{
		width : 19px;
		height : 19px;
		background-size : auto 5px;
		margin-left : 8px;
	}
	#sns ul ul a{
		font-size : 12px;
		padding-left : 8px;
		padding-right : 8px;
		padding-top : 8px;
		padding-bottom : 8px;
	}
}
/*--------------------------------------------
COLUMN
---------------------------------------------*/
@media print,screen and (min-width: 769px){
	#column{
		display : flex;
		align-items : flex-start;
		justify-content : space-between;
		max-width : 1108px;
		margin-left : auto;
		margin-right : auto;
		padding-bottom : 43px;
		padding-top : 30px;
	}
	#column .wrap{
		width : 100%;
	}
	#column > main{
		width : 742px;
	}
	#column > main > section , #column > main > aside{
		background-color : #fff;
	}
	#column #sidebar{
		width : 345px;
	}
	#column #sidebar .wrap{
		padding-left : 10px;
		padding-right : 10px;
	}
}
/*--------------------------------------------
RANKING
---------------------------------------------*/
.layout-ranking .img{
	text-align : center;
}
.layout-ranking .box .rank{
	display : flex;
	align-items : center;
	border-bottom-style : solid;
	border-bottom-color : #ccc;
}
.layout-ranking .data{
	display : flex;
	flex-wrap : wrap;
}
.layout-ranking .data > div{
	display : flex;
}
.layout-ranking .data > div:nth-of-type(n+3){
	margin-top : 1px;
}
.layout-ranking .data > div.w50{
	width : 50%;
}
.layout-ranking .data > div:not(.w50){
	width : 100%;
}
.layout-ranking .data dt{
	background-color : #f5d046;
	flex-shrink : 0;
	text-align : center;
}
.layout-ranking .data dd{
	background-color : #f1f1f1;
	flex-grow : 1;
}
.layout-ranking .data .right{
	text-align : right;
}
.layout-ranking .links ul{
	display : flex;
	justify-content : center;
}
.layout-ranking .links a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-repeat : no-repeat;
	background-size : cover;
	background-position : center center;
	text-shadow : 1.414px 1.414px 0 rgba(51, 51, 51, .004);
	color : #fff;
}
.layout-ranking .links .link01{
	background-image : url("../images/ui/bg/link01.png");
}
.layout-ranking .links .link02{
	background-image : url("../images/ui/bg/link02.png");
}
.layout-ranking .content{
	overflow : hidden;
}
.layout-ranking .content iframe{
	position : relative;
	left : 50%;
	-webkit-transform : translateX(-50%);
	        transform : translateX(-50%);
}
.layout-ranking .voice h4{
	background-image : url("../images/ui/icon/voice.png");
	background-position-y : top;
	background-repeat : no-repeat;
	border-bottom-color : #d01827;
	border-bottom-style : solid;
}
.layout-ranking .voice li{
	background-color : #fdfde2;
}
.layout-ranking .voice .header{
	display : flex;
	align-items : center;
	border-bottom : 1px solid #333;
}
.layout-ranking .voice .header p{
	flex-shrink : 0;
}
@media screen and (max-width: 768px){
	.layout-ranking{
		margin-top : calc( 45 * 100vw / 1080 );
	}
	.layout-ranking > li + li{
		margin-top : calc( 95 * 100vw / 1080 );
	}
	.layout-ranking .box{
		margin-top : calc( 59 * 100vw / 1080 );
	}
	.layout-ranking .box .img{
		text-align : center;
	}
	.layout-ranking .box .img img{
		width : auto;
	}
	.layout-ranking .datas{
		margin-top : calc( 30 * 100vw / 1080 );
	}
	.layout-ranking .rank{
		width : calc( 600 * 100% / 736 );
		margin-left : auto;
		margin-right : auto;
		justify-content : center;
		border-bottom-width : calc( 6 * 100vw / 1080 );
		padding-bottom : calc( 9 * 100vw / 1080 );
	}
	.layout-ranking .rank dt{
		font-size : calc( 30 * 100vw / 1080 );
	}
	.layout-ranking .rank dd{
		margin-left : calc( 32 * 100% / 600 );
	}
	.layout-ranking .rank dd img{
		height : calc( 60 * 100vw / 1080 );
	}
	.layout-ranking .data{
		margin-top : calc( 33 * 100vw / 1080 );
	}
	.layout-ranking .data dt , .layout-ranking .data dd{
		font-size : calc( 26 * 100vw / 1080 );
		line-height : 1.5;
		padding-top : calc( ( 22 - 6.5 ) * 100vw / 1080 );
		padding-bottom : calc( ( 22 - 6.5 ) * 100vw / 1080 );
	}
	.layout-ranking .data dt{
		width : calc( 160 * 100vw / 1080 );
	}
	.layout-ranking .data .left{
		padding-left : calc( 24 * 100vw / 1080 );
	}
	.layout-ranking .data .right{
		padding-right : calc( 24 * 100vw / 1080 );
	}
	.layout-ranking .links.links01{
		margin-top : calc( 36 * 100vw / 1080 );
	}
	.layout-ranking .links.links02{
		margin-top : calc( 51 * 100vw / 1080 );
	}
	.layout-ranking .links li + li{
		margin-left : calc( 16 * 100vw / 1080 );
	}
	.layout-ranking .links a{
		width : calc( 300 * 100vw / 1080 );
		height : calc( 80 * 100vw / 1080 );
		font-size : calc( 26 * 100vw / 1080 );
	}
	.layout-ranking .content{
		padding-top : calc( ( 44 - 6.5 ) * 100vw / 1080 );
		padding-bottom : calc( ( 57 - 39 - 6.5 ) * 100vw / 1080 );
	}
	.layout-ranking .content p{
		font-size : calc( 26 * 100vw / 1080 );
		line-height : 1.5;
		margin-bottom : 1.5em;
	}
	.layout-ranking .voice h4{
		background-size : auto calc( 28 * 100vw / 1080 );
		background-position-x : calc( 5 * 100vw / 1080 );
		padding-left : calc( 42 * 100vw / 1080 );
		font-size : calc( 30 * 100vw / 1080 );
		border-bottom-width : calc( 6 * 100vw / 1080 );
		padding-bottom : calc( 6 * 100vw / 1080 );
	}
	.layout-ranking .voice ul{
		margin-top : calc( 11 * 100vw / 1080 );
	}
	.layout-ranking .voice li{
		padding-top : calc( 21 * 100vw / 1080 );
		padding-left : calc( 13 * 100vw / 1080 );
		padding-right : calc( 13 * 100vw / 1080 );
		padding-bottom : calc( ( 29 - 6.5 ) * 100vw / 1080 );
	}
	.layout-ranking .voice li + li{
		margin-top : calc( 21 * 100vw / 1080 );
	}
	.layout-ranking .voice .header{
		padding-bottom : calc( 11 * 100vw / 1080 );
	}
	.layout-ranking .voice .header p img{
		height : calc( 30 * 100vw / 1080 );
	}
	.layout-ranking .voice .header h5{
		font-size : calc( 26 * 100vw / 1080 );
		margin-left : calc( 11 * 100vw / 1080 );
	}
	.layout-ranking .voice li > p{
		margin-top : calc( ( 14 - 6.5 ) * 100vw / 1080 );
		font-size : calc( 26 * 100vw / 1080 );
		line-height : 1.5;
	}
}
@media print,screen and (min-width: 769px){
	.layout-ranking{
		margin-top : 22px;
	}
	.layout-ranking > li + li{
		margin-top : 95px;
	}
	.layout-ranking .box{
		display : flex;
		align-items : flex-start;
		justify-content : space-between;
		margin-top : 9px;
	}
	.layout-ranking .box .img{
		margin-top : 22px;
		width : 282px;
		flex-shrink : 0;
	}
	.layout-ranking .box .datas{
		width : 419px;
		flex-shrink : 0;
	}
	.layout-ranking .box .rank{
		border-bottom-width : 4px;
		padding-bottom : 8px;
		padding-left : 4px;
	}
	.layout-ranking .box .rank dt{
		font-size : 26px;
	}
	.layout-ranking .box .rank dd{
		margin-left : 40px;
	}
	.layout-ranking .box .rank dd img{
		height : 41px;
	}
	.layout-ranking .box .data{
		margin-top : 13px;
	}
	.layout-ranking .box .data dt , .layout-ranking .box .data dd{
		font-size : 14px;
		line-height : 20px;
		padding-top : 5px;
		padding-bottom : 5px;
	}
	.layout-ranking .box .data dt{
		width : 84px;
	}
	.layout-ranking .box .data .left{
		padding-left : 20px;
	}
	.layout-ranking .box .data .right{
		padding-right : 8px;
	}
	.layout-ranking .links.links01{
		margin-top : 38px;
	}
	.layout-ranking .links.links02{
		margin-top : 28px;
	}
	.layout-ranking .links li + li{
		margin-left : 10px;
	}
	.layout-ranking .links a{
		width : 236px;
		height : 54px;
		font-size : 14px;
	}
	.layout-ranking .content{
		padding-top : calc( 17px - 8px );
		padding-bottom : calc( 41px - 8px );
	}
	.layout-ranking .content p{
		font-size : 14px;
		line-height : 30px;
		margin-bottom : calc( 30px - 8px );
	}
	.layout-ranking .voice h4{
		background-size : auto 23px;
		background-position-x : 9px;
		padding-left : 47px;
		font-size : 22px;
		border-bottom-width : 4px;
		padding-bottom : 10px;
	}
	.layout-ranking .voice ul{
		margin-top : 13px;
	}
	.layout-ranking .voice li{
		padding-top : 21px;
		padding-left : 11px;
		padding-right : 11px;
		padding-bottom : calc( 23px - 8px );
	}
	.layout-ranking .voice li + li{
		margin-top : 17px;
	}
	.layout-ranking .voice .header{
		padding-bottom : 8px;
	}
	.layout-ranking .voice .header p img{
		height : 30px;
	}
	.layout-ranking .voice .header h5{
		font-size : 18px;
		margin-left : 11px;
	}
	.layout-ranking .voice li > p{
		margin-top : calc( 9px - 8px );
		font-size : 14px;
		line-height : 30px;
	}
}
/*--------------------------------------------
SIDEBAR
---------------------------------------------*/
@media screen and (max-width: 768px){
	#sidebar{
		margin-top : calc( 59 * 100vw / 1080 );
	}
}
#sidebar-tips{
	background-color : #fff;
}
#sidebar-tips h4{
	display : flex;
	align-items : center;
	border-bottom-style : solid;
	border-bottom-color : #093;
}
#sidebar-tips h4:before{
	content : "";
	display : block;
	background : url("../images/ui/icon/tips.svg") 0 center / contain no-repeat;
}
#sidebar-tips li a{
	display : flex;
	align-items : center;
}
#sidebar-tips li a .img{
	flex-shrink : 0;
	position : relative;
	overflow : hidden;
}
#sidebar-tips li a .img > img{
	position : absolute;
	width : auto;
	height : auto;
	top : 50%;
	left : 50%;
	min-height : 100%;
	min-width : 100%;
	transform : translateX(-50%) translateY(-50%);
}
@supports ( object-fit: cover ){
	#sidebar-tips li a .img > img{
		position : static;
		height : 100%;
		width : 100%;
		left : 0;
		-o-object-fit : cover;
		   object-fit : cover;
		top : 0;
		    -ms-transform : none;
		   -moz-transform : none;
		-webkit-transform : none;
		        transform : none;
	}
}
#sidebar-tips li a h5{
	flex-grow : 1;
	width : 100%;
}
#sidebar-tips li + li{
	border-top-color : #ccc;
	border-top-style : dashed;
}
#sidebar-tips .link03{
	border-color : #676767;
}
@media screen and (max-width: 768px){
	#sidebar-tips .wrap{
		padding-top : calc( 20 * 100vw / 1080 );
		padding-bottom : calc( 66 * 100vw / 1080 );
	}
	#sidebar-tips h4{
		border-bottom-width : calc( 6 * 100vw / 1080 );
		padding-bottom : calc( 10 * 100vw / 1080 );
		font-size : calc( 34 * 100vw / 1080 );
	}
	#sidebar-tips h4:before{
		width : calc( 41 * 100vw / 1080 );
		height : calc( 38 * 100vw / 1080 );
		margin-right : calc( 10 * 100vw / 1080 );
		margin-left : calc( 2 * 100vw / 1080 );
	}
	#sidebar-tips ul{
		margin-top : calc( ( 23 - 10 ) * 100vw / 1080 );
	}
	#sidebar-tips li + li{
		border-top-width : calc( 3 * 100vw / 1080 );
	}
	#sidebar-tips li a{
		padding-top : calc( 10 * 100vw / 1080 );
		padding-bottom : calc( 10 * 100vw / 1080 );
	}
	#sidebar-tips .img{
		width : calc( 160 * 100% / 1080 );
		height : calc( 160 * 100vw / 1080 );
	}
	#sidebar-tips h5{
		margin-left : calc( 13 * 100vw / 1080 );
		font-size : calc( 26 * 100vw / 1080 );
		line-height : 1.5;
	}
}
@media print,screen and (min-width: 769px){
	#sidebar-tips .wrap{
		padding-top : 22px;
		padding-bottom : 22px;
	}
	#sidebar-tips h4{
		border-bottom-width : 2px;
		padding-bottom : 6px;
		font-size : 18px;
	}
	#sidebar-tips h4:before{
		width : 25px;
		height : 23px;
		margin-right : 9px;
		margin-left : 2px;
	}
	#sidebar-tips ul{
		margin-top : calc( 12px - 8px );
	}
	#sidebar-tips li + li{
		border-top-width : 1px;
	}
	#sidebar-tips li a{
		padding-top : 8px;
		padding-bottom : 8px;
	}
	#sidebar-tips .img{
		width : 70px;
		height : 70px;
	}
	#sidebar-tips h5{
		margin-left : 12px;
		font-size : 14px;
		line-height : 1.2;
	}
}
#sidebar-rank{
	background-color : #fff;
}
#sidebar-rank h4{
	background : url("../images/ui/bg/rank.png") center center / cover no-repeat;
	color : #fff;
	display : flex;
	align-items : center;
	position : relative;
}
#sidebar-rank h4:after{
	content : "";
	display : block;
	background-image : url("../images/ui/icon/choice.png");
	background-repeat : no-repeat;
	background-position : 0 0;
	background-size : contain;
	position : absolute;
}
#sidebar-rank li + li{
	border-top : 1px dashed #ccc;
}
#sidebar-rank li a{
	display : flex;
	align-items : flex-end;
}
#sidebar-rank .box > div{
	display : flex;
	align-items : center;
}
#sidebar-rank .box > div p{
	flex-shrink : 0;
}
#sidebar-rank .box > div h5{
	color : #c29905;
	line-height : 1.2;
	letter-spacing : 0;
}
#sidebar-rank .box > div h5 br{
	display : none;
}
#sidebar-rank .img{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
}
#sidebar-rank .img img{
	height : 100%;
	width : auto;
	max-width : inherit;
}
#sidebar-rank .link03{
	border-color : #c39b2e;
}
@media screen and (max-width: 768px){
	#sidebar-rank{
		padding-bottom : calc( 130 * 100vw / 1080 );
	}
	#sidebar-rank h4{
		width : calc( 736 * 100vw / 1080 );
		margin-left : auto;
		margin-right : auto;
		height : calc( 80 * 100vw / 1080 );
		padding-left : calc( 16 * 100% / 736 );
		font-size : calc( 34 * 100vw / 1080 );
	}
	#sidebar-rank h4:after{
		width : calc( 106 * 100vw / 1080 );
		height : calc( 106 * 100vw / 1080 );
		left : calc( 628 * 100% / 736 );
		top : calc( -14 * 100vw / 1080 );
	}
	#sidebar-rank .wrap > p{
		font-size : calc( 26 * 100vw / 1080 );
		line-height : 1.5;
		margin-top : calc( ( 24 - 6.5 ) * 100vw / 1080 );
	}
	#sidebar-rank li a{
		padding-top : calc( 29 * 100vw / 1080 );
		padding-bottom : calc( ( 31 - 6.5 ) * 100vw / 1080 );
	}
	#sidebar-rank .box > div p img{
		height : calc( 85 * 100vw / 1080 );
	}
	#sidebar-rank .box > div h5{
		font-size : calc( 30 * 100vw / 1080 );
		line-height : 1.3;
		margin-left : calc( 8 * 100vw / 1080 );
	}
	#sidebar-rank .box > p{
		font-size : calc( 26 * 100vw / 1080 );
		line-height : 1.5;
		margin-top : calc( ( 13 - 6.5 ) * 100vw / 1080 );
	}
	#sidebar-rank .box{
		width : calc( 560 * 100vw / 1080 );
		flex-shrink : 0;
	}
	#sidebar-rank .img{
		margin-left : auto;
		width : calc( 130 * 100vw / 1080 );
		height : calc( 130 * 100vw / 1080 );
	}
}
@media print,screen and (min-width: 769px){
	#sidebar-rank{
		margin-top : 48px;
		padding-bottom : 15px;
	}
	#sidebar-rank h4{
		width : 100%;
		height : 43px;
		padding-left : 16px;
		font-size : 18px;
	}
	#sidebar-rank h4:after{
		width : 58px;
		height : 58px;
		left : 281px;
		top : -8px;
	}
	#sidebar-rank .wrap > p{
		font-size : 14px;
		line-height : 21px;
		margin-top : calc( 14px - 3.5px );
	}
	#sidebar-rank li a{
		padding-top : 12px;
		padding-bottom : 12px;
	}
	#sidebar-rank .box > div p img{
		height : 52px;
	}
	#sidebar-rank .box > div h5{
		font-size : 18px;
		margin-left : 4px;
	}
	#sidebar-rank .box > p{
		font-size : 14px;
		line-height : 21px;
		margin-top : calc( 9px - 3.5px );
	}
	#sidebar-rank .box{
		width : 240px;
		flex-shrink : 0;
	}
	#sidebar-rank .img{
		width : 80px;
		height : 80px;
	}
}
#sidebar-product{
	background-color : #fff;
}
#sidebar-product h4{
	display : flex;
	align-items : center;
	border-bottom-style : solid;
	border-bottom-color : #308ccc;
}
#sidebar-product h4:before{
	content : "";
	display : block;
	background : url("../images/ui/icon/product.svg") 0 0 / contain no-repeat;
}
#sidebar-product ul{
	display : flex;
	flex-wrap : wrap;
}
#sidebar-product li{
	width : 50%;
}
#sidebar-product li:nth-child(n + 3){
	border-top-style : dashed;
	border-top-color : #ccc;
}
#sidebar-product li:nth-child(even){
	position : relative;
}
#sidebar-product li:nth-child(even):before{
	content : "";
	width : 0;
	position : absolute;
	top : 50%;
	transform : translateY(-50%);
	left : 0;
	border-left-style : dashed;
	border-left-color : #ccc;
}
#sidebar-product li a{
	display : block;
}
#sidebar-product .img{
	display : flex;
	align-items : center;
	justify-content : center;
}
#sidebar-product .img img{
	max-width : 100%;
	max-height : 100%;
	height : 100%;
	width : auto;
}
#sidebar-product h5{
	text-align : center;
	line-height : 1.2;
}
#sidebar-product .link03{
	border-bottom-color : #333;
}
@media screen and (max-width: 768px){
	#sidebar-product .wrap{
		padding-bottom : calc( 18 * 100vw / 1080 );
	}
	#sidebar-product h4{
		border-bottom-width : calc( 6 * 100vw / 1080 );
		padding-bottom : calc( 11 * 100vw / 1080 );
		font-size : calc( 34 * 100vw / 1080 );
	}
	#sidebar-product h4:before{
		width : calc( 38 * 100vw / 1080 );
		height : calc( 35 * 100vw / 1080 );
		margin-right : calc( 14 * 100vw / 1080 );
		margin-left : calc( 6 * 100vw / 1080 );
	}
	#sidebar-product ul{
		margin-top : calc( 9 * 100vw / 1080 );
	}
	#sidebar-product li:nth-child(n + 3){
		border-top-width : calc( 3 * 100vw / 1080 );
	}
	#sidebar-product li:nth-child(even):before{
		border-left-width : calc( 3 * 100vw / 1080 );
		height : calc( 100% - ( 13  * 100vw / 1080 ) );
	}
	#sidebar-product li a{
		padding-top : calc( 45 * 100vw / 1080 );
		padding-bottom : calc( 45 * 100vw / 1080 );
	}
	#sidebar-product .img img{
		height : calc( 200 * 100vw / 1080 );
	}
	#sidebar-product h5{
		margin-top : calc( ( 36 - 2.6 ) * 100vw / 1080 );
		font-size : calc( 26 * 100vw / 1080 );
	}
}
@media print,screen and (min-width: 769px){
	#sidebar-product{
		margin-top : 34px;
	}
	#sidebar-product .wrap{
		padding-top : 15px;
		padding-bottom : 21px;
	}
	#sidebar-product h4{
		border-bottom-width : 2px;
		padding-bottom : 7px;
		font-size : 18px;
	}
	#sidebar-product h4:before{
		width : 25px;
		height : 23px;
		margin-right : 6px;
		margin-left : 2px;
	}
	#sidebar-product ul{
		margin-top : 3px;
	}
	#sidebar-product li:nth-child(n + 3){
		border-top-width : 1px;
	}
	#sidebar-product li:nth-child(even):before{
		border-left-width : 1px;
	}
	#sidebar-product li:nth-child(even):before{
		height : calc( 100% - 14px );
	}
	#sidebar-product li a{
		padding-top : 7px;
		padding-bottom : 7px;
	}
	#sidebar-product .img{
		margin-top : 8px;
	}
	#sidebar-product .img img{
		height : 109px;
	}
	#sidebar-product h5{
		margin-top : calc( 20px - 1.3px );
		font-size : 13px;
		padding-left : 4px;
		padding-right : 4px;
	}
}
/*--------------------------------------------
FOOTER
---------------------------------------------*/
#js-totop{
	position : fixed;
	backface-visibility : hidden;
	will-change : transform;
	transition : -webkit-transform .3s ease-in;
	transition :         transform .3s ease-in;
	transition :         transform .3s ease-in, -webkit-transform .3s ease-in;
	z-index : 10;
}
#js-totop.is-view{
	-webkit-transform : translateY(0);
	        transform : translateY(0);
}
#js-totop:not(.is-view){
	-webkit-transform : translateY(150%);
	        transform : translateY(150%);
}
@media screen and (max-width: 768px){
	#js-totop{
		right : calc( 18 * 100vw / 1080 );
		bottom : calc( 42 * 100vw / 1080 );
	}
	#js-totop img{
		height : calc( 230 * 100vw / 1080 );
		width : auto;
		max-width : inherit;
	}
}
@media print,screen and (min-width: 769px){
	#js-totop{
		bottom : 0;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#js-totop{
		right : calc( 66 * 100vw / 1050 );
	}
	#js-totop img{
		width : auto;
		max-width : inherit;
		height : calc( 214 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#js-totop{
		right : 66px;
	}
}
#footer{
	box-shadow : 0 10px #2d7332;
	font-weight : 700;
	color : #fff;
}
#footer a{
	color : #fff;
}
#footer .links{
	display : flex;
}
#footer .links li{
	display : flex;
	align-items : center;
}
#footer .links li:before{
	content : "|";
	margin-left : 1em;
	margin-right : 1em;
}
@media screen and (max-width: 768px){
	#footer{
		background : url("../images/footer/bg_sp.svg") center top / cover no-repeat;
	}
	#footer .wrap{
		padding-top : calc( 68 * 100vw / 1080 );
		padding-left : calc( 33 * 100% / 1080 );
		padding-right : calc( 33 * 100% / 1080 );
		padding-bottom : calc( 52 * 100vw / 1080 );
	}
	#footer .links{
		flex-wrap : wrap;
		justify-content : center;
	}
	#footer .links li:nth-child( -n + 2){
		order : 1;
	}
	#footer .links:after{
		content : "";
		display : block;
		width : 100%;
		height : 0;
		order : 2;
	}
	#footer .links li:nth-child( n + 3){
		order : 3;
		margin-top : calc( 28 * 100vw / 1080 );
	}
	#footer .links a{
		font-weight : 500;
		font-size : calc( 32 * 100vw / 1080 );
	}
	#footer .box{
		margin-top : calc( 86 * 100vw / 1080 );
	}
	#footer h2 img{
		height : calc( 109 * 100vw / 1080 );
	}
	#footer .box p , #footer .box li{
		font-size : calc( 32 * 100vw / 1080 );
		line-height : 1.41;
	}
	#footer .box > div{
		margin-top : calc( ( 36 - 6.5 ) * 100vw / 1080 );
	}
	#footer .box ul{
		display : flex;
		align-items : center;
		flex-wrap : wrap;
	}
	#footer .box ul:after{
		content : "";
		display : block;
		width : 100%;
		height : 0;
		order : 2;
	}
	#footer .box ul li:nth-child(-n+2){
		order : 1;
	}
	#footer .box ul li:nth-child(n+3){
		order : 3;
	}
	#footer .box ul li:nth-child(2){
		margin-left : 1em;
	}
	#footer .copyright{
		font-size : calc( 18 * 100vw / 1080 );
		margin-top : calc( ( 48 - 6.5 ) * 100vw / 1080 );
	}
}
@media print,screen and (min-width: 769px){
	#footer{
		background-image : url("../images/footer/bg.png");
		background-repeat : repeat-x;
		background-position : 0 0;
	}
	#footer .sp_br{
		display: none;
    }
	#footer .box{
		display : flex;
		align-items : center;
	}
	#footer .box ul{
		display : flex;
		align-items : center;
	}
	#footer .box ul li + li{
		margin-left : 1em;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#footer{
		border-bottom : solid #2d7332 calc( 12 * 100vw / 1050 );
	}
	#footer .wrap{
		padding-left : calc( 62 * 100vw / 1050 );
		padding-right : calc( 62 * 100vw / 1050 );
		padding-top : calc( 45 * 100vw / 1050 );
	}
	#footer .links a{
		font-size : calc( 12 * 100vw / 1050 );
	}
	#footer h2 img{
		height : calc( 36 * 100vw / 1050 );
	}
	#footer .box{
		margin-top : calc( ( 12 - 3.5 ) * 100vw / 1050 );
	}
	#footer .box > div{
		margin-left : calc( 22 * 100vw / 1050 );
	}
	#footer .box p , #footer .box li{
		font-size : calc( 14 * 100vw / 1050 );
		line-height : 1.5;
	}
	#footer .copyright{
		margin-top : calc( ( 24 - 3.5 ) * 100vw / 1050 );
		font-size : calc( 10 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#footer{
		border-bottom : solid #2d7332 12px;
	}
	#footer .wrap{
		padding-left : 62px;
		padding-right : 62px;
		padding-top : 45px;
	}
	#footer .links a{
		font-size : 12px;
	}
	#footer h2{
		width : 152px;
	}
	#footer h2 img{
		height : 36px;
	}
	#footer .box{
		margin-top : calc( 11px - 3.5px );
	}
	#footer .box > div{
		margin-left : 22px;
	}
	#footer .box p , #footer .box li{
		font-size : 14px;
		line-height : 21px;
	}
	#footer .copyright{
		margin-top : calc( 24px - 3.5px );
		font-size : 10px;
	}
}
/*--------------------------------------------
MAIN HEADER
---------------------------------------------*/
#mainHeader{
	background-repeat : no-repeat;
	background-position : center center;
}
#mainHeader h2.white span:nth-of-type(1){
	color : #fff;
}
#mainHeader .wrap{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	width : 100%;
	height : 100%;
}
@media screen and (max-width: 768px){
	#mainHeader{
		height : calc( 160 * 100vw / 1080 );
	}
}
@media print,screen and (min-width: 769px){
	#mainHeader{
		background-size : cover;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#mainHeader{
		height : calc( 168 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#mainHeader{
		height : 160px;
	}
}
/*--------------------------------------------
BREADCRUMB
---------------------------------------------*/
@media print,screen and (min-width: 769px){
	#breadcrumb{
		background-color : #f2f1f1;
	}
	#breadcrumb ol{
		display : flex;
		align-items : center;
	}
	#breadcrumb li{
		display : flex;
		align-items : center;
		font-weight : 700;
	}
	#breadcrumb li , #breadcrumb a{
		color : #2d7332;
	}
	#breadcrumb li + li:before{
		content : ">";
		display : block;
		margin-left : .25em;
		margin-right : .25em;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#breadcrumb ol{
		padding-top : calc( 6 * 100vw / 1050 );
		padding-bottom : calc( 6 * 100vw / 1050 );
	}
	#breadcrumb li , #breadcrumb a{
		font-size : calc( 12 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#breadcrumb ol{
		padding-top : 6px;
		padding-bottom : 6px;
	}
	#breadcrumb li , #breadcrumb a{
		font-size : 12px;
	}
}
/*--------------------------------------------
LAYOUT COLUMN
---------------------------------------------*/
@media screen and (max-width: 768px){
	#layoutColumn > .wrap{
		display : flex;
		flex-direction : column-reverse;
	}
}
@media screen and (max-width: 768px){
	#layoutColumn > .wrap{
		padding-top : calc( 44 * 100vw / 1080 );
		padding-left : calc( 44 * 100% / 1080 );
		padding-right : calc( 44 * 100% / 1080 );
		padding-bottom : calc( 64 * 100vw / 1080 );
	}
}
@media print,screen and (min-width: 769px){
	#layoutColumn > .wrap{
		display : flex;
		align-items : flex-start;
		justify-content : space-between;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#layoutColumn > .wrap{
		padding-left : calc( 66 * 100vw / 1050 );
		padding-right : calc( 66 * 100vw / 1050 );
		padding-top : calc( 92 * 100vw / 1050 );
		padding-bottom : calc( 40 * 100vw / 1050 );
	}
	#layoutColumn .wrap > article{
		width : calc( 696 * 100vw / 1050 );
	}
	#layoutColumn .wrap > aside{
		width : calc( 182 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#layoutColumn > .wrap{
		padding-left : 66px;
		padding-right : 66px;
		padding-top : 92px;
		padding-bottom : 40px;
	}
	#layoutColumn .wrap > article{
		width : 696px;
	}
	#layoutColumn .wrap > aside{
		width : 182px;
	}
}
/*--------------------------------------------
SIDEBAR
---------------------------------------------*/
#sidebarNews{
	font-weight : 700;
}
#sidebarNews h3{
	display : flex;
	align-items : center;
	color : #fff;
	background-color : #6fba2c;
}
#sidebarNews ol{
	border-bottom : 1px solid #6fba2c;
}
#sidebarNews ol > li{
	display : flex;
	align-items : flex-start;
}
#sidebarNews ol > li + li{
	border-top : 1px solid #4c4948;
}
@media screen and (max-width: 768px){
	#sidebarNews{
		position : relative;
	}
	#sidebarNews h3{
		width : calc( 442 * 100vw / 1080 );
		height : calc( 82 * 100vw / 1080 );
		margin-left : auto;
		font-size : calc( 29 * 100vw / 1080 );
		padding-left : calc( 18 * 100vw / 1080 );
		padding-right : calc( 38 * 100vw / 1080 );
		justify-content : space-between;
		cursor : pointer;
	}
	#sidebarNews h3:after{
		content : "";
		display : block;
		background : url("../images/ui/icon/down.svg") center center / contain no-repeat;
		-webkit-transform-origin : center center;
		        transform-origin : center center;
		width : calc( 38 * 100vw / 1080 );
		height : calc( 24 * 100vw / 1080 );
		flex-shrink : 0;
		backface-visibility : hidden;
		will-change : transfomr;
		transition : -webkit-transform .2s ease;
		transition :         transform .2s ease;
		transition :         transform .2s ease, -webkit-transform .2s ease;
	}
	#sidebarNews ol{
		overflow : hidden;
		max-height : 0;
		position : absolute;
		right : 0;
		top : 100%;
		width : calc( 442 * 100vw / 1080 );
		background-color : #fff;
		backface-visibility : hidden;
		will-change : max-height;
		transition : max-height .3s ease-in;
		z-index : 5;
	}
	#sidebarNews ol > li{
		padding-top : calc( 24 * 100vw / 1080 );
		padding-bottom : calc( 24 * 100vw / 1080 );
		padding-left : calc( 8 * 100vw / 1080 );
		padding-right : calc( 8 * 100vw / 1080 );
	}
	#sidebarNews ol h4{
		width : calc( 160 * 100vw / 1080 );
		font-size : calc( 28 * 100vw / 1080 );
	}
	#sidebarNews a{
		font-size : calc( 28 * 100vw / 1080 );
	}
	#sidebarNews ul li + li{
		margin-top : calc( 20 * 100vw / 1080 );
	}
	#sidebarNews #js-acordion.is-open:after{
		-webkit-transform : rotate(180deg);
		        transform : rotate(180deg);
	}
	#sidebarNews #js-acordion.is-open + ol{
		max-height : 100vh;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#sidebarNews h3{
		height : calc( 34 * 100vw / 1050 );
		font-size : calc( 12 * 100vw / 1050 );
		padding-left : calc( 4 * 100vw / 1050 );
	}
	#sidebarNews ol > li{
		padding-top : calc( 16 * 100vw / 1050 );
		padding-bottom : calc( 16 * 100vw / 1050 );
		padding-left : calc( 4 * 100vw / 1050 );
		padding-right : calc( 4 * 100vw / 1050 );
	}
	#sidebarNews ol h4{
		width : calc( 98 * 100vw / 1050 );
		font-size : calc( 12 * 100vw / 1050 );
	}
	#sidebarNews a{
		font-size : calc( 12 * 100vw / 1050 );
	}
	#sidebarNews ul li + li{
		margin-top : calc( 11 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#sidebarNews h3{
		height : 34px;
		font-size : 12px;
		padding-left : 4px;
	}
	#sidebarNews ol > li{
		padding-top : 16px;
		padding-bottom : 16px;
		padding-left : 4px;
		padding-right : 4px;
	}
	#sidebarNews ol h4{
		width : 98px;
		font-size : 12px;
	}
	#sidebarNews a{
		font-size : 12px;
	}
	#sidebarNews ul li + li{
		margin-top : 11px;
	}
}
/*# sourceMappingURL=../maps/layout.css.map */

/*--------------------------------------------
ADD
---------------------------------------------*/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.fc-unthemed .fc-bg td.fc-today {
	background: #fff7cc;
}
.fc-row .fc-content-skeleton {
	pointer-events: none;
}
.fc-unthemed .fc-bg td:hover {
	background: #C8FFD0;
	cursor: pointer;
}
.fc-day.selectedMark {
	position: relative;
}
.fc-day.selectedMark::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 97%;
	height: 97%;
/*	background: #2d7332;*/
	border:2px solid #2d7332;
	z-index: 9999;
	/*border-radius: 50%;*/
	transform: translateX(-50%) translateY(-50%);
}
@media screen and (max-width: 768px){
/*	.fc-day.selectedMark::before {
		width: calc(30 * 100vw / 1050);
		height: calc(30 * 100vw / 1050);
	}*/
}