@charset "utf-8";
/*-----------------------------------------------
 * COMMON
 * FV
 * BNR AREA
 * NEWS
 * INTRODUCTION
 * CHARACTER
 * STAFF / CAST
 * BOOKS
-------------------------------------------------*/
/*-----------------------------------------------
 * COMMON
-------------------------------------------------*/
/**
* bg
**/
.intro__bg,
.staffCast__bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	pointer-events: none;
	/* overflow: hidden; */
}
.intro__bg-clip,
.staffCast__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,
.staffCast__bg-clip-in {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}
.intro__bg-clip-in {
	background: url(../img/common/bg/bg_intro.jpg)no-repeat center/cover;
}
@supports (background-image: url(../img/common/bg/bg_intro.webp)){
    .intro__bg-clip-in{
        background-image: url(../img/common/bg/bg_intro.webp);
    }
}
.staffCast__bg-clip-in {
	background: url(../img/common/bg/bg_staffCast.jpg)no-repeat center/cover;
}
@supports (background-image: url(../img/common/bg/bg_staffCast.webp)){
    .staffCast__bg-clip-in{
        background-image: url(../img/common/bg/bg_staffCast.webp);
    }
}
@media screen and (max-width:768px){
    .intro__bg-clip-in {
        background-position: left;
    }
}
.section {
    position: relative;
}
.cont-titWrap {
    position: relative;
    display: flex;
    flex-direction: column;
}
.cont-tit-ja {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    line-height: 1;
    letter-spacing: 0.25em;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    text-orientation: upright;
    width: min(calc(56 / var(--vw-min) * 100vw),56px);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    border-right: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-brown3C1);
    border-left: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-brown3C1);
}
@media screen and (max-width:768px){
    .cont-tit-ja {
        font-size: calc(11 / var(--vw-min) * 100vw);
		width: calc(36 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
    }
}
.cont-tit-ja::before,
.cont-tit-ja::after {
    content: "";
    width: min(calc(6 / var(--vw-min) * 100vw),6px);
    height: min(calc(48 / var(--vw-min) * 100vw),48px);
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-mask: url(../img/common/deco/deco_jaTit.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_jaTit.svg)no-repeat center/contain;
    background-color: var(--color-brown3C1);
}
.cont-tit-ja::before {
    left: max(calc(-6 / var(--vw-min) * 100vw),-6px);
    transform: scale(-1,1);
}
.cont-tit-ja::after {
    right: max(calc(-6 / var(--vw-min) * 100vw),-6px);
}
@media screen and (max-width:768px){
    .cont-tit-ja::before,
    .cont-tit-ja::after {
        width: calc(4 / var(--vw-min) * 100vw);
		height: calc(32 / var(--vw-min) * 100vw);
    }
    .cont-tit-ja::before {
		left: calc(-4 / var(--vw-min) * 100vw);
    }
     .cont-tit-ja::after {
		right: calc(-4 / var(--vw-min) * 100vw);

    }
}
.cont-tit-en {
    font-size: min(calc(136 / var(--vw-min) * 100vw),136px);
    line-height: 1;
    display: inline-block;
}
@media screen and (max-width:768px){
    .cont-tit-en {
		font-size: calc(70 / var(--vw-min) * 100vw);
    }
}
.cont-tit-catch {
    font-size: min(calc(12 / var(--vw-min) * 100vw),12px);
    line-height: 1.6667;
    letter-spacing: 0.06em;
    display: inline-block;
    margin-top: min(calc(5 / var(--vw-min) * 100vw),5px);
}
@media screen and (max-width:768px){
    .cont-tit-catch {
        font-size: calc(9 / var(--vw-min) * 100vw);
		margin-top: calc(5 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * FV
-------------------------------------------------*/
.fv {
    width: 100%;
}
.fvWrap {
    position: relative;
    overflow: hidden;
}
.fv__visualWrap {
    width: 100%;
}
.fv__visual img {
    width: 100%;
    pointer-events: none;
}
.fv__catch {
    width: calc(498 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(135 / var(--vw-min) * 100vw);
    right: calc(100 / var(--vw-min) * 100vw);
    -webkit-filter: drop-shadow(0px 0px 20px var(--color-brown3C1));
    filter: drop-shadow(0px 0px 20px var(--color-brown3C1)); 
}
@media screen and (max-width:768px){
    .fv__catch {
        width: calc(176 / var(--vw-min) * 100vw);
        top: calc(48 / var(--vw-min) * 100vw);
        right: calc(24 / var(--vw-min) * 100vw);
    }
}
.fv__catch img {
    width: 100%;
    pointer-events: none;
}
.fv__logo {
    width: calc(448 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(190 / var(--vw-min) * 100vw);
    right: calc(125 / var(--vw-min) * 100vw);
    -webkit-filter: drop-shadow(0px 0px 1px rgba(255, 255, 255, 1));
    filter: drop-shadow(0px 0px 1px rgba(255, 255, 255, 1));
}
.fv__logo img {
    width: 100%;
    pointer-events: none;
}
@media screen and (max-width:768px){
    .fv__logo {
        width: calc(208 / var(--vw-min) * 100vw);
        top: unset;
        right: 0;
        bottom: calc(120 / var(--vw-min) * 100vw);
        left: 0;
        margin: auto;
    }
}
.fv__onair {
    width: calc(360 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(443 / var(--vw-min) * 100vw);
    right: calc(159 / var(--vw-min) * 100vw);
    /* -webkit-filter: drop-shadow(0px 0px 1px var(--color-brown3C1));
    filter: drop-shadow(0px 0px 1px var(--color-brown3C1)); */
}
.fv__onair img {
    width: 100%;
    pointer-events: none;
}
@media screen and (max-width:768px){
    .fv__onair {
        width: calc(250 / var(--vw-min) * 100vw);
        top: unset;
        right: 0;
        bottom: calc(33 / var(--vw-min) * 100vw);
        left: 0;
        margin: auto;
    }
    .fv__onair-b {
        font-size: calc(27 / var(--vw-min) * 100vw);
    }
}
/**
* movie
**/
.movieWrap {
    width: calc(146 / var(--vw-min) * 100vw);
    height: calc(146 / var(--vw-min) * 100vw);
    position: absolute;
    right: calc(27 / var(--vw-min) * 100vw);
    bottom: calc(52 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .movieWrap {
        width: calc(83 / var(--vw-min) * 100vw);
        height: calc(83 / var(--vw-min) * 100vw);
        top: calc(24 / var(--vw-min) * 100vw);
        left: calc(18 / var(--vw-min) * 100vw);
        right: unset;
        bottom: unset;
        z-index: 502;
    }
}
.movieWrap::before {
    content: "";
    width: calc(160 / var(--vw-min) * 100vw);
    height: calc(210 / var(--vw-min) * 100vw);
    position: absolute;
    z-index: 1;
    top: calc(-32 / var(--vw-min) * 100vw);
    left: calc(-6 / var(--vw-min) * 100vw);
    -webkit-mask: url(../img/common/deco/deco_frame.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_frame.svg)no-repeat center/contain;
    background-image: linear-gradient(16deg, #d8b776, #fdecc8 27%, #b99051);
    pointer-events: none;
}
@media screen and (max-width:768px){
    .movieWrap::before {
        width: calc(92 / var(--vw-min) * 100vw);
        height: calc(120 / var(--vw-min) * 100vw);
        top: calc(-19 / var(--vw-min) * 100vw);
        left: calc(-5 / var(--vw-min) * 100vw);
    }
}
.movieAreaCont {
    width: 100%;
    padding-top: 100%;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}
.movieBtn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.movieBtn::before {
    content: "";
    background-color: rgba(39, 18, 0, .5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 1;
    transition: .3s ease-out;
}
.movieBtn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}
.movie__yt-play {
    width: calc(32 / var(--vw-min) * 100vw);
    height: calc(32 / var(--vw-min) * 100vw);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    margin: auto;
    -webkit-mask: url(../img/common/deco/deco_play.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_play.svg)no-repeat center/contain;
    background-color: #fff;
    transition: .4s ease-out;
}
@media screen and (max-width:768px){
    .movie__yt-play {
        width: calc(18 / var(--vw-min) * 100vw);
        height: calc(15 / var(--vw-min) * 100vw);
    }
}
.fv__ytBg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
}
.fv__ytBg-player {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    pointer-events: none;
}
@media (hover: hover) and (pointer: fine){
    .movieBtn:hover::before {
        opacity: 0;
    }
    .movieBtn:hover .movie__yt-play {
        transform: scale(0.9);
    }
}
/**
* frame
**/
.fv__frameWrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.fv__frameIn {
    position: sticky;
    top: 0;
    width: 100%;
    height: min(100vh, 100%);
    z-index: 501;
    pointer-events: none;
}
.fv__frame-tl,
.fv__frame-tr,
.fv__frame-bl,
.fv__frame-br {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.fv__frame-tl::before,
.fv__frame-tr::before,
.fv__frame-bl::before,
.fv__frame-br::before {
    content: "";
    width: 96px;
    height: 96px;
    display: block;
    position: absolute;
    -webkit-mask: url(../img/common/deco/deco_bgFrame1.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_bgFrame1.svg)no-repeat center/contain;
    background-color: var(--color-goldAC9);
}
.fv__frame-tl {
    top: 0;
    left: 0;
}
.fv__frame-tr::before {
    top: 0;
    right: 0;
    transform: scale(-1,1);
}
.fv__frame-bl::before {
    bottom: 0;
    left: 0;
    transform: scale(1,-1);
}
.fv__frame-br::before {
    bottom: 0;
    right: 0;
    transform: scale(-1,-1);
}
.fv__frame-tl::after,
.fv__frame-tr::after,
.fv__frame-bl::after,
.fv__frame-br::after {
    content: "";
    display: block;
    position: absolute;
    margin: auto;
    background-color: var(--color-goldAC9);
}
.fv__frame-tl::after,
.fv__frame-bl::after {
    width: calc(100% - 192px);
    height: 20px;
    -webkit-mask: url(../img/common/deco/deco_bgFreme-line.svg)repeat-x center/contain;
    mask: url(../img/common/deco/deco_bgFreme-line.svg)repeat-x center/contain;
}
.fv__frame-tr::after,
.fv__frame-br::after {
    width: 20px;
    height: calc(100% - 192px);
    -webkit-mask: url(../img/common/deco/deco_bgFreme-line2.svg)repeat-y center/contain;
    mask: url(../img/common/deco/deco_bgFreme-line2.svg)repeat-y center/contain;
}
.fv__frame-tl::after {
    top: 0;
    right: 0;
    left: 0;
}
.fv__frame-tr::after {
    top: 0;
    right: 0;
    bottom: 0;
}
.fv__frame-bl::after {
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(1,-1);
}
.fv__frame-br::after {
    top: 0;
    left: 0;
    bottom: 0;
    transform: scale(-1,1);
}
/*-----------------------------------------------
 * BNR AREA
-------------------------------------------------*/
.bnrArea {
    position: relative;
    padding-top: min(calc(112 / var(--vw-min) * 100vw),112px);
}
@media screen and (max-width:768px){
    .bnrArea {
        padding-top: calc(56 / var(--vw-min) * 100vw);
    }
}
.bnrWrap {
    width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
    position: relative;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .bnrWrap {
        width: 100%;
    }
}
.bnr__item {
    width: min(calc(300 / var(--vw-min) * 100vw),300px);
    margin: 0 min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
    .bnr__item {
        width: calc(271 / var(--vw-min) * 100vw);
        margin: 0 calc(6 / var(--vw-min) * 100vw);
    }
}
.bnr__link {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
.bnr__item img {
    width: 100%;
    pointer-events: none;
}
.bnr__arrowWrap {
    width: min(calc(964 / var(--vw-min) * 100vw),964px);
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .bnr__arrowWrap {
        width: calc(270 / var(--vw-min) * 100vw);
    }
}
.bnr__bgCurtain {
    width: 100%;
    height: min(calc(456 / var(--vw-min) * 100vw),456px);
    position: absolute;
    top: 0;
    z-index: 1;
    pointer-events: none;
}
@media screen and (max-width:768px){
    .bnr__bgCurtain {
        height: calc(180 / var(--vw-min) * 100vw);
    }
}
.bnr__bgCurtain::before,
.bnr__bgCurtain::after {
    content: "";
    width: min(calc(324 / var(--vw-min) * 100vw),324px);
    height: min(calc(456 / var(--vw-min) * 100vw),456px);
    position: absolute;
    top: 0;
    background: url(../img/common/deco/deco_curtain.png)no-repeat center/contain;
    opacity: .8;
}
.bnr__bgCurtain::before {
    left: max(calc(-116 / var(--vw-min) * 100vw),-116px);
}
.bnr__bgCurtain::after {
    right: max(calc(-116 / var(--vw-min) * 100vw),-116px);
    transform: scale(-1,1);
}
@media screen and (max-width:768px){
    .bnr__bgCurtain::before,
    .bnr__bgCurtain::after {
        width: calc(128 / var(--vw-min) * 100vw);
        height: calc(180 / var(--vw-min) * 100vw);
    }
    .bnr__bgCurtain::before {
        left: calc(-72 / var(--vw-min) * 100vw);
    }
    .bnr__bgCurtain::after {
        right: calc(-72 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
.news {
    padding-top: min(calc(128 / var(--vw-min) * 100vw),128px);
}
@media screen and (max-width:768px){
    .news {
        padding: calc(72 / var(--vw-min) * 100vw) 0 calc(110 / var(--vw-min) * 100vw);
    }
}
.newsWrap {
    width: min(calc(1366 / var(--vw-min) * 100vw),1366px);
    display: flex;
    position: relative;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .newsWrap {
        width: 100%;
        display: block;
    }
}
/**
* title
**/
.news .cont-titWrap {
    width: min(calc(504 / var(--vw-min) * 100vw),504px);
    min-height: min(calc(545 / var(--vw-min) * 100vw),545px);
    padding-left: min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
    .news .cont-titWrap {
        width: 100%;
        min-height: auto;
        padding-left: calc(8 / var(--vw-min) * 100vw);
    }
}
.news .cont-tit-ja {
    color: var(--color-pinkD66);
    right: 0;
    border-color: rgba(208, 73, 132, .7);
}
@media screen and (max-width:768px){
    .news .cont-tit-ja {
        right: calc(24 / var(--vw-min) * 100vw);
    }
}
.news .cont-tit-ja::before,
.news .cont-tit-ja::after {
    background-color: var(--color-pinkD66);
}
.news .cont-tit-en {
    color: rgba(208, 73, 132, .85);
    text-indent: 0.19em;
    margin-top: max(calc(-10 / var(--vw-min) * 100vw),-10px);
}
@media screen and (max-width:768px){
    .news .cont-tit-en {
        margin-top: calc(-5 / var(--vw-min) * 100vw);
    }
}
.news .cont-tit-catch {
    color: var(--color-pinkD66);
}
/**
* content
**/
.newsCont {
    width: calc(100% - min(calc(504 / var(--vw-min) * 100vw),504px));
    padding-left: min(calc(96 / var(--vw-min) * 100vw),96px);
}
@media screen and (max-width:768px){
    .newsCont {
        width: 100%;
        padding-left: calc(20 / var(--vw-min) * 100vw);
        margin-top: calc(35 / var(--vw-min) * 100vw);
    }
}
.news__lists {
    width: min(calc(680 / var(--vw-min) * 100vw),680px);
}
@media screen and (max-width:768px){
    .news__lists {
        width: 100%;
    }
}
.news__link {
    color: var(--color-pinkD66);
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 0 min(calc(60 / var(--vw-min) * 100vw),60px) min(calc(28 / var(--vw-min) * 100vw),28px) 0;
    border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid rgba(208, 73, 132, .5);
    text-decoration: none;
}
@media screen and (max-width:768px){
    .news__link {
        padding: 0 calc(60 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) 0;
        border-width: calc(1 / var(--vw-min) * 100vw);
    }
}
.news__item:not(:first-child) .news__link {
    padding-top: min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
    .news__item:not(:first-child) .news__link {
        padding-top: calc(20 / var(--vw-min) * 100vw);
    }
}
.news__time {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    line-height: 1;
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .news__time {
        font-size: calc(12 / var(--vw-min) * 100vw);
    }
}
.news__tit {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    line-height: 1.875;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: min(calc(14 / var(--vw-min) * 100vw),14px);
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .news__tit {
        font-size: calc(13 / var(--vw-min) * 100vw);
        padding-top: calc(14 / var(--vw-min) * 100vw);
    }
}
.news__arrow {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    border: 1px solid rgba(208, 73, 132, .4);
}
@media screen and (max-width:768px){
    .news__arrow {
        width: calc(24 / var(--vw-min) * 100vw);
        height: calc(24 / var(--vw-min) * 100vw);
        right: calc(11 / var(--vw-min) * 100vw);
    }
}
.news__arrow::after {
    content: "";
    width: min(calc(28 / var(--vw-min) * 100vw),28px);
    height: min(calc(5 / var(--vw-min) * 100vw),5px);
    position: absolute;
    top: 0;
    bottom: 0;
    left: max(calc(-11 / var(--vw-min) * 100vw),-11px);
    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-pinkD66);
}
@media screen and (max-width:768px){
    .news__arrow::after {
        width: calc(28 / var(--vw-min) * 100vw);
        height: calc(5 / var(--vw-min) * 100vw);
        left: calc(-11 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
    .news__link:hover .news__tit,
    .news__link:hover .news__time {
        opacity: .7;
    }
    .news__link:hover .news__arrow:after {
	    animation: arrow__r .7s ease-out;
    }
}
/** circle bg svg **/
.news__arrow svg  {
	margin-top: -1px;
	margin-left: -1px;
	transform: rotate(-90deg);
}
.news__arrow svg circle {
	fill: transparent;
	stroke: var(--color-pinkD66);
	stroke-width: 1;
	animation: news__circle-out .8s forwards;
}
@media (hover: hover) and (pointer: fine){
     .news__link:hover .news__arrow svg circle {
        animation: news__circle .8s forwards;
    } 
}
@keyframes news__circle {
	0% {stroke-dasharray: 0 89;}/*-- 円の直径(28) x 3.14 --*/
	26% {stroke-dasharray: 0 89;}
	100% {stroke-dasharray: 89 89;}
}
@keyframes news__circle-out {
	0% {stroke-dasharray: 89 89;}
	26% {stroke-dasharray: 89 89;}
	100% {stroke-dasharray: 0 89;}
}
.deco__window {
    width: min(calc(320 / var(--vw-min) * 100vw),320px);
    height: min(calc(480 / var(--vw-min) * 100vw),480px);
    position: absolute;
    top: min(calc(56 / var(--vw-min) * 100vw),56px);
    left: min(calc(180 / var(--vw-min) * 100vw),180px);
    z-index: -1;
    background: url(../img/common/deco/deco_window.png)no-repeat center/contain;
}
@supports (background-image: url( ../img/common/deco/deco_window.webp)){
    .deco__window {
        background-image: url(../img/common/deco/deco_window.webp);
    }
}
@media screen and (max-width:768px){
    .deco__window {
        width: calc(144 / var(--vw-min) * 100vw);
        height: calc(216 / var(--vw-min) * 100vw);
        top: unset;
        bottom: calc(-125 / var(--vw-min) * 100vw);
        right: calc(24 / var(--vw-min) * 100vw);
        left: unset;
        z-index: 1;
    }
}
/*-----------------------------------------------
 * INTRODUCTION
-------------------------------------------------*/
.introduction {
    padding: min(calc(120 / var(--vw-min) * 100vw),120px) 0 min(calc(150 / var(--vw-min) * 100vw),150px);
}
@media screen and (max-width:768px){
    .introduction {
        padding: calc(64 / var(--vw-min) * 100vw) 0;
    }
}
.introWrap {
    width: min(calc(1366 / var(--vw-min) * 100vw),1366px);
    display: flex;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .introWrap {
        width: 100%;
        display: block;
    }
}
/**
* title
**/
.introduction .cont-titWrap {
    padding-left: min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
    .introduction .cont-titWrap {
        padding-left: calc(8 / var(--vw-min) * 100vw);
    }
}
.introduction .cont-tit-ja {
    position: relative;
    color: var(--color-green149);
    border-color: rgba(20, 159, 119, .7);
    margin-left: min(calc(87 / var(--vw-min) * 100vw),87px);
}
@media screen and (max-width:768px){
    .introduction .cont-tit-ja {
        position: absolute;
        top: 0;
        right: calc(24 / var(--vw-min) * 100vw);
        margin-left: unset;
    }
}
.introduction .cont-tit-ja::before,
.introduction .cont-tit-ja::after {
    background-color: var(--color-green149);
}
.introduction .cont-tit-en {
    color: rgba(20, 159, 119, .6);
    margin-top: min(calc(77 / var(--vw-min) * 100vw),77px);
    padding-left: min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
    .introduction .cont-tit-en {
        font-size: calc(52 / var(--vw-min) * 100vw);
        margin-top: 0;
        padding-left: calc(5 / var(--vw-min) * 100vw);
    }
}
.introduction .cont-tit-catch {
    color: var(--color-green149);
}
/**
* content
**/
.intro__txtWrap {
    position: relative;
    z-index: 1;
    margin-left: max(calc(-35 / var(--vw-min) * 100vw),-35px);
}
@media screen and (max-width:768px){
    .intro__txtWrap {
        margin-left: unset;
        padding: 0 calc(20 / var(--vw-min) * 100vw);
        margin-top: calc(25 / var(--vw-min) * 100vw);
    }
}
.intro__txt {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    font-weight: 700;
    line-height: 2.5;
    text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px  1px 0 #fff,
    1px  1px 0 #fff,
     -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px  1px 0 #fff,
    1px  1px 0 #fff;
    
}
@media screen and (max-width:768px){
    .intro__txt {
        font-size: calc(13 / var(--vw-min) * 100vw);
    }
}
.--mt {
    margin-top: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
    .--mt {
        margin-top: calc(28 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * CHARACTER
-------------------------------------------------*/
.character {
    padding: min(calc(120 / var(--vw-min) * 100vw),120px) 0 min(calc(136 / var(--vw-min) * 100vw),136px);
}
@media screen and (max-width:768px){
    .character {
        padding: calc(64 / var(--vw-min) * 100vw) 0;
    }
}
/**
* title
**/
.chara__head {
    width: min(calc(1366 / var(--vw-min) * 100vw),1366px);
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .chara__head {
        width: 100%;
    }
}
.character .cont-titWrap {
    width: min(calc(1280 / var(--vw-min) * 100vw),1280px);
    padding-left: min(calc(8 / var(--vw-min) * 100vw),8px);
    margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
    .character .cont-titWrap {
        width: 100%;
        padding-left: calc(8 / var(--vw-min) * 100vw);
        margin-bottom: 0;
    }
}
.character .cont-tit-ja {
    color: var(--color-goldAC9);
    right: 0;
    border-color: rgba(172, 153, 108, .7);
}
@media screen and (max-width:768px){
    .character .cont-tit-ja {
        right: calc(24 / var(--vw-min) * 100vw);
    }
}
.character .cont-tit-ja::before,
.character .cont-tit-ja::after {
    background-color: var(--color-goldAC9);
}
.character .cont-tit-en {
    color: var(--color-goldAC9);
    letter-spacing: -0.01em;
    text-indent: -0.04em;
}
@media screen and (max-width:768px){
    .character .cont-tit-en {
        font-size: calc(55 / var(--vw-min) * 100vw);
        line-height: .9;
    }
    .--t-cter {
        padding-left: calc(133 / var(--vw-min) * 100vw);
    }
}
.character .cont-tit-catch {
    color:var(--color-goldAC9);
}
@media screen and (max-width:768px){
    .character .cont-tit-catch {
        margin-top: calc(-46 / var(--vw-min) * 100vw);
    }
}
/**
* content
**/
.charaSwiperWrap {
    position: relative;
}
.charaSwiper {
    position: relative;
    padding-top: min(calc(40 / var(--vw-min) * 100vw),40px);
}  
@media screen and (max-width:768px){
    .charaSwiper {
        padding-top: calc(24 / var(--vw-min) * 100vw);
    }
}
.chara__itemIn {
    width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
    height: 100%;
    min-height: min(calc(710 / var(--vw-min) * 100vw),710px);
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .chara__itemIn {
        width: 100%;
        min-height: unset;
        display: block;
    }
}
/** name **/
.chara__nameWrap {
    position: relative;
    z-index: 1;
    padding-top: min(calc(160 / var(--vw-min) * 100vw),160px);
}
@media screen and (max-width:768px){
    .chara__nameWrap {
         display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-top: calc(60 / var(--vw-min) * 100vw);
        margin-left: calc(24 / var(--vw-min) * 100vw);
    }
}
.chara__name {
    font-size: min(calc(48 / var(--vw-min) * 100vw),48px);
    line-height: 1.2;
    font-weight: 600;
}
.chara__name small {
    font-size: min(calc(22 / var(--vw-min) * 100vw),22px);
}
@media screen and (max-width:768px){
    .chara__name {
        font-size: calc(32 / var(--vw-min) * 100vw);
        margin-right: min(calc(10 / var(--vw-min) * 100vw),10px);
    }
    .chara__name small {
        font-size: calc(17 / var(--vw-min) * 100vw);
    }
}
.chara__realName {
    font-size: min(calc(14 / var(--vw-min) * 100vw),14px);
    font-weight: 600;
    margin-top: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
    .chara__realName {
        font-size: calc(12 / var(--vw-min) * 100vw);
        margin-top: calc(8 / var(--vw-min) * 100vw);
    }
}
.chara__cvWrap {
    display: flex;
    align-items: baseline;
    margin-top: min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
    .chara__cvWrap {
        width: 100%;
        margin-top: calc(5 / var(--vw-min) * 100vw);
    }
}
.chara__cv {
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
    margin-right: min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
    .chara__cv {
        font-size: calc(16 / var(--vw-min) * 100vw);
        margin-right: calc(7 / var(--vw-min) * 100vw);
    }
}
.chara__cvName {
    font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
    .chara__cvName {
        font-size: calc(17 / var(--vw-min) * 100vw);
    }
}
/** img **/
.chara__imgWrap {
    width: min(calc(500 / var(--vw-min) * 100vw),500px);
    padding-top: 73.5294%;
    position: absolute;
    top: 0;
    right: min(calc(240 / var(--vw-min) * 100vw),240px);
    pointer-events: none;
}
@media screen and (max-width:768px){
    .chara__imgWrap {
        width: 100%;
        height: calc(515 / var(--vw-min) * 100vw);
        position: relative;
        right: unset;
        padding-top: unset;
    }
}
.chara__img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
.chara__img img {
    width: 100%;
    pointer-events: none;
}
.chara__img {
	opacity: 0;
	transition: .3s;
}
.chara__img.--active {
	opacity: 1;
}
/** detail **/
.chara__detail {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    line-height: 1.9333;
    font-weight: 600;
    width: min(calc(280 / var(--vw-min) * 100vw),280px);
    position: relative;
    z-index: 1;
    padding-top: min(calc(190 / var(--vw-min) * 100vw),190px);
}
@media screen and (max-width:768px){
    .chara__detail {
        font-size: calc(12 / var(--vw-min) * 100vw);
        width: 100%;
        padding: 0 calc(20 / var(--vw-min) * 100vw);
    }
}
.chara__name,
.chara__realName,
.chara__cvWrap {
    opacity: 0;
	transform: translateX(-100px);
	transition: .4s ease;
}
.chara__item.swiper-slide-active .chara__name,
.chara__item.swiper-slide-active .chara__realName {
    opacity: 1;
	transform: translateX(0);
	transition-delay: .1s;
}
.chara__item.swiper-slide-active .chara__cvWrap {
    opacity: 1;
	transform: translateX(0);
	transition-delay: .2s;
}
.chara__detail {
    opacity: 0;
	transform: translateX(100px);
	transition: .4s ease;   
}
.chara__item.swiper-slide-active .chara__detail {
    opacity: 1;
	transform: translateX(0);
}
.chara__img.--active {
    opacity: 0;
	transform: translateY(100px);
	transition: .4s ease;
} 
.chara__item.swiper-slide-active .chara__img.--active {
    opacity: 1;
    transform: translateY(0);
}
/**
* thumb
**/
.swiper-pagination-bullets.swiper-pagination-horizontal.chara__thumbLists {
    position: relative;
    bottom: unset;
    left: unset;
    display: flex;
    justify-content: center;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.chara__thumbItem {
    width: min(calc(100 / var(--vw-min) * 100vw),100px);
    height: min(calc(100 / var(--vw-min) * 100vw),100px);
    border-radius: 50%;
    position: relative;
    background: #fff;
    opacity: 1;
    margin: 0 min(calc(17 / var(--vw-min) * 100vw),17px);
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .chara__thumbWrap {
        margin-top: calc(18 / var(--vw-min) * 100vw);
    }
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.chara__thumbItem {
        width: calc(45 / var(--vw-min) * 100vw);
        height: calc(45 / var(--vw-min) * 100vw);
        margin: 0 calc(7 / var(--vw-min) * 100vw);
    }
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.chara__thumbItem.swiper-pagination-bullet-active {
    background: #F5ECEF;
}
.swiper-pagination-bullet:only-child {
    display: block!important;
}
.chara__thumbItem::before {
    content: "";
    width: min(calc(124 / var(--vw-min) * 100vw),124px);
    height: min(calc(124 / var(--vw-min) * 100vw),124px);
    position: absolute;
    top: max(calc(-12 / var(--vw-min) * 100vw),-12px);
    left: max(calc(-12 / var(--vw-min) * 100vw),-12px);
    -webkit-mask: url(../img/common/deco/deco_frame2.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_frame2.svg)no-repeat center/contain;
    background-color: var(--color-goldAC9);
}
@media screen and (max-width:768px){
    .chara__thumbItem::before {
        width: calc(57 / var(--vw-min) * 100vw);
        height: calc(57 / var(--vw-min) * 100vw);
        top: calc(-6 / var(--vw-min) * 100vw);
        left: calc(-6 / var(--vw-min) * 100vw);
    }
}
.chara__thumbItem img {
    width: 100%;
    pointer-events: none;
}
@media (hover: hover) and (pointer: fine){
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.chara__thumbItem:hover {
        background-color: #F5ECEF;
    }
}
/**
* bg
**/
.chara__bg {
    width: 100%;
    height: min(calc(600 / var(--vw-min) * 100vw),600px);
    position: absolute;
    top: min(calc(78 / var(--vw-min) * 100vw),78px);
    z-index: -1;
    background-image: radial-gradient(#ffffff, #e0ddcd);
    overflow: hidden;
}
@media screen and (max-width:768px){
    .chara__bg {
        height: calc(600 / var(--vw-min) * 100vw);
        top: calc(30 / var(--vw-min) * 100vw);
    }
}
.chara__bg::before {
    content: "";
    width: min(calc(840 / var(--vw-min) * 100vw),840px);
    height: min(calc(538 / var(--vw-min) * 100vw),538px);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    opacity: .4;
    background: url(../img/common/deco/deco_charaBg.png)no-repeat center/contain;
}
@supports (background-image: url(../img/common/deco/deco_charaBg.webp)){
    .chara__bg::before{
        background-image: url(../img/common/deco/deco_charaBg.webp);
    }
}
@media screen and (max-width:768px){
    .chara__bg::before {
        width: 100%;
        height: calc(554 / var(--vw-min) * 100vw);
        background-image: url(../img/common/deco/deco_charaBg-s.png);
    }
    @supports (background-image: url(../img/common/deco/deco_charaBg-s.webp)){
        .chara__bg::before{
            background-image: url(../img/common/deco/deco_charaBg-s.webp);
        }
    }
}
.chara__bgLine {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    pointer-events: none;
}
.chara__bgLine::before,
.chara__bgLine::after {
    content: "";
    width: 100%;
    height: min(calc(32 / var(--vw-min) * 100vw),32px);
    position: absolute;
    -webkit-mask: url(../img/common/deco/deco_charaLine.svg)repeat-x left/min(calc(20 / var(--vw-min) * 100vw),20px) min(calc(32 / var(--vw-min) * 100vw),32px);
    mask: url(../img/common/deco/deco_charaLine.svg)repeat-x left/min(calc(20 / var(--vw-min) * 100vw),20px) min(calc(32 / var(--vw-min) * 100vw),32px);
    background-color: rgba(172, 153, 108, .9);
}
@media screen and (max-width:768px){
    .chara__bgLine::before,
    .chara__bgLine::after {
        height: calc(23 / var(--vw-min) * 100vw);
        -webkit-mask-size: calc(14 / var(--vw-min) * 100vw) calc(23 / var(--vw-min) * 100vw);
        mask-size: calc(14 / var(--vw-min) * 100vw) calc(23 / var(--vw-min) * 100vw);
    }
}
.chara__bgLine::before {
    top: 0;
    transform: scale(1,-1);
}
.chara__bgLine::after {
    bottom: 0;
}
.chara__bgCurtain::before,
.chara__bgCurtain::after {
    content: "";
    width: min(calc(324 / var(--vw-min) * 100vw),324px);
    height: min(calc(456 / var(--vw-min) * 100vw),456px);
    position: absolute;
    top: min(calc(32 / var(--vw-min) * 100vw),32px);
    background: url(../img/common/deco/deco_curtain.png)no-repeat center/contain;
    opacity: .8;
}
.chara__bgCurtain::before {
    left: max(calc(-116 / var(--vw-min) * 100vw),-116px);
}
.chara__bgCurtain::after {
    right: max(calc(-116 / var(--vw-min) * 100vw),-116px);
    transform: scale(-1,1);
}
@media screen and (max-width:768px){
    .chara__bgCurtain::before,
    .chara__bgCurtain::after {
        width: calc(168 / var(--vw-min) * 100vw);
        height: calc(236 / var(--vw-min) * 100vw);
        top: calc(23 / var(--vw-min) * 100vw);
    }
    .chara__bgCurtain::before {
        left: calc(-72 / var(--vw-min) * 100vw);
    }
    .chara__bgCurtain::after {
        right: calc(-72 / var(--vw-min) * 100vw);
    }
}
/**
* CHANGE BTN
**/
.chara__changeBtnWrap {
    width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
    position: absolute;
    top: min(calc(340 / var(--vw-min) * 100vw),340px);
    left: 0;
    right: 0;
    margin: auto;
}
@media screen and (max-width:768px){
    .chara__changeBtnWrap {
        width: 100%;
        top: calc(120 / var(--vw-min) * 100vw);
    }
}
.chara__changeBtn {
    width: min(calc(152 / var(--vw-min) * 100vw),152px);
    height: min(calc(152 / var(--vw-min) * 100vw),152px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 3;
    transition: transform .4s ease;
}
@media screen and (max-width:768px){
    .chara__changeBtn {
        width: calc(96 / var(--vw-min) * 100vw);
        height: calc(96 / var(--vw-min) * 100vw);
        right: calc(20 / var(--vw-min) * 100vw);
    }
}
.chara__changeBtn::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -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: var(--color-goldAC9);
	animation: rotate 20s linear infinite;
}
@keyframes rotate {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
.charaChangeBtn__inner {
    width: min(calc(112 / var(--vw-min) * 100vw), 112px);
    height: min(calc(112 / var(--vw-min) * 100vw), 112px);
    position: relative;
    background-color: #fff;
    border-radius: 50%;
    border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-goldAC9);
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .charaChangeBtn__inner {
        width: calc(72 / var(--vw-min) * 100vw);
        height: calc(72 / var(--vw-min) * 100vw);
        border-width: calc(1 / var(--vw-min) * 100vw);
    }
}
.charaChangeBtn__inner::before {
    content: "";
    width: min(calc(118 / var(--vw-min) * 100vw),118px);
    height: min(calc(118 / var(--vw-min) * 100vw),118px);
    position: absolute;
    top: max(calc(-6 / var(--vw-min) * 100vw),-6px);
    left: max(calc(-6 / var(--vw-min) * 100vw),-6px);
    border-radius: 50%;
    border: min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-goldAC9);
}
@media screen and (max-width:768px){
    .charaChangeBtn__inner::before {
        width: calc(76 / var(--vw-min) * 100vw);
        height:calc(76 / var(--vw-min) * 100vw);
        top: calc(-5 / var(--vw-min) * 100vw);
        left: calc(-5 / var(--vw-min) * 100vw);
        border-width: calc(2 / var(--vw-min) * 100vw);
    }
}
.charaChangeBtn__inner img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
    transition: .3s ease;
}
/** ACTIVE **/
.chara__changeBtn[data-now="1"] .changeIcon1{
	opacity: 1;
}
.chara__changeBtn[data-now="2"] .changeIcon2{
	opacity: 1;
}
.chara__changeBtn.--active {
	opacity: 1;
	pointer-events: auto;
}
/*-----------------------------------------------
 * STAFF / CAST
-------------------------------------------------*/
.staffCast {
    padding: min(calc(120 / var(--vw-min) * 100vw),120px) 0 min(calc(140 / var(--vw-min) * 100vw),140px);
}
@media screen and (max-width:768px){
    .staffCast {
        padding: calc(64 / var(--vw-min) * 100vw) 0;
    }
}
/**
* title
**/
.staffCast__head {
    width: min(calc(1366 / var(--vw-min) * 100vw),1366px);
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .staffCast__head {
        width: 100%;
    }
}
.staffCast .cont-titWrap {
    width: min(calc(1280 / var(--vw-min) * 100vw),1280px);
    padding-left: min(calc(8 / var(--vw-min) * 100vw),8px);
    margin-bottom: min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
    .staffCast .cont-titWrap {
        width: 100%;
        padding-left: calc(8 / var(--vw-min) * 100vw);
        margin-bottom: 0;
    }
}
.staffCast .cont-tit-ja {
    color: var(--color-blue028);
    text-wrap: nowrap;
    right: 0;
    border-color: rgba(2, 139, 190, .7);
}
@media screen and (max-width:768px){
    .staffCast .cont-tit-ja {
        right: calc(24 / var(--vw-min) * 100vw);
    }
}
.staffCast .cont-tit-ja::before,
.staffCast .cont-tit-ja::after {
    background-color: var(--color-blue028);
}
.staffCast .cont-tit-en {
    color: rgba(2, 139, 190, .8);
    text-indent: -0.04em;
}
@media screen and (max-width:768px){
    .staffCast .cont-tit-en {
        font-size: calc(55 / var(--vw-min) * 100vw);
        line-height: .9;
    }
    .staffCast .cont-tit-en > span {
        display: flex;
        flex-direction: column;    
    }
    .--t-staff {
        padding-left: calc(110 / var(--vw-min) * 100vw);
    }
}
.staffCast .cont-tit-catch {
    color:var(--color-blue028);
}
@media screen and (max-width:768px){
    .staffCast .cont-tit-catch {
        margin-top: calc(-46 / var(--vw-min) * 100vw);
    }
}
/**
* content
**/
.staffCastIn {
    width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .staffCastIn {
        width: 100%;
        padding: 0 calc(20 / var(--vw-min) * 100vw);
    }
}
.staffCastCont {
    display: flex;
    align-items: flex-start;
}
@media screen and (max-width:768px){
    .staffCastCont {
        display: block;
    }
}
.staff {
    margin-top: min(calc(66 / var(--vw-min) * 100vw),66px);
}
@media screen and (max-width:768px){
    .cast {
        margin-top: calc(45 / var(--vw-min) * 100vw);
    }
    .staff {
        margin-top: calc(34 / var(--vw-min) * 100vw);
    }
}
.staffCast__tit {
    font-size: min(calc(56 / var(--vw-min) * 100vw),56px);
    color: var(--color-blue028);
    line-height: 1;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    width: min(calc(128 / var(--vw-min) * 100vw),128px);
    display: flex;
    align-items: flex-end;
}
@media screen and (max-width:768px){
    .staffCast__tit {
        font-size: calc(32 / var(--vw-min) * 100vw);
        writing-mode: unset;
        -ms-writing-mode: unset;
        width: 100%;
        margin-bottom: calc(20 / var(--vw-min) * 100vw);
    }
}
.staffCast__tit span {
    line-height: 1;
}
.staffCast__lists {
    width: calc(100% - min(calc(128 / var(--vw-min) * 100vw),128px));
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: min(calc(52 / var(--vw-min) * 100vw),52px);
    row-gap: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
    .staffCast__lists {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        column-gap: calc(16 / var(--vw-min) * 100vw);
        row-gap: calc(30 / var(--vw-min) * 100vw);
    }
    .staffCast__lists_s {
        grid-template-columns: repeat(1, 1fr);
    }
}
.staffCast__item {
    color: var(--color-blue028);
    position: relative;
    padding-bottom: min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
    .staffCast__item {
        padding-bottom: calc(20 / var(--vw-min) * 100vw);
    }
}
.staffCast__item-dt {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    line-height: 1.5294;
    margin-bottom: min(calc(5 / var(--vw-min) * 100vw),5px);
}
@media screen and (max-width:768px){
    .staffCast__item-dt {
        font-size: calc(13 / var(--vw-min) * 100vw);
        margin-bottom: calc(3 / var(--vw-min) * 100vw);
    }
}
.staffCast__item-dd {
    font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
    line-height: 1.44;
    position: relative;
    border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid rgba(2, 139, 190, .4);
    padding-bottom: min(calc(25 / var(--vw-min) * 100vw),25px);
}
@media screen and (max-width:768px){
    .staffCast__item-dd {
        font-size: calc(16 / var(--vw-min) * 100vw);
        border-width: calc(1 / var(--vw-min) * 100vw);
        padding-bottom:calc(14 / var(--vw-min) * 100vw) ;
    }
}
.staffCast__item-dd::before {
    content: "";
    width: 100%;
    height: min(calc(1 / var(--vw-min) * 100vw),1px);
    position: absolute;
    bottom: max(calc(-1 / var(--vw-min) * 100vw),-1px);
    left: 0;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 19.5% 100%;
    transition: background-size .6s ease;
    background-image: linear-gradient(var(--color-blue028), var(--color-blue028));
}
@media (hover: hover) and (pointer: fine){
    .staffCast__item.--hovered .staffCast__item-dd::before {
    background-size: 100% 100%;
    }
}
@media screen and (max-width:768px){
    .staffCast__item-dd::before {
        width: calc(252 / var(--vw-min) * 100vw);
        height: calc(1 / var(--vw-min) * 100vw);
        bottom: calc(-1 / var(--vw-min) * 100vw);
    }
}
.staffCast__comment {
    display: flex;
    line-height: 1;
    position: absolute;
    bottom: 0;
    left: 0;
}
.staffCast__commentLink {
    font-size: min(calc(13 / var(--vw-min) * 100vw),13px);
    color: var(--color-blue028);
    line-height: 1;
    text-decoration: none;
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .staffCast__commentLink {
        font-size: calc(11 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
    .staffCast__commentLink:hover {
        opacity: .7;
    }
}
/*-----------------------------------------------
 * BOOKS
-------------------------------------------------*/
.books {
    padding: min(calc(118 / var(--vw-min) * 100vw),118px) 0 min(calc(136 / var(--vw-min) * 100vw),136px);
}
@media screen and (max-width:768px){
    .books {
        padding: calc(64 / var(--vw-min) * 100vw) 0 calc(147 / var(--vw-min) * 100vw);
    }
}
.booksWrap {
    width: min(calc(1366 / var(--vw-min) * 100vw),1366px);
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .booksWrap {
        width: 100%;
    }
}
/**
* title
**/
.books__head {
    width: min(calc(1180 / var(--vw-min) * 100vw),1180px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media screen and (max-width:768px){
    .books__head {
        width: 100%;
        flex-direction: column;
    }
}
.books .cont-titWrap {
    width: min(calc(580 / var(--vw-min) * 100vw),580px);
    padding-left: min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
    .books .cont-titWrap {
        width: 100%;
        padding-left: calc(8 / var(--vw-min) * 100vw);
    }
}
.books .cont-tit-ja {
    color: var(--color-orangeE3A);
    right: 0;
    border-color: rgba(227, 164, 4, .7);
}
@media screen and (max-width:768px){
    .books .cont-tit-ja {
        right: calc(24 / var(--vw-min) * 100vw);
    }
}
.books .cont-tit-ja::before,
.books .cont-tit-ja::after {
    background-color: var(--color-orangeE3A);
}
.books .cont-tit-en {
    color: var(--color-orangeE3A);
}
@media screen and (max-width:768px){
    .books .cont-tit-en {
        margin-top: calc(-5 / var(--vw-min) * 100vw);
    }
}
.books .cont-tit-catch {
    color: var(--color-orangeE3A);
}
.books__catch {
    font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
    color: var(--color-orangeE3A);
    line-height: 1;
    text-align: center;
}
@media screen and (max-width:768px){
    .books__catch {
        font-size: calc(18 / var(--vw-min) * 100vw);
        margin-top: calc(22 / var(--vw-min) * 100vw);
    }
}
.books__catch-b {
    font-size: min(calc(26 / var(--vw-min) * 100vw),26px);
}
@media screen and (max-width:768px){
    .books__catch-b {
        font-size: calc(20 / var(--vw-min) * 100vw);
    }
}
.books__catch::after {
    content: "";
    width: min(calc(320 / var(--vw-min) * 100vw),320px);
    height: min(calc(20 / var(--vw-min) * 100vw),20px);
    display: block;
    -webkit-mask: url(../img/common/deco/deco_books.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_books.svg)no-repeat center/contain;
    background-color: var(--color-orangeE3A);
    margin-top: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
    .books__catch::after {
        width: calc(256 / var(--vw-min) * 100vw);
        height: calc(20 / var(--vw-min) * 100vw);
        margin-top: calc(11 / var(--vw-min) * 100vw);
    }
}
/**
* content
**/
.booksSwiperWrap {
    width: min(calc(1192 / var(--vw-min) * 100vw),1192px);
    position: relative;
    margin: 0 auto;
    padding-top: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
    .booksSwiperWrap {
        width: 100%;
        padding-top: calc(16 / var(--vw-min) * 100vw);
    }
}
.booksSwiper {
    width: calc(min(calc(1000 / var(--vw-min) * 100vw),1000px) + min(calc(24 / var(--vw-min) * 100vw),24px));
}
@media screen and (max-width:768px){
    .booksSwiper {
        width: 100%;
    }
}
.books__item {
    width: calc(100% / 4);
    padding: 0 min(calc(12 / var(--vw-min) * 100vw),12px);
    overflow: hidden;
}
@media screen and (max-width:768px){
    .books__item {
        width: calc(232 / var(--vw-min) * 100vw);
        padding: 0;
        margin: 0 calc(6 / var(--vw-min) * 100vw);
    }
}

.books__item img {
    width: 100%;
    pointer-events: none;
    transition: .3s ease;
}
.books__link {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
.books__link::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    margin: auto;
    background-color: rgba(227, 164, 4, .2);
    opacity: 0;
    transition: .3s ease;
}
@media (hover: hover) and (pointer: fine){
     .books__link:hover img {
        transform: scale(1.1);
     }
    .books__link:hover::after {
        opacity: 1;
    }
}
@media screen and (min-width:769px){
    .js-booksSwiper-pager.swiper__pagerLists.swiper-pagination-bullets.swiper-pagination-horizontal {
        width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
        height: unset;
        justify-content: flex-end;
        position: absolute;
        top: 0;
        right: min(calc(89 / var(--vw-min) * 100vw),89px);
        margin-top: unset;
    }
}
.js-booksSwiper-pager.swiper__pagerLists.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    border-color: var(--color-orangeE3A);
}
.js-booksSwiper-pager.swiper__pagerLists.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color-orangeE3A);
}
@media (hover: hover) and (pointer: fine){
    .js-booksSwiper-pager.swiper__pagerLists.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:hover {
        background-color: var(--color-orangeE3A);
    }
}
.books__arrowWrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: min(calc(40 / var(--vw-min) * 100vw),40px);
    bottom: 0;
    margin: auto;
}
@media screen and (max-width:768px){
    .books__arrowWrap {
        width: calc(345 / var(--vw-min) * 100vw);
        height: unset;
        top: unset;
        left: 0;
        right: 0;
    }
}
@media screen and (min-width:769px){
    .books__arrowWrap .swiper__arrow {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .books__arrowWrap .swiper__arrow.--prev {
        left: 0;
    } 
    .books__arrowWrap .swiper__arrow.--next {
        right: 0;
    }
}
.books__arrowWrap .swiper__arrow {
    border-color: rgba(227, 164, 4, .5);
}
.books__arrowWrap .swiper__arrow::after {
    background-color: var(--color-orangeE3A);
}
.books__arrowWrap .swiper__arrow svg circle {
    stroke: var(--color-orangeE3A);
}
/*-----------------------------------------------
 * アニメーション
-------------------------------------------------*/
.bnrArea .bnrWrap {
    opacity: 0;
    transition: .3s ease-out;
}
.bnrArea.is-ani .bnrWrap {
    opacity: 1;
    transition-delay: .2s;
}
.bnr__bgCurtain::before {
    opacity: 0;
    transform: translateX(-100px);
    transition: .4s ease-out;
}
.bnr__bgCurtain::after {
    opacity: 0;
    transform: translateX(100px);
    transition: .4s ease-out;
}
.bnrArea.is-ani .bnr__bgCurtain::before {
    opacity: 1;
    transform: translateX(0);
}
.bnrArea.is-ani .bnr__bgCurtain::after {
    opacity: 1;
    transform: scale(-1,1) translateX(0);
}
.cont-tit-en,
.cont-tit-catch {
    opacity: 0;
    transform: translateX(-100px);
    transition: .4s ease-out;
}
.section.is-ani .cont-tit-en {
    opacity: 1;
    transform: translateX(0);
}
.section.is-ani .cont-tit-catch {
    opacity: 1;
    transform: translateX(0);
    transition-delay: .2s;
}
.section .cont-tit-ja {
    opacity: 0;
    transform: translateY(100px);
    transition: .4s ease-out;
}
.section.is-ani .cont-tit-ja {
    opacity: 1;
    transform: translateY(0);
}
.news .newsCont,
.news .deco__window,
.introduction .intro__txtWrap,
.character .charaSwiperWrap,
.staffCast .staffCastIn,
.books .booksSwiperWrap {
    opacity: 0;
    transition: .4s ease-out;
}
.news.is-ani .newsCont,
.news.is-ani .deco__window,
.introduction.is-ani .intro__txtWrap,
.character.is-ani .charaSwiperWrap,
.staffCast.is-ani .staffCastIn,
.books.is-ani .booksSwiperWrap {
    opacity: 1;
    transition-delay: .2s;
}
.books .books__catch {
    opacity: 0;
    transform: translateY(10px);
    transition: .4s ease-out;
}
.books.is-ani .books__catch {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .2s;
}
/*-----------------------------------------------
 * Loading
-------------------------------------------------*/
.loading {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	min-height: 100vh;
	min-height: 100dvh;
	background-color: var(--color-whiteFBF);
}
.loading__w {
    position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10001;
	min-height: 100vh;
	min-height: 100dvh;
	background-color: var(--color-whiteFBF);
    transition: .3s ease-out;
}
.loading.is-ani .loading__w {
    opacity: 0;
}
.loading__parts {
    width: calc(478 / var(--vw-min) * 100vw);
    height: calc(245 / var(--vw-min) * 100vw);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
@media screen and (max-width:768px){
    .loading__parts {
        width: calc(238 / var(--vw-min) * 100vw);
        height: calc(122 / var(--vw-min) * 100vw);
    }
}
.loading__part {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: .3s ease-in-out;
}
.loading__part:nth-child(1) {
    background: url(../img/top/loading/fv_star1.svg)no-repeat center/contain;
}
.loading__part:nth-child(2) {
    background: url(../img/top/loading/fv_star2.svg)no-repeat center/contain;
}
.loading__part:nth-child(3) {
    background: url(../img/top/loading/fv_part1.svg)no-repeat center/contain;
}
.loading__part:nth-child(4) {
    background: url(../img/top/loading/fv_part2.svg)no-repeat center/contain;
}
.loading__part:nth-child(5) {
    background: url(../img/top/loading/fv_part3.svg)no-repeat center/contain;
}
.loading__part:nth-child(6) {
    background: url(../img/top/loading/fv_part4.svg)no-repeat center/contain;
}
.loading__part:nth-child(7) {
    background: url(../img/top/loading/fv_part5.svg)no-repeat center/contain;
}
.loading__part:nth-child(8) {
    background: url(../img/top/loading/fv_part6.svg)no-repeat center/contain;
}
.loading__part:nth-child(9) {
    background: url(../img/top/loading/fv_part7.svg)no-repeat center/contain;
}
.loading__part:nth-child(10) {
    background: url(../img/top/loading/fv_part8.svg)no-repeat center/contain;
}
.loading__part:nth-child(11) {
    background: url(../img/top/loading/fv_part9.svg)no-repeat center/contain;
}
.loading__part:nth-child(12) {
    background: url(../img/top/loading/fv_part10.svg)no-repeat center/contain;
}
.loading__part:nth-child(13) {
    background: url(../img/top/loading/fv_part11.svg)no-repeat center/contain;
}
.loading__part:nth-child(14) {
    background: url(../img/top/loading/fv_part12.svg)no-repeat center/contain;
}
.loading__part:nth-child(15) {
    background: url(../img/top/loading/fv_part13.svg)no-repeat center/contain;
}
.loading__part:nth-child(16) {
    background: url(../img/top/loading/fv_part14.svg)no-repeat center/contain;
}
.loading__part:nth-child(17) {
    background: url(../img/top/loading/fv_part15.svg)no-repeat center/contain;
}
.loading__part:nth-child(18) {
    background: url(../img/top/loading/fv_part16.svg)no-repeat center/contain;
}
.loading__part:nth-child(19) {
    background: url(../img/top/loading/fv_part17.svg)no-repeat center/contain;
}
.loading__part:nth-child(20) {
    background: url(../img/top/loading/fv_part18.svg)no-repeat center/contain;
}
.loading__part:nth-child(21) {
    background: url(../img/top/loading/fv_part19.svg)no-repeat center/contain;
}
.loading__part:nth-child(22) {
    background: url(../img/top/loading/fv_part20.svg)no-repeat center/contain;
}
.loading__parts.is-in .loading__part{
    opacity: 1;
}
.loading__parts.is-in .--part-star1 {
    animation: scalePulse1 1s ease-in-out infinite;
}
.loading__parts.is-in .--part-star2 {
    animation: scalePulse2 1s ease-in-out infinite;
}
@keyframes scalePulse1 {
	0%,100% {transform: scale(1);}
	50% {transform: scale(0.99);}
}
@keyframes scalePulse2 {
	0%,100% {transform: scale(1);}
	50% {transform: scale(1.01);}
}
.loading__parts.is-in .loading__part:nth-child(3) {
    transition-delay: .3s;
}
.loading__parts.is-in .loading__part:nth-child(4) {
    transition-delay: .33s;
}
.loading__parts.is-in .loading__part:nth-child(5) {
    transition-delay: .36s;
}
.loading__parts.is-in .loading__part:nth-child(6) {
    transition-delay: .39s;
}
.loading__parts.is-in .loading__part:nth-child(7) {
    transition-delay: .42s;
}
.loading__parts.is-in .loading__part:nth-child(8) {
    transition-delay: .45s;
}
.loading__parts.is-in .loading__part:nth-child(9) {
    transition-delay: .48s;
}
.loading__parts.is-in .loading__part:nth-child(10) {
    transition-delay: .51s;
}
.loading__parts.is-in .loading__part:nth-child(11) {
    transition-delay: .54s;
}
.loading__parts.is-in .loading__part:nth-child(12) {
    transition-delay: .57s;
}
.loading__parts.is-in .loading__part:nth-child(13) {
    transition-delay: .6s;
}
.loading__parts.is-in .loading__part:nth-child(14) {
    transition-delay: .63s;
}
.loading__parts.is-in .loading__part:nth-child(15) {
    transition-delay: .66s;
}
.loading__parts.is-in .loading__part:nth-child(16) {
    transition-delay: .69s;
}
.loading__parts.is-in .loading__part:nth-child(17) {
    transition-delay: .72s;
}
.loading__parts.is-in .loading__part:nth-child(18) {
    transition-delay: .75s;
}
.loading__parts.is-in .loading__part:nth-child(19) {
    transition-delay: .78s;
}
.loading__parts.is-in .loading__part:nth-child(20) {
    transition-delay: .81s;
}
.loading__parts.is-in .loading__part:nth-child(21) {
    transition-delay: .84s;
}
.loading__parts.is-in .loading__part:nth-child(22) {
    transition-delay: .87s;
}
.loading__parts.is-out {
    animation: logoOut .5s ease-in-out forwards;
}
@keyframes logoOut {
	0% {filter: blur(0); opacity: 1;}
	100% {filter: blur(5px); opacity: 0;}
}