@charset "UTF-8";
:root{
	--body : white;
	--link : white;
	--title : white;
	--main : #f6e8f5;
	--base : #eee;
	--mainBold : #dcabda;
	--sub : #999;
	--white : #fff;
}
/*--------------------------------------------
MV
---------------------------------------------*/
#mv .video{
	width : 100vw;
	height : calc( 709 * 100vw / 2000 );
	position : relative;
}
#mv .video iframe , #mv .video object , #mv .video embed{
	position : absolute;
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
}
/*--------------------------------------------
GALLERY
---------------------------------------------*/
#gallery .wrap{
	padding-top : 80px;
	padding-bottom : 100px;
}
#gallery h2{
	font-size : 35px;
	font-weight : 500;
	color : #f8f6e7;
	text-align : center;
	letter-spacing : .2em;
}
#gallery ul{
	margin-top : 60px;
}
#gallery .slick-slide{
	margin-left : 43px;
	margin-right : 43px;
	width : 840px;
	height : 580px;
}
#gallery .slick-slide > div , #gallery .slick-slide > div > li{
	width : 100%;
	height : 100%;
}
#gallery .slick-slide li{
	display : -webkit-box!important;
	display : -ms-flexbox!important;
	display : flex!important;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
}
#gallery .slick-slide li img{
	-webkit-transition : -webkit-filter .3s ease-in;
	        transition : -webkit-filter .3s ease-in;
	        transition :         filter .3s ease-in;
	        transition :         filter .3s ease-in, -webkit-filter .3s ease-in;
}
#gallery .slick-slide:not(.slick-active) li img{
	-webkit-filter : grayscale(100%);
	        filter : grayscale(100%);
}
#gallery .button{
	margin-top : 80px;
}
/*--------------------------------------------
INFORMATION
---------------------------------------------*/
#information{
	/*background-color : #202020;*/
}
#information .wrap{
	padding-top : 80px;
	padding-bottom : 80px;
}
#information h2{
	font-size : 35px;
	font-weight : 500;
	color : #f8f6e7;
	text-align : center;
	letter-spacing : .2em;
}
#information ul{
	margin-top : calc( 60px - 37px );
}
#information li{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	border-bottom : dotted 1px #fff;
	font-weight : 200;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	padding-bottom : 23px;
	padding-top : 37px;
}
#information time{
	font-size : 15px;
}
#information .taxonomy{
	margin-left : 30px;
	margin-right : 30px;
	min-width : 60px;
	height : 20px;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	font-size : 12px;
	letter-spacing : .12em;
}
#information .taxonomy.update{
	background-color : #e8c419;
}
#information .taxonomy.tv{
	background-color : #55a0ec;
}
#information .taxonomy.information{
	letter-spacing : .08em;
	background-color : #32ad2b;
}

#information h3{
	font-size : 18px;
}
#information .button{
	margin-top : 80px;
}