@charset "UTF-8";

/* リセット */
body,div,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,caption,tr,td,th,address,header,footer,nav,article,section,aside,figure,figcaption {margin:0; padding:0; box-sizing:border-box;}
body,div,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,address,header,footer,nav,article,section,aside,figure,figcaption {display:block; box-sizing:border-box;}
ul,ol {font-size:0;list-style-type:none;}
img {border:none; vertical-align:middle;}

/* ユーティリティー */
a {display:block; zoom:1; text-decoration:none; color:#333; transition: opacity 2s; -webkit-transition: opacity 2s; -ms-transition: opacity 2s; -o-transition: opacity 2s;}
a:hover, a.active, a.np {opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}
a.nohover {opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";	}
.fgo {font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
.fmin {	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;}
.flt-l {float: left;}
.flt-r {float: right;}
.clearfix:after {
	content:"";
	clear:both;
	display:block;
}
.page {margin:0 auto; width:1280px;}

.boxshadow {
	box-shadow:rgba(000, 000, 000, 0.120000) 0px 0px 3px 2px;
	-webkit-box-shadow:rgba(000, 000, 000, 0.120000) 0px 0px 3px 2px;
	-moz-box-shadow:rgba(000, 000, 000, 0.120000) 0px 0px 3px 2px;
	zoom: 1;
	position:relative;
}

table {border-collapse:collapse;}


body {
	color:#231815;
	font-family:"Noto Sans Japanese","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:14px;
	line-height:1.4;
}
body p {
	line-height:1.8;
	font-family:"Noto Sans Japanese","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.baskerville {
	font-family: baskerville-display-pt, serif;
	font-weight: 700;
	font-style: italic;
}


body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
article {
	background-color:transparent;
}

/* -------------------------------------
movie-archives
------------------------------------- */
.movie-archives header {
	margin-bottom:80px;
	padding:30px 20px;
	border:8px solid #fff;
	background-color:#000;
	box-sizing:border-box;
}
.movie-archives header h1 {
	max-width:100px;
	width:100%;
	float:left;
}
.movie-archives header h1 img {
	width:100%;
	height:auto;
}
.movie-archives header p {
	width:auto;
	float:right;
	padding-top:5px;
}
.movie-archives header p a {
	font-size:1.3rem;
	font-weight:bold;
	color:#fff;
}

.movie-archives #intro {
	text-align:center;
	margin:5rem 0 10rem;
	padding:0 20px;
}
.movie-archives #intro p {
	max-width:110px;
	margin:0 auto 40px auto;
}
.movie-archives #intro p img {
	width:100%;
	height:auto;
}
.movie-archives #intro h2 {
	font-size:2.5rem;
	line-height:1.2;
	margin-bottom:1.2rem;
}
.movie-archives #intro h3 {
	font-size:1.7em;
	color:#a2a2a2;
	letter-spacing:0.3rem;
}

.movie-archives #movie {
	font-size:0;
	max-width: 1100px;
	width:100%;
	margin:0 auto 5rem;
	padding:0 10px;
	box-sizing:border-box;
}
.movie-archives #movie h4 {
	font-size:1.8rem;
	font-weight:300;
	text-align:center;
	width:100%;
	margin-bottom:2.5rem;
}
.movie-archives #movie article {
	width:30%;
	margin:0 5% 3rem 0;
	display:inline-block;
	vertical-align:top;
}
.movie-archives #movie article:last-child {
	margin-right:0;
}
.movie-archives #movie article .wrap {
	width:100%;
	position:relative;
	padding-top:56.25%;
	margin-bottom:1rem;
}
.movie-archives #movie article iframe {
	width:100%!important;
	height:100%!important;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
.movie-archives #movie article .btnWrapper {
	max-width:42px;
	width:12%;
	position:absolute;
	top:56%;
	right:8px;
	z-index:10;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.movie-archives #movie article .image {
	margin-bottom:30%;
}
.movie-archives #movie article .image img {
	width:100%;
	height:auto;
}
.movie-archives #movie h5 {
	font-size:1rem;
	margin-bottom:0.5rem;
}
.movie-archives #movie .date {
	font-size:0.9rem;
	color:#525252;
}

.movie-archives #banner {
	max-width:675px;
	width:100%;
	margin:0 auto;
	padding:0 20px;
}
.movie-archives #banner .image {
	margin-bottom:1rem;
}
.movie-archives #banner .image img {
	width:100%;
	height:auto;
}

footer {
	text-align:center;
	padding:5rem 20px;
	border:8px solid #fff;
	border-top:none;
	box-sizing:border-box;
	background-color:#000;
}
footer h6 {
	text-align:center;
	max-width:100px;
	width:100%;
	margin:0 auto 1rem;
}
footer h6 img {
	width:100%;
	height:auto;
}
footer p {
	font-weight:lighter;
	line-height:1.6;
	font-size:0.8rem;
	color:#fff;
}


@media screen and (max-width:1023px) {
	.movie-archives #movie {
		padding:0 20px;
	}
	.movie-archives #movie article {
		width:45%;
		margin-right:10%;
	}
	.movie-archives #movie article:nth-child(3n) {
		margin-right:0;
	}
	.movie-archives #movie article {
		
	}

}

@media screen and (max-width:420px) {
	.movie-archives #intro p {
		margin:0 auto 25px auto;
	}
	.movie-archives #intro h2 {
		font-size:2.0rem;
		line-height:1.2;
		margin-bottom:1.0rem;
	}
	.movie-archives #intro h3 {
		letter-spacing:0.1rem;
		font-size:90%;
	}
	.movie-archives #movie {
		padding:0 10px;
	}
	.movie-archives #movie article {
		width:100%;
		margin-right:0;
	}
}