@charset "utf-8";
@media screen and (min-width:769px){
	.subHeader{
		position: absolute;
		top: 0;
		z-index: 10;
	}
	#movie{
		margin-top:min(calc(73 / var(--vw-min) * 100vw),73px);
		padding-top: min(calc(73 / var(--vw-min) * 100vw),73px);
	}
	.movie{
		margin:0 0 min(calc(68 / var(--vw-min) * 100vw),68px);
		position:relative;
	}
}
@media screen and (max-width:768px){
	.movie{
		margin:0 0 calc(43 / var(--vw-min) * 100vw);
		position: relative;
	}
}
.movie__title{
	position:relative;
	/*left:50%;*/
	width:min(calc(1358 / var(--vw-min) * 100vw),1358px);
	height:min(calc(116 / var(--vw-min) * 100vw),116px);
	/*margin-left:max(calc(-679 / var(--vw-min) * 100vw),-679px);
	top:min(calc(50 / var(--vw-min) * 100vw),50px);*/
	margin-bottom:min(calc(131 / var(--vw-min) * 100vw),131px);
	background:url(../img/movie/movie_title-s.svg) no-repeat left top / contain;
	z-index:50;
	pointer-events:none;
}

@media screen and (max-width:768px){
	.movie__title{
		position:absolute;
		left:0;
		width:100%;
		margin-left:0;
		top:calc(-40 / var(--vw-min) * 100vw);
		height:calc(50 / var(--vw-min) * 100vw);
	}
}
.movie__inner{
	padding:0 0 min(calc(168 / var(--vw-min) * 100vw),168px);
}
@media screen and (max-width:768px){
	.movie__inner{
		padding:calc(52 / var(--vw-min) * 100vw) 0;
	}
}
.movie__inner:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:min(calc(212 / var(--vw-min) * 100vw),212px);
	background:var(--color-lightbrown);
	transform:skewX(37.5deg);
	transform-origin:right top;
}
@media screen and (max-width:768px){
	.movie__inner:before{
		right:calc(48 / var(--vw-min) * 100vw);
	}
}
.movie__inner:after{
	content:'';
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	left:min(calc(212 / var(--vw-min) * 100vw),212px);
	background:var(--color-lightbrown);
	transform:skewX(37.5deg);
	transform-origin:left bottom;
}
@media screen and (max-width:768px){
	.movie__inner:after{
		left:calc(48 / var(--vw-min) * 100vw);
	}
}
.movie__innerBg{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.movie__innerBg:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:min(calc(276 / var(--vw-min) * 100vw),276px);
	right:min(calc(212 / var(--vw-min) * 100vw),212px);
	background:var(--color-lightbrown);
}
@media screen and (max-width:768px){
	.movie__innerBg:before{
		bottom:calc(64 / var(--vw-min) * 100vw);
		right:calc(48 / var(--vw-min) * 100vw);
	}
}
.movie__innerBg:after{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	top:min(calc(276 / var(--vw-min) * 100vw),276px);
	left:min(calc(212 / var(--vw-min) * 100vw),212px);
	background:var(--color-lightbrown);
}
@media screen and (max-width:768px){
	.movie__innerBg:after{
		top:calc(64 / var(--vw-min) * 100vw);
		left:calc(48 / var(--vw-min) * 100vw);
	}
}
.movie__content{
	width:min(calc(1000 / var(--vw-min) * 100vw),1000px);
	margin:0 auto;
	position:relative;
	z-index:10;
}
@media screen and (max-width:768px){
	.movie__content{
		width:100%;
	}
}

