@charset "utf-8";
.slide-controls{
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10;
}
.slide-controls button{
	color: #FFF;
}


/**
* Swiper
**/
.mainContent{
	padding: 2em;
}


/**--------------------------------------------------
 * common
**--------------------------------------------------*/
body{
	overflow: hidden;	
	overscroll-behavior-y: contain;
}
.l-main{
	width: 100%;
	position: relative;
	color: #FFFe;
}
.l-mainContainer{
	width: 100%;
	height: 100vh;
	height: 100dvh;
	position: relative;
	overflow: hidden;
}

@media screen and (max-width:768px){
	.l-mainContainerIn{
		position: relative;
	}
	.l-mainContainerIn:after{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: calc(581 / var(--vw-min) * 100vw);
		height: calc(615 / var(--vw-min) * 100vw);
		background: url(../img/common/bg/bg_sideShadow-rt.png) no-repeat right top / contain;
		z-index: 2;
		pointer-events: none;
	}
}


/**
 * contentBg
**/
.contentBg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	z-index: -1;
}

/* artBoard */
.contentBg__artboard{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.contentBg__artboard--img{
	position: absolute;
	width: calc(1754 / var(--vw-min) * 100vw);
	height: calc(1219 / var(--vw-min) * 100vw);
	top: calc(-287 / var(--vw-min) * 100vw);
	left: calc(-161 / var(--vw-min) * 100vw);
	bottom: calc(-287 / var(--vw-min) * 100vw);
	margin: auto;
}
.contentBg__artboard--img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media screen and (max-width:768px){
	.contentBg__artboard--img{
		width: calc(1219 / var(--vw-min) * 100vw);
		height: calc(1754 / var(--vw-min) * 100vw);
		top: calc(-377 / var(--vw-min) * 100vw);
		left: calc(-195 / var(--vw-min) * 100vw);
	}
}

/* dots */
.contentBg__dots{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.contentBg__dots:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/common/bg/bg_dots.svg);
}

/* csm */
.contentBg__cm{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: opacity .3s ease;
}
.contentBg__cm--img{
	width: calc(1005 / var(--vw-min) * 100vw);
	height: calc(1380 / var(--vw-min) * 100vw);
	position: absolute;
	top: calc(-67 / var(--vw-min) * 100vw);
	left: calc(165 / var(--vw-min) * 100vw);
	bottom: calc(-67 / var(--vw-min) * 100vw);
	transform: scale(225%) rotate(0deg) translateY(10%);
	transform-origin: center center;
	transition: transform .6s cubic-bezier(.35,.15,.28,.99);
}
.contentBg__cm--img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
body.--is-menu-active .contentBg__cm{
	opacity: 1;
}
body.--is-menu-active .contentBg__cm--img{
	transform: scale(100%) rotate(0deg) translateY(0%);
}
@media screen and (max-width:768px){
	.contentBg__cm--img{
		width: calc(1055 / var(--vw-min) * 100vw);
		height: calc(1447 / var(--vw-min) * 100vw);
		top: calc(12 / var(--vw-min) * 100vw);
		left: calc(-52 / var(--vw-min) * 100vw);
	}
}


@keyframes ani_csm_kaku {
	0% {transform:translate(0, 0) rotate(0deg) scale(100%);}
	42% {transform:translate(0, 0) rotate(0deg) scale(100%);}

	44% {transform:translate(0, 0) rotate(-2deg) scale(95%);}
	46% {transform:translate(0, -1px) rotate(0deg) scale(100%);}
	48% {transform:translate(0, -1px) rotate(2deg) scale(105%);}

	50% {transform:translate(1px, 0) rotate(-1deg) scale(98%);}
	52% {transform:translate(0, 1px) rotate(0deg) scale(102%);}
	54% {transform:translate(0, 0) rotate(2deg) scale(100%);}

	56% {transform:translate(0, 0) rotate(0deg) scale(100%);}
	100% {transform:translate(0, 0) rotate(0deg) scale(100%);}
}
@keyframes ani_csm_kaku2 {
    0% { transform: translate(0, 0) rotate(0deg) scale(1); }
    15% { transform: translate(0, 0) rotate(-0.5deg) scale(0.99375); }
    30% { transform: translate(0, -0.5px) rotate(0deg) scale(1); }
    45% { transform: translate(0, -0.5px) rotate(0.5deg) scale(1.00625); }
    60% { transform: translate(0.5px, 0) rotate(-0.25deg) scale(0.995); }
    75% { transform: translate(0, 0.5px) rotate(0deg) scale(1.005); }
    90% { transform: translate(0, 0) rotate(0.5deg) scale(1); }
    100% { transform: translate(0, 0) rotate(0deg) scale(1); }
}


/**--------------------------------------------------
 * ImageSlide
**--------------------------------------------------*/
.p-imageSlides{
	width: 100%;
	position: absolute;
	top: calc(-14 / var(--vw-min) * 100vw);
	bottom: calc(-14 / var(--vw-min) * 100vw);
	left: 0;
	z-index: 2;
	pointer-events: none;
}
.verticalSlides{
	width: calc(372 / var(--vw-min) * 100vw);
	height: 100%;
	overflow: hidden;
	margin: auto;
	transform: rotate(4deg);
	pointer-events: auto;
}
.verticalSlide-wrapper{
	width: 100%;
	display: flex;
	flex-direction: column;
	transform: translateY(0);
	will-change: transform;
}
.verticalSlide-item{
	width: 100%;
}

.verticalSlide__link{
	display: block;
	text-decoration: none;
	overflow: hidden;
}
.verticalSlide-item img{
	width: 100%;
}

@media screen and (hover:hover) and (pointer: fine){
	.verticalSlide-item img{
		transition: transform .6s ease;
	}
	.verticalSlide__link:hover img{
		transform: scale(104%);
	}
}



