@charset "utf-8";
/*-----------------------------------------------
 * EPISODES
-------------------------------------------------*/
.subWrap {
    display: block;
}
.episodes .cont-tit {
    width: 34.041%;/*465*/
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    position: absolute;
    left: 0;
    z-index: 2;
    pointer-events: none;
}
@media screen and (max-width:768px){
    .episodes .cont-tit {
        width: 100%;
        position: relative;
        align-items: flex-start;
    }
}
.episodes .cont-tit-en {
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    margin-right: min(calc(110 / var(--vw-min) * 100vw),110px);
}
@media screen and (max-width:768px){
    .episodes .cont-tit-en {
        writing-mode: unset;
        -ms-writing-mode: unset;
        margin-right: 0;
        margin-bottom: calc(28 / var(--vw-min) * 100vw);
    }
}
.episodes .cont-tit-catch {
    margin-right: min(calc(38 / var(--vw-min) * 100vw),38px);
}
@media screen and (max-width:768px){
    .episodes .cont-tit-catch {
        margin-right: 0;
        position: absolute;
        top: calc(46 / var(--vw-min) * 100vw);
        left: calc(10 / var(--vw-min) * 100vw);    
    }
}
.epCont {
    width: calc(100% - 34.041%);
    margin: min(calc(21 / var(--vw-min) * 100vw),21px) 0 0 auto;
}
@media screen and (max-width:768px){
    .epCont {
        width: 100%;
        margin-top: 0;
    }
}
/**
* nav
**/
.ep__navLists {
    display: flex;
    flex-wrap: wrap;
    gap: min(calc(20 / var(--vw-min) * 100vw),20px);
    padding-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
    .ep__navLists {
        gap: calc(37 / var(--vw-min) * 100vw);
        padding:0 calc(25 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw);
    }
}
.ep__navItem {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 min(calc(6 / var(--vw-min) * 100vw),6px) 0 min(calc(13 / var(--vw-min) * 100vw),13px)
}
@media screen and (max-width:768px){
	.headerNavLists__item {
		padding: 0 calc(6 / var(--vw-min) * 100vw) 0 calc(15 / var(--vw-min) * 100vw);
	}
}
.ep__navItem::before {
    content: "";
	width: min(calc(4 / var(--vw-min) * 100vw),4px);
	height: min(calc(4 / var(--vw-min) * 100vw),4px);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	transform: scale(0);
	-webkit-mask: url(../img/common/deco/deco_rhombus.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_rhombus.svg)no-repeat center/contain;
	background-color: var(--color-whiteEBE);
	transition: .3s ease;
}
@media screen and (max-width:768px){
    .ep__navItem::before {
        width: calc(4 / var(--vw-min) * 100vw);
		height: calc(4 / var(--vw-min) * 100vw);
    }
}
.ep__navItem::after {
    content: "";
	width: calc(100% - min(calc(8 / var(--vw-min) * 100vw),8px));
	height: min(calc(1 / var(--vw-min) * 100vw),1px);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transform: scale(0, 1);
    transform-origin: left top;
	background-color: var(--color-op50-whiteEBE);
	transition: transform .3s ease;
}
@media screen and (max-width:768px){
    .ep__navItem::after {
        width: calc(100% - calc(8 / var(--vw-min) * 100vw));
		height: calc(1 / var(--vw-min) * 100vw);
    }
}
.ep__navLink {
    font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
    color: var(--color-whiteEBE);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.05em;
    text-decoration: none;
}
@media screen and (max-width:768px){
    .ep__navLink {
        font-size: calc(20 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
    .ep__navItem:hover::before {
        transform: scale(1);
		transition-delay: .25s;
    }
    .ep__navItem:hover::after {
        transform: scale(1, 1);    
        transform-origin: right top;
    }
}
 .ep__navItem.--is-active::before {
    transform: scale(1);
    transition-delay: .25s;
}
.ep__navItem.--is-active::after {
    transform: scale(1, 1);    
    transform-origin: right top;
}
/**
* tit / num
**/
.ep__titWrap {
    display: flex;
    align-items: center;
    padding: min(calc(42 / var(--vw-min) * 100vw),42px) 0 min(calc(50 / var(--vw-min) * 100vw),50px);
    border-top: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-op40-whiteEBE);
    border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-op40-whiteEBE);
}
@media screen and (max-width:768px){
    .ep__titWrap {
        padding: calc(45 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) calc(50 / var(--vw-min) * 100vw);
        border-width: calc(1 / var(--vw-min) * 100vw);
    }
}
.ep__munWrap {
    display: flex;
    align-items: center;
}
.ep__numTxt {
    font-size: min(calc(11 / var(--vw-min) * 100vw),11px);
    color: var(--color-op50-whiteEBE);
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    margin-right: min(calc(7 / var(--vw-min) * 100vw),7px);
}
@media screen and (max-width:768px){
    .ep__numTxt {
        font-size: calc(11 / var(--vw-min) * 100vw);
        margin-right: calc(7 / var(--vw-min) * 100vw);
    }
}
.ep__num {
    font-size: min(calc(48 / var(--vw-min) * 100vw),48px);
    color: var(--color-op50-whiteEBE);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.03em;
}
@media screen and (max-width:768px){
    .ep__num {
        font-size: calc(48 / var(--vw-min) * 100vw);
    }
}
.ep__tit {
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
    color: var(--color-op50-whiteEBE);
    font-weight: 500;
    line-height: 1.89;
    letter-spacing: 0.03em;
    padding-left: min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
    .ep__tit {
        font-size: calc(15 / var(--vw-min) * 100vw);
        padding-left: calc(32 / var(--vw-min) * 100vw);
    }
}
/**
* swiper
**/
.epDetail {
    padding-top: min(calc(48 / var(--vw-min) * 100vw),48px);
}
@media screen and (max-width:768px){
    .epDetail {
        padding-top: calc(40 / var(--vw-min) * 100vw);
    }
}
.epSwiper {
    overflow: visible;
}
.ep__imgItem {
    width: min(calc(736 / var(--vw-min) * 100vw),736px);
    padding-right: min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:768px){
    .ep__imgItem {
        width: calc(345 / var(--vw-min) * 100vw);
        padding: 0 min(calc(5 / var(--vw-min) * 100vw),5px);
        margin: 0 auto;
    }
}
.ep__img{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}
.ep__img::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1;
    margin: auto;
    background-color: var(--color-op50-blue226);
    pointer-events: none;
    transition: .3s ease;
}
.ep__imgItem.swiper-slide-active .ep__img::before {
    opacity: 0;
}
.ep__img img{
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	object-fit: cover;
    pointer-events: none;
}
.epThumbSwiperWrap {
    width: min(calc(718 / var(--vw-min) * 100vw),718px);
    position: relative;
    margin-top: min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:768px){
    .epThumbSwiperWrap {
        width: calc(335 / var(--vw-min) * 100vw);
        margin: calc(18 / var(--vw-min) * 100vw) auto 0;
    }
}
.ep__thumbLists {
    display: flex;
    flex-wrap: wrap;
    gap: min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
    .ep__thumbLists {
        gap: calc(10 / var(--vw-min) * 100vw);
    }
}
.ep__thumbItem {
    width: calc((100% - min(calc(40 / var(--vw-min) * 100vw),40px)) / 6);
    position: relative;
	pointer-events: none;
}
@media screen and (max-width:768px){
    .ep__thumbItem {
        width: calc((100% - calc(20 / var(--vw-min) * 100vw)) / 3);
    }
}
.ep__thumbImg{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	pointer-events: auto;
}
.ep__thumbImgIn{
	width: 100%;
	height: 100%;
    position: absolute;
	inset: 0;
}
.ep__thumbImg:after{
	content: '';
    width: 100%;
    height: 100%;
	position: absolute;
	inset: 0;
	background-color:var(--color-op50-blue226);
	transition: .3s ease;
}
.ep__thumbImgIn img {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
    object-fit: cover;
	transition: .3s ease;
}
/* is-active */
.ep__thumbItem.swiper-slide-thumb-active .ep__thumbImg:after{
	opacity: 0;
}
/**
* detail
**/
.ep__detailWrap {
    width: min(calc(718 / var(--vw-min) * 100vw),718px);
    padding-top: min(calc(56 / var(--vw-min) * 100vw),56px);
}
@media screen and (max-width:768px){
    .ep__detailWrap {
        width: 100%;
        padding: calc(37 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) 0;
    }
}
.ep__detailTit {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    color: var(--color-whiteEBE);
    font-weight: 500;
    line-height: 2.13;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    background-image: linear-gradient(transparent 50%, var(--color-op50-blue226) 50%);
    margin-bottom: min(calc(7 / var(--vw-min) * 100vw),7px);
}
@media screen and (max-width:768px){
    .ep__detailTit {
        font-size: calc(15 / var(--vw-min) * 100vw);
        margin-bottom: calc(7 / var(--vw-min) * 100vw);
    }
}
.ep__detailTit::before {
    content: "";
    width: min(calc(10 / var(--vw-min) * 100vw),10px);
    height: min(calc(10 / var(--vw-min) * 100vw),10px);
    display: block;
    -webkit-mask: url(../img/common/deco/deco_rhombus.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_rhombus.svg)no-repeat center/contain;
    background-color: var(--color-whiteEBE);
    margin-right: min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
    .ep__detailTit::before {
        width: calc(8 / var(--vw-min) * 100vw);
        height: calc(8 / var(--vw-min) * 100vw);
        margin-right: calc(8 / var(--vw-min) * 100vw);
    }
}
.ep__detailTxt {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    color: var(--color-whiteEBE);
    font-weight: 400;
    line-height: 2.13;
    letter-spacing: 0.03em;
}
@media screen and (max-width:768px){
    .ep__detailTxt {
        font-size: calc(13 / var(--vw-min) * 100vw);
        line-height: 2.46;
    }
}
/**
* staff 
**/
.ep__staffListsWrap {
    margin-top: min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
    .ep__staffListsWrap  {
        margin-top: calc(8 / var(--vw-min) * 100vw);
    }
}
.ep__staffItem {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    font-weight: 400;
    line-height: 2.13;
    letter-spacing: 0.03em;
    display: flex;
}
@media screen and (max-width:768px){
    .ep__staffItem {
        font-size: calc(13 / var(--vw-min) * 100vw);
        line-height: 2.46;
    }
}
.ep__staffItem-dt {
    color: var(--color-blue70B);
    flex-shrink: 0;
}
.ep__staffItem-dt::after {
    content: "：";
    margin: 0 min(calc(4 / var(--vw-min) * 100vw),4px);
}
@media screen and (max-width:768px){
    .ep__staffItem-dt::after {
        margin: 0 calc(4 / var(--vw-min) * 100vw);
    }
}
/** 
* trailer 
**/
.ep__trailerWrap {
    margin-top: min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
    .ep__trailerWrap {
        margin-top: calc(8 / var(--vw-min) * 100vw);
    }
}
.ep__trailerWrap .ep__detailTit {
    margin-bottom: min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:768px){
    .ep__trailerWrap .ep__detailTit {
        margin-bottom: calc(18 / var(--vw-min) * 100vw);
    }
}
.trailerItem {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.trailerItemBox {
    overflow: hidden;
    position: relative;
    padding-top: 56.25%; 
}
.btn_moviePlay-img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    margin: auto;
}
.btn_moviePlay-img img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    object-fit: cover;
    pointer-events: none;
}
/**
* deco
**/
.episodes .deco__smokemode1 {
    width: min(calc(1030 / var(--vw-min) * 100vw),1030px);
    height: min(calc(960 / var(--vw-min) * 100vw),960px);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    mix-blend-mode: overlay;
    overflow: hidden;
    pointer-events: none;
}
.episodes .deco__smokemode1::before {
    content: "";
    width: min(calc(1150 / var(--vw-min) * 100vw),1150px);
    height: min(calc(960 / var(--vw-min) * 100vw),960px);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/common/deco/deco_n-smokemode1.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .episodes .deco__smokemode1 {
        width: calc(313 / var(--vw-min) * 100vw);
        height: calc(337 / var(--vw-min) * 100vw);
        top: calc(107 / var(--vw-min) * 100vw);
    }
    .episodes .deco__smokemode1::before {
        width: calc(400 / var(--vw-min) * 100vw);
        height: calc(334 / var(--vw-min) * 100vw);
    }
}
@media screen and (min-width:769px){
    .episodes .deco__smokemode2 {
        width: min(calc(506 / var(--vw-min) * 100vw),506px);
        height: min(calc(680 / var(--vw-min) * 100vw),680px);
        position: absolute;
        left: 0;
        top: min(calc(163 / var(--vw-min) * 100vw),163px);
        z-index: 2;
        mix-blend-mode: overlay;
        overflow: hidden;
        pointer-events: none;
    }
    .episodes .deco__smokemode2::before {
        content: "";
        width: min(calc(709 / var(--vw-min) * 100vw),709px);
        height: min(calc(680 / var(--vw-min) * 100vw),680px);
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: url(../img/common/deco/deco_n-smokemode2.png)no-repeat center/contain;
    }
}
.episodes .deco__glitter {
    width: min(calc(415 / var(--vw-min) * 100vw),415px);
    height: min(calc(204 / var(--vw-min) * 100vw),204px);
    position: absolute;
    top: min(calc(250 / var(--vw-min) * 100vw),250px);
    left: 0;
    pointer-events: none;
    background: url(../img/common/deco/deco_n-glitter.png)no-repeat center/contain;
    animation: opacity1 2.5s infinite ease-in-out;
}
@media screen and (max-width:768px){
    .episodes .deco__glitter {
        width: calc(67 / var(--vw-min) * 100vw);
        height: calc(104 / var(--vw-min) * 100vw);
        top: calc(12 / var(--vw-min) * 100vw);
        background-image: url(../img/common/deco/deco_n-glitter-s.png);
    }
}
.episodes .deco__dot {
    top: min(calc(75 / var(--vw-min) * 100vw),75px);
    right: min(calc(47 / var(--vw-min) * 100vw),47px);
}
 @media screen and (max-width:768px){
    .episodes .deco__dot {
        top: calc(48 / var(--vw-min) * 100vw);
        right: calc(10 / var(--vw-min) * 100vw);
    }
 }
.episodes .deco__smoke {
    width: min(calc(398 / var(--vw-min) * 100vw),398px);
    height: min(calc(393 / var(--vw-min) * 100vw),393px);
    position: absolute;
    top: max(calc(-37 / var(--vw-min) * 100vw),-37px);
    left: 0;
    background: url(../img/common/deco/deco_n-smoke.png)no-repeat left/contain;
}
@media screen and (max-width:768px){
    .episodes .deco__smoke {
        width: calc(192 / var(--vw-min) * 100vw);
        height: calc(128 / var(--vw-min) * 100vw);
        top: calc(-40 / var(--vw-min) * 100vw);
        bottom: unset;
        background-image: url(../img/common/deco/deco_n-smoke-s.png);
    }
}