/* movie tabLists*/
.movie__tabBtnLists{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:min(calc(10 / var(--vw-min) * 100vw),10px);
	margin-bottom: min(calc(58 / var(--vw-min) * 100vw),58px);
}
.movie__tabBtnItem{
	width: min(calc(200 / var(--vw-min) * 100vw),200px);
	text-align: center;
}
.movie__tabBtn{
	text-decoration: none;
	display: flex;
	justify-content: center;
    align-items: center;
	height:min(calc(48 / var(--vw-min) * 100vw),48px);
	width: 100%;
	text-align: center;
	border: 1px solid #4F0E0E;
	border-radius: min(calc(50 / var(--vw-min) * 100vw),50px);
	color: #4F0E0E;
	font-family: var(--font-crimson);
	font-size: min(calc(17 / var(--vw-min) * 100vw),17px);
	transition: all .4s ease;
	position: relative;
}
.movie__tabBtn::before{
	content: "";
	position: absolute;
	left: min(calc(24 / var(--vw-min) * 100vw),24px);
	top: 0;
	bottom: 0;
	margin: auto;
	width: min(calc(4 / var(--vw-min) * 100vw),4px);
	height: min(calc(4 / var(--vw-min) * 100vw),4px);
	background: #4F0E0E;
	border-radius: min(calc(4 / var(--vw-min) * 100vw),4px);
}
.movie__tabBtn::after{
	content: "";
	position: absolute;
	right: min(calc(24 / var(--vw-min) * 100vw),24px);
	top: 0;
	bottom: 0;
	margin: auto;
	width: min(calc(10 / var(--vw-min) * 100vw),10px);
	height: min(calc(12 / var(--vw-min) * 100vw),12px);
	background: #4F0E0E;
	border-radius: min(calc(4 / var(--vw-min) * 100vw),4px);
	-webkit-mask: url(../img/common/icon_arrow_btm.svg) no-repeat center center / contain;
	mask: url(../img/common/icon_arrow_btm.svg) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.movie__tabBtnLists{
		justify-content: flex-start;
		gap:calc(6 / var(--vw-min) * 100vw);
		margin-bottom: calc(40 / var(--vw-min) * 100vw);
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
	.movie__tabBtnItem{
		width: calc((100% - calc(6 / var(--vw-min) * 100vw)) / 2 );
	}
	.movie__tabBtn{
		height:calc(40 / var(--vw-min) * 100vw);
		border-radius: min(calc(50 / var(--vw-min) * 100vw),50px);
		font-size: calc(15 / var(--vw-min) * 100vw);
	}
	.movie__tabBtn::before{
		left: calc(14.5 / var(--vw-min) * 100vw);
		width:calc(3 / var(--vw-min) * 100vw);
		height:calc(3 / var(--vw-min) * 100vw);
	}
	.movie__tabBtn::after{
		right: calc(14.5 / var(--vw-min) * 100vw);
		width: calc(8 / var(--vw-min) * 100vw);
		height: calc(7 / var(--vw-min) * 100vw);
	}
}
/* is-active */
.movie__tabBtn.is-active{
	background-color: #4F0E0E;
	color: var(--color-camel);
}
.movie__tabBtn.is-active::after,
.movie__tabBtn.is-active::before{
	background-color: var(--color-camel);
}
@media screen and (hover:hover){
	.movie__tabBtn:hover{
		background-color: #4F0E0E;
		color: var(--color-camel);
	}
	.movie__tabBtn:hover::after,
	.movie__tabBtn:hover::before{
		background-color: var(--color-camel);
	}
}

/* movieLists */
.movieLists{
	display: flex;
	flex-wrap: wrap;
	gap: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.movieLists{
		padding: 0 calc(20 / var(--vw-min) * 100vw);
		gap: calc(20 / var(--vw-min) * 100vw);
	}
}
.movieItem{
	width:calc((100% - min(calc(20 / var(--vw-min) * 100vw),20px)) / 2);
	padding: min(calc(5 / var(--vw-min) * 100vw),5px);
	border:2px solid var(--color-camel);
	position: relative;
}
.movieItem::before{
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/common/movie_frame_deco.svg) no-repeat center center / contain;
	pointer-events: none;
	z-index: 1;
}
@media screen and (max-width:768px){
	.movieItem{
		width:100%;
	}
}
.movieItem__link{
	width:100%;
	display:block;
	padding-top:56.25%;
	position:relative;
	overflow:hidden;
	border:1px solid var(--color-camel);
}
.movieItem__link:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#150000;
	opacity:0.7;
	z-index:10;
	transition:all 0.6s ease;
}
.movieItem__link:hover:before{
	opacity:0.3;
}
.movie__swiperImg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.movie__playBtn{
	width:min(calc(144 / var(--vw-min) * 100vw),144px);
	height:min(calc(144 / var(--vw-min) * 100vw),144px);
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:max(calc(-72 / var(--vw-min) * 100vw),-72px);
	margin-top:max(calc(-72 / var(--vw-min) * 100vw),-72px);
	z-index:30;
	transition:all 0.6s ease;
}
@media screen and (max-width:768px){
	.movie__playBtn{
		width:calc(66 / var(--vw-min) * 100vw);
		height:calc(66 / var(--vw-min) * 100vw);
		margin-left:calc(-33 / var(--vw-min) * 100vw);
		margin-top:calc(-33 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.movieItem__link:hover .movie__playBtn{
		transform:scale(-10) !important;
		filter:blur(20px);
		opacity:0;
	}
}
.movie__playBtn:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:url(../img/common/movie_playcircle.svg) no-repeat center center / contain;
	animation:rotation 10s ease-in-out infinite;
}
.movie__playBtnLabel{
	content:'';
	position:absolute;
	display:block;
	left:50%;
	top:50%;
	margin-top:max(calc(-8 / var(--vw-min) * 100vw),-8px);
	margin-left:max(calc(-28 / var(--vw-min) * 100vw),-28px);
	width:min(calc(56 / var(--vw-min) * 100vw),56px);
	height:min(calc(16 / var(--vw-min) * 100vw),16px);
	background:url(../img/common/movie_playtext.svg) no-repeat center center / contain;
	z-index:31;
	transition:all 0.6s ease;
}
@media screen and (max-width:768px){
	.movie__playBtnLabel{
		margin-top:calc(-3 / var(--vw-min) * 100vw);
		margin-left:calc(-10.5 / var(--vw-min) * 100vw);
		width:calc(21 / var(--vw-min) * 100vw);
		height:calc(6 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.movieItem__link:hover .movie__playBtnLabel{
		transform:scale(1.2) !important;
	}
}
.movie .swiper-nextPrev{
	position:absolute;
	left:50%;
	bottom:0;
	margin-top:max(calc(-24 / var(--vw-min) * 100vw),-24px);
	display:flex;
	z-index:50;
	width:min(calc(1000 / var(--vw-min) * 100vw),1000px);
	margin-left:max(calc(-500 / var(--vw-min) * 100vw),-500px);
}
@media screen and (max-width:768px){
	.movie .swiper-nextPrev{
		position:absolute;
		left:calc(20 / var(--vw-min) * 100vw);
		bottom:0;
		margin-top:max(calc(-24 / var(--vw-min) * 100vw),-24px);
		display:flex;
		z-index:50;
		width:unset;
		margin-left:0;
	}
}
.movie .swiper-npLink:before{
	-webkit-mask:url(../img/common/icon_carouselarrow.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_carouselarrow.svg) no-repeat center center / contain;
	background:var(--color-camel);
}
.movie .swiper-linkCircle{
	border:1px solid rgba(204,170,109,.5);
}
.movie .swiper-pagination-bullet:before{
	background:rgba(255,255,255,.5);
}
.movie .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
	-webkit-mask:url(../img/common/icon_carouselactive.svg) no-repeat center center;
	mask:url(../img/common/icon_carouselactive.svg) no-repeat center center;
	background:var(--color-camel);
}