.verticalSlide-wrapper.--is-animating {
	transition: transform 1.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.verticalSlide-item img {
	vertical-align: bottom;
	height: auto;
}

@media screen and (max-width:768px){
	.p-imageSlides{
		top: calc(-24 / var(--vw-min) * 100vw);
		bottom: calc(-24 / var(--vw-min) * 100vw);
	}
	.verticalSlides{
		width: calc(576 / var(--vw-min) * 100vw);
	}
}



/**
* thumb
**/
.p-contChangeWrapper{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 0;
	z-index: 2;
}
.p-contChangeLists{
	display: flex;
	justify-content: flex-end;
}
.p-contChangeList{
	width: min(calc(60 / var(--vw-min) * 100vw), 60px);
	width: calc(60 / var(--vw-min) * 100vw);
	position: relative;
}
.btn_contChange{
	width: 100%;
	height: auto;
	padding-top: 100%;
	position: relative;
	border: unset;
	background: unset;
	transform: translateY(50%);
	transition: transform .25s ease;
}
.btn_contChange--img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.btn_contChange--img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

@media screen and (hover:hover) and (pointer: fine){
	.btn_contChange:hover{
		transform: translateY(0%);
	}
}

.btn_contChange.--is-active{
	transform: translateY(0%);
	transition-delay: .5s;
}

@media screen and (max-width:768px){
	.p-contChangeWrapper{
		z-index: 3;
	}
}



/**--------------------------------------------------
 * seriesContent
**--------------------------------------------------*/
.p-seriesContents{
	width: 100%;
	height: 100vh;
	height: 100dvh;
	position: relative;
}
.seriesContSwiper{
	width: 100%;
	height: 100%;
}

.seriesContent{
	width: 100%;
	padding-top: calc(50vh - min(calc(60 / var(--vw-min) * 100vw), 60px));
	padding-top: calc(50vh - calc(60 / var(--vw-min) * 100vw));
	padding-left: calc(32 / var(--vw-min) * 100vw);
	display: flex;
	flex-direction: column;
}

.series__title--en{
	padding: min(calc(5 / var(--vw-min) * 100vw), 5px) 0;
	padding: calc(5 / var(--vw-min) * 100vw) 0;
}
.series__title--en_img{
	display: block;
}
.series__title--en_img img{
	width: 100%;
}
.series__title--ja{
	display: inline-block;
	font-size: min(calc(12 / var(--vw-min) * 100vw), 12px);
	font-size: calc(12 / var(--vw-min) * 100vw);
	font-weight: 600;
	line-height: 1.4167;
	letter-spacing: 0;
	position: relative;
	color: #000;
	margin-top: calc(12 / var(--vw-min) * 100vw);
}
.series__title--ja:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0%;
	bottom: 0;
	background-color: #fff;
	z-index: -1;
}
.series__title--ja__txt{
	display: inline-block;
	transform: scale(1, 1.3);
}

.series__detail{
	padding-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
	padding-top: calc(32 / var(--vw-min) * 100vw);
}

.series__detail--about_link{
	display: inline-block;
	text-decoration: none;
	position: relative;
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: calc(20 / var(--vw-min) * 100vw);
	padding-right: min(calc(20 / var(--vw-min) * 100vw), 20px);
	padding-right: calc(20 / var(--vw-min) * 100vw);
}
.series__detail--about_link img{
	display: block;
	height: 100%;
}
.series__detail--about_link:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(calc(12 / var(--vw-min) * 100vw), 12px);
	width: calc(12 / var(--vw-min) * 100vw);
	height: min(calc(12 / var(--vw-min) * 100vw), 12px);
	height: calc(12 / var(--vw-min) * 100vw);
	margin: auto;
	-webkit-mask: url(../img/common/deco_arrow-r.svg) no-repeat center / contain;
	mask: url(../img/common/deco_arrow-r.svg) no-repeat center / contain;
	background-color: #fff;
}

@media screen and (hover:hover) and (pointer: fine) and (min-width: 769px){
	.series__detail--about_link:after{
		transition: transform .35s ease;
	}
	.series__detail--about_link:hover::after{
		transform: translateX(50%);
	}
}


.series__detail--movie{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 35%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn_seriesMoviePlay{
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(120 / var(--vw-min) * 100vw);
	height: calc(120 / var(--vw-min) * 100vw);
	padding: min(calc(8 / var(--vw-min) * 100vw), 8px);
	padding: calc(8 / var(--vw-min) * 100vw);
	position: relative;
	pointer-events: none;
}
.btn_seriesMoviePlay--title{
	position: relative;
	z-index: 1;
	display: block;
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: calc(20 / var(--vw-min) * 100vw);
	padding-left: min(calc(10 / var(--vw-min) * 100vw), 10px);
	padding-left: calc(10 / var(--vw-min) * 100vw);
	padding-right: min(calc(20 / var(--vw-min) * 100vw), 20px);
	padding-right: calc(20 / var(--vw-min) * 100vw);
}
.btn_seriesMoviePlay--title:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(calc(12 / var(--vw-min) * 100vw), 12px);
	width: calc(12 / var(--vw-min) * 100vw);
	height: min(calc(12 / var(--vw-min) * 100vw), 12px);
	height: calc(12 / var(--vw-min) * 100vw);
	margin: auto;
	-webkit-mask: url(../img/common/deco_arrow-r.svg) no-repeat center / contain;
	mask: url(../img/common/deco_arrow-r.svg) no-repeat center / contain;
	background-color: #000;
}
.btn_seriesMoviePlay--title img{
	display: block;
	height: 100%;
}

