@charset "utf-8";
/*-----------------------------------------------
* COMMON
 * FV
 * INTRODUCTION
 * CHARACTER
 * STAFF/CAST
 * BOOKS
-------------------------------------------------*/
/*-----------------------------------------------
 * COMMON
-------------------------------------------------*/
.fullWrapIn {
	width: 100%;
	position: relative;
}
.fullWrapIn__BgWrap {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.fullWrapIn__Bg {
	position: sticky;
	top: 0;
	width: 100%;
	height: min(100vh, 100%);
	z-index: -2;
	pointer-events: none;
}
/**
* top / left
**/
.fullWrapIn__Bg-tl {
	width: min(calc(461 / var(--vw-min) * 100vw),461px);
	height: min(calc(324 / var(--vw-min) * 100vw),324px);
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
@media screen and (max-width:768px){
	.fullWrapIn__Bg-tl {
		width: calc(480 / var(--vw-min) * 100vw);
		height: calc(418 / var(--vw-min) * 100vw);
		top: unset;
		bottom: calc(500 / var(--vw-min) * 100vw);
	}
}
.fullWrapIn__Bg-tl .deco__confetti,
.fullWrapIn__Bg-tl .deco__cloud1,
.fullWrapIn__Bg-tl .deco__cloud2 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.fullWrapIn__Bg-tl .deco__confetti {
	z-index: 1;
	background: url(../img/common/deco/deco_confetti-t.png)no-repeat center/contain;
	animation: opacity1 2.5s infinite ease-in-out;
}
.fullWrapIn__Bg-tl .deco__cloud1 {
	background: url(../img/common/deco/deco_cloud1.png)no-repeat center/contain;
	animation: shake1 4.5s infinite ease-in-out;
}
.fullWrapIn__Bg-tl .deco__cloud2 {
	background: url(../img/common/deco/deco_cloud2.png)no-repeat center/contain;
	animation: shake2 4.5s infinite ease-in-out;
}
@media screen and (max-width:768px){
	.fullWrapIn__Bg-tl .deco__confetti {
		width: calc(480 / var(--vw-min) * 100vw);
		height: calc(337 / var(--vw-min) * 100vw);
	}
	.fullWrapIn__Bg-tl .deco__cloud1 {
		width: calc(700 / var(--vw-min) * 100vw);
		height: calc(483 / var(--vw-min) * 100vw);
	}
	.fullWrapIn__Bg-tl .deco__cloud2 {
		width: calc(670 / var(--vw-min) * 100vw);
		height: calc(478 / var(--vw-min) * 100vw);
	}
}
/**
* top / right
**/
.fullWrapIn__Bg-tr {
	width: min(calc(364 / var(--vw-min) * 100vw),364px);
	height: min(calc(362 / var(--vw-min) * 100vw),362px);
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}
@media screen and (max-width:768px){
	.fullWrapIn__Bg-tr {
		width: calc(327 / var(--vw-min) * 100vw);
		height: calc(543 / var(--vw-min) * 100vw);
	}
}
.fullWrapIn__Bg-tr .deco__nami {
	width: min(calc(300 / var(--vw-min) * 100vw),300px);
	height: min(calc(308 / var(--vw-min) * 100vw),308px);
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../img/common/deco/deco_nami-t.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.fullWrapIn__Bg-tr .deco__nami {
		width: calc(460 / var(--vw-min) * 100vw);
		height: calc(470 / var(--vw-min) * 100vw);
		right: unset;
		left: calc(93 / var(--vw-min) * 100vw);
	}
}
.fullWrapIn__Bg-tr .deco__red {
	width: min(calc(290 / var(--vw-min) * 100vw),290px);
	height: min(calc(160 / var(--vw-min) * 100vw),160px);
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}
@media screen and (max-width:768px){
	.fullWrapIn__Bg-tr .deco__red {
		width: calc(220 / var(--vw-min) * 100vw);
		height: calc(240 / var(--vw-min) * 100vw);
	}
}
.fullWrapIn__Bg-tr .deco__red::before {
	content: "";
	width: min(calc(290 / var(--vw-min) * 100vw),290px);
	height: min(calc(202 / var(--vw-min) * 100vw),202px);
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../img/common/deco/deco_red-t.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.fullWrapIn__Bg-tr .deco__red::before {
		width: calc(430 / var(--vw-min) * 100vw);
		height: calc(292 / var(--vw-min) * 100vw);
	}
}
.fullWrapIn__Bg-tr .deco__yellow {
	width: min(calc(364 / var(--vw-min) * 100vw),364px);
	height: min(calc(124 / var(--vw-min) * 100vw),124px);
	position: absolute;
	top: 0;
	right: 0;
	z-index: -2;
	overflow: hidden;
}
@media screen and (max-width:768px){
	.fullWrapIn__Bg-tr .deco__yellow {
		width: calc(328 / var(--vw-min) * 100vw);
		height: calc(180 / var(--vw-min) * 100vw);
	}

}
.fullWrapIn__Bg-tr .deco__yellow::before {
	content: "";
	width: min(calc(248 / var(--vw-min) * 100vw),248px);
	height: min(calc(177 / var(--vw-min) * 100vw),177px);
	position: absolute;
	top: max(calc(-63 / var(--vw-min) * 100vw),-63px);
	left: 0;
	background: url(../img/common/deco/deco_yellow-t.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.fullWrapIn__Bg-tr .deco__yellow::before {
		width: calc(370 / var(--vw-min) * 100vw);
		height: calc(260 / var(--vw-min) * 100vw);
		top: unset;
		bottom: 0;
	}
}
/**
* bottom / left
**/
.fullWrapIn__Bg-bl {
	width: min(calc(360 / var(--vw-min) * 100vw),360px);
	height: min(calc(356 / var(--vw-min) * 100vw),356px);
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
@media screen and (max-width:768px){
	.fullWrapIn__Bg-bl {
		width: calc(330 / var(--vw-min) * 100vw);
		height: calc(550 / var(--vw-min) * 100vw);
	}
}
.fullWrapIn__Bg-bl .deco__nami{
	width: min(calc(341 / var(--vw-min) * 100vw),341px);
	height: min(calc(250 / var(--vw-min) * 100vw),250px);
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/common/deco/deco_nami-b.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.fullWrapIn__Bg-bl .deco__nami {
		width: calc(493 / var(--vw-min) * 100vw);
		height: calc(370 / var(--vw-min) * 100vw);
		left: unset;
		right: calc(28 / var(--vw-min) * 100vw);
	}
}
.fullWrapIn__Bg-bl .deco__red {
	width: min(calc(290 / var(--vw-min) * 100vw),290px);
	height: min(calc(160 / var(--vw-min) * 100vw),160px);
	position: absolute;
	bottom: 0;
	left: 0;
}
@media screen and (max-width:768px){
	.fullWrapIn__Bg-bl .deco__red {
		width: calc(220 / var(--vw-min) * 100vw);
		height: calc(220 / var(--vw-min) * 100vw);
	}
}
.fullWrapIn__Bg-bl .deco__red::before {
	content: "";
	width: min(calc(290 / var(--vw-min) * 100vw),290px);
	height: min(calc(203 / var(--vw-min) * 100vw),203px);
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/common/deco/deco_red-b.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.fullWrapIn__Bg-bl .deco__red::before {
		width: calc(380 / var(--vw-min) * 100vw);
		height: calc(270 / var(--vw-min) * 100vw);
	}
}
.fullWrapIn__Bg-bl .deco__yellow {
	width: min(calc(360 / var(--vw-min) * 100vw),360px);
	height: min(calc(120 / var(--vw-min) * 100vw),120px);
	position: absolute;
	bottom: 0;
	left: 0;
}
@media screen and (max-width:768px){
	.fullWrapIn__Bg-bl .deco__yellow {
		width: calc(328 / var(--vw-min) * 100vw);
		height: calc(192 / var(--vw-min) * 100vw);
	}
}
.fullWrapIn__Bg-bl .deco__yellow::before {
	content: "";
	width: min(calc(248 / var(--vw-min) * 100vw),248px);
	height: min(calc(176 / var(--vw-min) * 100vw),176px);
	position: absolute;
	top: 0;
	z-index: -2;
	right: max(calc(-10 / var(--vw-min) * 100vw),-10px);
	background: url(../img/common/deco/deco_yellow-b.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.fullWrapIn__Bg-bl .deco__yellow::before {
		width: calc(368 / var(--vw-min) * 100vw);
		height: calc(266 / var(--vw-min) * 100vw);
		right: 0;
	}
}
.fullWrapIn__Bg-bl .deco__cloud3 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/common/deco/deco_cloud3.png)no-repeat center/contain;
	animation: shake1 4.5s infinite ease-in-out;
}
@media screen and (max-width:768px){
	.fullWrapIn__Bg-bl .deco__cloud3 {
		width: calc(490 / var(--vw-min) * 100vw);
		height: calc(482 / var(--vw-min) * 100vw);
	}
}
/**
* bottom / right
**/
.fullWrapIn__Bg-br {
	width: min(calc(430 / var(--vw-min) * 100vw),430px);
	height: min(calc(303 / var(--vw-min) * 100vw),303px);
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
@media screen and (max-width:768px){
	.fullWrapIn__Bg-br {
		width: calc(400 / var(--vw-min) * 100vw);
		height: calc(400 / var(--vw-min) * 100vw);
		top: calc(627 / var(--vw-min) * 100vw);
		bottom: unset;
	}
}
.deco__confetti,
.deco__cloud4 {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.deco__confetti {
	animation: opacity1 2.5s infinite ease-in-out;
}
.deco__cloud4 {
	animation: shake2 5s infinite ease-in-out;
}
@media screen and (max-width:768px){
	.deco__confetti,
	.deco__cloud4 {
		width: calc(617 / var(--vw-min) * 100vw);
		height: calc(437 / var(--vw-min) * 100vw);
	}
}
.deco__confetti {
	z-index: 1;
	background: url(../img/common/deco/deco_confetti-b.png)no-repeat center/contain;
}
.deco__cloud4 {
	background: url(../img/common/deco/deco_cloud4.png)no-repeat center/contain;
}
.section {
	width: 100%;
	position: relative;
}
.cont-titWrap {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.cont-tit-ja {
	width: min(calc(84 / var(--vw-min) * 100vw),84px);
	display: block;
	background-color: #fff;
}
@media screen and (max-width:768px){
	.cont-tit-ja {
		width: calc(96 / var(--vw-min) * 100vw);
	}
}
.cont-tit-en {
	font-size: min(calc(10 / var(--vw-min) * 100vw),10px);
	color: #fff;
	line-height: 1;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	position: relative;
	background-color: var(--color-red);
	margin-top: max(calc(-33 / var(--vw-min) * 100vw),-33px);
}
@media screen and (max-width:768px){
	.cont-tit-en {
		font-size: calc(10 / var(--vw-min) * 100vw);
		margin-top: calc(-40 / var(--vw-min) * 100vw);
	}
}
/**
* btn
**/
.movie__yt-playWrap {
	width: min(calc(80 / var(--vw-min) * 100vw),80px);
	height: min(calc(80 / var(--vw-min) * 100vw),80px);
	position: relative;
	z-index: 2;
	border-radius: 50%;
	border: min(calc(2 / var(--vw-min) * 100vw),2px) solid #fff;
	margin: auto min(calc(70 / var(--vw-min) * 100vw),70px) 0 0;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.movie__yt-playWrap {
		width: calc(128 / var(--vw-min) * 100vw);
		height: calc(128 / var(--vw-min) * 100vw);
		border-width: calc(4 / var(--vw-min) * 100vw);
	}
}
.movie__yt-play {
	width: min(calc(72 / var(--vw-min) * 100vw),72px);
	height: min(calc(72 / var(--vw-min) * 100vw),72px);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	border-radius: 50%;
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid #fff;
	pointer-events: auto;
}
@media screen and (max-width:768px){
	.movie__yt-play {
		width: calc(112 / var(--vw-min) * 100vw);
		height: calc(112 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.movie__yt-play-txt {
	font-family: var(--font-vdl);
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	color: #fff;
	line-height: 1;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	font-feature-settings:initial;
	background-color: #000;
	padding: min(calc(3 / var(--vw-min) * 100vw),3px) 0;
}
@media screen and (max-width:768px){
	.movie__yt-play-txt {
		font-size: calc(32 / var(--vw-min) * 100vw);
		padding: calc(2 / var(--vw-min) * 100vw) 0;
	}
}
@media (hover: hover) and (pointer: fine){
	.movieBtn:hover .movie__yt-playWrap,
	.movie__yt-playWrap:hover {
		transform: scale(0.9);
	}
}
/*-----------------------------------------------
 * FV
-------------------------------------------------*/
.fvWrap {
	position: relative;
}
@media screen and (max-width:768px){
	.fvWrap {
		padding-bottom: calc(442 / var(--vw-min) * 100vw);
		overflow: hidden;
	}
}
.fv__visual {
	width: 100%;
}
.fv__visual img {
	width: 100%;
	pointer-events: none;
}
.fv__onair {
	width: calc(1059 / var(--vw-min) * 100vw);
	height: calc(31 / var(--vw-min) * 100vw);
	position: absolute;
	right: 0;
	bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
	left: 0;
	margin: auto;
	-webkit-mask: url(../img/top/fv_onair.svg)no-repeat center/contain;
	mask: url(../img/top/fv_onair.svg)no-repeat center/contain;
	background-color: #fff;
}
@media screen and (max-width:768px){
	.fv__onair {
		width: calc(166 / var(--vw-min) * 100vw);
		height: calc(486 / var(--vw-min) * 100vw);
		top: calc(40 / var(--vw-min) * 100vw);
		left: calc(48 / var(--vw-min) * 100vw);
		right: unset;
		bottom: unset;
		-webkit-mask: unset;
		mask: unset;
		background: url(../img/top/fv_onair-s.png)no-repeat center/contain;
		background-color: unset;
	}
}
.fv__stickyWrap {
	width: 100%;
	height: calc(100% - min(calc(130 / var(--vw-min) * 100vw),130px));
	position: absolute;
	top: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 1;
}
@media screen and (max-width:768px){
	.fv__stickyWrap {
		height: 100%;
	}
}
.fv__sticky {
	position: sticky;
	top: 0;
	height: min(100%, 100vh);
	min-height: min(calc(650 / var(--vw-min) * 100vw),650px);
}
@media screen and (max-width:768px){
	.fv__sticky  {
		height: 100%;
		min-height: 100%;
	}
}
/**
* logo
**/
.fv__logo {
	width: min(calc(121 / var(--vw-min) * 100vw),121px);
	height: min(calc(480 / var(--vw-min) * 100vw),480px);
	position: absolute;
	top: min(calc(80 / var(--vw-min) * 100vw),80px);
	right: min(calc(80 / var(--vw-min) * 100vw),80px);
	background: url(../img/common/logo/logo.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.fv__logo {
		width: calc(121 / var(--vw-min) * 100vw);
		height: calc(480 / var(--vw-min) * 100vw);
		top: calc(48 / var(--vw-min) * 100vw);
		right: calc(48 / var(--vw-min) * 100vw);
	}
}
.fv__logoLink {
	width: 100%;
	height: 100%;
	display: block;
	pointer-events: auto;
}
/**
* movie
**/
.movieWrap {
	width: min(calc(224 / var(--vw-min) * 100vw),224px);
	height: min(calc(172 / var(--vw-min) * 100vw),172px);
	position: absolute;
	bottom: min(calc(10 / var(--vw-min) * 100vw),10px);
	left: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.movieWrap {
		width: calc(440 / var(--vw-min) * 100vw);
		height: calc(344 / var(--vw-min) * 100vw);
		right: 0;
		left: 0;
		bottom: calc(48 / var(--vw-min) * 100vw);
		z-index: 2;
		margin: auto;
	}
}
/* .movieWrap::before {
	content: "";
	width: min(calc(172 / var(--vw-min) * 100vw),172px);
	height: min(calc(172 / var(--vw-min) * 100vw),172px);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: url(../img/common/deco/deco_movieBg.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.movieWrap::before {
		width: calc(344 / var(--vw-min) * 100vw);
		height: calc(344 / var(--vw-min) * 100vw);
	}
} */
.movieWrapIn {
	width: min(calc(224 / var(--vw-min) * 100vw),224px);
	height: min(calc(128 / var(--vw-min) * 100vw),128px);
	position: relative;
	margin-top: min(calc(22 / var(--vw-min) * 100vw),22px);
}
@media screen and (max-width:768px){
	.movieWrapIn {
		width: calc(440 / var(--vw-min) * 100vw);
		height: calc(248 / var(--vw-min) * 100vw);
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
}
.movieWrapIn::before {
	content: "";
	width: min(calc(224 / var(--vw-min) * 100vw),224px);
	height: min(calc(128 / var(--vw-min) * 100vw),128px);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_movieframe.svg) no-repeat center / contain;
	mask: url(../img/common/deco/deco_movieframe.svg) no-repeat center / contain;
	background-color: #000;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.movieWrapIn::before {
		width: calc(440 / var(--vw-min) * 100vw);
		height: calc(248 / var(--vw-min) * 100vw);
	}
}
.movieAreaCont {
	width: 100%;
	position: relative;
	padding-top: 57.1429%;
	overflow: hidden;
	-webkit-mask: url(../img/common/deco/deco_movieframe2.svg) no-repeat center / contain;
	mask: url(../img/common/deco/deco_movieframe2.svg) no-repeat center / contain;
}
.movieBtn {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: block;
	pointer-events: auto;
}
.movieBtn::before {
	content: "";
	background-color: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 1;
	transition: .3s ease;
	pointer-events: none;
}
.movieBtn img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}
.movieWrap .movie__yt-playWrap {
	width: min(calc(64 / var(--vw-min) * 100vw),64px);
	height: min(calc(64 / var(--vw-min) * 100vw),64px);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
@media screen and (max-width:768px){
	.movieWrap .movie__yt-playWrap {
		width: calc(128 / var(--vw-min) * 100vw);
		height: calc(128 / var(--vw-min) * 100vw);
	}
}
.movieWrap .movie__yt-play {
	width: min(calc(57 / var(--vw-min) * 100vw),57px);
	height: min(calc(57 / var(--vw-min) * 100vw),57px);
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width:768px){
	.movieWrap .movie__yt-play {
		width: calc(112 / var(--vw-min) * 100vw);
		height: calc(112 / var(--vw-min) * 100vw);
	}
}
.movieWrap .movie__yt-play-txt {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.movieWrap .movie__yt-play-txt {
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.movieBtn:hover::before {
		opacity: 0;
	}
}
@media screen and (max-width:768px){
	.movieBg {
		width: 100%;
		height: calc(442 / var(--vw-min) * 100vw);
		position: absolute;
		bottom: 0;
		pointer-events: none;
	}
	.movieBg .fullWrapIn__Bg-tl {
		top: calc(215 / var(--vw-min) * 100vw);
		bottom: unset;
	}
}
/*-----------------------------------------------
 * INTRODUCTION
-------------------------------------------------*/
.introduction {
	height: 100%;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: min(calc(80 / var(--vw-min) * 100vw),80px) 0;
}
@media screen and (max-width:768px){
	.introduction {
		min-height: 100%;
		display: block;
		padding: calc(48 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw) calc(96 / var(--vw-min) * 100vw);
	}
}
.introWrap {
	display: flex;
	flex-direction: row-reverse;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	padding: 0 min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
	.introWrap {
		padding: 0;
	}
}
.introduction .cont-tit-ja {
	height: min(calc(392 / var(--vw-min) * 100vw),392px);
	-webkit-mask: url(../img/common/tit/tit_intro.svg)no-repeat center/contain;
	mask: url(../img/common/tit/tit_intro.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.introduction .cont-tit-ja  {
		height: calc(466 / var(--vw-min) * 100vw);
	}
}
.intro__txtWrap {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	font-feature-settings:initial;
	margin-top: min(calc(42 / var(--vw-min) * 100vw),42px);
}
@media screen and (max-width:768px){
	.intro__txtWrap {
		width: calc(100% - calc(96 / var(--vw-min) * 100vw));
		display: flex;
		flex-direction: row;
		margin-top: calc(48 / var(--vw-min) * 100vw);
		padding-right: calc(80 / var(--vw-min) * 100vw);
	}
	.intro__txtBox {
		min-height: calc(760 / var(--vw-min) * 100vw);
	}
	.intro__txtBox-t {
		padding-bottom: calc(96 / var(--vw-min) * 100vw);
	}
	 .intro__txtBox-b {
		padding-top: calc(96 / var(--vw-min) * 100vw);
	}
}
.intro__txt {
	font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
	color: #fff;
	line-height: 2;
}
@media screen and (max-width:768px){
	.intro__txt {
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
}
.intro__txt-b {
	font-size: min(calc(32 / var(--vw-min) * 100vw),32px);
	color: var(--color-yellow);
	line-height: 1.5;
	margin-right: min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.intro__txt-b {
		font-size: calc(40 / var(--vw-min) * 100vw);
		margin-right: 0;
	}
}
.intro__txt small {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.intro__txt small {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}
@media screen and (min-width:769px){
	.--ml {
		margin-left: min(calc(50 / var(--vw-min) * 100vw),50px);
	}
}
@media screen and (max-width:768px){
	.--mr {
		margin-right: calc(80 / var(--vw-min) * 100vw);
	}
}
.--mark {
	text-combine-upright: all;
}
/**
* bg
**/
.intro__bgWrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background-image: radial-gradient(transparent 59%, #000000)
}
.intro__bgWrap::after {
	content: "";
	width: 100%;
	height: calc(100% + 1px);
	display: block;
	position: absolute;
	top: -1px;
	right: 0;
	bottom: 0;
	left: 0;
   	background-color: rgba(0, 0, 0, .8);
	background-image: radial-gradient(transparent 50%, #000)
}
.intro__bg {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.bg_ytplayer {
	position: fixed;
	top: 0;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
/**
* bg
**/
.intro__bgIn {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	pointer-events: none;
	/* overflow: hidden; */
}
.intro__bg-clip {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.intro__bg-clip-in{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	-webkit-mask: url(../img/common/bg/bg_ptn.svg)repeat center/min(calc(160 / var(--vw-min) * 100vw),160px) min(calc(80 / var(--vw-min) * 100vw),80px);
	mask: url(../img/common/bg/bg_ptn.svg)repeat center/min(calc(160 / var(--vw-min) * 100vw),160px) min(calc(80 / var(--vw-min) * 100vw),80px);
	background-color: rgba(0, 0, 0, .5);
}
@media screen and (max-width:768px){
	 .intro__bg-clip-in {
		-webkit-mask-size: calc(160 / var(--vw-min) * 100vw) calc(80 / var(--vw-min) * 100vw);
		mask-size: calc(160 / var(--vw-min) * 100vw) calc(80 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * CHARACTER
-------------------------------------------------*/
.character {
	position: relative;
	padding-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.character {
		padding-bottom: calc(96 / var(--vw-min) * 100vw);
		border-bottom: calc(2 / var(--vw-min) * 100vw) solid #000;
	}
}
.charaWrap {
	width: min(calc(1040 / var(--vw-min) * 100vw),1040px);
	position: relative;
	display: flex;
	flex-direction: row-reverse;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.charaWrap {
		width: 100%;
		display: block;
	}
}
.character .cont-titWrap {
	margin-top: min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
	.character .cont-titWrap {
		margin-top: min(calc(50 / var(--vw-min) * 100vw),50px);
		position: absolute;
		top: 0;
		right: calc(48 / var(--vw-min) * 100vw);
		z-index: 2;

	}
}
.character .cont-tit-ja {
	height: min(calc(260 / var(--vw-min) * 100vw),260px);
	background: url(../img/common/tit/tit_chara.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.character .cont-tit-ja {
		height: calc(310 / var(--vw-min) * 100vw);
	}
}
/**
* swiper
**/
.charaSwiperWrap {
	width: calc(100% - min(calc(84 / var(--vw-min) * 100vw),84px));
	position: relative;
	padding-right: min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
	.charaSwiperWrap {
		width: 100%;
		padding-right: 0;
	}
}
.charaSwiper {
	margin-top: max(calc(-160 / var(--vw-min) * 100vw),-160px);
}
@media screen and (max-width:768px){
	.charaSwiper {
		margin-top: calc(-178 / var(--vw-min) * 100vw);
	}
}
.chara__item {
	height: 100%;
	min-height: min(calc(830 / var(--vw-min) * 100vw),830px);
	position: relative;
	display: flex;
	align-items: flex-start;
	flex-direction: row-reverse;
	justify-content: space-between;
}
@media screen and (max-width:768px){
	.chara__item {
		display: block;
		min-height: calc(1268 / var(--vw-min) * 100vw);
	}
}
.chara__imgLists {
	width: min(calc(360 / var(--vw-min) * 100vw),360px);
	padding-top: 94.7488%;/*830*/
	position: absolute;
	top: 0;
	right: min(calc(170 / var(--vw-min) * 100vw),170px);
	margin: auto;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.chara__imgLists {
		width: calc(550 / var(--vw-min) * 100vw);
		padding-top: 169%;/*1268*/
		right: 0;
		left: 0;
	}
}
.chara__img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
}
.chara__img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	object-fit: cover;
	pointer-events: none;
}
.chara__img.--active {
	transform: scale(0);
	transition: .3s ease-out;
}
.chara__item.swiper-slide-active .chara__img.--active {
	opacity: 1;
	transform: scale(1);
	transition-delay: .2s;
}
/** name **/
.chara__nameWrap {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	font-feature-settings:initial;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 2;
	margin-top: min(calc(120 / var(--vw-min) * 100vw),120px);
}
@media screen and (max-width:768px){
	.chara__nameWrap {
		margin-top: calc(240 / var(--vw-min) * 100vw);
		padding-left: calc(48 / var(--vw-min) * 100vw);
	}
}
.chara__ruby {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	line-height: 1;
	font-weight: 700;
}
@media screen and (max-width:768px){
	.chara__ruby {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}
.chara__name {
	font-size: min(calc(48 / var(--vw-min) * 100vw),48px);
	line-height: 1;
	font-weight: 900;
	margin: 0 min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
	.chara__name {
		font-size: calc(56 / var(--vw-min) * 100vw);
		margin: 0 calc(24 / var(--vw-min) * 100vw);
	}
}
.chara__cvWrap {
	margin-top: min(calc(25 / var(--vw-min) * 100vw),25px);
}
@media screen and (max-width:768px){
	.chara__cvWrap {
		margin-top: 0;
	}
}
.chara__cv {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: var(--color-red);
	font-weight: 700;
}
@media screen and (max-width:768px){
	.chara__cv  {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}
.chara__cvName {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight: 700;
}
@media screen and (max-width:768px){
	.chara__cvName {
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
}
/** txt **/
.chara__txtWrap {
	width: min(calc(400 / var(--vw-min) * 100vw),400px);
	position: relative;
	padding: min(calc(16 / var(--vw-min) * 100vw),16px);
	margin-top: min(calc(200 / var(--vw-min) * 100vw),200px);
	background-color: rgba(255, 255, 255, .8);
}
@media screen and (max-width:768px){
	.chara__txtWrap {
		width: min(calc(654 / var(--vw-min) * 100vw),654px);
		padding: calc(32 / var(--vw-min) * 100vw);
		margin: calc(726 / var(--vw-min) * 100vw) auto 0;
	}
}
.chara__txtTit {
	font-size: min(calc(10 / var(--vw-min) * 100vw),10px);
	color: var(--color-red);
	font-weight: 600;
	line-height: 1;
}
@media screen and (max-width:768px){
	.chara__txtTit {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}
.chara__txt {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	line-height: 2;
	font-weight: 600;
	padding: min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
	.chara__txt {
		font-size: calc(24 / var(--vw-min) * 100vw);
		padding: calc(10 / var(--vw-min) * 100vw);
	}
}
.chara__txtWrap {
	opacity: 0;
	transform: translateY(100px);
	transition: transform .4s ease-out, opacity .5s ease-out;
}
.chara__item.swiper-slide-active .chara__txtWrap {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .2s;
}
.chara__ruby,
.chara__name,
.chara__cvWrap {
	opacity: 0;
	transform: translateY(-100px);
	transition: .5s ease-out;
}
.chara__item.swiper-slide-active .chara__ruby {
	opacity: 1;
	transform: translateY(0);
}
.chara__item.swiper-slide-active .chara__name {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .1s;
}
.chara__item.swiper-slide-active .chara__cvWrap {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .15s;
}
/**
* thumb
**/
.swiper-pagination-bullets.swiper-pagination-horizontal.chara__thumbLists {
	width: min(calc(400 / var(--vw-min) * 100vw),400px);
	display: flex;
	flex-wrap: wrap;
	position: relative;
	bottom: unset;
	z-index: 2;
	margin-top: min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
	.swiper-pagination-bullets.swiper-pagination-horizontal.chara__thumbLists {
		width: calc(560 / var(--vw-min) * 100vw);
		padding: calc(96 / var(--vw-min) * 100vw) 0 0 calc(48 / var(--vw-min) * 100vw);
		margin-top: 0;
	}
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.chara__thumbItem {
	width: min(calc(80 / var(--vw-min) * 100vw),80px);
	height: min(calc(80 / var(--vw-min) * 100vw),80px);
	position: relative;
	border-radius: 50%;
	border: min(calc(2 / var(--vw-min) * 100vw),2px) solid #000;
	overflow: hidden;
	background-color: #fff;
	margin: min(calc(4 / var(--vw-min) * 100vw),4px);
	opacity: 1;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.chara__thumbItem {
		width: calc(96 / var(--vw-min) * 100vw);
		height: calc(96 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
		margin: calc(4 / var(--vw-min) * 100vw);
	}
}
.swiper-pagination-bullet:only-child {
	display: block!important;
}
.chara__thumbItem::before {
	content: "";
	width: min(calc(72 / var(--vw-min) * 100vw),72px);
	height: min(calc(72 / var(--vw-min) * 100vw),72px);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	border-radius: 50%;
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid #000;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.chara__thumbItem::before {
		width: calc(86 / var(--vw-min) * 100vw);
		height: calc(86 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.chara__thumbItem img {
	width: 100%;
	pointer-events: none;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.chara__thumbItem.swiper-pagination-bullet-active {
	background-color: var(--color-red);
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.chara__thumbItem.swiper-pagination-bullet-active::before {
	border-color: #fff;
}
@media (hover: hover) and (pointer: fine){
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.chara__thumbItem:hover {
		background-color: var(--color-red);
	}
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.chara__thumbItem:hover::before {
		border-color: #fff;
	}
}
/**
* change btn
**/
.chara__changeBtn {
	width: min(calc(100 / var(--vw-min) * 100vw),100px);
	height: min(calc(100 / var(--vw-min) * 100vw),100px);
	position: absolute;
	top: min(calc(360 / var(--vw-min) * 100vw),360px);
	right: min(calc(175 / var(--vw-min) * 100vw),175px);
	z-index: 2;
}
@media screen and (max-width:768px){
	.chara__changeBtn {
		width: calc(118 / var(--vw-min) * 100vw);
		height: calc(118 / var(--vw-min) * 100vw);
		position: relative;
		top: unset;
		right: unset;
		margin: calc(60 / var(--vw-min) * 100vw) 0 0 calc(60 / var(--vw-min) * 100vw);
	}
}
.chara__changeBtn::before {
	content: "";
	width: min(calc(64 / var(--vw-min) * 100vw),64px);
	height: min(calc(64 / var(--vw-min) * 100vw),64px);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_change.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_change.svg)no-repeat center/contain;
	background-color: #000;
	pointer-events: none;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.chara__changeBtn::before {
		width: calc(76 / var(--vw-min) * 100vw);
		height: calc(76 / var(--vw-min) * 100vw);
	}
}
.chara__changeBtn-txt {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_change-txt.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_change-txt.svg)no-repeat center/contain;
	background-color: var(--color-red);
	pointer-events: none;
	animation: 32s ani_rotate01 linear infinite;
}
@media (hover: hover) and (pointer: fine){
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.chara__thumbItem.swiper-pagination-bullet-active {
		background-color: var(--color-red);
	}
	.chara__changeBtn:hover::before {
		transform: rotate(-180deg);
	}
}
/*-----------------------------------------------
 * STAFF/CAST
-------------------------------------------------*/
.staffCast {
	padding: min(calc(120 / var(--vw-min) * 100vw),120px) 0 0;
}
@media screen and (max-width:768px){
	.staffCast {
		padding: calc(48 / var(--vw-min) * 100vw) 0 calc(60 / var(--vw-min) * 100vw);
		border-bottom: calc(2 / var(--vw-min) * 100vw) solid #000;
	}
}
.staffCast .cont-tit-ja {
	height: min(calc(376 / var(--vw-min) * 100vw),376px);
	background: url(../img/common/tit/tit_staffCast.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.staffCast .cont-tit-ja {
		height: calc(448 / var(--vw-min) * 100vw);
	}
}
.staffCastWrap {
	width: min(calc(1040 / var(--vw-min) * 100vw),1040px);
	display: flex;
	flex-direction: row-reverse;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	 .staffCastWrap {
		width: 100%;
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	 }
}
.staffCastIn {
	width: calc(100% - min(calc(84 / var(--vw-min) * 100vw),84px));
	padding: 0 min(calc(84 / var(--vw-min) * 100vw),84px) 0 min(calc(162 / var(--vw-min) * 100vw),162px);
}
@media screen and (max-width:768px){
	.staffCastIn {
		width: calc(100% - calc(96 / var(--vw-min) * 100vw));
		padding: 0 calc(48 / var(--vw-min) * 100vw) 0 0;
	}
}
.cast {
	padding-top: min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.cast {
		padding-top: calc(36 / var(--vw-min) * 100vw);
	}
	.staff {
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
}
.staffCast__tit {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	position: relative;
	padding-bottom: min(calc(5 / var(--vw-min) * 100vw),5px);
	border-bottom: min(calc(2 / var(--vw-min) * 100vw),2px) solid #000;
}
@media screen and (max-width:768px){
	.staffCast__tit  {
		padding-bottom: calc(10 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
}
.staffCast__tit::before {
	content: "";
	width: 100%;
	height: min(calc(1 / var(--vw-min) * 100vw),1px);
	position: absolute;
	bottom: min(calc(2 / var(--vw-min) * 100vw),2px);
	background-color: #000;
}
@media screen and (max-width:768px){
	.staffCast__tit::before {
		height: calc(1 / var(--vw-min) * 100vw);
		bottom: calc(2 / var(--vw-min) * 100vw);
	}
}
.staffCast__tit-en {
	font-size: min(calc(42 / var(--vw-min) * 100vw),42px);
	font-weight: 600;
	line-height: 1;
}
@media screen and (max-width:768px){
	.staffCast__tit-en {
		font-size: calc(48 / var(--vw-min) * 100vw);
	}
}
.staffCast__tit-ja {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	color: var(--color-red);
	line-height: 1;
	font-weight: 600;
}
@media screen and (max-width:768px){
	.staffCast__tit-ja {
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
}
.staffCast__lists {
	margin-top: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.staffCast__lists {
		margin-top: calc(72 / var(--vw-min) * 100vw);
		display: flex;
		flex-direction: column;
	}
}
.staffCast__item {
	display: flex;
	align-items: center;
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw),20px);
}
.staffCast__item.--small {
	align-items: baseline;
}
@media screen and (max-width:768px){
	.staffCast__item {
		margin-bottom: calc(20 / var(--vw-min) * 100vw);
		padding-left: calc(48 / var(--vw-min) * 100vw);
		flex-direction: column;
		align-items: flex-start;
	}
}
.staffCast__item-dt {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: var(--color-red);
	font-weight: 600;
	text-align: right;
	width: min(calc(375 / var(--vw-min) * 100vw),375px);
	padding-right: min(calc(15 / var(--vw-min) * 100vw),15px);
	text-shadow: 0px 0px 5px #fff,0px 0px 6px #fff,0px 0px 7px #fff,0px 0px 8px #fff;
}
@media screen and (max-width:768px){
	.staffCast__item-dt {
		font-size: calc(24 / var(--vw-min) * 100vw);
		width: auto;
		/* padding-right: calc(20 / var(--vw-min) * 100vw); */
		padding-right: 0;
	}
}
.staffCast__item-dd {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight: 600;
	width: calc(100% - min(calc(375 / var(--vw-min) * 100vw),375px));
	display: flex;
	text-shadow: 0px 0px 5px #fff,0px 0px 6px #fff,0px 0px 7px #fff,0px 0px 8px #fff;
}
@media screen and (max-width:768px){
	.staffCast__item-dd {
		font-size: calc(28 / var(--vw-min) * 100vw);
		width: auto;
	}
}
.staffCast__item-dd span {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.staffCast__item-dd small {
	font-size: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.staffCast__item-dd small {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}
.icon__comment {
	width: min(calc(40 / var(--vw-min) * 100vw),40px);
	height: min(calc(20 / var(--vw-min) * 100vw),20px);
	position: relative;
	margin: min(calc(7 / var(--vw-min) * 100vw),7px) 0 0 min(calc(7 / var(--vw-min) * 100vw),7px);
}
@media screen and (max-width:768px){
	.icon__comment {
		width: calc(60 / var(--vw-min) * 100vw);
		height: calc(30 / var(--vw-min) * 100vw);
		margin: calc(10 / var(--vw-min) * 100vw) 0 0 calc(10 / var(--vw-min) * 100vw);
	}
}
.icon__commentLink {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-mask: url(../img/common/deco/deco_comment.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_comment.svg)no-repeat center/contain;
	background-color: var(--color-red);
	transition: .3s ease;
}
@media (hover: hover) and (pointer: fine){
	.icon__commentLink:hover {
		background-color: #000;
		transform: scale(1.1);
	}
}
/*-----------------------------------------------
 * BOOKS
-------------------------------------------------*/
.books {
	overflow: hidden;
	padding: min(calc(240 / var(--vw-min) * 100vw),240px) 0 min(calc(160 / var(--vw-min) * 100vw),160px);
}
@media screen and (max-width:768px){
	.books {
		padding: calc(96 / var(--vw-min) * 100vw) 0 calc(192 / var(--vw-min) * 100vw);
	}
}
.booksWrap {
	width: min(calc(1040 / var(--vw-min) * 100vw),1040px);
	position: relative;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.booksWrap {
		width: 100%;
	}
}
.books .cont-titWrap {
	position: absolute;
	top: max(calc(-120 / var(--vw-min) * 100vw),-120px);
	right: 0;
	z-index: 2;
}
@media screen and (max-width:768px){
	.books .cont-titWrap {
		top: calc(-48 / var(--vw-min) * 100vw);
		right: calc(48 / var(--vw-min) * 100vw);
	}
}
.books .cont-tit-ja {
	height: min(calc(260 / var(--vw-min) * 100vw), 260px);
	background: url(../img/common/tit/tit_books.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.books .cont-tit-ja {
		height: calc(304 / var(--vw-min) * 100vw);
	}
}
.booksSwiperWrap {
	position: relative;
}
@media screen and (max-width:768px){
	.booksSwiperWrap {
		padding-left: calc(48 / var(--vw-min) * 100vw);
	}
}
.booksSwiper.swiper {
	overflow: unset;
}
.books__item {
	width: min(calc(200 / var(--vw-min) * 100vw), 200px);
	border: min(calc(1 / var(--vw-min) * 100vw), 1px) solid #000;
	margin-right: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
@media screen and (max-width:768px){
	.books__item {
		width: calc(243 / var(--vw-min) * 100vw);
		border: calc(1 / var(--vw-min) * 100vw);
		margin-right: calc(48 / var(--vw-min) * 100vw);
	}
}
.books__link {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	overflow: hidden;
}
.books__link::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(230, 0, 18, .3);
	opacity: 0;
	transition: .3s ease;
	pointer-events: none;
}
.books__link img {
	width: 100%;
	pointer-events: none;
	transition: .3s ease;
}
@media (hover: hover) and (pointer: fine){
	.books__link:hover::after {
		opacity: 1;
	}
	.books__link:hover img {
		transform: scale(1.1);
	}
}
.swiper-horizontal>.booksSwiper-scrollbar.swiper-scrollbar, 
.booksSwiper-scrollbar.swiper-scrollbar.swiper-scrollbar-horizontal {
	width: min(calc(800 / var(--vw-min) * 100vw),800px);
	position: relative;
	bottom: 0;
	right: 0;
	left: 0;
	border-radius: 0;
	margin: min(calc(80 / var(--vw-min) * 100vw),80px) auto 0;
}
@media screen and (max-width:768px){
	.swiper-horizontal>.booksSwiper-scrollbar.swiper-scrollbar, 
	.booksSwiper-scrollbar.swiper-scrollbar.swiper-scrollbar-horizontal {
		width: calc(558 / var(--vw-min) * 100vw);
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
}
.booksSwiper-scrollbar.swiper-scrollbar {
	height: min(calc(2 / var(--vw-min) * 100vw),2px);
	background-color: var(--color-gray);
}
@media screen and (max-width:768px){
	.booksSwiper-scrollbar.swiper-scrollbar {
		height: calc(8 / var(--vw-min) * 100vw);
	}
}
.booksSwiper-scrollbar .swiper-scrollbar-drag {
	height: min(calc(2 / var(--vw-min) * 100vw),2px);
	border-radius: 0;
	background-color: var(--color-red);
}
@media screen and (max-width:768px){
	.booksSwiper-scrollbar .swiper-scrollbar-drag {
		height: calc(8 / var(--vw-min) * 100vw);
	}
}
section .introWrap{
	filter: blur(10px);
	transition: filter 1s cubic-bezier(.18,.91,.74,.79);
}
.section.is-ani .introWrap {
	filter: blur(0);
}
.section .charaWrap {
   opacity: 0;
   transform: translateY(100px);
   transition: 1s cubic-bezier(.18,.91,.74,.79);
}
.section.is-ani .charaWrap {
	transform: translateY(0);
	opacity: 1;
}
.section .cont-titWrap {
	opacity: 0;
	filter: blur(10px);
	transition: 1s cubic-bezier(.18,.91,.74,.79);
}
.section.is-ani .cont-titWrap {
	opacity: 1;
	filter: blur(0);
}
.staffCastCont .staffCast__tit {
	opacity: 0;
	transform: translateY(10px);
	transition: .4s ease;
}
.staffCastCont.is-ani .staffCast__tit {
	opacity: 1;
	transform: translateY(0);
}
.staffCastCont .staffCast__lists {
	opacity: 0;
	transform: translateX(-100px);
	transition: 1s ease
}
.staffCastCont.is-ani .staffCast__lists {
	opacity: 1;
	transform: translateX(0);
	transition-delay: .4s;
}
.section .booksSwiper {
	opacity: 0;
	transform: translateX(100%);
	transition: 1s ease;
}
.section.is-ani .booksSwiper {
	opacity: 1;
	transform: translateX(0);
	transition-delay: .15s;
}
.section .booksSwiper-scrollbar,
.section .books__arrowWrap {
	opacity: 0;
	transform: translateY(10px);
	transition: 1s ease;
}
.section.is-ani .booksSwiper-scrollbar,
.section.is-ani .books__arrowWrap {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .15s;
}
/*-----------------------------------------------
 * Loading
-------------------------------------------------*/
.loading {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	min-height: 100vh;
	min-height: 100dvh;
	background-color: #fff;
}
.loading__w {
    position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10001;
	min-height: 100vh;
	min-height: 100dvh;
	background-color: #fff;
    transition: .3s ease;
	pointer-events: none;
}
.loading.is-ani .loading__w{
    opacity: 0;
}
.loading__parts {
	width: min(calc(121 / var(--vw-min) * 100vw),121px);
	height: min(calc(480 / var(--vw-min) * 100vw),480px);
	position: absolute;
	top: 50%;
	right: 50%;
	z-index: 1;
	transform: translate(50%, -50%) scale(0.8);
}
@media screen and (max-width:768px){
	.loading__parts {
		width: calc(121 / var(--vw-min) * 100vw);
		height: calc(480 / var(--vw-min) * 100vw);
	}
}
.loading__part {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: .4s ease-in-out;
}
.loading__part:nth-child(1) {
    background: url(../img/top/loading/part1.png)no-repeat center/contain;
}
.loading__part:nth-child(2) {
    background: url(../img/top/loading/part2.png)no-repeat center/contain;
}
.loading__part:nth-child(3) {
    background: url(../img/top/loading/part3.png)no-repeat center/contain;
}
.loading__part:nth-child(4) {
    background: url(../img/top/loading/part4.png)no-repeat center/contain;
}
.--part-fan {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	transform: scaleX(0);
	opacity: 0;
	transition: transform .7s ease-in-out, opacity .7s ease-in-out;
    background: url(../img/top/loading/part5.png)no-repeat center/contain;
}
.--part-en {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: .4s ease-in-out;
    background: url(../img/top/loading/part6.png)no-repeat center/contain;
}
.--part-ja {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: .4s ease-in-out;
    background: url(../img/top/loading/part7.png)no-repeat center/contain;
}
.loading__parts.is-in .loading__part{
    opacity: 1;
}
.loading__parts.is-in .loading__part:nth-child(1) {
    transition-delay: .8s;
}
.loading__parts.is-in .loading__part:nth-child(2) {
    transition-delay: .9s;
}
.loading__parts.is-in .loading__part:nth-child(3) {
    transition-delay: 1s;
}
.loading__parts.is-in .loading__part:nth-child(4) {
    transition-delay: 1.1s;
}
.loading__parts.is-in .--part-fan {
	transform: scaleX(1);
	opacity: 1;
}
.loading__parts.is-in .--part-en {
	opacity: 1;
	transition-delay: 1.1s;
}
.loading__parts.is-in .--part-ja {
	opacity: 1;
	transition-delay:1.1s;
}
.loading__parts.is-ani .loading__part,
.loading__parts.is-ani .--part-en,
.loading__parts.is-ani .--part-ja {
	opacity: 1;
	transition-delay:unset!important;
}
.loading__parts.is-ani .--part-fan {
 	transform: scaleX(1);
	opacity: 1;
}
.loading__parts.is-move {
	animation: moveToLogo 1s ease-in-out forwards;
}
@keyframes moveToLogo {
	from {
		top: 50%;
		right: 50%;
		transform: translate(50%, -50%) scale(0.8);
	}
	to {
		top: min(calc(80 / var(--vw-min) * 100vw),80px);
		right: min(calc(80 / var(--vw-min) * 100vw),80px);
		transform: translate(0) scale(1);
	}
}
@media screen and (max-width:768px){
	@keyframes moveToLogo {
		from {
			top: 50%;
			right: 50%;
			transform: translate(50%, -50%) scale(0.8);
		}
		to {
			top: calc(48 / var(--vw-min) * 100vw);
			right: calc(48 / var(--vw-min) * 100vw);
			transform: translate(0) scale(1);
		}
	}
}

@media screen and (min-width:769px){
	.fv__stickyWrap.js-fani .h__navWrap,
	.fv__stickyWrap.js-fani .movieWrap{
		opacity: 0;
		transition: .3s ease-in-out;
	}
	.fv__stickyWrap.js-fani.is-ani .h__navWrap,
	.fv__stickyWrap.js-fani.is-ani .movieWrap {
		opacity: 1;
	}
}