@charset "utf-8";
/*-----------------------------------------------
 * EPISODES
-------------------------------------------------*/
#episodes{
	padding-top: min(9.2858%, calc(130px * var(--max-percent)));
	padding-bottom: min(15%, calc(210px * var(--max-percent)));
}
#episodes > .contentIn{
	display: flex;
	position: relative;
	z-index: 2;
	padding-top: min(10.7143%, 150px);
}
@media screen and (max-width:767px){
	#episodes > .contentIn{
		 width: 90.6667%;
		 padding: calc(146 / var(--vw-min) * 100vw) 0 0;
	}
}
#episodes .content_h2{
	width: min(45.5%, 637px);
	padding-top: min(11%, 154px);
	margin: 0 auto;
	-webkit-mask: url(../img/episodes/episodes-h2.svg)no-repeat center/contain;
	mask: url(../img/episodes/episodes-h2.svg)no-repeat center/contain;
	background-color: #fff;
}
@media screen and (max-width:767px){
	#episodes .content_h2 {
		width: calc(644 / var(--vw-min) * 100vw);
		height: calc(235 / var(--vw-min) * 100vw);
	}
}
.episodesContents{
	width:100%;
}
.episodesContents {
	display: flex;
	justify-content: space-between;
	justify-content: center;
}
.episodes__navWrap {
	width: 20.88%;
}
@media screen and (max-width:767px){
	.episodes__navWrap {
		display: none;
	}
}
.episodes__navIn {
	padding-top: min(calc(60 / var(--vw-min) * 100vw),60px);
	margin-top: max(calc(-60 / var(--vw-min) * 100vw),-60px);
	position: sticky;
	top: 0;
}
.episodes__details {
	width: 72.83%;
	margin-left: min(calc(60 / var(--vw-min) * 100vw), 60px);
}
@media screen and (max-width:767px){
	.episodes__details {
		width: 100%;
		margin-left: 0;
	}
}
.episodes__item:not(:first-child) {
	margin-top: calc(30 / var(--vw-min) * 100vw);
}
.episodes__navLists {
	position: relative;
    padding-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.episodes__navLists::after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: var(--color-red);
}
.episodes__navLink {
	font-size: min(calc(13 / var(--vw-min) * 100vw),13px);
	color: var(--color-red);
	display: block;
    padding: min(calc(15 / var(--vw-min) * 100vw), 15px) 0;
    border-bottom: 1px solid var(--color-red);
    text-decoration: none;
	transition: .3s ease;
}
@media (hover: hover) and (pointer: fine){
	.episodes__navLink:hover {
		-webkit-filter: drop-shadow(0px 0 min(calc(4 / var(--def-ww) * 100vw), calc(4px * var(--max-percent))) var(--color-red)) drop-shadow(0px 0 min(calc(4 / var(--def-ww) * 100vw), calc(4px * var(--max-percent))) var(--color-red));
		filter: drop-shadow(0px 0 min(calc(4 / var(--def-ww) * 100vw), calc(4px * var(--max-percent))) var(--color-red)) drop-shadow(0px 0 min(calc(4 / var(--def-ww) * 100vw), calc(4px * var(--max-percent))) var(--color-red));
	}
}
.episodes__mainImg {
	border: 1px solid var(--color-red);
}
.episodes__mainImg img {
	width: 100%;
	pointer-events: none;
}
.episodes__itemBtn {
	margin-top: -1px;
	border: 1px solid var(--color-red);
	background-color: #000;
	padding: min(calc(11 / var(--vw-min) * 100vw),11px) min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:767px){
	.episodes__itemBtn {
		display: flex;
		justify-content: space-between;
		padding: 0;
	}
	.episodes__itemBtn-tit {
		padding: calc(15 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw);
	}
	.episodes__itemBtn-deco {
		width: calc(110 / var(--vw-min) * 100vw);
		position: relative;
		border-left: 1px solid var(--color-red);
	}
	.episodes__itemBtn-deco::before,
	.episodes__itemBtn-deco::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
		margin: auto;
		display: block;
		background-color: #fff;
	}
	.episodes__itemBtn-deco::before {
		width: calc(60 / var(--vw-min) * 100vw);
		height: calc(2 / var(--vw-min) * 100vw);
	}
	.episodes__itemBtn-deco::after {
		width: calc(2 / var(--vw-min) * 100vw);
		height: calc(60 / var(--vw-min) * 100vw);
		transition: .3s ease;
	}
}
.episodes__itemBtn-txt {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:767px){
	.episodes__itemBtn-txt {
		font-size: calc(30 / var(--vw-min) * 100vw);
	}
}
.episodes__itemBtn-txt-s {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:767px){
	.episodes__itemBtn-txt-s {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}	
.episodes__detailWrap {
	border: 1px solid var(--color-red);
	padding: min(calc(32 / var(--vw-min) * 100vw),32px);
	background-color: #000;
}
@media screen and (max-width:767px){
	.episodes__detailWrap {
		display: none;
		padding: calc(40 / var(--vw-min) * 100vw);
	}
}
.episodesSwiperWrap {
	width: min(calc(557 / var(--vw-min) * 100vw),557px);
	margin: 0 auto;
}
@media screen and (max-width:767px){
	.episodesSwiperWrap {
		width: 100%;
	}
}
.episodes__imgItem {
	border: 1px solid var(--color-red);
}
.episodes__imgItem img {
	width: 100%;
	pointer-events: none;
}
.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pager {
	display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
	bottom: unset;
	left: unset;
}
.episodes__txt {
	font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:767px){
	.episodes__txt {
		font-size: calc(23 / var(--vw-min) * 100vw);
	}
}
.episodes__staff {
	margin-top: min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:767px){
	.episodes__staff {
		font-size: calc(20 / var(--vw-min) * 100vw);
		margin-top: calc(50 / var(--vw-min) * 100vw);
	}
}
.episodes__staffItem {
	display: flex;
}
.episodes__staff-dt {
	display: inline-flex;
}
.episodes__staff-dt::after {
	content: ":";
	display: block;
	margin: 0 min(calc(3 / var(--vw-min) * 100vw),3px);
}
@media screen and (max-width:767px){
	.episodes__staff-dt::after {
		margin: 0 calc(3 / var(--vw-min) * 100vw);
	}
}
.swiper-pager {
	margin-top: min(calc(27 / var(--vw-min) * 100vw),27px);
}
@media screen and (max-width:767px){
	.swiper-pager {
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	width: min(calc(6 / var(--vw-min) * 100vw),6px);
	height: min(calc(6 / var(--vw-min) * 100vw),6px);
	border-radius: unset;
	border: 1px solid var(--color-red);
	opacity: 1;
	transition: .3s ease;
	position: relative;
	margin: 0 min(calc(9 / var(--vw-min) * 100vw),9px);
}
@media scr7en and (max-width:768px){
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		width: calc(10 / var(--vw-min) * 100vw);
		height: calc(10 / var(--vw-min) * 100vw);
		margin: 0 calc(15 / var(--vw-min) * 100vw);
	}
}
.swiper-pagination-bullet::before {
	content: "";
	width: min(calc(12 / var(--vw-min) * 100vw),12px);
	height: min(calc(12 / var(--vw-min) * 100vw),12px);
	position: absolute;
	top: max(calc(-4 / var(--vw-min) * 100vw),-4px);
	left: max(calc(-4 / var(--vw-min) * 100vw),-4px);
	transform: scale(0);
	background-color: var(--color-red);
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.swiper-pagination-bullet::before {
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
		top: calc(-7 / var(--vw-min) * 100vw);
		left: calc(-7 / var(--vw-min) * 100vw);
	}
}
.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	transform: scale(1);
}
.episodes__itemBtn-shadow {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	display: block;
	background-image: linear-gradient(-36deg, #ff3600, #000000 60%);
	transition: .3s ease;
}
.episodes__itemBtn-deco.is-active::after {
	opacity: 0;
}
.episodes__itemBtn-deco.is-active .episodes__itemBtn-shadow {
	opacity: 0;
}
.episodes__movieArea {
	display: flex;
	margin: min(calc(55 / var(--vw-min) * 100vw),55px) min(calc(30 / var(--vw-min) * 100vw),30px) 0;
}
.btn_movie {
	border: 1px solid var(--color-red);
}
@media screen and (max-width:768px){
	.episodes__movieArea {
		margin: calc(73 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw) 0;
	}
}
@media screen and (min-width:768px){
	.swiper__arrowWrap {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
		margin: auto;
	}
	.swiper__arrow {
		width: min(calc(31 / var(--vw-min) * 100vw),31px);
		height: min(calc(104 / var(--vw-min) * 100vw),104px);
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		-webkit-mask: url(../img/common/news_arrow.svg)no-repeat center/contain;
		mask: url(../img/common/news_arrow.svg)no-repeat center/contain;
		background-color:var(--color-red);
	}
	.swiper__arrow.--prev {
		left: min(calc(6 / var(--vw-min) * 100vw),6px);
		transform: scale(-1,1);
	}
	.swiper__arrow.--next {
		right: min(calc(6 / var(--vw-min) * 100vw),6px);
	}
	.ep__arrowWrap {
		opacity: 0;
		pointer-events: none;
		transition: .3s ease;
	}
	.episodesSwiper:hover .ep__arrowWrap {
		opacity: 1;
  	}
	.episodesSwiper:hover .swiper__arrow {
		pointer-events: auto;
	}
}
.episodes_num {
	height: min(calc(156 / var(--vw-min) * 100vw),156px);
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
	pointer-events: none;
}
@media screen and (max-width:767px){
	.episodes_num {
		height: calc(104 / var(--vw-min) * 100vw);
	}
}
.episodes_num img {
	height: 100%;
	pointer-events: none;
}