.swiper-slide-active .btn_seriesMoviePlay--bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 50%;
	animation: ani_btnScale 1s linear infinite;
	overflow: hidden;
}
.swiper-slide-active .btn_seriesMoviePlay--bg:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #FFF;
	border-radius: 50%;
}

@keyframes ani_btnRadius {
	0% {
		border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
	}
	25% {
		border-radius: 45% 55% 35% 65% / 75% 45% 55% 25%;
	}
	50% {
		border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
	}
	75% {
		border-radius: 65% 35% 55% 45% / 35% 75% 25% 65%;
	}
	100% {
		border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
	}
}

@keyframes ani_btnScale{
    0%{
        transform: scale(100%);
    }
    10%{
        transform: scale(98%);
    }
    20%{
        transform: scale(100%);
    }
    30%{
        transform: scale(102%);
    }
    40%{
        transform: scale(96%);
    }
    50%{
        transform: scale(104%);
    }
    60%{
        transform: scale(92%);
    }
    70%{
        transform: scale(108%);
    }
    80%{
        transform: scale(102%);
    }
    90%{
        transform: scale(98%);
    }
    100%{
        transform: scale(100%);
    }
}


.l-mainContainer.--slideChanged .swiper-slide-active .btn_seriesMoviePlay--bg{
	pointer-events: auto;
	transition-delay: .4s;
}

@media screen and (hover:hover) and (pointer: fine){
	.btn_seriesMoviePlay--title{
		transition: filter .3s ease;
	}
	.swiper-slide-active .btn_seriesMoviePlay--bg:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		border-radius: 50%;
		background-color: #000;
		opacity: 0;
		transform: scale(80%);
		transition: transform .35s ease, opacity .3s ease;
	}
	.btn_seriesMoviePlay--title:after{
		transition: transform .35s ease;
	}
	.swiper-slide-active .btn_seriesMoviePlay:hover .btn_seriesMoviePlay--title{
		filter: invert(100%) sepia(0%) saturate(7493%) hue-rotate(213deg) brightness(99%) contrast(96%);
	}
	.swiper-slide-active .btn_seriesMoviePlay:hover .btn_seriesMoviePlay--title:after{
		transform: translateX(50%);
	}
	.swiper-slide-active .btn_seriesMoviePlay:hover .btn_seriesMoviePlay--bg:before{
		opacity: 1;
		transform: scale(100%);
	}

	.swiper-slide-active .btn_seriesMoviePlay:hover .btn_seriesMoviePlay--bg,
	.swiper-slide-active .btn_seriesMoviePlay:hover .btn_seriesMoviePlay--bg:before,
	.swiper-slide-active .btn_seriesMoviePlay:hover .btn_seriesMoviePlay--bg:after{
		animation-play-state: paused;
	}
}

body.--is-menu-active .swiper-slide-active .btn_seriesMoviePlay--bg,
body.--is-menu-active .swiper-slide-active .btn_seriesMoviePlay--bg:before,
body.--is-menu-active .swiper-slide-active .btn_seriesMoviePlay--bg:after,
body.--is-modal-active .swiper-slide-active .btn_seriesMoviePlay--bg,
body.--is-modal-active .swiper-slide-active .btn_seriesMoviePlay--bg:before,
body.--is-modal-active .swiper-slide-active .btn_seriesMoviePlay--bg:after{
	animation-play-state: paused;
}



@media screen and (max-width:768px){
	.p-seriesContents{
		z-index: 2;
		transform: rotate(4deg);
		pointer-events: none;
	}
	.seriesContSwiper{
		overflow: unset;
	}
	.seriesContent{
		padding-top: calc(30 / var(--vw-min) * 100vw);
		padding-bottom: calc(30 / var(--vw-min) * 100vw);
		padding-left: calc(100 / var(--vw-min) * 100vw);
		justify-content: flex-end;
		pointer-events: none!important;
	}

	.section__title{
		min-height: calc(200 / var(--vh-min) * 100vh);
		filter: drop-shadow(0 0 calc(4 / var(--vw-min) * 100vw) rgba(0,0,0,80%)) drop-shadow(0 0 calc(8 / var(--vw-min) * 100vw) rgba(0,0,0,40%));
	}
	.swiper-slide-active .section__title{
		pointer-events: auto;
	}
	.series__title--en{
		padding: 0;
	}
	.series__title--ja{
		font-size: calc(18 / var(--vw-min) * 100vw);
		margin-top: calc(16 / var(--vw-min) * 100vw);
	}

	.series__detail{
		padding-top: unset;
	}
	.series__detail--about{
		position: absolute;
		right: 0;
		bottom: calc(30 / var(--vw-min) * 100vw);
		height: calc(200 / var(--vh-min) * 100vh);
		display: flex;
		align-items: center;
	}
	.series__detail--about_link{
		height: calc(30 / var(--vw-min) * 100vw);
		padding-right: calc(24 / var(--vw-min) * 100vw);
		pointer-events: auto;
	}
	.series__detail--about_link:after{
		width: calc(12 / var(--vw-min) * 100vw);
		height: calc(18 / var(--vw-min) * 100vw);
		-webkit-mask-image: url(../img/common/deco_arrow-r2.svg);
		mask-image: url(../img/common/deco_arrow-r2.svg);
	}

	.series__detail--movie{
		width: calc(210 / var(--vw-min) * 100vw);		
		top: calc(-18 / var(--vw-min) * 100vw);
		bottom: calc(18 / var(--vw-min) * 100vw);
		right: calc(-15 / var(--vw-min) * 100vw);
		padding-top: calc(50vh + calc(96 / var(--vh-min) * 100vh));
		transform: rotate(-4deg);
		align-items: flex-start;
	}
	.btn_seriesMoviePlay{
		width: calc(210 / var(--vw-min) * 100vw);
		height: calc(210 / var(--vw-min) * 100vw);
	}
	.btn_seriesMoviePlay--title{
		height: calc(34 / var(--vw-min) * 100vw);
		padding-left: calc(17 / var(--vw-min) * 100vw);
		padding-right: calc(34 / var(--vw-min) * 100vw);
	}
	.btn_seriesMoviePlay--title:after{
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
	}
}



