@charset "utf-8";
/* Common */
@media (min-width: 768px){
	.lowerpage-bg:before{background: url("../img/special/movie/mv.jpg") no-repeat center center/cover;}
}

@media (max-width: 767px){
	.lowerpage-bg:before{background: url("../img/special/movie/mv_sp.jpg") no-repeat center center/cover;}
}

/* Movie */
.heading{margin: 0 0 65px; font-weight: bold; font-family: 'Zen Kaku Gothic New', sans-serif; display: flex; align-items: flex-end; color: #00458d;}
.heading-txt{background: #e6ff1d; border: 1px solid #00458d; padding: 4px 25px; display: inline-block; border-radius: 32px;}
.heading-tit{font-size: 4.4rem; line-height: 1.2; margin-top: 15px;}
.heading-img{margin-left: 15px;}

@media (max-width: 767px){
	.heading{position: relative; max-width: 306px; margin: 0 0 24px;}
	.heading-txt{font-size: 1.2rem;}
	.heading-tit{font-size: min(6vw, 2.4rem); margin-top: 10px;}	
	.heading-img{position: absolute; right: -25px; bottom: 0; width: 37%;}
}

.movie-list{
	display: flex;
	flex-wrap: wrap;
}
.movie-item__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.movie__item{
	width: 30.698%;
	margin: 0 min(3vw, 32px) 75px 0;
}
.movie-item__img{
	position: relative;
	overflow: hidden;
	border-radius: 16px;
	border: 2px solid #00458D;
}
.movie-item__img::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00458D;
	opacity: 0.39;
	transition: 0.2s linear;
}
.movie-item__img::before{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	content: "";
	background: url(../img/common/ic-play.svg) no-repeat center center/100% 100%;
	width: 25px;
	height: 28px;
}
.movie__item:hover .movie-item__img::after{
	opacity: 0.16;
}
.movie-item__title{
	margin-top: 15px;
	font-weight: bold;
	padding-left: 23px;
	letter-spacing: 0.1em;
	position: relative;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	line-height: 1.5;
	color: #00458d;
}
.movie-item__title::before{
	position: absolute;
	left: 0;
	top: 0.9em;
	width: 16px;
	height: 2px;
	display: inline-block;
	background: #00458D;
	content: "";
	border-radius: 100px;
}
.movie-img-building{
	position: absolute;
	bottom: -30px;
	right: 8%;
}
.movie-page .line2-blue1{
	top: -125px;
	right: 29px;
}
.movie-page .lineR-green1{
	top: 550px;
	left: -90px;
}
.movie-page .lineL-blue1{
	width: 220px;
	height: 223px;
	right: -140px;
	top: 61%;
}
.movie-page .lineL-yellow1{
	width: 220px;
	height: 224px;
	right: -70px;
	top: 71%;
}
.movie-page .line2-purple1{
	right: 53px;
	top: 205%;
	z-index: 11;
}

.movie-ifrm .lineR-dblue1{
	top: -111px;
	left: 350px;
	width: 174px;
    height: 175px;
}
.movie-ifrm .lineS-purple1{
	top: 170px;
	right: 0;
}
.movie-ifrm .lineR-dblue2{
	bottom: 23%;
	left: -30%;
}
.movie-ifrm .lineS-purple2{
	right: 250px;
	bottom: 250px;
}

@media (min-width: 768px){
	.movie__item:nth-child(3n + 3){
		margin-right: 0;
	}
	.movie-list{
		margin-bottom: -75px;
	}	
}

@media (max-width: 767px){
	.movie-list{
		justify-content: space-between;
		margin: 0 10px;
	}
	.movie__item{
		width: 48%;
		margin: 0 0 32px 0;
	}
	.movie-item__title{
		margin-top: 10px;
	}
	.movie-img-building{
		bottom: -30px;
		right: 10px;
		max-width: 230px;
	}
	.movie-page .line2-blue1 {
		top: -20px;
		right: 0;
		width: 55px;
		height: 56px;
	}
	.movie-page .lineR-green1 {
		left: -50px;
	}
	.movie-page .lineL-blue1 {
		width: 110px;
		height: 111px;
		right: -90px;
	}
	.movie-page .lineL-yellow1 {
		width: 110px;
		height: 111px;
		right: -70px;
		top: 64%;
	}
	.movie-ifrm .lineR-dblue1{
		width: 58px;
		height: 59px;
		top: -30px;
		left: 180px;
	}
	.movie-ifrm .lineR-dblue1::after{
		background: #72C3C8;
	}
	.movie-ifrm .lineS-purple1 {
		top: 140px;
		right: -23px;
	}
	.movie-ifrm .lineS-purple2 {
		right: -20px;
		bottom: 40px;
	}
	.movie-ifrm .lineR-dblue2{
		left: -110px;
		bottom: 9%;
	}	
}
@media (max-width: 480px){
	.movie__item{
		width: 100%;
	}
	.movie__item:last-of-type{
		margin-bottom: 0;
	}	
}

/* Fancybox */
.fancybox-close-small{
	background: url(../img/common/ic-close.svg) no-repeat center center/100% 100%;
	width: 80px;
	height: 80px;
	right: -90px;
	top: -90px;
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-close-small svg{
	display: none !important;
}

@media (min-width: 768px){
	.fancybox-content{
		width: 640px !important;
		height: 360px !important;
	}	
}
@media (max-width: 900px){
	.fancybox-close-small{
		right: 10px;
	}
}
@media (max-width: 767px){
	.fancybox-slide{
		padding-left: 0;
		padding-right: 0;
	}
	.fancybox-close-small{
		width: 64px;
		height: 64px;
		top: -74px;
	}
	
}