@charset "utf-8";
/*-----------------------------------------------
 * STORY
-------------------------------------------------*/
.storyCont {
	width: min(calc(1080 / var(--vw-min) * 100vw),1080px);
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width:768px){
	.subSecWrap {
		padding: 0 calc(8 / var(--vw-min) * 100vw);
	}
	.storyCont {
		width: 100%;
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
}
.storyCard__lists {
	display: flex;
	flex-wrap: wrap;
	gap: min(calc(64 / var(--vw-min) * 100vw),64px) min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:768px){
	.storyCard__lists {
		gap: calc(32 / var(--vw-min) * 100vw) calc(3 / var(--vw-min) * 100vw);
	}
}
.storyCard__item {
	width: calc((100% - min(calc(36 / var(--vw-min) * 100vw),36px)) / 3);
	border-radius: min(calc(20 / var(--vw-min) * 100vw),20px);
	border: min(calc(6 / var(--vw-min) * 100vw),6px) solid #fff;
}
@media screen and (max-width:768px){
	.storyCard__item {
		width: calc((100% - calc(3 / var(--vw-min) * 100vw)) / 2);
		border-radius: calc(12 / var(--vw-min) * 100vw);
		border-width: calc(3 / var(--vw-min) * 100vw);
	}
}
.storyCard__link {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	display: flex;
    flex-direction: column;
	padding: min(calc(10 / var(--vw-min) * 100vw),10px) min(calc(10 / var(--vw-min) * 100vw),10px) min(calc(22 / var(--vw-min) * 100vw),22px);
	text-decoration: none;
}
@media screen and (max-width:768px){
	.storyCard__link {
		padding: calc(5 / var(--vw-min) * 100vw) calc(5 / var(--vw-min) * 100vw) calc(14 / var(--vw-min) * 100vw); 
	}
}
.story__ep {
    font-size: min(calc(56 / var(--vw-min) * 100vw),56px);
	line-height: 1;
    letter-spacing: 0.04em;
    position: absolute;
	top: max(calc(-15 / var(--vw-min) * 100vw),-15px);
	left: min(calc(26 / var(--vw-min) * 100vw),26px);
	z-index: 1;
}
.story__ep::before {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    z-index: -1;
    color: transparent;
    -webkit-text-stroke: min(calc(8 / var(--vw-min) * 100vw), 8px) #fff;
}
@media screen and (max-width:768px){
    .story__ep {
        font-size: calc(32 / var(--vw-min) * 100vw);
		top: calc(-10 / var(--vw-min) * 100vw);
		left: calc(15 / var(--vw-min) * 100vw);
    }
    .story__ep::before {
        -webkit-text-stroke-width: calc(6 / var(--vw-min) * 100vw);
    }
}
.storyCard__item:nth-child(4n+1) .story__ep {
    color: var(--color-green6AA);
}
.storyCard__item:nth-child(4n+2) .story__ep {
    color: var(--color-blue00B);
}
.storyCard__item:nth-child(4n+3) .story__ep {
    color: var(--color-blue47B);
}
.storyCard__item:nth-child(4n+4) .story__ep {
    color: var(--color-orangeF85);
}
.storyCard__thumb {
	width: 100%;
	padding-top: 56.3291%;
	position: relative;
	border-radius: min(calc(12 / var(--vw-min) * 100vw),12px);
	overflow: hidden;
}
@media screen and (max-width:768px){
	.storyCard__thumb {
		border-radius: calc(8 / var(--vw-min) * 100vw);
	}
}
.storyCard__thumb img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	pointer-events: none;
}
.storyCard__foot {
	height: 100%;
	position: relative;
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
	margin-top: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.storyCard__foot {
		margin-top: calc(8 / var(--vw-min) * 100vw);
	}
}
.storyCard__tit {
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	color: #fff;
	font-weight: 900;
	line-height: 1.556;
	padding-right: min(calc(42 / var(--vw-min) * 100vw),42px);
}
@media screen and (max-width:768px){
	.storyCard__tit {
		font-size: calc(13 / var(--vw-min) * 100vw);
		padding-right: calc(26 / var(--vw-min) * 100vw);
	}
}
.storyCard__arrow {
	width: min(calc(32 / var(--vw-min) * 100vw),32px);
	height: min(calc(32 / var(--vw-min) * 100vw),32px);
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	margin: auto;
	display: block;
	background-color: #fff;
}
@media screen and (max-width:768px){
	.storyCard__arrow {
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
	}
}
.storyCard__arrow::after {
	content: "";
	width: min(calc(14 / var(--vw-min) * 100vw),14px);
	height: min(calc(12 / var(--vw-min) * 100vw),12px);
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.storyCard__arrow::after {
		width: calc(8 / var(--vw-min) * 100vw); 
		height: calc(7 / var(--vw-min) * 100vw);
	}
}
.storyCard__item:nth-child(4n+1) {
    background-color: var(--color-green6AA);
}
.storyCard__item:nth-child(4n+2) {
    background-color: var(--color-blue00B);
}
.storyCard__item:nth-child(4n+3) {
    background-color: var(--color-blue47B);
}
.storyCard__item:nth-child(4n+4) {
    background-color: var(--color-orangeF85);
}
.storyCard__item:nth-child(4n+1) .storyCard__arrow::after {
    background-color: var(--color-green6AA);
}
.storyCard__item:nth-child(4n+2) .storyCard__arrow::after {
    background-color: var(--color-blue00B);
}
.storyCard__item:nth-child(4n+3) .storyCard__arrow::after {
    background-color: var(--color-blue47B);
}
.storyCard__item:nth-child(4n) .storyCard__arrow::after {
    background-color: var(--color-orangeF85);
}
@media (hover: hover) and (pointer: fine){
	.storyCard__item:hover {
		transform: translateY(-5px) scale(1.05);
	}
	.storyCard__item:hover .storyCard__arrow::after {
		animation: arrow__r .4s var(--cubic-bezier01);
	}
}
/*-----------------------------------------------
 * STORY DETAIL
-------------------------------------------------*/
.storyDetail {
	width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
	border-radius: min(calc(48 / var(--vw-min) * 100vw),48px);
	border: min(calc(5 / var(--vw-min) * 100vw),5px) solid #fff;
	position: relative;
	margin: 0 auto;
	background-color: var(--color-blue00B);
}
@media screen and (max-width:768px){
	.storyDetail {
		width: 100%;
		border-radius: calc(24 / var(--vw-min) * 100vw);
		border-width: calc(3 / var(--vw-min) * 100vw);
	}
}
.storyDetail__panel {
	width: min(calc(864 / var(--vw-min) * 100vw),864px);
	border-radius: min(calc(40 / var(--vw-min) * 100vw),40px);
	padding: min(calc(64 / var(--vw-min) * 100vw),64px) min(calc(72 / var(--vw-min) * 100vw),72px);
	margin: min(calc(40 / var(--vw-min) * 100vw),40px) auto min(calc(56 / var(--vw-min) * 100vw),56px);
	background-color: #fff;
	color: var(--color-brown2C1);
}
@media screen and (max-width:768px) {
	.storyDetail__panel {
		width: calc(100% - calc(16 / var(--vw-min) * 100vw));
		border-radius: calc(16 / var(--vw-min) * 100vw);
		padding: calc(32 / var(--vw-min) * 100vw) calc(14 / var(--vw-min) * 100vw);
		margin: calc(22 / var(--vw-min) * 100vw) auto calc(40 / var(--vw-min) * 100vw);
		display: flex;
		flex-direction: column;
	}
}
.storyDetail__gallery {
	position: relative;
	margin-bottom: min(calc(64 / var(--vw-min) * 100vw),64px);
}
.storyDetail__gallery::before,
.storyDetail__gallery::after {
	content: "";
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	pointer-events: none;
}
.storyDetail__gallery::before {
	width: min(calc(128 / var(--vw-min) * 100vw),128px);
	height: min(calc(128 / var(--vw-min) * 100vw),128px);
	top: max(calc(-12 / var(--vw-min) * 100vw),-12px);
	left: max(calc(-12 / var(--vw-min) * 100vw),-12px);
	background-image: url(../img/common/deco/deco_story1.png);
}
.storyDetail__gallery::after {
	width: min(calc(112 / var(--vw-min) * 100vw),112px);
	height: min(calc(112 / var(--vw-min) * 100vw),112px);
	right: max(calc(-44 / var(--vw-min) * 100vw),-44px);
	bottom: min(calc(11 / var(--vw-min) * 100vw),11px);
	background-image: url(../img/common/deco/deco_story2.png);
}
@media screen and (max-width:768px){
	.storyDetail__gallery {
		margin-bottom: calc(32 / var(--vw-min) * 100vw);
	}
	.storyDetail__gallery::before {
		width: calc(56 / var(--vw-min) * 100vw);
		height: calc(56 / var(--vw-min) * 100vw);
		top: calc(-6 / var(--vw-min) * 100vw);
		left: calc(-6 / var(--vw-min) * 100vw);
	}
	.storyDetail__gallery::after {
		width: calc(48 / var(--vw-min) * 100vw);
		height: calc(48 / var(--vw-min) * 100vw);
		right: calc(-10 / var(--vw-min) * 100vw);
		bottom: calc(17 / var(--vw-min) * 100vw);
	}
}
.storyDetail__mast {
	width: min(calc(864 / var(--vw-min) * 100vw),864px);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	padding-top: min(calc(62 / var(--vw-min) * 100vw),62px);
}
@media screen and (max-width:768px){
	.storyDetail__mast {
		width: 100%;
		flex-direction: column;
		justify-content: center;
		padding-top: calc(36 / var(--vw-min) * 100vw);
	}
}
.storyDetail__ep {
    font-size: min(calc(80 / var(--vw-min) * 100vw),56px);
	color: var(--color-blue00B);
	font-weight: 400;
	line-height: 1;
    letter-spacing: 0.04em;
    position: absolute;
	top: max(calc(-26 / var(--vw-min) * 100vw),-26px);
	left: min(calc(72 / var(--vw-min) * 100vw),72px);
	z-index: 1;
}
@media screen and (max-width:768px){
	.storyDetail__ep {
		font-size: calc(56 / var(--vw-min) * 100vw);
		top: calc(-20 / var(--vw-min) * 100vw);
		left: calc(24 / var(--vw-min) * 100vw);
	}
}
.storyDetail__ep::before {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    z-index: -1;
    color: transparent;
    -webkit-text-stroke: min(calc(8 / var(--vw-min) * 100vw), 8px) #fff;
}
@media screen and (max-width:768px){
	.storyDetail__ep::before {
		-webkit-text-stroke-width: calc(8 / var(--vw-min) * 100vw);
	}
}
.storyDetail__heading {
	font-size: min(calc(28 / var(--vw-min) * 100vw),28px);
	color: #fff;
	font-weight: 900;
	line-height: 1.286;
	width: min(calc(548 / var(--vw-min) * 100vw),548px);
	margin-left: min(calc(72 / var(--vw-min) * 100vw),72px);
}
@media screen and (max-width:768px){
	.storyDetail__heading {
		font-size: calc(20 / var(--vw-min) * 100vw);
		width: 100%;
		text-align: center;
		padding: 0 calc(10 / var(--vw-min) * 100vw);
		margin: 0 0 calc(16 / var(--vw-min) * 100vw);
	}
}
.storyDetail__onair {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	color: #fff;
	font-weight: 400;
	line-height: 1;
	display: flex;
	align-items: flex-end;
	flex-shrink: 0;
}
@media screen and (max-width:768px){
	.storyDetail__onair {
		font-size: calc(15 / var(--vw-min) * 100vw);
	}
}
.storyDetail__onair::before {
	content: "";
	width: min(calc(2 / var(--vw-min) * 100vw),2px);
	height: min(calc(24 / var(--vw-min) * 100vw),24px);
	display: block;
	background-color: #fff;
	margin-right: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.storyDetail__onair::before {
		content: unset;
	}
}
.storyDetail__onairDay {
	margin: 0 min(calc(3 / var(--vw-min) * 100vw),3px);
}
@media screen and (max-width:768px){
	.storyDetail__onairDay {
		margin: 0 calc(5 / var(--vw-min) * 100vw);
	}
}
.storyGallery__ph {
	width: 100%;
	border-radius: min(calc(12 / var(--vw-min) * 100vw),12px);
	overflow: hidden;
}
@media screen and (max-width:768px){
	.storyGallery__ph {
		border-radius: calc(8 / var(--vw-min) * 100vw);
	}
}
.storyGallery__ph img {
	width: 100%;
	pointer-events: none;
}
.storyGallery__swiperWrap {
	position: relative;
}
.swiper__arrowWrap {
	width: min(calc(840 / var(--vw-min) * 100vw),840px);
	height: 100%;
	left: max(calc(-60 / var(--vw-min) * 100vw),-60px);
}
@media screen and (max-width:768px){
	.swiper__arrowWrap {
		width: calc(360 / var(--vw-min) * 100vw);
		left: calc(-28 / var(--vw-min) * 100vw);
	}
}
.swiper__arrow {
	background-color: var(--color-blue00B);
	border-color: var(--color-blue00B);
}
@media (hover: hover) and (pointer: fine){
	.swiper__arrow:hover {
		background-color: var(--color-orangeF85);
		border-color: var(--color-orangeF85);
	}
}
.storyGalleryThumb {
	width: min(calc(560 / var(--vw-min) * 100vw),560px);
	margin: 0 auto;
	position: relative;
	z-index: 1;
	padding-top: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.storyGalleryThumb {
		width: 100%;
		padding-top: calc(10 / var(--vw-min) * 100vw);
	}
}
.storyThumbGallery__lists {
	display: flex;
	justify-content:center;
	flex-wrap: wrap;
	gap: min(calc(4 / var(--vw-min) * 100vw),4px);
}
@media screen and (max-width:768px){
	.storyThumbGallery__lists {
		justify-content: flex-start;
		gap: calc(4 / var(--vw-min) * 100vw);
	}
}
.storyThumbGallery__item {
	width: calc((100% - min(calc(36 / var(--vw-min) * 100vw),36px)) / 7);
	position: relative;
	border-radius: min(calc(4 / var(--vw-min) * 100vw),4px);
	overflow: hidden;
	cursor: pointer;
}
@media screen and (max-width:768px){
	.storyThumbGallery__item {
		width: calc((100% - calc(16 / var(--vw-min) * 100vw)) / 5);
	}
}
.storyThumbGallery__item::before {
	content: "";
	width: calc(100% - min(calc(4 / var(--vw-min) * 100vw),4px));
	height: calc(100% - min(calc(4 / var(--vw-min) * 100vw),4px));
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	opacity: 0;
	border: min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-pinkFF9);
	transition: .3s var(--cubic-bezier01);
	pointer-events: none;
}
.storyThumbGallery__item.is-current::before {
	opacity: 1;
}
@media (hover: hover) and (pointer: fine){
	.storyThumbGallery__item:hover::before {
		opacity: 1;
	}
}
.storyThumbGallery__ph {
	width: 100%;
}
.storyThumbGallery__item img {
	width: 100%;
	pointer-events: none;
}
.storyDetail__labeledWrap {
	display: flex;
	flex-direction: column;
	gap: min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
	.storyDetail__labeledWrap {
		gap: calc(26 / var(--vw-min) * 100vw);
	}
}
.storyDetail__labeled {
	display: flex;
	position: relative;
}
@media screen and (max-width:768px){
	.storyDetail__labeled {
		flex-direction: column;
		padding-bottom: calc(24 / var(--vw-min) * 100vw);
	}
}
.storyDetail__labeledHd {
	width: calc(100% - min(calc(520 / var(--vw-min) * 100vw),520px));
	flex-shrink: 0;
}
@media screen and (max-width:768px){
	.storyDetail__labeledHd {
		width: 100%;
	}
}
.storyDetail__labeledTit {
	height: min(calc(68 / var(--vw-min) * 100vw),68px);
}
@media screen and (max-width:768px){
	.storyDetail__labeledTit {
		height: calc(26 / var(--vw-min) * 100vw);
		margin-bottom: calc(13 / var(--vw-min) * 100vw);
	}
}
.storyDetail__labeledTit.--story {
	width: min(calc(130 / var(--vw-min) * 100vw),130px);
	background: url(../img/story/tit_story.svg)no-repeat center/contain;
}
.storyDetail__labeledTit.--staff {
	width: min(calc(118 / var(--vw-min) * 100vw),118px);
	background: url(../img/story/tit_staff.svg)no-repeat center/contain;
}
.storyDetail__labeledTit.--trailer {
	width: min(calc(181 / var(--vw-min) * 100vw),181px);
	background: url(../img/story/tit_trailer.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.storyDetail__labeledTit.--story {
		width: 100%;
		background-image: url(../img/story/tit_story-s.svg);
	}
	.storyDetail__labeledTit.--staff {
		width: 100%;
		background-image: url(../img/story/tit_staff-s.svg);
	}
	.storyDetail__labeledTit.--trailer {
		width: 100%;
		background-image: url(../img/story/tit_trailer-s.svg);
	}
}
.storyDetail__labeledBody {
	width: min(calc(520 / var(--vw-min) * 100vw),520px);
}
@media screen and (max-width:768px){
	.storyDetail__labeledBody {
		width: 100%;
	}
}
.storyDetail__staffLists {
	display: flex;
	flex-direction: column;
}
.storyDetail__staffItem {
	font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
	color: var(--color-brown2C1);
	font-weight: 500;
	line-height: 1.867;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}
@media screen and (max-width:768px){
	.storyDetail__staffItem {
		font-size: calc(13 / var(--vw-min) * 100vw);
	}
}
.storyDetail__staffDt {
	color: var(--color-blue00B);
}
.storyDetail__staffDt::after {
	content: "：";
}
.movie__itemIn {
	border: min(calc(5 / var(--vw-min) * 100vw),5px) solid var(--color-pinkFF9);
	border-radius: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.movie__itemIn {
		border-width: calc(5 / var(--vw-min) * 100vw);
		border-radius: calc(12 / var(--vw-min) * 100vw);
	}
}
.movie__yt-play {
	width: min(calc(80 / var(--vw-min) * 100vw),80px);
	height: min(calc(80 / var(--vw-min) * 100vw),80px);
	padding-top: 0;
}
@media screen and (max-width:768px){
	.movie__yt-play {
		width: calc(48 / var(--vw-min) * 100vw);
		height: calc(48 / var(--vw-min) * 100vw);
	}
}
.movie__yt-play::before {
	width: 100%;
	height: 100%;
}
.movie__yt-play::after {
	width: min(calc(68 / var(--vw-min) * 100vw),68px);
	height: min(calc(68 / var(--vw-min) * 100vw),68px);
	top: 0;
	bottom: 0;
}
@media screen and (max-width:768px){
	.movie__yt-play::after {
		width: calc(40 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
	}
}
.storyDetail__pager {
	width: min(calc(864 / var(--vw-min) * 100vw),864px);
	display: flex;
	justify-content: space-between;
	position: relative;
	margin: 0 auto;
	padding-bottom: min(calc(70 / var(--vw-min) * 100vw),70px);
}
@media screen and (max-width:768px){
	.storyDetail__pager {
		width: 100%;
		padding: 0 calc(10 / var(--vw-min) * 100vw) calc(43 / var(--vw-min) * 100vw);
	}
}
.storyDetail__pagerArrow {
	width: min(calc(48 / var(--vw-min) * 100vw),48px);
	height: min(calc(48 / var(--vw-min) * 100vw),48px);
}
@media screen and (max-width:768px){
	.storyDetail__pagerArrow {
		width: calc(40 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
	}
}
.storyDetail__pagerArrow.is-hidden {
	opacity: .6;
	pointer-events: none;
}
.storyDetail__pagerLink {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	border-radius: 50%;
	background-color: #fff;
}
.storyDetail__pagerLink::before {
	content: "";
	width: min(calc(20 / var(--vw-min) * 100vw),20px);
	height: min(calc(16 / var(--vw-min) * 100vw),16px);
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
	background-color: var(--color-blue00B);
}
@media screen and (max-width:768px){
	.storyDetail__pagerLink::before {
		width: calc(15 / var(--vw-min) * 100vw);
		height: calc(13 / var(--vw-min) * 100vw);
	}
}
.storyDetail__pagerLink--older::before {
	transform: scale(-1,1);
}
.storyDetail__pagerList {
	width: min(calc(240 / var(--vw-min) * 100vw),240px);
	height: min(calc(48 / var(--vw-min) * 100vw),48px);
}
@media screen and (max-width:768px){
	.storyDetail__pagerList {
		width: calc(184 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
	}
}
.storyDetail__listBtn {
	font-size: min(calc(22 / var(--vw-min) * 100vw),22px);
	color: #fff;
	font-weight: 400;
	line-height: 1;
	text-decoration: none;
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: min(calc(100 / var(--vw-min) * 100vw),100px);
	background-color: var(--color-pinkFF9);
}
@media screen and (max-width:768px){
	.storyDetail__listBtn {
		font-size: calc(18 / var(--vw-min) * 100vw);
		border-radius: calc(100 / var(--vw-min) * 100vw);
	}
}
.storyDetail__listBtn span {
	margin-top: min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
	.storyDetail__listBtn span {
		margin-top: calc(5 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.movie__arrowWrap .swiper__arrow:hover {
		background-color: var(--color-yellowFFB);
	}
	.storyDetail__pagerLink:hover::before {	
	    animation: arrow__r .4s var(--cubic-bezier01);
	}
	.storyDetail__pagerLink.storyDetail__pagerLink--older:hover::before {	
	    animation: arrow__l .4s var(--cubic-bezier01);
	}
}
.storyDetail__pagerListArrow {
	width: min(calc(32 / var(--vw-min) * 100vw),32px);
	height: min(calc(32 / var(--vw-min) * 100vw),32px);
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: min(calc(8 / var(--vw-min) * 100vw),8px);
	margin: auto;
}
@media screen and (max-width:768px){
	.storyDetail__pagerListArrow {
		width: calc(28 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
		left: calc(6 / var(--vw-min) * 100vw);
	}
}
.storyDetail__pagerListArrow::before {
	content: "";
	width: min(calc(14 / var(--vw-min) * 100vw),14px);
	height: min(calc(12 / var(--vw-min) * 100vw),12px);
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
	background-color: var(--color-pinkFF9);
	transform: scale(-1,1);
}
@media screen and (max-width:768px){
	.storyDetail__pagerListArrow::before {
		width: calc(12 / var(--vw-min) * 100vw);
		height: calc(10 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.storyDetail__listBtn:hover .storyDetail__pagerListArrow::before {
	    animation: arrow__l .4s var(--cubic-bezier01);
	}
}
/**
* deco
**/
.deco__chara {
	width: min(calc(232 / var(--vw-min) * 100vw),232px);
	height: min(calc(122 / var(--vw-min) * 100vw),122px);
	position: absolute;
	top: min(calc(14 / var(--vw-min) * 100vw),14px);
	right: min(calc(88 / var(--vw-min) * 100vw),88px);
	z-index: -1;
}
@media screen and (max-width:768px){
	.deco__chara {
		width: calc(152 / var(--vw-min) * 100vw);
		height: calc(80 / var(--vw-min) * 100vw);
		top: calc(12 / var(--vw-min) * 100vw);
		right: calc(24 / var(--vw-min) * 100vw);
	}
}
.deco__chara .pap {
	width: min(calc(68 / var(--vw-min) * 100vw),68px);
	height: min(calc(117 / var(--vw-min) * 100vw),117px);
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/common/deco/deco_pap.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__chara .pap {
		width: calc(45 / var(--vw-min) * 100vw);
		height: calc(77 / var(--vw-min) * 100vw);
	}
}
.deco__chara .pop {
	width: min(calc(60 / var(--vw-min) * 100vw),60px);
	height: min(calc(102 / var(--vw-min) * 100vw),102px);
	position: absolute;
	top: min(calc(20 / var(--vw-min) * 100vw),20px);
	left: min(calc(77 / var(--vw-min) * 100vw),77px);
	background: url(../img/common/deco/deco_pop.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__chara .pop {
		width: calc(39 / var(--vw-min) * 100vw);
		height: calc(67 / var(--vw-min) * 100vw);
		top: calc(12 / var(--vw-min) * 100vw);
		left: calc(50 / var(--vw-min) * 100vw);
	}
}
.deco__chara .porta {
	width: min(calc(96 / var(--vw-min) * 100vw),96px);
	height: min(calc(100 / var(--vw-min) * 100vw),100px);
	position: absolute;
	top: min(calc(20 / var(--vw-min) * 100vw),20px);
	right: 0;
	background: url(../img/common/deco/deco_porta.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__chara .porta {
		width: calc(63 / var(--vw-min) * 100vw);
		height: calc(66 / var(--vw-min) * 100vw);
		top: calc(11 / var(--vw-min) * 100vw);
	}
}
.story__sep {
	width: 100%;
	height: min(calc(1 / var(--vw-min) * 100vw),1px);
	display: none;
	position: absolute;
	bottom: 0;
}
.story__sepLine {
	width: 100%;
	height: min(calc(1 / var(--vw-min) * 100vw), 1px);
	display: block;
	position: absolute;
	top: max(calc(-1.5 / var(--vw-min) * 100vw), -1.5px);
	left: 0;
	z-index: 1;
	-webkit-mask: url(../img/common/deco/deco_line.svg) repeat-x left / min(calc(5 / var(--vw-min) * 100vw), 5px) min(calc(1 / var(--vw-min) * 100vw), 1px);
	mask: url(../img/common/deco/deco_line.svg) repeat-x left / min(calc(5 / var(--vw-min) * 100vw), 5px) min(calc(1 / var(--vw-min) * 100vw), 1px);
	background-color: var(--color-blue00B);
}
@media screen and (max-width:768px) {
	.story__sep {
		display: block;
		height: calc(1 / var(--vw-min) * 100vw);
	}
	.story__sepLine {
		height: calc(1 / var(--vw-min) * 100vw);
		-webkit-mask-size: calc(5 / var(--vw-min) * 100vw) calc(1 / var(--vw-min) * 100vw);
		mask-size: calc(5 / var(--vw-min) * 100vw) calc(1 / var(--vw-min) * 100vw);
	}
}
.story__sep::before,
.story__sep::after {
	content: "";
	width: min(calc(5 / var(--vw-min) * 100vw), 5px);
	height: min(calc(5 / var(--vw-min) * 100vw), 5px);
	display: block;
	position: absolute;
	top: max(calc(-4 / var(--vw-min) * 100vw), -4px);
	z-index: 2;
	border-radius: 50%;
	background-color: var(--color-blue47B);
}
@media screen and (max-width:768px) {
	.story__sep::before,
	.story__sep::after {
		width: calc(5 / var(--vw-min) * 100vw);
		height: calc(5 / var(--vw-min) * 100vw);
		top: calc(-4 / var(--vw-min) * 100vw);
	}
}
.story__sep::before {
	left: 0;
}
.story__sep::after {
	right: 0;
}