/** Tv Series **/
.section__title[data-title="tv"] .series__title--en_img{
	width: calc(324 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.section__title[data-title="tv"] .series__title--en_img{
		width: calc(468 / var(--vw-min) * 100vw);
	}
}

/** REZE **/
.section__title[data-title="reze"] .series__title--en_img{
	width: calc(368 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.section__title[data-title="reze"] .series__title--en_img{
		width: calc(512 / var(--vw-min) * 100vw);
	}
}

/** assassin **/
.section__title[data-title="assassin"] .series__title--en_img{
	width: calc(350 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.section__title[data-title="assassin"] .series__title--en_img{
		width: calc(512 / var(--vw-min) * 100vw);
	}
}


/* Animation */
.series__title--en_img{
	overflow: hidden;
}
.series__title--en_img img{
	display: block;
	transform: translateY(100%) rotate(4deg);
	opacity: 0;
	transition: transform .4s ease, opacity .2s ease;
	transform-origin: right bottom;
}

.swiper-slide-active .series__title--en_img img{
	opacity: 1;
	transform: translateY(0%) rotate(0deg);
	transition-delay: 1.4s;
}

.series__title--ja{
	opacity: 0;
	transition: opacity .2s	ease;
}
.series__title--ja:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0%;
	bottom: 0;
	width: 100%;
	background-color: #000;
	transition: width .35s ease;
}

.swiper-slide-active .series__title--ja{
	opacity: 1;
	transition-delay: 1.5s;
}
.swiper-slide-active .series__title--ja:after{
	width: 0%;
	transition-delay: 1.8s;
}

.series__detail--about{
	opacity: 0;
	transform: translateY(50%);
	transition: opacity .2s ease, transform .4s;
}
.swiper-slide-active .series__detail--about{
	opacity: 1;
	transform: translateY(0%);
	transition-delay: 1.8s;
}

.btn_seriesMoviePlay{
	opacity: 0;
	transform: scale(40%);
	transition: opacity .3s ease, transform .3s cubic-bezier(.35,.15,.11,1.21);
}
.l-mainContainer.--slideChanged .swiper-slide-active .btn_seriesMoviePlay{
	opacity: 1;
	transform: scale(100%);
	transition-delay: .4s;
}

@media screen and (max-width:768px){
	.sp_series__detail--about_link-deco{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
	}
	.swiper-slide-active .sp_series__detail--about_link-deco{
		animation: ani_sp_opacity 0.6s linear infinite alternate;
	}
	.sp_series__detail--about_link-deco:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: url(../img/top/txt_about.svg) no-repeat left center / contain;
	}
	.sp_series__detail--about_link-deco:after{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: calc(12 / var(--vw-min) * 100vw);
		height: calc(18 / var(--vw-min) * 100vw);
		margin: auto;
		-webkit-mask: url(../img/common/deco_arrow-r.svg) no-repeat center / contain;
		mask: url(../img/common/deco_arrow-r.svg) no-repeat center / contain;
		background-color: #fff;
	}

	@keyframes ani_sp_opacity{
		0%{
			opacity: 0;
		}
		10%{
			opacity: 0;
		}
		20%{
			opacity: 1;
		}
		40%{
			opacity: 1;
		}
		50%{
			opacity: 0;
		}
		60%{
			opacity: 0;
		}
		70%{
			opacity: 0;	
		}
		80%{
			opacity: 1;
		}
		100%{
			opacity: 1;
		}
	}
}


/**
* seriesCont__movie
**/
.seriesCont__movie{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.seriesCont__moviePlayer{
	width: 100%;
	min-width: 238.593vh;
	height: calc(100% + 50vh);
	min-height: calc(41.9131vw + 25vh);
	opacity: 0;
	transition: opacity .3s ease;
}
.l-mainContainer.--slideChanged.--is-hover-movieBtn .seriesCont__moviePlayer.--is-playing{
	opacity: 1;
}

@media screen and (max-width:768px){
	.seriesCont__movie{
		display: none;
	}
}


/**
* contLinks
**/
.p-contLinks{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding-left: calc(20 / var(--vw-min) * 100vw);
	padding-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
	padding-bottom: calc(20 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.p-contLinks{
		left: unset;
		top: 0;
		right: 0;
		padding-left: unset;
		padding-bottom: unset;
		right: calc(20 / var(--vw-min) * 100vw);
		pointer-events: none;
		display: flex;
		align-items: center;
	}
	.p-contLinks .headerNavSubLists{
		flex-direction: column;
		gap: calc(14 / var(--vw-min) * 100vw);
	}
	.p-contLinks a{
		pointer-events: auto;
	}
}


/**--------------------------------------------------
 * header
**--------------------------------------------------*/
/**
 * header - frontNavTitle
 */
.header__navBtnWrapper{
	position: fixed;
	top: calc(20 / var(--vw-min) * 100vw);
	right: calc(14 / var(--vw-min) * 100vw);
	left: calc(20 / var(--vw-min) * 100vw);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	z-index: 2;
}
.header__logo{
	width: calc(92 / var(--vw-min) * 100vw);
}
.header__logo img{
	display: block;
	width: 100%;
}

.header__navBtn{
	width: 100%;
	position: relative;
	padding-top: calc(8 / var(--vw-min) * 100vw);
	padding-right: calc(24 / var(--vw-min) * 100vw);
}


.header__chainWrap{
	display: flex;
	justify-content: flex-end;
	pointer-events: none;
	cursor:grab;
	padding: calc(32 / var(--vw-min) * 100vw) 0;
	margin-top: calc(-28 / var(--vw-min) * 100vw);
	margin-bottom: calc(-32 / var(--vw-min) * 100vw);
	position: relative;
}
.header__chainWrap:active{
	cursor: grabbing;
}

.header__chain--dragEl{
	position: absolute;
	top: 0;
	right: calc(72 / var(--vw-min) * 100vw);
	left: 0;
	bottom: 0;
	pointer-events: auto;
}
.header__chain--clickEl{
	position: absolute;
	top: 0;
	right: calc(-30 / var(--vw-min) * 100vw);
	bottom: 0;
	width: calc(102 / var(--vw-min) * 100vw);
	pointer-events: auto;
	cursor: pointer;
}


body.--is-menu-active .header__chainWrap,
body.--is-menu-active .header__chain--dragEl,
body.--is-menu-active .header__chain--clickEl{
	pointer-events: none;
}

.header__chain--lineWrap{
	position: relative;
	height: 2px;
	transition: width 1s ease;
	display: flex;
	transition: width 0.6s cubic-bezier(0.5, 1.5, 0.5, 1);
	transform-origin: right center;
	width: auto;
}
.body.--nav-dragging .header__chain--lineWrap {
	transition: none;
}

.roop-last:before{
	content: '';
	display: inline-block;
	width: calc(10 / var(--vw-min) * 100vw);
	height: calc(10 / var(--vw-min) * 100vw);
	-webkit-mask: url(../img/common/deco_nav-chain.svg) no-repeat right center / contain;
	mask: url(../img/common/deco_nav-chain.svg) no-repeat right center / contain;
	background-color: #fff;
	margin-left: calc(-8 / var(--vw-min) * 100vw);
}

.roop-last{
	display: flex;
	align-items: center;
}


/* =----------------------------- */
#rope-root {
	--swing-angle: 0.5deg;	/* 揺れの角度 */
	--rope-height: 2px;        /* 線の太さ */
	--segment-length: calc(14 / var(--vw-min) * 100vw);  /* 1パーツの長さ */
	--segment-overlap: calc(6 / var(--vw-min) * 100vw);  /* 重ねる量 */
	--segment-scale: 0.99;  /* 先端への縮小率 */
	--swing-duration: 0.8s;   /* 揺れの速度 */
	--color-rope: #FFF;
}

#rope-root {
	position: relative;
	right: 0;
	width: auto;
	height: auto;
	z-index: 10;
}

#rope-root div {
	position: absolute;
	background-color: var(--color-rope);
	border-radius: 0;
	width: var(--segment-length);
	height: var(--rope-height);
	
	transform-origin: center right;
	transform: rotate(0deg);
	
	transition: transform 1s ease-out, width 0.25s cubic-bezier(0.5, 1.5, 0.5, 1), background-color 0.5s;
}

