@charset "utf-8";
/*-----------------------------------------------
 * COMMON
 * FV
 * TOPICS
 * MOVIE
 * NEWS
 * INTRODUCTION
 * STAFF/CAST
 * BOOKS
-------------------------------------------------*/
/*-----------------------------------------------
 * COMMON
-------------------------------------------------*/
.section {
    position: relative;
}
/**
* 共通デコ
**/
.cont__decoWrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    margin: auto;
    pointer-events: none;
    overflow: hidden;
}
.cont__deco {
    width: min(calc(258 / var(--vw-min) * 100vw),258px);
    height: min(calc(990 / var(--vw-min) * 100vw),990px);
    position: absolute;
}
.cont__deco.--left {
    left: 0;
}
.cont__deco.--right {
    right: 0;
}
.cont__deco::before,
.cont__deco::after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
}
.cont__deco::before {
    width: min(calc(243 / var(--vw-min) * 100vw),243px);
    background: url(../img/common/deco/deco_gradientBg.png)no-repeat center/contain;
    z-index: -2;
}
.cont__deco::after {
    width: 100%;
    background: url(../img/common/deco/deco_gradient-frame.svg)no-repeat center/contain;
    z-index: 1;
}
.cont__deco.--left::before,
.cont__deco.--left::after {
    left: 0;
}
.cont__deco.--right::before {
    right: 0;
    transform: scale(-1,1);
}
.cont__deco.--right::after {
    right: 0;
    transform: scale(-1,1);
}
.cont__slider {
    width: 100%;
    height: min(calc(148 / var(--vw-min) * 100vw),148px);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.cont__slider::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-mask: url(../img/common/deco/deco_txtSlider.svg)repeat-x top left/min(calc(7162 / var(--vw-min) * 100vw),7162px) min(calc(148 / var(--vw-min) * 100vw),148px);
    mask: url(../img/common/deco/deco_txtSlider.svg)repeat-x top left/min(calc(7162 / var(--vw-min) * 100vw),7162px) min(calc(148 / var(--vw-min) * 100vw),148px);
    background-color: var(--color-whiteFCF);
    animation: txtSlider 60s linear reverse infinite;
}
@keyframes txtSlider{
	0%{
		-webkit-mask-position: 0 center;
		mask-position: 0 center;
	}
	100%{
		-webkit-mask-position:min(calc(7162 / var(--vw-min) * 100vw),7162px) center;
		mask-position:min(calc(7162 / var(--vw-min) * 100vw),7162px) center;
	}
}
/*-----------------------------------------------
 * FV
-------------------------------------------------*/
.fv {
    padding-top: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
    .fv {
        padding: calc(90 / var(--vw-min) * 100vw) 0;
    }
}
.fv__visual {
    width: calc(784 / var(--vw-min) * 100vw);
    position: relative;
    z-index: 1;
    border-radius: calc(1000 / var(--vw-min) * 100vw) calc(1000 / var(--vw-min) * 100vw) 0 0;
    margin: 0 auto;
    overflow: hidden;
}
@media screen and (max-width:768px){
    .fv__visual {
        width: calc(335 / var(--vw-min) * 100vw);
        border-radius: calc(1000 / var(--vw-min) * 100vw) calc(1000 / var(--vw-min) * 100vw) 0 0;
    }
}
.fv__visual img {
    width: 100%;
    pointer-events: none;
}
@media screen and (min-width:769px){
    .fv .cont__decoWrap {
        top: calc(173 / var(--vw-min) * 100vw);
    }
    .fv .cont__deco {
        width: calc(258 / var(--vw-min) * 100vw);
        height: calc(990 / var(--vw-min) * 100vw);
    }
    .fv .cont__deco::before {
        width: calc(243 / var(--vw-min) * 100vw);
    } 
}
.fv__onair {
    width: calc(48 / var(--vw-min) * 100vw);
    height: calc(418 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(80 / var(--vw-min) * 100vw);
    right: calc(267 / var(--vw-min) * 100vw);
    z-index: 2;
    background: url(../img/top/fv_onair.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .fv__onair {
        width: calc(26 / var(--vw-min) * 100vw);
        height: calc(234 / var(--vw-min) * 100vw);
        top: calc(120 / var(--vw-min) * 100vw);
        right: calc(8 / var(--vw-min) * 100vw);
    }
}
.fv__catch {
    width: calc(54 / var(--vw-min) * 100vw);
    height: calc(749 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(78 / var(--vw-min) * 100vw);
    left: calc(290 / var(--vw-min) * 100vw);
    z-index: 2;
    background: url(../img/top/fv_catch.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .fv__catch {
        width: calc(30 / var(--vw-min) * 100vw);
        height: calc(409 / var(--vw-min) * 100vw);
        top: calc(86 / var(--vw-min) * 100vw);
        left: calc(20 / var(--vw-min) * 100vw);
    }
}
.fv__logo {
    width: calc(462 / var(--vw-min) * 100vw);
    height: calc(216 / var(--vw-min) * 100vw);
    position: absolute;
    right: calc(120 / var(--vw-min) * 100vw);
    bottom: calc(120 / var(--vw-min) * 100vw);
    z-index: 2;
    background: url(../img/common/logo/logo.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .fv__logo  {
        width: calc(222 / var(--vw-min) * 100vw);
        height: calc(104 / var(--vw-min) * 100vw);
        top: calc(32 / var(--vw-min) * 100vw);
        right: 0;
        left: 0;
        bottom: unset;
        margin: auto;
    }
    .fv__bg {
        width: 100%;
        height: calc(321 / var(--vw-min) * 100vw);
        position: absolute;
        bottom: 0;
        z-index: -2;
        background: url(../img/common/deco/deco_gradientBg-s.png)no-repeat center/contain;
    }
}
/*-----------------------------------------------
 * TOPICS
-------------------------------------------------*/
.topics {
    padding: min(calc(140 / var(--vw-min) * 100vw),140px) 0 0;
}
@media screen and (max-width:768px){
    .topics {
        padding: calc(20 / var(--vw-min) * 100vw) 0 0;
    }
}
.topicsWrap {
    position: relative;
    padding-bottom: min(calc(160 / var(--vw-min) * 100vw),160px);
}
@media screen and (max-width:768px){
    .topicsWrap {
        padding-bottom: calc(58 / var(--vw-min) * 100vw);
    }
}
.topicsWrap::before {
    content: "";
    width: 100%;
    height: calc(100% - min(calc(184 / var(--vw-min) * 100vw),184px));
    display: block;
    position: absolute;
    bottom: 0;
    z-index: -2;
    background-color: #FFEFEF;
}
@media screen and (max-width:768px){
    .topicsWrap::before {
        height: calc(100% - calc(164 / var(--vw-min) * 100vw));
    }
}
.topics .cont-titHead {
    width: calc(1155 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .topics .cont-titHead {
        width: 100%;
    }
}
.topics .cont-titHead .cont-tit-en {
    font-size: min(calc(144 / var(--vw-min) * 100vw),144px);
    line-height: 0.83;
    margin-left: calc(-17 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .topics .cont-titHead .cont-tit-en {
        font-size: calc(50 / var(--vw-min) * 100vw);
        margin-left: calc(-12 / var(--vw-min) * 100vw);
    }
}
.topics .cont-titHead .cont-tit-en span {
    padding-left: calc(15 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .topics .cont-titHead .cont-tit-en span {
        padding-left: calc(-12 / var(--vw-min) * 100vw);
    }
}
.topicsCont {
    width: min(calc(1155 / var(--vw-min) * 100vw),1155px);
    margin: max(calc(-40 / var(--vw-min) * 100vw),-40px) auto 0;
}
@media screen and (max-width:768px){
    .topicsCont {
        width: 100%;
        margin-top: calc(17 / var(--vw-min) * 100vw);
    }
}
.topicsSwiperWrap {
    position: relative;
}
.topicsSwiperWrap .swiper__arrowWrap {
    height: calc(100% - min(calc(64 / var(--vw-min) * 100vw),64px));
}
.topicsSwiper {
    width: calc(min(calc(1000 / var(--vw-min) * 100vw),1000px) + min(calc(20 / var(--vw-min) * 100vw),20px));
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .topicsSwiperWrap .swiper__arrowWrap,
    .topicsBnrSwiperWrap .swiper__arrowWrap {
        width: calc(335 / var(--vw-min) * 100vw);
        height: 100%;
        right: 0;
        left: 0;
        margin: auto;
    }
    .topicsSwiper {
        width: 100%;
    }
}
.topics__item {
    width: calc(100% / 5);
    padding: 0 min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
    .topics__item {
        width: min(calc(207 / var(--vw-min) * 100vw),207px);
        padding: 0 calc(6 / var(--vw-min) * 100vw);
    }
}
.topics__link {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}
.topics__img {
    width: 100%;
    padding-top: 100%;
    position: relative;
    -webkit-filter: drop-shadow(0px 0px 5px rgb(255, 153, 170,.3));
    filter: drop-shadow(0px 0px 5px rgb(255, 153, 170,.3));
}
.topics__imgIn {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    margin: auto;
    overflow: hidden;
    border-top-left-radius: min(calc(16 / var(--vw-min) * 100vw),16px);
    border-top-right-radius: min(calc(16 / var(--vw-min) * 100vw),16px);
    border-bottom-right-radius: min(calc(48 / var(--vw-min) * 100vw),48px);
    border-bottom-left-radius: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
    .topics__imgIn {
        border-top-left-radius: calc(16 / var(--vw-min) * 100vw);
        border-top-right-radius: calc(16 / var(--vw-min) * 100vw);
        border-bottom-right-radius: calc(48 / var(--vw-min) * 100vw);
        border-bottom-left-radius: calc(16 / var(--vw-min) * 100vw);
    }
}
.topics__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: -1;
    margin: auto;
    object-fit: cover;
    pointer-events: none;
    transition: .3s ease-out;
}
.topics__img::before {
    content: "";
    width: min(calc(10 / var(--vw-min) * 100vw),10px);
    height: min(calc(10 / var(--vw-min) * 100vw),10px);
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-mask: url(../img/common/deco/deco_arrow2.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_arrow2.svg)no-repeat center/contain;
    background-color: var(--color-orangeF29);
    transition: .3s ease-out;
}
@media screen and (max-width:768px){
    .topics__img::before {
        width: calc(10 / var(--vw-min) * 100vw);
        height: calc(10 / var(--vw-min) * 100vw);
    }
}
.topics__tit {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    text-align: center;
    font-weight: 500;
    line-height: 1.73;
    letter-spacing: 0.03em;
    margin-top: min(calc(12 / var(--vw-min) * 100vw),12px);
    transition: .3s ease-out;
}
@media screen and (max-width:768px){
    .topics__tit {
        font-size: calc(13 / var(--vw-min) * 100vw);
        margin-top: calc(12 / var(--vw-min) * 100vw);
    }
}
.topicsBnrSwiperWrap {
    position: relative;
    margin-top: min(calc(117 / var(--vw-min) * 100vw),117px);
}
@media screen and (max-width:768px){
    .topicsBnrSwiperWrap {
        margin-top: calc(40 / var(--vw-min) * 100vw);
    }
}
.topicsBnrSwiper {
    width: calc(min(calc(1000 / var(--vw-min) * 100vw),1000px) + min(calc(20 / var(--vw-min) * 100vw),20px));
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .topicsBnrSwiper {
        width: 100%;
    }
}
.topicsBnr__item {
    width: calc(100% / 3);
    padding: 0 min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
    .topicsBnr__item {
        width: calc(335 / var(--vw-min) * 100vw);
        padding: 0 calc(6 / var(--vw-min) * 100vw);
    }
}
.topicsBnr__link {
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
}
.topicsBnr__img img {
    width: 100%;
    pointer-events: none;
}
/** 
* hover 
**/
@media (hover: hover) and (pointer: fine){
    .topics__link:hover .topics__img img {
        transform: scale(1.1);
    }
    .topics__link:hover .topics__img::before {
        transform: translate(3px ,-3px);
    }
    .topics__link:hover .topics__tit {
        color: var(--color-orangeF29);
        -webkit-filter: var(--filter-orange);
        filter: var(--filter-orange);
    }
}
/**
* bg
**/
.topicsBg {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.topicsBg::before,
.topicsBg::after {
    content: "";
    width: min(calc(683 / var(--vw-min) * 100vw),683px);
    height: min(calc(517 / var(--vw-min) * 100vw),517px);
    display: block;
    position: absolute;
    z-index: -1;
    -webkit-mask: url(../img/common/deco/deco_pattern.png)no-repeat center/contain;
    mask: url(../img/common/deco/deco_pattern.png)no-repeat center/contain;
    background-color: var(--color-whiteFCF);
}
.topicsBg::before {
    top: min(calc(184 / var(--vw-min) * 100vw),184px);
    left: 0;
}
.topicsBg::after {
    right: 0;
    bottom: 0;
    transform: scale(-1,-1);
}
@media screen and (max-width:768px){
    .topicsBg::before {
        content: unset;
    }
    .topicsBg::after {
        width: calc(375 / var(--vw-min) * 100vw);
        height: calc(284 / var(--vw-min) * 100vw);
    }
}
/**
* deco
**/
.deco__glasses1 {
    width: min(calc(144 / var(--vw-min) * 100vw),144px);
    height: min(calc(83 / var(--vw-min) * 100vw),83px);
    position: absolute;
    top: min(calc(92 / var(--vw-min) * 100vw),92px);
    right: 0;
    overflow: hidden;
    animation: fuwafuwa 5s ease-in-out infinite;
}
@media screen and (max-width:768px){
    .deco__glasses1 {
        width: calc(83 / var(--vw-min) * 100vw);
        height: calc(45 / var(--vw-min) * 100vw);
        top: calc(4 / var(--vw-min) * 100vw);
    }
}
.deco__glasses1::before {
    content: "";
    width: min(calc(177 / var(--vw-min) * 100vw),177px);
    height: min(calc(83 / var(--vw-min) * 100vw),83px);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-mask: url(../img/common/deco/deco_glasses.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_glasses.svg)no-repeat center/contain;
    background-color: var(--color-goldD0B);
}
@media screen and (max-width:768px){
    .deco__glasses1::before {
        width: calc(98 / var(--vw-min) * 100vw);
        height: calc(46 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * MOVIE
-------------------------------------------------*/
.movie {
    position: relative;
    padding: min(calc(9 / var(--vw-min) * 100vw),9px) 0;
}
@media screen and (max-width:768px){
    .movie {
        padding: calc(6 / var(--vw-min) * 100vw) 0;
    }
}
.movie::before,
.movie::after {
    content: "";
    width: 100%;
    height: min(calc(9 / var(--vw-min) * 100vw),9px);
    display: block;
    position: absolute;
    -webkit-mask: url(../img/common/deco/deco_movieFrame.svg)repeat-x right/min(calc(8 / var(--vw-min) * 100vw),8px) min(calc(9 / var(--vw-min) * 100vw),9px);
    mask: url(../img/common/deco/deco_movieFrame.svg)repeat-x right/min(calc(8 / var(--vw-min) * 100vw),8px) min(calc(9 / var(--vw-min) * 100vw),9px);
    background-color: var(--color-goldD0B);
}
@media screen and (max-width:768px){
    .movie::before,
    .movie::after {
        height: calc(6 / var(--vw-min) * 100vw);
        -webkit-mask-size: calc(8 / var(--vw-min) * 100vw) calc(9 / var(--vw-min) * 100vw);
        mask-size: calc(8 / var(--vw-min) * 100vw) calc(9 / var(--vw-min) * 100vw);
    }
    .movie::before,
    .movie::after {
        -webkit-mask-position: right top;
        mask-position: right top;
    }
}
.movie::before {
    top: 0;
}
.movie::after {
    bottom: 0;
    transform: scale(-1,-1);
}
.movieWrap {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    overflow: hidden;
}
.movieBg {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    pointer-events: none;
}
.bg_ytplayer {
    margin: auto;
    position: absolute;
    top: -50%;
    left: 0;
    width: 100%;
    height: 200%;
}
.movieFrame {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: 3;
    margin: auto;
    pointer-events: none;
}
.movieFrame::before,
.movieFrame::after {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--color-whiteFCF);
}
.movieFrame.--tb::before,
.movieFrame.--tb::after {
    width: 100%;
    height: min(calc(1 / var(--vw-min) * 100vw),1px);
}
.movieFrame.--tb::before {
    top: min(calc(8 / var(--vw-min) * 100vw),8px);
}
.movieFrame.--tb::after {
    bottom: min(calc(8 / var(--vw-min) * 100vw),8px);
}
.movieFrame.--lr::before,
.movieFrame.--lr::after {
    width: min(calc(1 / var(--vw-min) * 100vw),1px);
    height: 100%;
}
.movieFrame.--lr::before {
    left: min(calc(8 / var(--vw-min) * 100vw),8px);
}
.movieFrame.--lr::after {
    right: min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
    .movieFrame.--tb::before,
    .movieFrame.--tb::after {
        height: calc(1 / var(--vw-min) * 100vw);
    }
    .movieFrame.--tb::before {
        top: calc(5 / var(--vw-min) * 100vw);
    }
    .movieFrame.--tb::after {
        bottom: calc(5 / var(--vw-min) * 100vw);
    }
    .movieFrame.--lr::before,
    .movieFrame.--lr::after {
        width: calc(1 / var(--vw-min) * 100vw);
    }
    .movieFrame.--lr::before {
        left: calc(5 / var(--vw-min) * 100vw);
    }
    .movieFrame.--lr::after {
        right: calc(5 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
.news {
    padding: min(calc(160 / var(--vw-min) * 100vw),160px) 0 min(calc(100 / var(--vw-min) * 100vw),100px);
}
@media screen and (max-width:768px){
    .news {
        padding: calc(66 / var(--vw-min) * 100vw) 0 calc(55 / var(--vw-min) * 100vw);
    }
}
.news::before {
    content: "";
    width: min(calc(683 / var(--vw-min) * 100vw),683px);
    height: min(calc(517 / var(--vw-min) * 100vw),517px);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-mask: url(../img/common/deco/deco_pattern.png)no-repeat center/contain;
    mask: url(../img/common/deco/deco_pattern.png)no-repeat center/contain;
    background-color: var(--color-goldD0B);
    opacity: .3;
    pointer-events: none;
}
@media screen and (max-width:768px){
    .news::before {
        width: calc(375 / var(--vw-min) * 100vw);
        height: calc(284 / var(--vw-min) * 100vw);
    }
}
.news .cont-titHead .cont-tit-en {
    margin-left: calc(-17 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .news .cont-titHead .cont-tit-en {
        margin-left: calc(-10 / var(--vw-min) * 100vw);
    }
}
.news .cont-titHead .cont-tit-en span {
    padding-left: calc(20 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .news .cont-titHead .cont-tit-en span {
        padding-left: calc(10 / var(--vw-min) * 100vw);
    }
}
.newsCont {
    width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
    position: relative;
    padding-top: min(calc(48 / var(--vw-min) * 100vw),48px);
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .newsCont {
        width: 100%;
        padding-top: calc(25 / var(--vw-min) * 100vw);
    }
}
.news__lists {
    min-height: min(calc(340 / var(--vw-min) * 100vw),340px);
    display: flex;
    flex-direction: column;
    border-top: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-orangeF29);
}
@media screen and (max-width:768px){
    .news__lists {
        min-height: unset;
        border-width: calc(1 / var(--vw-min) * 100vw);
    }
    .news__item {
        padding-left: calc(20 / var(--vw-min) * 100vw);
    }
}
.news__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-orangeF29);
    text-decoration: none;
    padding: min(calc(24 / var(--vw-min) * 100vw),24px) 0;
}
@media screen and (max-width:768px){
    .news__link {
        flex-direction: column;
        border-width: calc(1 / var(--vw-min) * 100vw);
        padding: calc(20 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) 0;
    }
    .news__link::after {
        content: "";
        width: calc(6 / var(--vw-min) * 100vw);
        height: calc(6 / var(--vw-min) * 100vw);
        position: absolute;
        bottom: calc(-3 / var(--vw-min) * 100vw);
        left: calc(-3 / var(--vw-min) * 100vw);
        -webkit-mask: url(../img/common/deco/deco_diamond.svg)no-repeat center/contain;
        mask: url(../img/common/deco/deco_diamond.svg)no-repeat center/contain;
        background-color: var(--color-orangeF29);
    }
}
.news__time {
    font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
    color: var(--color-orangeF29);
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: 0.03em;
    width: min(calc(142 / var(--vw-min) * 100vw),142px);
    display: flex;
    align-items: center;
    justify-content: space-between;
	transition: .3s ease-out;
}
@media screen and (max-width:768px){
    .news__time {
        font-size: calc(16 / var(--vw-min) * 100vw);
        width: 100%;
    }
}
@media screen and (min-width:769px){
    .news__time::after {
        content: "";
        width: min(calc(5 / var(--vw-min) * 100vw),5px);
        height: min(calc(5 / var(--vw-min) * 100vw),5px);
        display: inline-block;
        margin-right: min(calc(24 / var(--vw-min) * 100vw),24px);
        -webkit-mask: url(../img/common/deco/deco_diamond.svg)no-repeat center/contain;
        mask: url(../img/common/deco/deco_diamond.svg)no-repeat center/contain;
        background-color: var(--color-orangeF29);
    }
}
.news__tit {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.03em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: calc(100% - min(calc(142 / var(--vw-min) * 100vw),142px));
    padding-right: min(calc(80 / var(--vw-min) * 100vw),80px);
	transition: .3s ease-out;
}
@media screen and (max-width:768px){
    .news__tit {
        font-size: calc(13 / var(--vw-min) * 100vw);
        width: 100%;
        padding-right: calc(58 / var(--vw-min) * 100vw);
    }
}
.news__arrow {
    width: min(calc(48 / var(--vw-min) * 100vw),48px);
    height: min(calc(48 / var(--vw-min) * 100vw),48px);
    border-radius: 50%;
    border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-orangeF29);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
}
@media screen and (max-width:768px){
    .news__arrow {
        width: calc(34 / var(--vw-min) * 100vw);
        height: calc(34 / var(--vw-min) * 100vw);
        right: calc(8 / var(--vw-min) * 100vw);
        border-width: calc(1 / var(--vw-min) * 100vw);
    }
}
.news__arrow::before {
	content: "";
	width: 110%;
	height: 110%;
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	border-radius: 50%;
	transform: scale(0);
	background-color: var(--color-orangeF29);
	transition: .3s ease-out;
}
.news__arrow::after {
    content: "";
    width: min(calc(13 / var(--vw-min) * 100vw),13px);
    height: min(calc(10 / var(--vw-min) * 100vw),10px);
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    -webkit-mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
    background-color: var(--color-orangeF29);
	transition: .3s ease-out;
}
@media screen and (max-width:768px){
    .news__arrow::after {
        width: calc(11 / var(--vw-min) * 100vw);
        height: calc(8 / var(--vw-min) * 100vw);
    }
}
.news .linkBtn {
    position: absolute;
    top: max(calc(-12 / var(--vw-min) * 100vw),-12px);
    right: 0;
}
@media screen and (max-width:768px){
    .news .linkBtn {
        position: relative;
        top: unset;
        right: unset;
        margin: calc(32 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) 0 0;
    }
}
/** 
* hover 
**/
@media (hover: hover) and (pointer: fine){
	.news__link:hover .news__arrow::before {
		transform: scale(1);
		opacity: .2;
	}
	.news__link:hover .news__arrow::after {
		transform: translateX(3px);
	}
	.news__link.--prev:hover .news__arrow::after {
		transform: scale(-1,1) translateX(3px);
	}
    .news__link:hover .news__time,
    .news__link:hover .news__tit {
        color: var(--color-orangeF29);
        -webkit-filter: var(--filter-orange);
        filter: var(--filter-orange);
    }
}
/**
* deco
**/
.deco__dinosaur1 {
    width: min(calc(241 / var(--vw-min) * 100vw),241px);
    height: min(calc(421 / var(--vw-min) * 100vw),421px);
    position: absolute;
    bottom: max(calc(-53 / var(--vw-min) * 100vw),-53px);
    left: 0;
    overflow: hidden;
    pointer-events: none;
}
@media screen and (max-width:768px){
    .deco__dinosaur1 {
        width: calc(116 / var(--vw-min) * 100vw);
        height: calc(192 / var(--vw-min) * 100vw);
        bottom: calc(-40 / var(--vw-min) * 100vw);
    }
}
.deco__dinosaur1::before {
    content: "";
    width: min(calc(324 / var(--vw-min) * 100vw),324px);
    height: min(calc(420 / var(--vw-min) * 100vw),420px);
    display: block;
    position: absolute;
    top: 0;
    right: min(calc(20 / var(--vw-min) * 100vw),20px);
    -webkit-mask: url(../img/common/deco/deco_dinosaur.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_dinosaur.svg)no-repeat center/contain;
    background-color: var(--color-goldD0B);
}
@media screen and (max-width:768px){
    .deco__dinosaur1::before {
        width: calc(151 / var(--vw-min) * 100vw);
        height: calc(191 / var(--vw-min) * 100vw);
        right: calc(20 / var(--vw-min) * 100vw);
    }
}
.deco__dinosaur1.--animate::before {
    animation: leftBottom 3s ease-out infinite;
}
/*-----------------------------------------------
 * INTRODUCTION
-------------------------------------------------*/
.introduction {
    padding: min(calc(100 / var(--vw-min) * 100vw),100px) 0 min(calc(130 / var(--vw-min) * 100vw),130px);
}
@media screen and (max-width:768px){
    .introduction {
        padding: calc(55 / var(--vw-min) * 100vw) 0 calc(55 / var(--vw-min) * 100vw);
    }
}
.introduction .cont-titHead {
    flex-direction: column;
    margin-bottom: min(calc(73 / var(--vw-min) * 100vw),73px);
}
@media screen and (max-width:768px){
    .introduction .cont-titHead {
        margin-bottom: calc(16 / var(--vw-min) * 100vw);
    }
}
.introduction .cont-tit-en {
    margin: 0 0 min(calc(8 / var(--vw-min) * 100vw),8px) max(calc(-7 / var(--vw-min) * 100vw),-7px);
}
@media screen and (max-width:768px){
    .introduction .cont-tit-en {
        margin: 0 0 calc(5 / var(--vw-min) * 100vw) calc(-6 / var(--vw-min) * 100vw);
    }
}
.introduction .cont-tit-en span {
    padding-left: min(calc(7 / var(--vw-min) * 100vw),7px);
}
@media screen and (max-width:768px){
    .introduction .cont-tit-en span {
        padding-left: calc(6 / var(--vw-min) * 100vw);
    }
    .introduction .cont-titIn {
        margin-left: auto;
    }
}
.introWrap {
    position: relative;
}
.intro__txtWrap {
    width: calc(100% - min(calc(486 / var(--vw-min) * 100vw),486px));
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .intro__txtWrap {
        width: min(calc(360 / var(--vw-min) * 100vw),360px);
    }
    .intro__txtWrap::before {
        content: "";
        width: 100%;
        height: calc(672 / var(--vw-min) * 100vw);
        display: block;
        position: absolute;
        top: 0;
        -webkit-mask: url(../img/common/deco/deco_introBg.svg)no-repeat center/contain;
        mask: url(../img/common/deco/deco_introBg.svg)no-repeat center/contain;
        background-color: var(--color-goldD0B);
    }
}
.intro__txt {
    width: min(calc(520 / var(--vw-min) * 100vw),520px);
    background-color: var(--color-whiteFCF);
}
@media screen and (max-width:768px){
    .intro__txt {
        width: calc(350 / var(--vw-min) * 100vw);
        background-color: unset;
        margin-top: calc(88 / var(--vw-min) * 100vw);
    }
}
.intro__txt img {
    width: 100%;
    pointer-events: none;
}
.introduction .cont__decoWrap {
    top: min(calc(65 / var(--vw-min) * 100vw),65px);
}
/**
* deco
**/
.deco__shellWrap {
    width: min(calc(157 / var(--vw-min) * 100vw),157px);
    height: min(calc(139 / var(--vw-min) * 100vw),139px);
    position: absolute;
    top: max(calc(-77 / var(--vw-min) * 100vw),-77px);
    right: min(calc(150 / var(--vw-min) * 100vw),150px);
    overflow: hidden;
    animation: fuwafuwa 5s ease-in-out infinite;
}
@media screen and (max-width:768px){
    .deco__shellWrap {
        width: calc(74 / var(--vw-min) * 100vw);
        height: calc(68 / var(--vw-min) * 100vw);
        top: calc(-20 / var(--vw-min) * 100vw);
        right: calc(36 / var(--vw-min) * 100vw);
    }
}
.deco__shell {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.deco__shell.--main {
    -webkit-mask: url(../img/common/deco/deco_shell.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_shell.svg)no-repeat center/contain;
    background-image: var(--main-gradient);
}
.deco__shell.--stone {
    -webkit-mask: url(../img/common/deco/deco_shell-stone.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_shell-stone.svg)no-repeat center/contain;
    background-color: var(--color-orangeF29);
}
.deco__glasses2 {
    width: min(calc(170 / var(--vw-min) * 100vw),170px);
    height: min(calc(91 / var(--vw-min) * 100vw),91px);
    position: absolute;
    bottom: min(calc(64 / var(--vw-min) * 100vw),64px);
    left: max(calc(-22 / var(--vw-min) * 100vw),-22px);
    overflow: hidden;
    animation: fuwafuwa 5s ease-in-out infinite;
}
@media screen and (max-width:768px){
    .deco__glasses2 {
        width: calc(99 / var(--vw-min) * 100vw);
        height: calc(51 / var(--vw-min) * 100vw);
        bottom: calc(-57 / var(--vw-min) * 100vw);
        left: calc(5 / var(--vw-min) * 100vw);
    }
}
.deco__glasses2::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-mask: url(../img/common/deco/deco_glasses.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_glasses.svg)no-repeat center/contain;
    background-image: var(--main-gradient);
}
/*-----------------------------------------------
 * STAFF/CAST
-------------------------------------------------*/
.staffCast {
    padding: min(calc(100 / var(--vw-min) * 100vw),100px) 0 min(calc(100 / var(--vw-min) * 100vw),100px);
}
@media screen and (max-width:768px){
    .staffCast {
        padding: calc(55 / var(--vw-min) * 100vw) 0 calc(70 / var(--vw-min) * 100vw);
    }
}
.staffCast::before {
    content: "";
    width: min(calc(480 / var(--vw-min) * 100vw),480px);
    height: min(calc(960 / var(--vw-min) * 100vw),960px);
    display: block;
    position: absolute;
    top: max(calc(-120 / var(--vw-min) * 100vw),-120px);
    right: 0;
    z-index: -2;
    -webkit-mask: url(../img/common/deco/deco_pattern2.png)no-repeat center/contain;
    mask: url(../img/common/deco/deco_pattern2.png)no-repeat center/contain;
    background-color: var(--color-goldD0B);
}
@media screen and (max-width:768px){
    .staffCast::before {
        width: calc(335 / var(--vw-min) * 100vw);
        height: calc(670 / var(--vw-min) * 100vw);
        top: calc(-93 / var(--vw-min) * 100vw);
    }
    .staffCast .cont-titHead {
        flex-direction: column;
    }
    .staffCast .cont-tit-en {
        margin-bottom: calc(8 / var(--vw-min) * 100vw);
    }
    .staffCast .cont-titIn {
        margin-left: calc(8 / var(--vw-min) * 100vw);
    }
}
.staffCastContBox {
    width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .staffCastContBox {
        width: 100%;
        padding: 0 calc(20 / var(--vw-min) * 100vw);
    }
}
.staffCastBlock {
    position: relative;
}
.staffCastBlock::before {
    content: "";
    width: 92.4597%;/*1263*/
    height: calc(100% - min(calc(88 / var(--vw-min) * 100vw),88px));
    border-top-right-radius: min(calc(120 / var(--vw-min) * 100vw),120px);
    position: absolute;
    bottom: 0;
    z-index: -2;
    background-image: var(--yellow-gradient);
    opacity: .5;
}
@media screen and (max-width:768px){
    .staffCastBlock::before {
        width: calc(363 / var(--vw-min) * 100vw);
        height: calc(100% - calc(55 / var(--vw-min) * 100vw));
        border-top-right-radius: calc(48 / var(--vw-min) * 100vw);
    }
}
.staffCastContBox {
    padding-top: min(calc(64 / var(--vw-min) * 100vw),64px);
}
@media screen and (max-width:768px){
    .staffCastContBox  {
        padding-top: calc(42 / var(--vw-min) * 100vw);
    }
}
.staffCastBlock .cont-subTit {
    font-size: min(calc(64 / var(--vw-min) * 100vw),64px);   
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.03em;
    margin-bottom: min(calc(48 / var(--vw-min) * 100vw),48px);
}
@media screen and (max-width:768px){
    .staffCastBlock .cont-subTit {
        font-size: calc(40 / var(--vw-min) * 100vw);
        margin-bottom: calc(30 / var(--vw-min) * 100vw);
    }
}
.staffCastBlock .cont-subTit span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: var(--main-gradient);
}
.staffCast__lists {
    display: flex;
    flex-wrap: wrap;
    gap: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
    .staffCast__lists {
        gap: calc(20 / var(--vw-min) * 100vw);
    }
}
.staffCast__item {
    width: calc((100% - min(calc(120 / var(--vw-min) * 100vw),120px)) / 4);
    display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width:768px){
    .staffCast__item {
        width: calc((100% - calc(20 / var(--vw-min) * 100vw)) / 2);
    }
}
.staffCast__item.--w100 {
    width: 100%;
}
.staffCast__item-dt {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    color: var(--color-orangeF29);
    font-weight: 500;
    line-height: 1.56;
    letter-spacing: 0.03em;
    width: 100%;
    display: inline-block;
    margin-bottom: min(calc(6 / var(--vw-min) * 100vw),6px);
}
@media screen and (max-width:768px){
    .staffCast__item-dt {
        font-size: calc(13 / var(--vw-min) * 100vw);
        margin-bottom: calc(4 / var(--vw-min) * 100vw);
    }
}
.staffCast__item-dd {
    font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
    font-weight: 500;
    line-height: 1.38;
    letter-spacing: 0.06em;
    display: flex;
    flex-direction: column;
}
@media screen and (max-width:768px){
    .staffCast__item-dd {
        font-size: calc(18 / var(--vw-min) * 100vw);
    }
}
.staffCast__item-dd.--small {
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
    line-height: 1.83;
    letter-spacing: 0.03em;
    margin-left: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
    .staffCast__item-dd.--small {
        font-size: calc(11 / var(--vw-min) * 100vw);
        margin-left: unset;
        margin-top: calc(6 / var(--vw-min) * 100vw);
    }
}
.staffCast__item-dd.--small small {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    line-height: 1.67;
}
@media screen and (max-width:768px){
    .staffCast__item-dd.--small small  {
        font-size: calc(11 / var(--vw-min) * 100vw);
    }
}
.staffCast__item-dd.--comment-link {
    height: min(calc(26 / var(--vw-min) * 100vw),26px);
    justify-content: flex-end;
    margin-left: min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
    .staffCast__item-dd.--comment-link {
        height: calc(24 / var(--vw-min) * 100vw);
        justify-content: center;
        margin-left: calc(4 / var(--vw-min) * 100vw);
    }
}
.commentLink {
    content: "";
    width: min(calc(26 / var(--vw-min) * 100vw),26px);
    height: min(calc(18 / var(--vw-min) * 100vw),18px);
    display: block;
    -webkit-mask: url(../img/common/deco/icon_comment.svg)no-repeat center/contain;
    mask: url(../img/common/deco/icon_comment.svg)no-repeat center/contain;
    background-image: var(--main-gradient);
    transition: .3s ease-out;
}
@media screen and (max-width:768px){
    .commentLink {
        width: calc(22 / var(--vw-min) * 100vw);
        height: calc(15 / var(--vw-min) * 100vw);
    }
}
/** 
* hover 
**/
@media (hover: hover) and (pointer: fine){
    .commentLink:hover {
        transform: scale(0.9);
    }
}
/*-----------------------------------------------
 * BOOKS
-------------------------------------------------*/
.books {
    padding: min(calc(100 / var(--vw-min) * 100vw),100px) 0;
}
@media screen and (max-width:768px){
    .books {
        padding: calc(65 / var(--vw-min) * 100vw) 0 calc(90 / var(--vw-min) * 100vw);
    }
}
.books::before {
    content: "";
    width: min(calc(480 / var(--vw-min) * 100vw),480px);
    height: min(calc(960 / var(--vw-min) * 100vw),960px);
    position: absolute;
    top: max(calc(-363 / var(--vw-min) * 100vw),-363px);
    left: 0;
    z-index: -2;
    -webkit-mask: url(../img/common/deco/deco_pattern2.png)no-repeat center/contain;
    mask: url(../img/common/deco/deco_pattern2.png)no-repeat center/contain;
    background-color: var(--color-goldD0B);
    transform: scale(-1,1);
}
@media screen and (max-width:768px){
    .books::before {
        width: calc(335 / var(--vw-min) * 100vw);
        height: calc(670 / var(--vw-min) * 100vw);
        top: calc(-218 / var(--vw-min) * 100vw);
    }
}
.books .cont-titHead {
    width: calc(1000 / var(--vw-min) * 100vw);
    margin: 0 auto min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:768px){
    .books .cont-titHead {
        width: 100%;
        padding: 0 calc(20 / var(--vw-min) * 100vw);
        margin-bottom: calc(56 / var(--vw-min) * 100vw);
    }
}
.booksContBox {
    display: flex;
    padding-top: min(calc(63 / var(--vw-min) * 100vw),63px);
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .booksContBox {
        padding-top: 0;
    }
}
/**
* left
**/
.booksContBox-l {
    width: min(calc(200 / var(--vw-min) * 100vw),200px);
    margin-left: calc(50% - calc(500 / var(--vw-min) * 100vw));/*中央から500px左にずらす*/
}
@media screen and (max-width:768px){
    .booksContBox-l {
        width: calc(112 / var(--vw-min) * 100vw);
        margin-left: unset;
    }
}
.books .cont-subTit {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
@media screen and (max-width:768px){
    .books .cont-subTit {
        margin-left: calc(20 / var(--vw-min) * 100vw);
    }
}
.books .cont-subTit-en {
    font-size: min(calc(64 / var(--vw-min) * 100vw),64px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.03em;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
@media screen and (max-width:768px){
    .books .cont-subTit-en {
        font-size: calc(40 / var(--vw-min) * 100vw);
    }
}
.books .cont-subTit-en span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: var(--main--90gradient);
}
.books .cont-subTit-ja {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    color: var(--color-orangeF29);
    font-weight: 400;
    line-height: 1.38;
    letter-spacing: 0em;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: initial;
    margin-right: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
    .books .cont-subTit-ja {
        font-size: calc(12 / var(--vw-min) * 100vw);
        margin-right: calc(20 / var(--vw-min) * 100vw);
    }
}
/**
* books more
**/
.booksMore {
    width: min(calc(168 / var(--vw-min) * 100vw),168px);
}
@media screen and (max-width:768px){
    .booksMore {
        width: calc(120 / var(--vw-min) * 100vw);
        margin-left: calc(12 / var(--vw-min) * 100vw);
    }
}
.booksMoreLink {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 1;
    text-decoration: none;
    padding-top: min(calc(27 / var(--vw-min) * 100vw),27px);
    margin-top: min(calc(52 / var(--vw-min) * 100vw),52px);
}
@media screen and (max-width:768px){
    .booksMoreLink {
        padding-top: calc(20 / var(--vw-min) * 100vw);
        margin-top: calc(77 / var(--vw-min) * 100vw);
    }
}
.booksMore-catch {
    height: min(calc(34 / var(--vw-min) * 100vw),34px);
    background-color: var(--color-whiteFCF);
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .booksMore-catch {
        height: calc(25 / var(--vw-min) * 100vw);
    }
}
.--novel .booksMore-catch {
    width: min(calc(77 / var(--vw-min) * 100vw),77px);
    -webkit-mask: url(../img/common/deco/txt_novel.svg)no-repeat center/contain;
    mask: url(../img/common/deco/txt_novel.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .--novel .booksMore-catch {
        width: calc(56 / var(--vw-min) * 100vw);
    }
}
.--comic .booksMore-catch {
    width: min(calc(91 / var(--vw-min) * 100vw),91px);
    -webkit-mask: url(../img/common/deco/txt_comic.svg)no-repeat center/contain;
    mask: url(../img/common/deco/txt_comic.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .--comic .booksMore-catch {
        width: calc(67 / var(--vw-min) * 100vw);
    }
}
.booksMore-img {
    width: min(calc(72 / var(--vw-min) * 100vw),72px);
    height: min(calc(103 / var(--vw-min) * 100vw),103px);
    position: relative;
    margin: min(calc(10 / var(--vw-min) * 100vw),10px) auto 0;
}
@media screen and (max-width:768px){
    .booksMore-img {
        width: calc(56 / var(--vw-min) * 100vw);
        height: calc(80 / var(--vw-min) * 100vw);
        margin-top: calc(8 / var(--vw-min) * 100vw);
    }
}
.booksMore-img img {
    width: 100%;
    pointer-events: none;
    transition: .3s ease-out;
}
.booksMore-img::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: max(calc(-9 / var(--vw-min) * 100vw),-9px);
    right: max(calc(-9 / var(--vw-min) * 100vw),-9px);
    z-index: -1;
    transform: rotate(12deg);
    opacity: .5;
    transition: .3s ease-out;
}
@media screen and (max-width:768px){
    .booksMore-img::before {
        top: calc(-7 / var(--vw-min) * 100vw);
        right: calc(-7 / var(--vw-min) * 100vw);
    }
}
.--novel .booksMore-img::before {
    background-color: var(--color-pinkFF6);
}
.--comic .booksMore-img::before {
    background-color: var(--color-green17A);
}
.booksMore-txt {
    font-size: min(calc(17 / var(--vw-min) * 100vw),17px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
    .booksMore-txt {
        font-size: calc(15 / var(--vw-min) * 100vw);
        margin-top: calc(10 / var(--vw-min) * 100vw);
    }
}
.booksMore-txt::after {
    content: "";
    width: min(calc(15 / var(--vw-min) * 100vw),15px);
    height: min(calc(10 / var(--vw-min) * 100vw),10px);
    display: inline-block;
    -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;
    margin-left: min(calc(12 / var(--vw-min) * 100vw),12px);
    transition: .3s ease-out;
}
@media screen and (max-width:768px){
    .booksMore-txt::after {
        width: calc(13 / var(--vw-min) * 100vw);
        height: calc(8 / var(--vw-min) * 100vw);
        margin-left: calc(8 / var(--vw-min) * 100vw);
    }
}
.--novel .booksMore-txt::after {
    background-color: var(--color-orangeF29);
}
.--comic .booksMore-txt::after {
    background-color: var(--color-blue305);
}
.booksMoreBg {
    width: min(calc(168 / var(--vw-min) * 100vw),168px);
    height: min(calc(168 / var(--vw-min) * 100vw),168px);
    border-radius: 50%;
    position: absolute;
    top: 0;
    z-index: -2;
}
@media screen and (max-width:768px){
    .booksMoreBg {
        width: calc(120 / var(--vw-min) * 100vw);
        height: calc(120 / var(--vw-min) * 100vw);
    }
}
.booksMoreBg::after {
    content: "";
    width: min(calc(160 / var(--vw-min) * 100vw),160px);
    height: min(calc(160 / var(--vw-min) * 100vw),160px);
    position: absolute;
    inset: 0;
    margin: auto;
    border-radius: 50%;
    border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-whiteFCF);
}
@media screen and (max-width:768px){
    .booksMoreBg::after {
        width: calc(116 / var(--vw-min) * 100vw);
        height: calc(116 / var(--vw-min) * 100vw);
        border-width: calc(1 / var(--vw-min) * 100vw);
    }
}
.--novel .booksMoreBg {
    background-image: var(--main-gradient);
}
.--comic .booksMoreBg {
    background-image: var(--subBlue-gradient);
}
/** 
* hover 
**/
@media (hover: hover) and (pointer: fine){
    .booksMoreLink:hover .booksMore-img img {
        transform: rotate(12deg);
    }
    .booksMoreLink:hover .booksMore-img::before {
        transform: rotate(-12deg);
    }
    .booksMoreLink:hover .booksMore-txt::after {
        transform: translateX(3px);
    }
}
/**
* right
**/
.booksContBox-r {
	flex: 1;
    position: relative;
    overflow: hidden;
    padding-bottom: min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
    .booksContBox-r {
        padding-bottom: calc(32 / var(--vw-min) * 100vw);
    }
}
.booksContBox-r::before {
    content: "";
    width: 100%;
    height: calc(100% - min(calc(80 / var(--vw-min) * 100vw),80px));
    display: block;
    border-top-left-radius: min(calc(80 / var(--vw-min) * 100vw),80px);
    position: absolute;
    bottom: 0;
    z-index: -2;
    background-image: var(--yellow-gradient);
    opacity: .5; 
}
@media screen and (max-width:768px){
    .booksContBox-r::before {
        height: calc(100% - calc(64 / var(--vw-min) * 100vw));
        border-top-left-radius: calc(48 / var(--vw-min) * 100vw);
    }
}
.books .swiperOption {
    width: calc(720 / var(--vw-min) * 100vw);
	height: min(calc(48 / var(--vw-min) * 100vw),48px);
    margin: min(calc(40 / var(--vw-min) * 100vw),40px) 0 0 min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
    .books .swiperOption {
        width: calc(188 / var(--vw-min) * 100vw);
        height: calc(40 / var(--vw-min) * 100vw);
        margin: calc(12 / var(--vw-min) * 100vw) 0 0 calc(43 / var(--vw-min) * 100vw);
    }
}
.booksSwiper {
    margin-left: min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
    .booksSwiper {
        margin-left: calc(43 / var(--vw-min) * 100vw);
    }
}
.books__item {
    width: min(calc(235 / var(--vw-min) * 100vw),235px);
    margin-right: min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
    .books__item {
        width: calc(188 / var(--vw-min) * 100vw);
        margin-right: calc(12 / var(--vw-min) * 100vw);
    }
}
.books__link {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}
.books__img {
    -webkit-filter: drop-shadow(0px 0px 5px rgb(230,230,230,1));
    filter: drop-shadow(0px 0px 5px rgb(230,230,230,1));
    background-color: var(--color-orangeF29);
    overflow: hidden;
}
.books__img img {
    width: 100%;
    pointer-events: none;
    transition: .3s ease-out;
}
.books__tit {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    font-weight: 500;
    line-height: 1.73;
    letter-spacing: 0.03em;
    margin-top: min(calc(16 / var(--vw-min) * 100vw),16px);
    transition: .3s ease-out;
}
@media screen and (max-width:768px){
    .books__tit {
        font-size: calc(12 / var(--vw-min) * 100vw);
        margin-top: calc(12 / var(--vw-min) * 100vw);
    }
}
/** 
* hover 
**/
@media (hover: hover) and (pointer: fine){
    .books__link:hover .books__img img {
        transform: scale(1.1);
        opacity: .7;
    }
    .books__link:hover .books__tit {
        color: var(--color-orangeF29);
        -webkit-filter: var(--filter-orange);
        filter: var(--filter-orange);
    }
}
/**
* deco
**/
.deco__dinosaurWrap {
    width: min(calc(327 / var(--vw-min) * 100vw),327px);
    height: min(calc(293 / var(--vw-min) * 100vw),293px);
    position: absolute;
    top: max(calc(-70 / var(--vw-min) * 100vw),-70px);
    right: 0;
    overflow: hidden;
    pointer-events: none;
}
@media screen and (max-width:768px){
    .deco__dinosaurWrap {
        width: calc(150 / var(--vw-min) * 100vw);
        height: calc(155 / var(--vw-min) * 100vw);
        top: calc(-97 / var(--vw-min) * 100vw);
    }
}
.deco__dinosaur2 {
    width: min(calc(418 / var(--vw-min) * 100vw),418px);
    height: min(calc(294 / var(--vw-min) * 100vw),294px);
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (max-width:768px){
    .deco__dinosaur2 {
        width: calc(221 / var(--vw-min) * 100vw);
        height: calc(155 / var(--vw-min) * 100vw);
    }
}
.deco__dinosaur2.--main {
    -webkit-mask: url(../img/common/deco/deco_dinosaur2.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_dinosaur2.svg)no-repeat center/contain;
    background-color: var(--color-goldD0B);
}
.deco__dinosaur2.--main.--animate {
    animation: dropBounce 2s ease-out infinite;
}
.deco__dinosaur2.--stone::before,
.deco__dinosaur2.--stone::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-goldD0B);
}
.deco__dinosaur2.--stone::before {
    -webkit-mask: url(../img/common/deco/deco_dinosaur2-stone1.svg)no-repeat center/contain;;
    mask: url(../img/common/deco/deco_dinosaur2-stone1.svg)no-repeat center/contain;;
}
.deco__dinosaur2.--stone::after {
    -webkit-mask: url(../img/common/deco/deco_dinosaur2-stone2.svg)no-repeat center/contain;;
    mask: url(../img/common/deco/deco_dinosaur2-stone2.svg)no-repeat center/contain;;
}
/*-----------------------------------------------
 * アニメーション
-------------------------------------------------*/
.section .--rx {
    opacity: 0;
    transform: translateX(-40%);
    transition: opacity .3s ease-out, transform .5s ease-out;
}
.section .--lx,
.booksContBox .booksSwiper {
    opacity: 0;
    transform: translateX(40%);
    transition: opacity .3s ease-out, transform .5s ease-out;
}
.section .--by {
    opacity: 0;
    transform: translateY(40%);
    transition: opacity .3s ease-out, transform .5s ease-out;
}
.section .--ty {
    opacity: 0;
    transform: translateY(-40%);
    transition: opacity .3s ease-out, transform .5s ease-out;
}
.section .--in,
.booksWrap .cont-titHead,
.booksContBox .booksContBox-l {
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    transition: opacity .3s ease-out, -webkit-filter .6s ease-out, filter .6s ease-out;
}
.section.is-ani .--rx,
.section.is-ani .--lx,
.booksContBox.is-ani .booksSwiper {
    opacity: 1;
    transform: translateX(0);
}
.section.is-ani .--by,
.section.is-ani .--ty {
    opacity: 1;
    transform: translateY(0);
}
.section.is-ani .--in,
.booksWrap.is-ani .cont-titHead,
.booksContBox.is-ani .booksContBox-l {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}
/*-----------------------------------------------
 * Loading
-------------------------------------------------*/
.loading {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100000;
    min-height: 100vh;
	min-height: 100dvh;
	background-color: var(--color-whiteFCF);
}
.loading__logo {
    width: calc(420 / var(--vw-min) * 100vw);
    height: calc(200 / var(--vw-min) * 100vw);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    background: url(../img/common/logo/logo.png)no-repeat center/contain;
    animation: fadeIn .8s .5s forwards;
}
@media screen and (max-width: 768px) {
    .loading__logo {
        width: calc(270 / var(--vw-min) * 100vw);
        height: calc(129 / var(--vw-min) * 100vw);
    }
}
.loading__logo.is-out {
    animation: fadeOut 0.6s ease forwards;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0.7);
    }
}
.fv__visual img {
    transform: scale(1.2);
    transition: 1s ease-out;
}
.fv__visual.is-ani img {
    transform: scale(1);
}
.fv__logo {
    transform: scale(0);
    transition: .6s ease-out;
}
.fv__logo.is-ani {
    transform: scale(1);
}
.fv__onair,
.fv__catch {
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    transition: opacity .3s ease-out, -webkit-filter .7s ease-out, filter .7s ease-out;
}
.fv__onair.is-ani,
.fv__catch.is-ani {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    transition-delay: .3s;
}