@charset "utf-8";
/*-----------------------------------------------
 * movie
-------------------------------------------------*/
.backBtn{
	margin: min(calc(140 / var(--vw-min) * 100vw), 140px) auto 0;
}
@media screen and (max-width:768px){
	.backBtn{
		margin: min(calc(368 / var(--vw-min) * 100vw), 368px) auto 0;
	}
}
.cont-tit {
	height: min(calc(194 / var(--vw-min) * 100vw),194px);
	background: url(../img/common/tit/tit_movie.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.cont-tit {
		width: calc(270 / var(--vw-min) * 100vw);
		height: calc(140 / var(--vw-min) * 100vw);
		background-image: url(../img/common/tit/tit_movie-s.svg);
	}
}
.movieCont {
	position: relative;
	padding-top: min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.movieCont {
		padding-top: calc(80 / var(--vw-min) * 100vw);
	}
}
.movieContIn {
	width: 90.9090%;/*800*/
	max-width: calc(min(calc(1200 / var(--vw-min) * 100vw),1200px) - min(calc(240 / var(--vw-min) * 100vw),240px));
	display: flex;
	flex-wrap: wrap;
	margin-left: auto;
}
@media screen and (max-width:768px){
	.movieContIn {
		width: 100%;
		max-width: 100%;
		display: block;
		padding-left: calc(48 / var(--vw-min) * 100vw);
	}
}
/**
* LISTS
**/
.movie__lists {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.movie__lists {
		gap: calc(96 / var(--vw-min) * 100vw);
	}
}
.movie__item {
	width: calc((100% - min(calc(40 / var(--vw-min) * 100vw),40px)) / 2);
	position: relative;
}
@media screen and (max-width:768px){
	.movie__item {
		width: 100%;
	}
}
.movie__tit {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    color: #fff;
    line-height: 2;
	position: absolute;
	top: max(calc(-15 / var(--vw-min) * 100vw),-15px);
	right: 0;
	left: 0;
	z-index: 1;
	margin: auto;
	display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width:768px){
	.movie__tit {
		font-size: calc(24 / var(--vw-min) * 100vw);
		top: calc(-20 / var(--vw-min) * 100vw);
	}
}
.movie__tit::before,
.movie__tit::after {
    content: "";
    width: min(calc(21 / var(--vw-min) * 100vw),21px);
    height: min(calc(32 / var(--vw-min) * 100vw),32px);
    display: block;
    background: url(../img/common/deco/deco_m-tit.svg)no-repeat center/contain;
}
.movie__tit::before {
	margin-right: -2px;
}
.movie__tit::after {
	transform: scale(-1,1);
	margin-left: -2px;
}
@media screen and (max-width:768px){
	.movie__tit::before,
	.movie__tit::after {
		width: calc(31 / var(--vw-min) * 100vw);
		height: calc(48 / var(--vw-min) * 100vw);
	}
}
.movie__tit span {
    display: inline-block;
    background-color: #000;
	padding: 0 min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.movie__tit span {
		padding: 0 calc(12 / var(--vw-min) * 100vw);
	}
}
@media screen and (min-width:769px){
	.movie__yt-play {
		width: min(calc(99 / var(--vw-min) * 100vw),99px);
		height: min(calc(99 / var(--vw-min) * 100vw),99px);
	}
	.movie__yt-play::before {
		width: min(calc(99 / var(--vw-min) * 100vw),99px);
		height: min(calc(99 / var(--vw-min) * 100vw),99px);
	}
	.movie__yt-play::after {
		width: min(calc(64 / var(--vw-min) * 100vw),64px);
		height: min(calc(64 / var(--vw-min) * 100vw),64px);
	}
}