/* ドラッグ中 & メニュー展開中 */
#rope-root.is-dragging div,
body.--is-menu-active #rope-root div {
	animation: none !important;
	transform: rotate(0deg) scaleX(1) !important;
	box-shadow: none !important;
}
#rope-root.is-dragging div {
	transition: none !important;
}
#rope-root > div {
	top: 0;
	right: 0;
}
#rope-root div > div {
	top: 0;
	right: var(--segment-overlap);
	transform: scaleX(var(--segment-scale));
}



/*--
 * Animation
 */
/* Loop */
#rope-root.is-looping:not(.is-dragging) > div,
#rope-root.is-looping:not(.is-dragging) div > div {
	animation: pendulum-loop var(--swing-duration) infinite linear;
	will-change: transform; 
}

@keyframes pendulum-loop {
	0% { transform: rotate(0deg) scaleX(var(--segment-scale)); animation-timing-function: ease-out; }
	25% { transform: rotate(var(--swing-angle)) scaleX(var(--segment-scale)); animation-timing-function: ease-in; }
	50% { transform: rotate(0deg) scaleX(var(--segment-scale)); animation-timing-function: ease-out; }
	75% { transform: rotate(calc(var(--swing-angle) * -1)) scaleX(var(--segment-scale)); animation-timing-function: ease-in; }
	100% { transform: rotate(0deg) scaleX(var(--segment-scale)); }
}

@keyframes pendulum-loop-root {
	0% { transform: rotate(0deg); animation-timing-function: ease-out; }
	25% { transform: rotate(var(--swing-angle)); animation-timing-function: ease-in; }
	50% { transform: rotate(0deg); animation-timing-function: ease-out; }
	75% { transform: rotate(calc(var(--swing-angle) * -1)); animation-timing-function: ease-in; }
	100% { transform: rotate(0deg); }
}
#rope-root.is-looping:not(.is-dragging) > div {
	animation-name: pendulum-loop-root;
}


/* Stop */
#rope-root.is-stopping:not(.is-dragging) > div,
#rope-root.is-stopping:not(.is-dragging) div > div {
	animation: pendulum-stop 1.5s linear forwards; 
}

@keyframes pendulum-stop {
	0%   { transform: rotate(0deg) scaleX(var(--segment-scale)); animation-timing-function: ease-out; }
	13%  { transform: rotate(var(--swing-angle)) scaleX(var(--segment-scale)); animation-timing-function: ease-in-out; }
	35%  { transform: rotate(calc(var(--swing-angle) * -0.6)) scaleX(var(--segment-scale)); animation-timing-function: ease-in-out; }
	55%  { transform: rotate(calc(var(--swing-angle) * 0.3)) scaleX(var(--segment-scale)); animation-timing-function: ease-in-out; }
	75%  { transform: rotate(calc(var(--swing-angle) * -0.1)) scaleX(var(--segment-scale)); animation-timing-function: ease-in-out; }
	100% { transform: rotate(0deg) scaleX(var(--segment-scale)); }
}

