@charset "utf-8";
/* CSS Document */

#main{
	display: block;
    width: 100%;
    height: auto;
	min-height: 100vh;
    min-width: 1200px;
	background: url(../image/movie/main.jpg);
	background-size: cover;
    position: relative;
	background-attachment: fixed;
	padding: 47px 0 0;
	
	
}

.wrapperContents_low3{ background: url(../image/cast/cast_bgBottom.jpg) #fffdfe no-repeat bottom;}


/* ――――――――――――――――――――――
	スプラッシュ関連
―――――――――――――――――――――― */
#splashWrapper * { position:relative; }

#splashWrapper {
	width:100%;
	height:100%;
	z-index: 100;
    background-position: center 39px;
	-webkit-transition: all 1.0s;
	transition: all 1.0s;
	padding: 50px 0 ;
}

#splashWrapper.close {
	opacity:0;
	pointer-events:none;
}


#splashMain {
	width:70vw;
	margin:auto;
	max-width: 970px;
	-webkit-transition: all 1s;
	transition: all 1s;
	top: calc(50vh - 45%);
}
	#splashMain .btnClose {
		text-align: right;
		padding: 1em 0;
	}
	#splashMain .movieBtns {
		display:flex;
		justify-content: center;
		padding:1em 0;
		flex-wrap: wrap;
	}
		#splashMain .movieBtns a {
			width:17%;
			border: 1px solid #e95377;
			padding: 1em;
			text-align: center;
			margin: 0 0.2em 5px;
			background-color: rgba(255,255,255,1);
			-webkit-transition: all 1s;
			transition: all 1s;
			color: #e95377;
		}
			#splashMain .movieBtns a:hover {
				background-color: rgba(255,243,247,1);
				text-decoration: none;
			}

#splashMain.close {
	opacity:0;
	pointer-events:none;
	-webkit-transition: all 1.0;
	transition: all 1.0s;
}

#movie > iframe {
	height: calc((70vw / 16) * 9);
    max-height: 540px;
}
	
.lightbox { display: none; }