@keyframes pendulum-stop-root {
	0%   { transform: rotate(0deg); animation-timing-function: ease-out; }
	13%  { transform: rotate(var(--swing-angle)); animation-timing-function: ease-in-out; }
	35%  { transform: rotate(calc(var(--swing-angle) * -0.6)); animation-timing-function: ease-in-out; }
	55%  { transform: rotate(calc(var(--swing-angle) * 0.3)); animation-timing-function: ease-in-out; }
	75%  { transform: rotate(calc(var(--swing-angle) * -0.1)); animation-timing-function: ease-in-out; }
	100% { transform: rotate(0deg); }
}

#rope-root.is-stopping:not(.is-dragging) > div {
	animation-name: pendulum-stop-root;
}

body.--is-menu-active #rope-root div {
	width: calc(101.5vw / 20) !important;
}
body.--is-menu-active #rope-root div > div {
	right: calc(100% - 1px) !important;
}


/* ------------------------------- */

body.--nav-dragging {
	user-select: none;
	-webkit-user-select: none;
}

.header__pochita{
	position: absolute;
	background: url(../img/common/deco_nav-pochita.png) no-repeat center / contain;

	top: calc(8 / var(--vw-min) * 100vw);
	right: calc(-6 / var(--vw-min) * 100vw);
	width: calc(24 / var(--vw-min) * 100vw);
	height: calc(25 / var(--vw-min) * 100vw);
}
.header__navBtn--txt{
	font-size: min(calc(12 / var(--vw-min) * 100vw), 12px);
	line-height: 0.8;
	text-align: right;
	pointer-events: none;
	margin-top: calc(4 / var(--vw-min) * 100vw);

	font-size: calc(12 / var(--vw-min) * 100vw);
}
.header__navBtn--txt_btn{
	display: inline-block;
	padding-top: calc(2 / var(--vw-min) * 100vw);
	font-family: var(--font-en);
	font-weight: 500;
	letter-spacing: 0;
	color: #FFF;
	pointer-events: auto;
}
body.--is-menu-active .header__navBtn--txt_btn{
	pointer-events: none;
}

@media screen and (hover:hover) and (pointer: fine){
	.header__navBtn--txt_btn{
		transition: transform .3s ease;
	}
	.header__navBtn--txt_btn:hover{
		transform: translateX(-25%);
	}
}

@media screen and (max-width:768px){
	.header__navBtnWrapper{
		top: calc(30 / var(--vw-min) * 100vw);
		right: calc(27 / var(--vw-min) * 100vw);
		left: calc(27 / var(--vw-min) * 100vw);
	}
	.header__logo{
		width: calc(122 / var(--vw-min) * 100vw);
		margin-right: calc(4 / var(--vw-min) * 100vw);
	}
	.header__navBtn{
		padding-top: calc(3 / var(--vw-min) * 100vw);
		padding-right: calc(36 / var(--vw-min) * 100vw);
	}
	.header__chainWrap{
		padding: calc(64 / var(--vw-min) * 100vw) 0;
		margin-top: calc(-56 / var(--vw-min) * 100vw);
		margin-bottom: calc(-56 / var(--vw-min) * 100vw);
	}
	.roop-last:before{
		width: calc(12 / var(--vw-min) * 100vw);
		height: calc(12 / var(--vw-min) * 100vw);
		margin-left: calc(-10 / var(--vw-min) * 100vw);
	}
	body.--is-menu-active #rope-root div {
		width: calc((706 / var(--vw-min) * 100vw) / 20)!important;
	}
	
	.header__pochita{
		top: calc(8 / var(--vw-min) * 100vw);
		right: 0;
		width: calc(30 / var(--vw-min) * 100vw);
		height: calc(30 / var(--vw-min) * 100vw);
	}
	.header__navBtn--txt{
		font-size: calc(16 / var(--vw-min) * 100vw);
	}
	.header__navBtn--txt_btn{
		margin-top: calc(-2 / var(--vw-min) * 100vw);
		padding-top: calc(4 / var(--vw-min) * 100vw);
		line-height: 1;
	}
}



.l-mainContainerIn,
.header__navBtnWrapper{
	transition: opacity .3s ease;
}

body.--is-menu-active .l-mainContainerIn,
body.--is-modal-active .l-mainContainerIn{
	opacity: 0;
	pointer-events: none;
}
body.--is-menu-active .l-mainContainerIn *,
body.--is-modal-active .l-mainContainerIn *{
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
}

body.--is-modal-active .header__navBtnWrapper{
	opacity: 0;
	pointer-events: none;
}
body.--is-modal-active .header__navBtnWrapper *{
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
}


/* Close */
.header_close{
	display: block;
	opacity: 0;
	transform: scale(90%);
	pointer-events: none;
	width: calc(50 / var(--vw-min) * 100vw);
	height: calc(25 / var(--vw-min) * 100vw);
	transition: opacity .3s ease, transform .25s ease;
	background: url(../img/common/close-l.svg) no-repeat center / contain;
	position: relative;
	margin-top: calc(16 / var(--vw-min) * 100vw);
}
body.--is-menu-active .header_close{
	opacity: 1;
	transform: scale(100%);
	pointer-events: auto;
}
@media screen and (hover:hover) and (pointer: fine){
	.header_close:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: auto;
		background: url(../img/common/close.svg) no-repeat center / contain;
		opacity: 0;
		transition: opacity .3s ease;
	}
	.header_close:hover::before{
		opacity: 1;
	}
}
@media screen and (max-width:768px){
	.header_close{
		width: calc(88 / var(--vw-min) * 100vw);
		height: calc(44 / var(--vw-min) * 100vw);
		margin-top: calc(30 / var(--vw-min) * 100vw);
		margin-right: calc(4 / var(--vw-min) * 100vw);
	}
}



/**--------------------------------------------------
 * ContactModal
**--------------------------------------------------*/
.contactContent{
	position: relative;
}
.contact_h2{
	height: calc(60 / var(--vw-min) * 100vw);
	text-align: center;
	text-align: center;
}
.contact_h2 img{
	display: inline-block;
	height: 100%;
}

.contactContentIn{
	padding-top: calc(48 / var(--vw-min) * 100vw);
}
.contact_txt{
	font-size: calc(14 / var(--vw-min) * 100vw);
	line-height: 2;
	font-weight: 600;
	transform: scale(1, 1.3);
}

.contact_linkWrap{
	margin-top: calc(48 / var(--vw-min) * 100vw);
	text-align: center;
}
.btn_contactlink{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: calc(146 / var(--vw-min) * 100vw);
	height: calc(148 / var(--vw-min) * 100vw);
	padding: calc(8 / var(--vw-min) * 100vw);
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}
.btn_contactlink--title{
	position: relative;
	z-index: 1;
	display: block;
	height: calc(20 / var(--vw-min) * 100vw);
	padding-left: calc(10 / var(--vw-min) * 100vw);
	padding-right: calc(20 / var(--vw-min) * 100vw);
}
.btn_contactlink--title:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: calc(12 / var(--vw-min) * 100vw);
	height: calc(12 / var(--vw-min) * 100vw);
	margin: auto;
	-webkit-mask: url(../img/common/deco_arrow-r.svg) no-repeat center / contain;
	mask: url(../img/common/deco_arrow-r.svg) no-repeat center / contain;
	background-color: #000;
}
.btn_contactlink--title img{
	display: block;
	height: 100%;
}
.btn_contactlink--bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 50%;
}
.btn_contactlink--bg:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #FFF;
	border-radius: 50%;
}


@media screen and (hover:hover) and (pointer: fine){
	.btn_contactlink--title{
		transition: filter .3s ease;
	}
	.btn_contactlink--title:after{
		transition: transform .35s ease;
	}
	.btn_contactlink--bg:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		border-radius: 50%;
		background-color: #000;
		opacity: 0;
		transform: scale(80%);
		transition: transform .35s ease, opacity .3s ease;
	}

	.btn_contactlink:hover .btn_contactlink--title{
		filter: invert(100%) sepia(0%) saturate(7493%) hue-rotate(213deg) brightness(99%) contrast(96%);
	}
	.btn_contactlink:hover .btn_contactlink--title:after{
		transform: translateX(50%);
	}
	.btn_contactlink:hover .btn_contactlink--bg:before{
		opacity: 1;
		transform: scale(100%);
	}
}

@media screen and (max-width:768px){
	.contact_h2{
		height: calc(70 / var(--vw-min) * 100vw);
	}
	.contactContentIn{
		padding-top: calc(64 / var(--vw-min) * 100vw);
	}
	.contact_txt{
		width: 100%;
		font-size: calc(20 / var(--vw-min) * 100vw);
		padding-left: calc(104 / var(--vw-min) * 100vw);
		padding-right: calc(104 / var(--vw-min) * 100vw);
		line-height: 2.6;
	}
	.contact_linkWrap{
		margin-top: calc(50 / var(--vw-min) * 100vw);
	}

	.btn_contactlink{
		width: calc(232 / var(--vw-min) * 100vw);
		height: calc(232 / var(--vw-min) * 100vw);
		padding: calc(12 / var(--vw-min) * 100vw);
	}
	.btn_contactlink--title{
		height: calc(34 / var(--vw-min) * 100vw);
		padding-left: calc(17 / var(--vw-min) * 100vw);
		padding-right: calc(34 / var(--vw-min) * 100vw);
	}
	.btn_contactlink--title:after{
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
	}
}


/**--------------------------------------------------
 * titlesModal
**--------------------------------------------------*/
#titlesModal .oneModalIn__cont{
	width: 100%;
	min-height: 100vh;
	position: relative;
	padding: calc(60 / var(--vw-min) * 100vw) 0;
	display: flex;
	align-items: center;
}


.titles_h2{
	position: absolute;
	bottom: 0;
	right: 0;
	height: calc(60 / var(--vw-min) * 100vw);
}

.titlesContent{
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 0 calc(80 / var(--vw-min) * 100vw);
}
.titlesSwiper{
	overflow: unset;
}
.titles_h2 img{
	display: inline-block;
	height: 100%;
}

.titlesList{
	width: calc(292 / var(--vw-min) * 100vw);
	padding: 0 calc(10 / var(--vw-min) * 100vw);
}
.titlesList__link{
	width: 100%;
	display: block;
	text-decoration: none;
	pointer-events: none;
}
.titlesList__image{
	width: 100%;
	padding-top: 141.1348%;/* 398 */
	position: relative;
	pointer-events: auto;
}
.titlesList__image img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.titlesList__title{
	margin-top: calc(12 / var(--vw-min) * 100vw);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.titlesList__title--en{
	margin-bottom: calc(8 / var(--vw-min) * 100vw);
	pointer-events: auto;
}
.titlesList__title--en img{
	display: block;
	width: 100%;
}

.titlesList__title--ja{
	display: inline-block;
	font-size: calc(12 / var(--vw-min) * 100vw);
	font-weight: 600;
	line-height: 1.4167;
	color: #000;
	position: relative;
	pointer-events: auto;
}
.titlesList__title--ja:before{
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0%;
	bottom: 0px;
	background-color: rgb(255, 255, 255);
	z-index: -1;
}
.titlesList__title--ja_txt{
	display: inline-block;
	transform: scale(1, 1.3);
	position: relative;
}

@media screen and (max-width:768px){
	#titlesModal .oneModalIn__cont{
		padding: calc(60 / var(--vh-min) * 100vh) 0;
	}
	.titles_h2{
		height: calc(70 / var(--vw-min) * 100vw);
	}
	.titlesContent{
		padding: 0 calc(50 / var(--vw-min) * 100vw);
	}

	.titlesList{
		width: calc(302 / var(--vw-min) * 100vw);
	}
	.titlesList__title{
		margin-top: calc(16 / var(--vw-min) * 100vw);
	}
	.titlesList__title--ja{
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}


.titlesList[data-slide="tv"] .titlesList__title--en{
	width: calc(177 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.titlesList[data-slide="tv"] .titlesList__title--en{
		width: calc(250 / var(--vw-min) * 100vw);
	}
}

.titlesList[data-slide="reze"] .titlesList__title--en{
	width: calc(201 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.titlesList[data-slide="reze"] .titlesList__title--en{
		width: calc(269 / var(--vw-min) * 100vw);
	}
}


.titlesList[data-slide="assassin"] .titlesList__title--en{
	width: calc(191 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.titlesList[data-slide="assassin"] .titlesList__title--en{
		width: calc(269 / var(--vw-min) * 100vw);
	}
}



@media screen and (min-width:769px){
	#titlesModal.--slide3 .titlesLists{
		justify-content: center;
	}
}



.swiper-pagination-bullets.swiper-pagination-horizontal.titlesSwiper__paginations,
.titlesSwiper__paginations{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: calc(9 / var(--vw-min) * 100vw);
	margin-top: calc(24 / var(--vw-min) * 100vw);
	bottom: unset;
	left: unset;
	width: 100%;
}
.swiper-pagination-bullets.swiper-pagination-horizontal.titlesSwiper__paginations .titlesSwiper__pagination,
.titlesSwiper__pagination{
	pointer-events: none;
	width: auto;
	height: auto;
	display: inline-flex;
	align-items: flex-end;
	gap: calc(9 / var(--vw-min) * 100vw);
	opacity: 1;
	background: unset;
	border-radius: unset;
	margin: 0;
}
.titlesSwiper__pagination--mainLine{
	display: block;
	width: max(calc(1 / var(--vw-min) * 100vw), 1px);
	height: calc(14 / var(--vw-min) * 100vw);
	background-color: #fff;
}
.titlesSwiper__pagination--lines{
	display: inline-flex;
	align-items: flex-end;
	gap: calc(9 / var(--vw-min) * 100vw);
}
.titlesSwiper__pagination--lines > span{
	display: block;
	width: max(calc(1 / var(--vw-min) * 100vw), 1px);
	height: calc(7 / var(--vw-min) * 100vw);
	background-color: #8b8b8b;
}

.titlesSwiper__pagination:last-child .titlesSwiper__pagination--lines{
	display: none;
}

@media screen and (max-width:768px){
	.swiper-pagination-bullets.swiper-pagination-horizontal.titlesSwiper__paginations,
	.titlesSwiper__paginations{
		margin-top: calc(80 / var(--vw-min) * 100vw);
	}
}


@media screen and (min-width:769px){
	#titlesModal.--slide3 .titlesSwiper__paginations{
		display: none;
	}
}


@media screen and (hover:hover) and (pointer: fine){
	.titlesList__image{
		overflow: hidden;
	}
	.titlesList__image img{
		transition: transform .6s ease;
	}
	.titlesList__link:hover .titlesList__image img{
		transform: scale(104%);
	}
}


/**--------------------------------------------------
 * pLoading
**--------------------------------------------------*/
.pLoading{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;

	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pLoadingIn{
	width: min(calc(640 / var(--vw-min) * 100vw), 640px);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.pLoading__logo{
	width: min(calc(400 / var(--vw-min) * 100vw), 400px);
	margin: 0 auto;
}
.pLoading__logo img{
	width: 100%;
}

.pLoading__pochitaArea{
	display: flex;
	justify-content: flex-end;
	margin-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
	padding-left: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
.pLoading__pochita--chara{
	width: calc(64 / var(--vw-min) * 100vw);
	max-width: 64px;
	height: calc(64 / var(--vw-min) * 100vw);
	height: 64px;
	background: url(../img/common/deco_nav-pochita.png) no-repeat center / contain;
	flex-shrink: 0;
}
.pLoading__pochita--lines{
	width: 100%;
	padding-right: min(calc(24 / var(--vw-min) * 100vw), 24px);
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.pLoading__pochita--line{
	width: 0%;
	display: flex;
	align-items: center;
	animation: ani_loading_width 1s cubic-bezier(.35,.15,.3,1.08) forwards;
	animation-delay: .4s;
	transition: width .6s cubic-bezier(.35,.15,.3,1.08);
}
.pLoading__pochita--line:before{
	content: '';
	display: inline-block;
	width: calc(16 / var(--vw-min) * 100vw);
	max-width: 16px;
	height: calc(16 / var(--vw-min) * 100vw);
	max-height: 16px;
	-webkit-mask: url(../img/common/deco_nav-chain.svg) no-repeat right center / contain;
	mask: url(../img/common/deco_nav-chain.svg) no-repeat right center / contain;
	background-color: #fff;
	transform: translateX(max(calc(2 / var(--vw-min) * 100vw), 2px));
	margin-top: max(calc(-2 / var(--vw-min) * 100vw), -2px);
}
.pLoading__pochita--line > span{
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fff;
}

@keyframes ani_loading_width{
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}