@-webkit-keyframes anime-icon_new{0%{opacity:0}
50%{opacity:1}
100%{opacity:0}
}
@keyframes anime-icon_new{0%{opacity:0}
50%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes anime-nav_cursor{0%{-webkit-transform:translate(-100%, -50%) rotate(0deg);transform:translate(-100%, -50%) rotate(0deg)}
50%{-webkit-transform:translate(-100%, -50%) rotate(10deg);transform:translate(-100%, -50%) rotate(10deg)}
100%{-webkit-transform:translate(-100%, -50%) rotate(0deg);transform:translate(-100%, -50%) rotate(0deg)}
}
@keyframes anime-nav_cursor{0%{-webkit-transform:translate(-100%, -50%) rotate(0deg);transform:translate(-100%, -50%) rotate(0deg)}
50%{-webkit-transform:translate(-100%, -50%) rotate(10deg);transform:translate(-100%, -50%) rotate(10deg)}
100%{-webkit-transform:translate(-100%, -50%) rotate(0deg);transform:translate(-100%, -50%) rotate(0deg)}
}
@-webkit-keyframes anime-loading-pen_01{0%{left:0%}
80%,100%{left:100%}
}
@keyframes anime-loading-pen_01{0%{left:0%}
80%,100%{left:100%}
}
@-webkit-keyframes anime-loading-pen_02{0%,40%,80%,100%{-webkit-transform:translate(0%, -100%) rotate(0deg);transform:translate(0%, -100%) rotate(0deg)}
20%,60%{-webkit-transform:translate(0%, -100%) rotate(10deg);transform:translate(0%, -100%) rotate(10deg)}
}
@keyframes anime-loading-pen_02{0%,40%,80%,100%{-webkit-transform:translate(0%, -100%) rotate(0deg);transform:translate(0%, -100%) rotate(0deg)}
20%,60%{-webkit-transform:translate(0%, -100%) rotate(10deg);transform:translate(0%, -100%) rotate(10deg)}
}
@-webkit-keyframes anime-loading-pen_03{0%,18%,36%,54%,72%,100%{-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%)}
9%,27%,45%,64%{-webkit-transform:translate(0%, -20%);transform:translate(0%, -20%)}
}
@keyframes anime-loading-pen_03{0%,18%,36%,54%,72%,100%{-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%)}
9%,27%,45%,64%{-webkit-transform:translate(0%, -20%);transform:translate(0%, -20%)}
}
@-webkit-keyframes anime-loading-text_01{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
80%,100%{-webkit-transform:translateX(0%);transform:translateX(0%)}
}
@keyframes anime-loading-text_01{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
80%,100%{-webkit-transform:translateX(0%);transform:translateX(0%)}
}
@-webkit-keyframes anime-loading-text_02{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}
80%,100%{-webkit-transform:translateX(0%);transform:translateX(0%)}
}
@keyframes anime-loading-text_02{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}
80%,100%{-webkit-transform:translateX(0%);transform:translateX(0%)}
}
@-webkit-keyframes anime-color_box_arrow_left{0%{-webkit-transform:translate(-110%, -50%);transform:translate(-110%, -50%)}
50%{-webkit-transform:translate(-130%, -50%);transform:translate(-130%, -50%)}
100%{-webkit-transform:translate(-110%, -50%);transform:translate(-110%, -50%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-color_box_arrow_left{0%{-webkit-transform:translate(-110%, -50%);transform:translate(-110%, -50%)}
50%{-webkit-transform:translate(-130%, -50%);transform:translate(-130%, -50%)}
100%{-webkit-transform:translate(-110%, -50%);transform:translate(-110%, -50%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-color_box_arrow_left_portrait{0%{-webkit-transform:translate(-40%, 110%);transform:translate(-40%, 110%)}
50%{-webkit-transform:translate(-60%, 110%);transform:translate(-60%, 110%)}
100%{-webkit-transform:translate(-40%, 110%);transform:translate(-40%, 110%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-color_box_arrow_left_portrait{0%{-webkit-transform:translate(-40%, 110%);transform:translate(-40%, 110%)}
50%{-webkit-transform:translate(-60%, 110%);transform:translate(-60%, 110%)}
100%{-webkit-transform:translate(-40%, 110%);transform:translate(-40%, 110%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-color_box_arrow_right{0%{-webkit-transform:translate(110%, -50%);transform:translate(110%, -50%)}
50%{-webkit-transform:translate(130%, -50%);transform:translate(130%, -50%)}
100%{-webkit-transform:translate(110%, -50%);transform:translate(110%, -50%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-color_box_arrow_right{0%{-webkit-transform:translate(110%, -50%);transform:translate(110%, -50%)}
50%{-webkit-transform:translate(130%, -50%);transform:translate(130%, -50%)}
100%{-webkit-transform:translate(110%, -50%);transform:translate(110%, -50%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-color_box_arrow_right_portrait{0%{-webkit-transform:translate(-60%, 110%);transform:translate(-60%, 110%)}
50%{-webkit-transform:translate(-40%, 110%);transform:translate(-40%, 110%)}
100%{-webkit-transform:translate(-60%, 110%);transform:translate(-60%, 110%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-color_box_arrow_right_portrait{0%{-webkit-transform:translate(-60%, 110%);transform:translate(-60%, 110%)}
50%{-webkit-transform:translate(-40%, 110%);transform:translate(-40%, 110%)}
100%{-webkit-transform:translate(-60%, 110%);transform:translate(-60%, 110%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-topics_arrow_left{0%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%)}
50%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%)}
100%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-topics_arrow_left{0%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%)}
50%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%)}
100%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-topics_arrow_right{0%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%)}
50%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%)}
100%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-topics_arrow_right{0%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%)}
50%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%)}
100%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-character_arrow_left{0%{-webkit-transform:translate(-90%, -50%);transform:translate(-90%, -50%)}
50%{-webkit-transform:translate(-110%, -50%);transform:translate(-110%, -50%)}
100%{-webkit-transform:translate(-90%, -50%);transform:translate(-90%, -50%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-character_arrow_left{0%{-webkit-transform:translate(-90%, -50%);transform:translate(-90%, -50%)}
50%{-webkit-transform:translate(-110%, -50%);transform:translate(-110%, -50%)}
100%{-webkit-transform:translate(-90%, -50%);transform:translate(-90%, -50%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-character_arrow_right{0%{-webkit-transform:translate(90%, -50%);transform:translate(90%, -50%)}
50%{-webkit-transform:translate(110%, -50%);transform:translate(110%, -50%)}
100%{-webkit-transform:translate(90%, -50%);transform:translate(90%, -50%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-character_arrow_right{0%{-webkit-transform:translate(90%, -50%);transform:translate(90%, -50%)}
50%{-webkit-transform:translate(110%, -50%);transform:translate(110%, -50%)}
100%{-webkit-transform:translate(90%, -50%);transform:translate(90%, -50%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-character_arrow_left_sp{0%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%)}
50%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%)}
100%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-character_arrow_left_sp{0%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%)}
50%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%)}
100%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-character_arrow_right_sp{0%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%)}
50%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%)}
100%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-character_arrow_right_sp{0%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%)}
50%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%)}
100%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-main_visual{0%{opacity:0;-webkit-transform:translate(5%, -5%) rotate(1.5deg);transform:translate(5%, -5%) rotate(1.5deg)}
40%{opacity:1}
100%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}
}
@keyframes anime-main_visual{0%{opacity:0;-webkit-transform:translate(5%, -5%) rotate(1.5deg);transform:translate(5%, -5%) rotate(1.5deg)}
40%{opacity:1}
100%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}
}
.barba-leave-active,.barba-enter-active{-webkit-transition:opacity .5s;transition:opacity .5s}
.barba-leave{opacity:1}
.barba-enter{opacity:0}
.barba-leave-to{opacity:0}
.barba-enter-to{opacity:1}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:12050}
#cboxWrapper{max-width:none}
#cboxOverlay{position:fixed;width:100%;height:100%}
#cboxMiddleLeft,#cboxBottomLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:auto;border:solid 2px #c8c3bf;border-width:clamp(1px,1vw,2px);-webkit-box-sizing:content-box;box-sizing:content-box}
.cbox-no-border #cboxLoadedContent{border:none}
#cboxLoadedContent video{width:100%}
#cboxLoadedContent .image{border:none}
#cboxTitle{margin:0}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;-webkit-transition:opacity .25s;transition:opacity .25s}
.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}
.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}
#cboxOverlay{background-color:rgba(0,0,0,.75);backdrop-filter:blur(2px);-webkit-transition:opacity .4s;transition:opacity .4s}
#colorbox{outline:0;overflow:visible}
#cboxContent{overflow:visible}
.cboxIframe{background:#fff}
#cboxError{padding:50px;border:1px solid #ccc}
#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7c7c7c}
#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7c7c7c;display:none !important}
#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;position:absolute;bottom:-29px;text-indent:-9999px;outline:0}
#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}
#cboxPrevious{width:10vw;min-width:calc(32px*.75);max-width:32px;height:17.1875vw;min-height:calc(55px*.75);max-height:55px;left:0;top:50%;background:url(../img/arrow_left.png) center center/100% auto no-repeat;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;-webkit-animation:anime-color_box_arrow_left 1s infinite ease-in-out;animation:anime-color_box_arrow_left 1s infinite ease-in-out}
@media screen and (max-width: 960px){#cboxPrevious{width:7vw;height:12.03125vw}
}
@media screen and (orientation: portrait){#cboxPrevious{left:30%;bottom:0;top:auto;-webkit-animation:anime-color_box_arrow_left_portrait 1s infinite ease-in-out;animation:anime-color_box_arrow_left_portrait 1s infinite ease-in-out}
}
#cboxNext{width:10vw;min-width:calc(34px*.75);max-width:34px;height:16.1764705882vw;min-height:calc(55px*.75);max-height:55px;right:0;top:50%;background:url(../img/arrow_right.png) center center/100% auto no-repeat;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;-webkit-animation:anime-color_box_arrow_right 1s infinite ease-in-out;animation:anime-color_box_arrow_right 1s infinite ease-in-out}
@media screen and (max-width: 960px){#cboxNext{width:7vw;height:11.3235294118vw}
}
@media screen and (orientation: portrait){#cboxNext{left:70%;right:auto;top:auto;bottom:0;-webkit-animation:anime-color_box_arrow_right_portrait 1s infinite ease-in-out;animation:anime-color_box_arrow_right_portrait 1s infinite ease-in-out}
}
#cboxClose{width:10vw;min-width:calc(49px*.75);max-width:49px;height:10vw;min-height:calc(49px*.75);max-height:49px;right:0;top:0;-webkit-transform:translate(110%, -110%);transform:translate(110%, -110%);background:url(../img/close.png) center center/100% auto no-repeat;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated}
@media screen and (max-width: 960px){#cboxClose{width:7vw;height:7vw}
}
@media screen and (orientation: portrait){#cboxClose{-webkit-transform:translate(0, -110%);transform:translate(0, -110%)}
}
#cboxPrevious:hover,#cboxNext:hover,#cboxClose:hover{opacity:.5}
@media screen and (max-width: 960px){#cboxPrevious:hover,#cboxNext:hover,#cboxClose:hover{opacity:1}
}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px;right:27px}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px}
*{margin:0;padding:0}
html{font-size:62.5%;line-height:1.2;position:relative;overflow-y:scroll}
body{width:100%;height:100%;background-color:#c1a98d;font-size:13px;font-size:clamp(13px,3vw,20px);color:#1e0606;position:relative;overflow:hidden}
body.locked{pointer-events:none}
main{font-family:"Kaisei Opti",serif;font-weight:bold;letter-spacing:.1em;line-height:1.6;margin-top:90px;margin-top:clamp(0px,4.5vw,90px)}
@media screen and (max-width: 960px){main{margin-top:0}
}
section{position:relative}
em{color:#a92b34;font-style:normal}
a{color:#f18d71;-webkit-transition:color .25s;transition:color .25s}
a:hover{color:rgba(241,141,113,.5)}
img{white-space:pre}
button{border:none;outline:none;background-color:rgba(0,0,0,0);cursor:pointer}
li{list-style:none}
section{padding:1.5em 0;position:relative;text-align:center}
@media screen and (max-width: 960px){section{padding-left:3%;padding-right:3%}
}
section.inner_shadow{padding:4em 0;padding:clamp(4em,5vw,8em) 0}
section.inner_shadow::before,section.inner_shadow::after{content:"";width:100%;height:6em;position:absolute;left:0;pointer-events:none}
section.inner_shadow::before{background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, #000), to(rgba(0, 0, 0, 0)));background:linear-gradient(180deg, #000 20%, rgba(0, 0, 0, 0));top:0}
section.inner_shadow::after{background:-webkit-gradient(linear, left bottom, left top, color-stop(20%, #000), to(rgba(0, 0, 0, 0)));background:linear-gradient(0deg, #000 20%, rgba(0, 0, 0, 0));bottom:0}
table{border-spacing:0}
video{width:80vw;max-width:640px;display:inline-block;pointer-events:none}
@media screen and (max-width: 960px){video{pointer-events:initial}
}
@media screen and (max-width: 960px){.pc{display:none}
}
.sp{display:none}
@media screen and (max-width: 960px){.sp{display:unset}
}
.visually_hidden{position:fixed !important;top:0px !important;left:0px !important;width:4px !important;height:4px !important;opacity:0 !important;overflow:hidden !important;border:none !important;margin:0 !important;padding:0 !important;display:block !important;visibility:visible !important}
.dash{display:inline-block;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(2, 1);transform:scale(2, 1);margin-right:1.1em}
.d-inline-block{display:inline-block}
.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.d-inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
@media screen and (min-width: 641px){.bp-min-640{display:none}
}
@media screen and (max-width: 640px){.bp-max-640{display:none}
}
@media screen and (min-width: 961px){.bp-min-960{display:none}
}
@media screen and (max-width: 960px){.bp-max-960{display:none}
}
@media screen and (min-width: 1061px){.bp-min-1060{display:none}
}
@media screen and (max-width: 1060px){.bp-max-1060{display:none}
}
@media screen and (min-width: 1201px){.bp-min-1200{display:none}
}
@media screen and (max-width: 1200px){.bp-max-1200{display:none}
}
@media screen and (min-width: 1281px){.bp-min-1280{display:none}
}
@media screen and (max-width: 1280px){.bp-max-1280{display:none}
}
@media screen and (min-width: 1741px){.bp-min-1740{display:none}
}
@media screen and (max-width: 1740px){.bp-max-1740{display:none}
}
.ps-0{padding-left:0rem}
.ps-1{padding-left:.25rem}
.ps-2{padding-left:.5rem}
.ps-3{padding-left:1rem}
.ps-4{padding-left:1.5rem}
.ps-5{padding-left:3rem}
.pt-0{padding-top:0rem}
.pt-1{padding-top:.25rem}
.pt-2{padding-top:.5rem}
.pt-3{padding-top:1rem}
.pt-4{padding-top:1.5rem}
.pt-5{padding-top:3rem}
.pe-0{padding-right:0rem}
.pe-1{padding-right:.25rem}
.pe-2{padding-right:.5rem}
.pe-3{padding-right:1rem}
.pe-4{padding-right:1.5rem}
.pe-5{padding-right:3rem}
.pb-0{padding-bottom:0rem}
.pb-1{padding-bottom:.25rem}
.pb-2{padding-bottom:.5rem}
.pb-3{padding-bottom:1rem}
.pb-4{padding-bottom:1.5rem}
.pb-5{padding-bottom:3rem}
.ms-0{margin-left:0rem}
.ms-1{margin-left:.25rem}
.ms-2{margin-left:.5rem}
.ms-3{margin-left:1rem}
.ms-4{margin-left:1.5rem}
.ms-5{margin-left:3rem}
.mt-0{margin-top:0rem}
.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:1rem}
.mt-4{margin-top:1.5rem}
.mt-5{margin-top:3rem}
.me-0{margin-right:0rem}
.me-1{margin-right:.25rem}
.me-2{margin-right:.5rem}
.me-3{margin-right:1rem}
.me-4{margin-right:1.5rem}
.me-5{margin-right:3rem}
.mb-0{margin-bottom:0rem}
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:1rem}
.mb-4{margin-bottom:1.5rem}
.mb-5{margin-bottom:3rem}
.text-start{text-align:left}
.text-center{text-align:center}
.text-end{text-align:right}
.lazy{content-visibility:auto}
[data-barba=container],#content,#sub_content{-webkit-transition:opacity .5s;transition:opacity .5s;opacity:0}
[data-barba=container].loaded,#content.loaded,#sub_content.loaded{opacity:1}
.bg{width:100%;height:100%;background:url(../img/bg.webp) center center/cover no-repeat;position:fixed;left:0;top:0;z-index:-1;content-visibility:auto}
@media screen and (max-width: 960px){.bg{background-image:url(../img/bg_sp.webp)}
}
.deco{position:absolute}
@media screen and (max-width: 960px){.deco{display:none}
}
.deco[data-trigger]{-webkit-transition:opacity 1s;transition:opacity 1s;opacity:0}
.deco[data-trigger].visible{opacity:1}
.deco-wrapper{width:80vw;max-width:1060px;height:100%;position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);pointer-events:none}
.deco-01{width:26.688vw;max-width:354.45px;left:100%;top:0%;-webkit-transform:translate(0%, 0%) scale(-1, 1);transform:translate(0%, 0%) scale(-1, 1)}
.deco-02{width:25.536vw;max-width:339.15px;left:0%;top:100%;-webkit-transform:translate(-100%, -100%) scale(1, 1);transform:translate(-100%, -100%) scale(1, 1)}
.deco-03{width:19.536vw;max-width:259.4625px;left:100%;top:400px;-webkit-transform:translate(-25%, -100%) scale(-1, 1);transform:translate(-25%, -100%) scale(-1, 1)}
.deco-04{width:22.656vw;max-width:300.9px;left:0%;top:60%;-webkit-transform:translate(-105%, -50%) scale(1, 1);transform:translate(-105%, -50%) scale(1, 1)}
.deco-05{width:21.248vw;max-width:282.2px;left:100%;top:100%;-webkit-transform:translate(5%, -70%) scale(-1, 1);transform:translate(5%, -70%) scale(-1, 1)}
.deco-06{width:18.624vw;max-width:291px;left:96%;top:150px;-webkit-transform:translate(5%, -50%) scale(-1, 1);transform:translate(5%, -50%) scale(-1, 1)}
.deco-07{width:19.072vw;max-width:298px;left:0%;top:calc(100% - 150px);-webkit-transform:translate(-90%, -50%) scale(1, 1);transform:translate(-90%, -50%) scale(1, 1)}
.bullet-point{text-indent:-1em;padding-left:1em;text-align:left}
.bullet-point:is(small){display:inline-block}
.flow li{text-indent:-2em;padding-left:2em}
.brackets{text-indent:-1em;padding-left:1em}
.media{width:100%;max-width:640px;border:solid 3px #f8e0c6;border-width:clamp(1px,.45vw,3px);-webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,.5);box-shadow:0px 0px 7px 0px rgba(0,0,0,.5);position:relative;z-index:1}
.media-list{width:80vw;max-width:1060px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;position:relative;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){.media-list{width:100%}
}
.media-list[data-trigger].visible>li{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.media-list[data-trigger].visible .media-text{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-filter:blur(0px);filter:blur(0px)}
.media-list[data-trigger]>li{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s;opacity:0;-webkit-transform:translate(2em, 0);transform:translate(2em, 0)}
.media-list[data-trigger] .media-text{-webkit-transition:opacity 1s,-webkit-transform 1s,-webkit-filter 1s;transition:opacity 1s,-webkit-transform 1s,-webkit-filter 1s;transition:opacity 1s,transform 1s,filter 1s;transition:opacity 1s,transform 1s,filter 1s,-webkit-transform 1s,-webkit-filter 1s;opacity:0;-webkit-transform:translate(0, -2em);transform:translate(0, -2em);-webkit-filter:blur(10px);filter:blur(10px)}
.media-list[data-trigger]>li:nth-child(1){-webkit-transition-delay:.125s;transition-delay:.125s}
.media-list[data-trigger]>li:nth-child(1) .media-text{-webkit-transition-delay:.625s;transition-delay:.625s}
.media-list[data-trigger]>li:nth-child(2){-webkit-transition-delay:.25s;transition-delay:.25s}
.media-list[data-trigger]>li:nth-child(2) .media-text{-webkit-transition-delay:.75s;transition-delay:.75s}
.media-list[data-trigger]>li:nth-child(3){-webkit-transition-delay:.375s;transition-delay:.375s}
.media-list[data-trigger]>li:nth-child(3) .media-text{-webkit-transition-delay:.875s;transition-delay:.875s}
.media-list[data-trigger]>li:nth-child(4){-webkit-transition-delay:.5s;transition-delay:.5s}
.media-list[data-trigger]>li:nth-child(4) .media-text{-webkit-transition-delay:1s;transition-delay:1s}
.media-list[data-trigger]>li:nth-child(5){-webkit-transition-delay:.625s;transition-delay:.625s}
.media-list[data-trigger]>li:nth-child(5) .media-text{-webkit-transition-delay:1.125s;transition-delay:1.125s}
.media-list[data-trigger]>li:nth-child(6){-webkit-transition-delay:.75s;transition-delay:.75s}
.media-list[data-trigger]>li:nth-child(6) .media-text{-webkit-transition-delay:1.25s;transition-delay:1.25s}
.media-list[data-trigger]>li:nth-child(7){-webkit-transition-delay:.875s;transition-delay:.875s}
.media-list[data-trigger]>li:nth-child(7) .media-text{-webkit-transition-delay:1.375s;transition-delay:1.375s}
.media-list[data-trigger]>li:nth-child(8){-webkit-transition-delay:1s;transition-delay:1s}
.media-list[data-trigger]>li:nth-child(8) .media-text{-webkit-transition-delay:1.5s;transition-delay:1.5s}
.media-list[data-trigger]>li:nth-child(9){-webkit-transition-delay:1.125s;transition-delay:1.125s}
.media-list[data-trigger]>li:nth-child(9) .media-text{-webkit-transition-delay:1.625s;transition-delay:1.625s}
.media-list[data-trigger]>li:nth-child(10){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.media-list[data-trigger]>li:nth-child(10) .media-text{-webkit-transition-delay:1.75s;transition-delay:1.75s}
.media-list[data-trigger]>li:nth-child(11){-webkit-transition-delay:1.375s;transition-delay:1.375s}
.media-list[data-trigger]>li:nth-child(11) .media-text{-webkit-transition-delay:1.875s;transition-delay:1.875s}
.media-list[data-trigger]>li:nth-child(12){-webkit-transition-delay:1.5s;transition-delay:1.5s}
.media-list[data-trigger]>li:nth-child(12) .media-text{-webkit-transition-delay:2s;transition-delay:2s}
.media-list[data-trigger]>li:nth-child(13){-webkit-transition-delay:1.625s;transition-delay:1.625s}
.media-list[data-trigger]>li:nth-child(13) .media-text{-webkit-transition-delay:2.125s;transition-delay:2.125s}
.media-list[data-trigger]>li:nth-child(14){-webkit-transition-delay:1.75s;transition-delay:1.75s}
.media-list[data-trigger]>li:nth-child(14) .media-text{-webkit-transition-delay:2.25s;transition-delay:2.25s}
.media-list[data-trigger]>li:nth-child(15){-webkit-transition-delay:1.875s;transition-delay:1.875s}
.media-list[data-trigger]>li:nth-child(15) .media-text{-webkit-transition-delay:2.375s;transition-delay:2.375s}
.media-list[data-trigger]>li:nth-child(16){-webkit-transition-delay:2s;transition-delay:2s}
.media-list[data-trigger]>li:nth-child(16) .media-text{-webkit-transition-delay:2.5s;transition-delay:2.5s}
.media-list>li{max-width:47%;text-align:center;position:relative;margin:1.5%}
.media-list>li.new a:before{content:"";width:7vw;max-width:60px;height:7.6176470588vw;max-height:65.2941176471px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(5%, 0%);transform:translate(5%, 0%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear;z-index:2}
.media-list>li:only-child{max-width:initial}
@media screen and (max-width: 960px){.media-list>li:only-child{max-width:90%}
}
.media-list>li:only-child .media{border-width:4px;border-width:clamp(1px,.6vw,4px)}
.media-list>li:only-child .media-caption img{height:8vw}
.media-list>li:only-child.new a:before{content:"";width:7vw;max-width:70px;height:7.6176470588vw;max-height:76.1764705882px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(7%, -1%);transform:translate(7%, -1%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear;z-index:2}
.media-list>li:only-child a,.media-list>li:only-child video{margin-left:auto;margin-right:auto}
.media-list>li a,.media-list>li video{position:relative}
.media-caption{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:.5em}
.media-caption img{height:4.2vw;max-height:45.75px;min-height:24.4px;position:relative;z-index:1}
.media-text{font-size:.8em;line-height:1.2;display:inline-block;text-align:left;padding-left:.25em;padding-right:.25em;margin-top:.25em}
.popup-image,.popup-movie,.popup-inline-movie{display:block}
.popup-image:hover img,.popup-movie:hover img,.popup-inline-movie:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.popup-image img,.popup-movie img,.popup-inline-movie img{-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
.popup-movie::after{content:"";width:100%;height:100%;background:url(../img/play.png) center center/auto 33% no-repeat;position:absolute;left:0;top:0;z-index:1;pointer-events:none}
.page_caption{text-align:center}
.page_caption[data-trigger]{-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;opacity:0;-webkit-transform:translate(2.5%, 0) rotate(-5deg);transform:translate(2.5%, 0) rotate(-5deg)}
.page_caption[data-trigger].visible{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.page_caption img{width:50vw;max-width:318.75px}
.main_caption.new span{display:inline-block;position:relative}
.main_caption.new span::before{content:"";width:5vw;max-width:50px;height:5.4411764706vw;max-height:54.4117647059px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;left:85%;top:0;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
@media screen and (max-width: 960px){.main_caption.new span::before{content:"";width:5.5vw;max-width:35px;height:5.9852941176vw;max-height:38.0882352941px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;left:85%;top:0;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
}
.main_caption img{width:60vw;max-width:579.75px}
.main_caption[data-trigger]{-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;opacity:0;-webkit-transform:translate(2.5%, 0) rotate(-2deg);transform:translate(2.5%, 0) rotate(-2deg)}
.main_caption[data-trigger].visible{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.caption{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.caption.new>span{display:inline-block;position:relative}
.caption.new>span::before{content:"";width:5vw;min-width:10px;max-width:35px;height:5.4411764706vw;min-height:10.8823529412px;max-height:38.0882352941px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
.caption img{height:8vw;min-height:22.8px;max-height:57px}
.sub_caption{padding-bottom:initial;position:relative;z-index:10}
.sub_caption img{height:4.5vw;max-height:24.75px;min-height:12.375px;position:relative;z-index:1}
.simple-caption{text-align:center}
.simple-caption span{text-shadow:-1px -1px 0 #fff,-1px 0px 0 #fff,-1px 1px 0 #fff,0px -1px 0 #fff,0px 0px 0 #fff,0px 1px 0 #fff,1px -1px 0 #fff,1px 0px 0 #fff,1px 1px 0 #fff;padding:0 .5em .1em;position:relative;z-index:1}
.simple-caption span::before{content:"";width:100%;height:.3em;position:absolute;left:0;bottom:.1em;z-index:-1}
.frame{display:inline-block;border:solid 4px #2a1909;border-width:clamp(1px,.5vw,4px);border-radius:24px;border-radius:clamp(6px,3vw,24px);margin-left:auto;margin-right:auto}
.frame-inner{min-width:55vw;max-width:80vw;color:#fff;background-color:rgba(42,25,9,.8);border:solid 4px #bdab91;border-width:clamp(1px,.5vw,4px);border-radius:20px;border-radius:clamp(5px,2.5vw,20px);-webkit-box-shadow:0px 0px 60px 60px #2a1909 inset;box-shadow:0px 0px 60px 60px #2a1909 inset;padding:1em;display:inline-block;position:relative}
@media screen and (max-width: 960px){.frame-inner{max-width:initial}
}
.frame-inner em{color:#ff848d}
.text{max-width:1060px;display:inline-block;text-align:left;margin-left:auto;margin-right:auto}
.text:last-child{margin-bottom:0}
.text[data-trigger]{-webkit-transition:opacity 1.5s,-webkit-filter 1.5s;transition:opacity 1.5s,-webkit-filter 1.5s;transition:opacity 1.5s,filter 1.5s;transition:opacity 1.5s,filter 1.5s,-webkit-filter 1.5s;opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}
.text[data-trigger].visible{opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}
.button-list{width:100%;max-width:80vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){.button-list{max-width:94%}
}
.button-list>li{margin:1%}
.button-list img{width:100%}
.common-button:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.common-button img{max-width:60vw;-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
.order-button.fixed-bottom{position:fixed;left:50%;bottom:10px;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:800;-webkit-transition:opacity .25s,visibility .25s;transition:opacity .25s,visibility .25s;opacity:0;visibility:hidden}
.order-button.fixed-bottom.show{opacity:1;visibility:visible}
.order-button.fixed-bottom img{width:60vw;max-width:282.75px;min-width:150.8px;height:17.0291777188vw;max-height:80.25px;min-height:42.8px}
.pagetop-button{width:12vw;min-width:calc(176px*.4);max-width:calc(176px*.75);position:absolute;right:10px;bottom:50px;z-index:800;-webkit-transition:opacity .5s,visibility .5s,-webkit-transform .5s;transition:opacity .5s,visibility .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s,visibility .5s;transition:opacity .5s,transform .5s,visibility .5s,-webkit-transform .5s;opacity:0;visibility:hidden}
.pagetop-button.show{opacity:1;visibility:visible}
.pagetop-button:hover .pagetop-character{background-position:100% 0%}
.pagetop-scaling{width:100%;height:0;padding-top:147.1590909091%}
.pagetop-character{width:90.3409090909%;height:52.5096525097%;position:absolute;left:0%;top:52.5096525097%;background:url(../img/btn_pagetop_character.png) left top/200% auto no-repeat;background-position:0% 0%;z-index:1}
.pagetop-balloon{width:71.0227272727%;height:56.3706563707%;position:absolute;left:28.9772727273%;top:0%;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transition:-webkit-filter .25s,-webkit-transform .25s;transition:-webkit-filter .25s,-webkit-transform .25s;transition:filter .25s,transform .25s;transition:filter .25s,transform .25s,-webkit-filter .25s,-webkit-transform .25s}
.guideline-button{font-family:"Noto Sans JP",sans-serif;font-size:clamp(13px,1.8vw,18px);font-weight:normal;color:#fff !important;background-color:#000;border:solid 2px #fff;white-space:nowrap;display:inline-block;padding:.5em 2em;-webkit-transition:opacity .25s;transition:opacity .25s}
.guideline-button:hover{opacity:.8}
.guideline:hover img{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.guideline img{width:60vw;max-width:378.75px;-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
.sns-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.sns-list>li{margin:10px}
.sns-list>li a:hover img{opacity:.5}
.sns-list>li img{width:40px;-webkit-transition:opacity .25s;transition:opacity .25s}
.global_header{width:100%;height:100%;position:fixed;z-index:900;pointer-events:none}
@media screen and (max-width: 960px){.global_header{-webkit-transition:visibility .25s,opacity .25s;transition:visibility .25s,opacity .25s;visibility:hidden;opacity:0}
.global_header.show{visibility:visible;opacity:1;pointer-events:initial}
.global_header.show .global_header-wrapper{pointer-events:initial}
}
.global_header.loaded{opacity:1}
@media screen and (max-width: 960px){.global_header-filter{width:100%;height:100%;background-color:rgba(0,0,0,.85);backdrop-filter:blur(2px);position:fixed;left:0;top:0;-webkit-transition:visibility .25s,opacity .25s;transition:visibility .25s,opacity .25s;visibility:hidden;opacity:0}
.show .global_header-filter{visibility:visible;opacity:1;pointer-events:initial}
}
.global_header-wrapper{height:5vw;max-height:98px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;z-index:10;pointer-events:initial;-webkit-transition:-webkit-transform .75s;transition:-webkit-transform .75s;transition:transform .75s;transition:transform .75s, -webkit-transform .75s;-webkit-transform:translate(0, -130%);transform:translate(0, -130%)}
@media screen and (max-width: 960px){.global_header-wrapper{width:100%;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:initial;transition:initial}
}
.loaded .global_header-wrapper{-webkit-transform:translate(0, 0);transform:translate(0, 0)}
@media screen and (max-width: 960px){.loaded .global_header-wrapper{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
}
.global_header-wrapper{scrollbar-width:none;-ms-overflow-style:none}
.global_header-wrapper::-webkit-scrollbar{display:none}
@media screen and (max-width: 960px){.global_header-wrapper{height:auto;max-height:100vh;background:initial;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;overflow:auto;pointer-events:none}
}
.global_header-wrapper::before{content:"";width:100%;height:100%;background:url(../img/navi/nav_bg.webp) center center/100% 100%;position:absolute;left:0;top:0}
@media screen and (max-width: 960px){.global_header-wrapper::before{display:none}
}
.global_header-logo,.global_header-order{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:1}
@media screen and (max-width: 960px){.global_header-logo,.global_header-order{height:auto}
}
.global_header-logo a,.global_header-logo img,.global_header-order a,.global_header-order img{height:100%}
@media screen and (max-width: 960px){.global_header-logo a,.global_header-logo img,.global_header-order a,.global_header-order img{height:auto}
}
.global_header-logo{height:72%;max-height:66px;margin:clamp(.1em,.3vw,.2em)}
@media screen and (max-width: 960px){.global_header-logo{height:initial;max-height:initial}
}
.global_header-logo img{max-height:82px}
@media screen and (max-width: 960px){.global_header-logo img{width:70vw;max-width:306.6px;max-height:initial}
}
.global_header-navi{height:80%;margin-left:-20%}
@media screen and (max-width: 960px){.global_header-navi{width:100%;margin-left:initial}
}
.global_header-bgm{height:80%;position:absolute;left:85%;top:40%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
@media screen and (max-width: 960px){.global_header-bgm{position:relative;left:initial;top:initial;-webkit-transform:initial;transform:initial;margin-top:1em;margin-bottom:2em}
}
.global_header-bgm.new::before{content:"";width:2vw;max-width:30px;height:2.1764705882vw;max-height:32.6470588235px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;left:85%;top:0;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
@media screen and (max-width: 960px){.global_header-bgm.new::before{content:"";width:5vw;max-width:25px;height:5.4411764706vw;max-height:27.2058823529px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;left:85%;top:0;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
}
.global_header-order{height:80%;margin-left:-10%}
@media screen and (max-width: 960px){.global_header-order{margin-left:initial}
}
[data-current_page=product] .global_header-order .order-button{opacity:.6;pointer-events:none}
.global_header-order .order-button:hover img{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.global_header-order .order-button img{-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
@media screen and (max-width: 960px){.global_header-order .order-button img{width:60vw;max-width:252.75px}
}
.global_header-sns{display:none}
@media screen and (max-width: 960px){.global_header-sns{display:block;margin:1em}
}
.global_nav{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
@media screen and (max-width: 960px){.global_nav{background:url(../img/top/topics_frame_left_shadow.png) left top 55%/auto 92% no-repeat,url(../img/top/topics_frame_right_shadow.png) right top 55%/auto 92% no-repeat,url(../img/top/topics_frame_loop.webp) center center/auto 100% repeat-x;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:4em}
}
.global_nav>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;margin-left:-1.5%;margin-right:-1.5%}
.global_nav>li.new::before{content:"";width:2.5vw;max-width:35px;height:2.7205882353vw;max-height:38.0882352941px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;left:85%;top:0;-webkit-transform:translate(-50%, -10%);transform:translate(-50%, -10%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
@media screen and (max-width: 960px){.global_nav>li.new::before{content:"";width:5.5vw;max-width:35px;height:5.9852941176vw;max-height:38.0882352941px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;left:85%;top:0;-webkit-transform:translate(-50%, 20%);transform:translate(-50%, 20%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
}
.global_nav>li.selected a{pointer-events:none}
.global_nav>li.selected a::after{opacity:1}
.global_nav>li.selected a+div{opacity:0}
.global_nav>li a{position:relative;-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
.global_nav>li a:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.global_nav>li a::after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;pointer-events:none;-webkit-transition:width,.25s,opacity .25s;transition:width,.25s,opacity .25s;opacity:0;width:0}
.global_nav>li a[data-page=story]{width:13.2vw;max-width:222px;height:3.8072289157vw;max-height:79px;background:url(../img/navi/nav_story.webp) left top/auto 200% no-repeat}
@media screen and (max-width: 960px){.global_nav>li a[data-page=story]{width:60.7228915663vw;height:14.2771084337vw}
}
.global_nav>li a[data-page=story]::after{background:url(../img/navi/nav_story.webp) left top/auto 200% no-repeat;background-position:0 100%}
.global_nav>li.selected a[data-page=story]::after{width:100%}
.global_nav>li a[data-page=story]+div::before{left:18%}
.global_nav>li a[data-page=story]+div::after{left:15%}
.global_nav>li a[data-page=character]{width:16.5301204819vw;max-width:343px;height:3.8072289157vw;max-height:79px;background:url(../img/navi/nav_character.webp) left top/auto 200% no-repeat}
@media screen and (max-width: 960px){.global_nav>li a[data-page=character]{width:61.9879518072vw;height:14.2771084337vw}
}
.global_nav>li a[data-page=character]::after{background:url(../img/navi/nav_character.webp) left top/auto 200% no-repeat;background-position:0 100%}
.global_nav>li.selected a[data-page=character]::after{width:100%}
.global_nav>li a[data-page=character]+div::before{left:18%}
.global_nav>li a[data-page=character]+div::after{left:18%}
.global_nav>li a[data-page=system]{width:12.6746987952vw;max-width:263px;height:4vw;max-height:83px;background:url(../img/navi/nav_system.webp) left top/auto 200% no-repeat}
@media screen and (max-width: 960px){.global_nav>li a[data-page=system]{width:47.5301204819vw;height:15vw}
}
.global_nav>li a[data-page=system]::after{background:url(../img/navi/nav_system.webp) left top/auto 200% no-repeat;background-position:0 100%}
.global_nav>li.selected a[data-page=system]::after{width:100%}
.global_nav>li a[data-page=system]+div::before{left:22%}
.global_nav>li a[data-page=system]+div::after{left:8%}
.global_nav>li a[data-page=gallery]{width:13.4939759036vw;max-width:280px;height:3.7590361446vw;max-height:78px;background:url(../img/navi/nav_gallery.webp) left top/auto 200% no-repeat}
@media screen and (max-width: 960px){.global_nav>li a[data-page=gallery]{width:50.6024096386vw;height:14.0963855422vw}
}
.global_nav>li a[data-page=gallery]::after{background:url(../img/navi/nav_gallery.webp) left top/auto 200% no-repeat;background-position:0 100%}
.global_nav>li.selected a[data-page=gallery]::after{width:100%}
.global_nav>li a[data-page=gallery]+div::before{left:18%}
.global_nav>li a[data-page=gallery]+div::after{left:11%}
.global_nav>li a[data-page=special]{width:16.5301204819vw;max-width:343px;height:3.8072289157vw;max-height:79px;background:url(../img/navi/nav_special.webp) left top/auto 200% no-repeat}
@media screen and (max-width: 960px){.global_nav>li a[data-page=special]{width:61.9879518072vw;height:14.2771084337vw}
}
.global_nav>li a[data-page=special]::after{background:url(../img/navi/nav_special.webp) left top/auto 200% no-repeat;background-position:0 100%}
.global_nav>li.selected a[data-page=special]::after{width:100%}
.global_nav>li a[data-page=special]+div::before{left:18%}
.global_nav>li a[data-page=special]+div::after{left:18%}
.global_nav>li a[data-page=topics_list]{width:12.2409638554vw;max-width:254px;height:3.7108433735vw;max-height:77px;background:url(../img/navi/nav_topics_list.webp) left top/auto 200% no-repeat}
@media screen and (max-width: 960px){.global_nav>li a[data-page=topics_list]{width:45.9036144578vw;height:13.9156626506vw}
}
.global_nav>li a[data-page=topics_list]::after{background:url(../img/navi/nav_topics_list.webp) left top/auto 200% no-repeat;background-position:0 100%}
.global_nav>li.selected a[data-page=topics_list]::after{width:100%}
.global_nav>li a[data-page=topics_list]+div::before{left:15%}
.global_nav>li a[data-page=topics_list]+div::after{left:7%}
.global_nav>li a:hover+div{width:100%;height:100%;position:absolute;left:0;top:0;pointer-events:none}
.global_nav>li a:hover+div::before{opacity:1}
.global_nav>li a:hover+div::after{-webkit-transition:width .25s;transition:width .25s;width:14vw}
.global_nav>li a+div{width:100%;height:100%;position:absolute;left:0;top:0;pointer-events:none}
@media screen and (max-width: 960px){.global_nav>li a+div{display:none}
}
.global_nav>li a+div::before{content:"";width:3.9444444444vw;max-width:71px;height:2.3333333333vw;max-height:42px;background:url(../img/navi/nav_over_cursor.webp) center center/contain no-repeat;position:absolute;top:50%;-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-animation:anime-nav_cursor 1s infinite ease-in-out;animation:anime-nav_cursor 1s infinite ease-in-out;-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0}
.global_nav>li a+div::after{content:"";width:0;max-width:208px;height:.2777777778vw;max-height:5px;background:url(../img/navi/nav_over_line.webp) left bottom/auto 100% no-repeat;position:absolute;top:84%}
.global_nav>li span{position:fixed !important;top:0px !important;left:0px !important;width:4px !important;height:4px !important;opacity:0 !important;overflow:hidden !important;border:none !important;margin:0 !important;padding:0 !important;display:block !important;visibility:visible !important}
.global_nav-button{width:40px;height:40px;display:none;background-color:rgba(0,0,0,.8);position:fixed;top:10px;right:10px;z-index:990;-webkit-transition:opacity .45s,-webkit-transform .45s;transition:opacity .45s,-webkit-transform .45s;transition:opacity .45s,transform .45s;transition:opacity .45s,transform .45s,-webkit-transform .45s}
@media screen and (max-width: 960px){.global_nav-button{display:block}
}
.global_nav-button .line-up,.global_nav-button .line-middle,.global_nav-button .line-down{width:60%;height:6%;background-color:#fff;position:absolute;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:top .25s,width .25s,-webkit-transform .25s;transition:top .25s,width .25s,-webkit-transform .25s;transition:transform .25s,top .25s,width .25s;transition:transform .25s,top .25s,width .25s,-webkit-transform .25s}
.global_nav-button .line-up{top:30%}
.global_nav-button .line-middle{top:50%}
.global_nav-button .line-down{top:70%}
.global_nav-button.open .line-up{top:50%;-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}
.global_nav-button.open .line-middle{width:0}
.global_nav-button.open .line-down{top:50%;-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}
.bgm-button{width:4.8222222222vw;max-width:62px;height:2.3333333333vw;max-height:30px;background:url(../img/btn_bgm.png) left top/auto 300% no-repeat;background-position:0% 0%;position:relative;top:38%;-webkit-transform:translate(0, -60%);transform:translate(0, -60%);-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
@media screen and (max-width: 960px){.bgm-button{width:13.7777777778vw;height:6.6666666667vw}
}
.bgm-button.vol-1{background-position:0% 50%}
.bgm-button.vol-2{background-position:0% 100%}
.bgm-button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.bgm-credit{height:40%;max-height:25px;position:absolute;top:75%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
@media screen and (max-width: 960px){.bgm-credit{height:initial;max-height:22px}
}
.sound-button{width:10vw;min-width:25.5px;max-width:51px;height:10vw;min-height:25.5px;max-height:51px;background:url(../img/btn_sound.png) left top/auto 100% no-repeat;-webkit-transition:-webkit-filter .25s,-webkit-transform .25s;transition:-webkit-filter .25s,-webkit-transform .25s;transition:filter .25s,transform .25s;transition:filter .25s,transform .25s,-webkit-filter .25s,-webkit-transform .25s}
.sound-button.play{background-position:100% 0px}
.sound-button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
footer{color:#fff;background:url(../img/bg_footer.webp) center center/100% 100% no-repeat;-webkit-filter:drop-shadow(0px 0px 10px #442616);filter:drop-shadow(0px 0px 10px #442616);padding:1em 1em 2em;position:relative;z-index:9;-webkit-transition:opacity .5s;transition:opacity .5s;opacity:0}
@media screen and (max-width: 960px){footer{background-image:url(../img/bg_footer_sp.webp)}
}
footer.show{opacity:1}
footer .black{display:none}
footer .footer-wrapper{max-width:960px;margin:0 auto;position:relative;z-index:1}
footer .sns-list{margin-top:5px;margin-bottom:5px}
footer .sns-list img{-webkit-filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3))}
footer .foot_banner-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:-1% auto}
footer .foot_banner-container{margin:3%}
footer .foot_banner-container img{width:184.5px;-webkit-transition:opacity .25s;transition:opacity .25s}
footer .foot_banner-container img:hover{opacity:.7}
footer .copyright-wrapper{font-size:clamp(10px,1.2vw,12px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:10px}
@media screen and (max-width: 960px){footer .copyright-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
footer .copyright-container{text-align:center;position:relative}
footer .copyright-container:first-child{margin-top:1em}
@media screen and (max-width: 960px){footer .copyright-container:first-child{text-align:left}
}
footer .copyright-container:last-child{text-align:center;margin-top:1em}
footer .logo-ps,footer .logo-ps4,footer .logo-ps5{height:.8em;vertical-align:baseline}
footer .nis_logo{display:inline-block;margin-top:3em;margin-bottom:.5em}
footer .nis_logo img{height:16vw;max-height:80px}
.content_nav{margin:0 auto}
.content_nav:last-child{-webkit-transition:opacity .5s;transition:opacity .5s;opacity:0}
.content_nav:last-child.show{opacity:1}
.content_nav ul{width:100%;max-width:80vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:1em 0;margin:-0.5% auto}
@media screen and (max-width: 960px){.content_nav ul{max-width:94%}
}
.content_nav ul[data-trigger].visible li{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.content_nav ul[data-trigger] li{-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;opacity:0;-webkit-transform:translate(10%, 0) rotate(-2.5deg);transform:translate(10%, 0) rotate(-2.5deg)}
.content_nav ul[data-trigger] li:nth-child(1){-webkit-transition-delay:.125s;transition-delay:.125s}
.content_nav ul[data-trigger] li:nth-child(2){-webkit-transition-delay:.25s;transition-delay:.25s}
.content_nav ul[data-trigger] li:nth-child(3){-webkit-transition-delay:.375s;transition-delay:.375s}
.content_nav ul[data-trigger] li:nth-child(4){-webkit-transition-delay:.5s;transition-delay:.5s}
.content_nav ul[data-trigger] li:nth-child(5){-webkit-transition-delay:.625s;transition-delay:.625s}
.content_nav ul[data-trigger] li:nth-child(6){-webkit-transition-delay:.75s;transition-delay:.75s}
.content_nav ul[data-trigger] li:nth-child(7){-webkit-transition-delay:.875s;transition-delay:.875s}
.content_nav ul[data-trigger] li:nth-child(8){-webkit-transition-delay:1s;transition-delay:1s}
.content_nav ul[data-trigger] li:nth-child(9){-webkit-transition-delay:1.125s;transition-delay:1.125s}
.content_nav ul[data-trigger] li:nth-child(10){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.content_nav li{width:49%;max-width:281.25px;min-width:140.625px;position:relative;margin:.5%}
.content_nav li.new::before{content:"";width:5vw;min-width:10px;max-width:30px;height:5.4411764706vw;min-height:10.8823529412px;max-height:32.6470588235px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
.content_nav a{width:100%;height:0;padding-top:28%;background:left 0%/auto 200% no-repeat;display:block;position:relative}
.content_nav a.disabled{-webkit-filter:brightness(0.35);filter:brightness(0.35);pointer-events:none}
.content_nav a::after{content:"";width:100%;height:100%;background:left 100%/auto 200% no-repeat;position:absolute;left:0;top:0;-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0}
.content_nav a:hover::after{opacity:1}
.content_nav a.selected{pointer-events:none}
.content_nav a.selected::after{opacity:1}
.sub_content_nav{margin:0 auto}
.sub_content_nav:last-child{-webkit-transition:opacity .5s;transition:opacity .5s;opacity:0}
.sub_content_nav:last-child.show{opacity:1}
.sub_content_nav ul{width:100%;max-width:80vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:1em 0;margin:-1% auto}
@media screen and (max-width: 960px){.sub_content_nav ul{max-width:94%}
}
.sub_content_nav ul[data-trigger].visible li{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.sub_content_nav ul[data-trigger] li{-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;opacity:0;-webkit-transform:translate(1em, 0);transform:translate(1em, 0)}
.sub_content_nav ul[data-trigger] li:nth-child(1){-webkit-transition-delay:.35s;transition-delay:.35s}
.sub_content_nav ul[data-trigger] li:nth-child(2){-webkit-transition-delay:.45s;transition-delay:.45s}
.sub_content_nav ul[data-trigger] li:nth-child(3){-webkit-transition-delay:.55s;transition-delay:.55s}
.sub_content_nav ul[data-trigger] li:nth-child(4){-webkit-transition-delay:.65s;transition-delay:.65s}
.sub_content_nav ul[data-trigger] li:nth-child(5){-webkit-transition-delay:.75s;transition-delay:.75s}
.sub_content_nav ul[data-trigger] li:nth-child(6){-webkit-transition-delay:.85s;transition-delay:.85s}
.sub_content_nav ul[data-trigger] li:nth-child(7){-webkit-transition-delay:.95s;transition-delay:.95s}
.sub_content_nav ul[data-trigger] li:nth-child(8){-webkit-transition-delay:1.05s;transition-delay:1.05s}
.sub_content_nav ul[data-trigger] li:nth-child(9){-webkit-transition-delay:1.15s;transition-delay:1.15s}
.sub_content_nav ul[data-trigger] li:nth-child(10){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.sub_content_nav li{position:relative;margin:1%}
.sub_content_nav li.new::before{content:"";width:5vw;min-width:10px;max-width:30px;height:5.4411764706vw;min-height:10.8823529412px;max-height:32.6470588235px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
.sub_content_nav a{background:left 0%/auto 200% no-repeat;display:block;position:relative}
.sub_content_nav a.disabled{-webkit-filter:brightness(0.35);filter:brightness(0.35);pointer-events:none}
.sub_content_nav a::after{content:"";width:100%;height:100%;background:left 100%/auto 200% no-repeat;position:absolute;left:0;top:0;-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0}
.sub_content_nav a:hover::after{opacity:1}
.sub_content_nav a.selected{pointer-events:none}
.sub_content_nav a.selected::after{opacity:1}
#content{position:relative;-webkit-transition:opacity .5s;transition:opacity .5s;opacity:0}
#content.loaded{opacity:1}
#sub_content{position:relative}
#loading{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;left:0;top:0;z-index:1000;-webkit-transition:.25s opacity,.25s visibility;transition:.25s opacity,.25s visibility;opacity:0;visibility:hidden}
#loading.show{opacity:1;visibility:visible;pointer-events:none}
#loading .loading{max-width:60%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
#loading .loading-pen{width:22.3529411765%;max-width:71.25px;position:absolute;left:0;top:80%;z-index:1;-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-animation:anime-loading-pen_01 3.5s infinite linear;animation:anime-loading-pen_01 3.5s infinite linear}
#loading .loading-pen-inner{width:100%;-webkit-animation:anime-loading-pen_02 3.5s infinite ease-in-out;animation:anime-loading-pen_02 3.5s infinite ease-in-out}
#loading .loading-pen img{width:100%;-webkit-animation:anime-loading-pen_03 3.5s infinite ease-in-out;animation:anime-loading-pen_03 3.5s infinite ease-in-out}
#loading .loading-text{width:100%;max-width:318.75px;display:inline-block;overflow:hidden;-webkit-transition:-webkit-transform .75s;transition:-webkit-transform .75s;transition:transform .75s;transition:transform .75s, -webkit-transform .75s;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-animation:anime-loading-text_01 3.5s infinite linear;animation:anime-loading-text_01 3.5s infinite linear}
#loading .loading-text-inner{width:100%;text-align:initial;display:inline-block;-webkit-transition:-webkit-transform .75s;transition:-webkit-transform .75s;transition:transform .75s;transition:transform .75s, -webkit-transform .75s;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:anime-loading-text_02 3.5s infinite linear;animation:anime-loading-text_02 3.5s infinite linear}
#loading .loading-text img{width:100%}
[data-current_page=top] footer{color:#000;background:url(../img/bg_footer_order_guide.webp) center center/100% 100% no-repeat;-webkit-filter:initial;filter:initial}
@media screen and (max-width: 960px){[data-current_page=top] footer{background-image:url(../img/bg_footer_order_guide_sp.webp)}
}
[data-current_page=top] footer .black{display:inline}
[data-current_page=top] footer .white{display:none}
[data-barba-namespace=top] main{padding-top:0;margin-top:0}
[data-barba-namespace=top] .bg{width:100%;height:100%;background:url(../img/top/bg.webp) center center/cover no-repeat;position:fixed;left:0;top:0;z-index:-2;content-visibility:auto}
@media screen and (max-width: 960px){[data-barba-namespace=top] .bg{background-image:url(../img/top/bg_sp.webp)}
}
[data-barba-namespace=top] .main_caption{position:relative;z-index:1}
[data-barba-namespace=top] #first_view{width:100%;min-height:46.09375vw;min-height:calc(46.09375vw + clamp(0px,4.0816326531vw,80px));padding:0;position:relative;overflow:hidden}
@media screen and (max-width: 960px){[data-barba-namespace=top] #first_view{height:100vh}
}
@media screen and (max-width: 960px)and (orientation: landscape){[data-barba-namespace=top] #first_view{min-height:46.09375vw}
}
[data-barba-namespace=top] #first_view video{width:100vw;max-width:initial;height:56.25vw;display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-transition:opacity 2s,visibility 2s;transition:opacity 2s,visibility 2s}
@media(max-aspect-ratio: 16/9){[data-barba-namespace=top] #first_view video{width:177.7777777778vh;height:100vh}
}
[data-barba-namespace=top].loaded #first_view:not([data-phase=movie]) video{opacity:0;visibility:hidden}
[data-barba-namespace=top] #first_view img{width:100%}
[data-barba-namespace=top] #first_view .main_visual{width:100%;height:100%;height:calc(100% - clamp(0px,4.0816326531vw,80px));position:absolute;left:0;top:0;top:clamp(0px,4.0816326531vw,80px);z-index:-1;visibility:hidden}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .main_visual{visibility:visible}
@media screen and (max-width: 960px){[data-barba-namespace=top] #first_view .main_visual{height:100%;background:url(../img/top/main_visual_sp.webp) center center/cover no-repeat;top:0}
}
@media screen and (max-width: 960px){[data-barba-namespace=top] #first_view .main_visual-01,[data-barba-namespace=top] #first_view .main_visual-02{background:initial;display:none}
}
[data-barba-namespace=top] #first_view .main_visual-01{width:100%;height:100%;background:url(../img/top/main_visual_01.webp) center top/cover no-repeat;position:absolute;left:0;top:0}
[data-barba-namespace=top] #first_view .main_visual-02{width:72.65625%;height:125.8757062147%;background:url(../img/top/main_visual_02.webp) left top/cover no-repeat;position:absolute;left:48%;top:-10%;-webkit-transition:opacity .5s;transition:opacity .5s;-webkit-transition-delay:2s;transition-delay:2s;opacity:0}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .main_visual-02{opacity:1;-webkit-animation:anime-main_visual 10s cubic-bezier(0.25, 1, 0.3, 1) both;animation:anime-main_visual 10s cubic-bezier(0.25, 1, 0.3, 1) both;-webkit-animation-delay:2s;animation-delay:2s}
[data-barba-namespace=top] #first_view .platform{position:absolute;left:10px;top:100px;top:clamp(10px,4.5vw + 10px,100px);-webkit-transition:opacity 1s;transition:opacity 1s;-webkit-transition-delay:2.5s;transition-delay:2.5s;opacity:0}
[data-barba-namespace=top].loaded #first_view .platform{opacity:1}
@media screen and (max-width: 960px){[data-barba-namespace=top] #first_view .platform{top:10px}
}
[data-barba-namespace=top] #first_view .platform img{width:32vw;min-width:173.6px;max-width:434px}
[data-barba-namespace=top] #first_view .summary{width:25%;min-width:204.4px;max-width:511px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:17%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
@media screen and (max-width: 960px){[data-barba-namespace=top] #first_view .summary{width:40%;left:22%;top:50%}
}
@media screen and (max-width: 500px){[data-barba-namespace=top] #first_view .summary{left:50%;top:77%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
}
[data-barba-namespace=top] #first_view .summary .logo{max-width:100%;-webkit-transition:opacity 1.5s,-webkit-filter 1.5s;transition:opacity 1.5s,-webkit-filter 1.5s;transition:opacity 1.5s,filter 1.5s;transition:opacity 1.5s,filter 1.5s,-webkit-filter 1.5s;-webkit-transition-delay:.5s;transition-delay:.5s;opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}
@media screen and (max-width: 500px){[data-barba-namespace=top] #first_view .summary .logo{position:absolute;left:-90%}
}
[data-barba-namespace=top].loaded #first_view .summary .logo{opacity:1;-webkit-filter:blur(0);filter:blur(0)}
[data-barba-namespace=top] #first_view .summary .release{max-width:74.168297456%;margin-top:10%;-webkit-transition:opacity 1.5s,-webkit-transform 1.5s;transition:opacity 1.5s,-webkit-transform 1.5s;transition:opacity 1.5s,transform 1.5s;transition:opacity 1.5s,transform 1.5s,-webkit-transform 1.5s;-webkit-transition-delay:1.5s;transition-delay:1.5s;opacity:0;-webkit-transform:translate(0, -25%);transform:translate(0, -25%)}
[data-barba-namespace=top].loaded #first_view .summary .release{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
[data-barba-namespace=top] #first_view .summary .order-button{width:59.0215264188%;min-width:94.25px;max-width:377px;margin-top:6%;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;-webkit-transition-delay:3s;transition-delay:3s;opacity:0}
[data-barba-namespace=top].loaded #first_view .summary .order-button{opacity:1}
[data-barba-namespace=top] #first_view .summary .limited_benefits-button,[data-barba-namespace=top] #first_view .summary .trial-button{max-width:100.1956947162%;min-width:204.8px;z-index:1;margin-top:-6%;-webkit-transition:opacity .5s;transition:opacity .5s;-webkit-transition-delay:3.125s;transition-delay:3.125s;opacity:0}
[data-barba-namespace=top] #first_view .summary .limited_benefits-button:hover img,[data-barba-namespace=top] #first_view .summary .trial-button:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
[data-barba-namespace=top].loaded #first_view .summary .limited_benefits-button,[data-barba-namespace=top].loaded #first_view .summary .trial-button{opacity:1}
[data-barba-namespace=top] #first_view .summary .limited_benefits-button img,[data-barba-namespace=top] #first_view .summary .trial-button img{-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
[data-barba-namespace=top] #first_view .catch_copy{width:48vw;max-width:827px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;left:68%;top:20%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
@media screen and (max-width: 960px){[data-barba-namespace=top] #first_view .catch_copy{width:50vw;left:70%;top:42%}
}
@media screen and (max-width: 500px){[data-barba-namespace=top] #first_view .catch_copy{width:80vw;left:50%;top:44%}
}
[data-barba-namespace=top] #first_view .catch_copy>li{background:url(../img/top/catch_copy.png?v2) left top/auto 100% no-repeat;-webkit-filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb);filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb)}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(1){width:6.0723514212%;height:0;padding-top:7.3643410853%;background-position-x:0%;-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;-webkit-transition-delay:3.6s;transition-delay:3.6s;opacity:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .catch_copy>li:nth-child(1){opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb);filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb)}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(2){width:7.6227390181%;height:0;padding-top:7.3643410853%;background-position-x:6.5734265734%;-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;-webkit-transition-delay:3.7s;transition-delay:3.7s;opacity:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .catch_copy>li:nth-child(2){opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb);filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb)}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(3){width:7.3643410853%;height:0;padding-top:7.3643410853%;background-position-x:14.7838214784%;-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;-webkit-transition-delay:3.8s;transition-delay:3.8s;opacity:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .catch_copy>li:nth-child(3){opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb);filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb)}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(4){width:6.2015503876%;height:0;padding-top:7.3643410853%;background-position-x:22.4517906336%;-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;-webkit-transition-delay:3.9s;transition-delay:3.9s;opacity:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .catch_copy>li:nth-child(4){opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb);filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb)}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(5){width:5.8139534884%;height:0;padding-top:7.3643410853%;background-position-x:28.9437585734%;-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;-webkit-transition-delay:4s;transition-delay:4s;opacity:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .catch_copy>li:nth-child(5){opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb);filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb)}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(6){width:8.6563307494%;height:0;padding-top:7.3643410853%;background-position-x:36.2093352192%;-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;-webkit-transition-delay:4.1s;transition-delay:4.1s;opacity:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .catch_copy>li:nth-child(6){opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb);filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb)}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(7){width:6.330749354%;height:0;padding-top:7.3643410853%;background-position-x:44.5517241379%;-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;-webkit-transition-delay:4.2s;transition-delay:4.2s;opacity:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .catch_copy>li:nth-child(7){opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb);filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb)}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(8){width:5.2971576227%;height:0;padding-top:7.3643410853%;background-position-x:50.7503410641%;-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;-webkit-transition-delay:4.3s;transition-delay:4.3s;opacity:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .catch_copy>li:nth-child(8){opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb);filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb)}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(9){width:6.7183462532%;height:0;padding-top:7.3643410853%;background-position-x:57.2022160665%;-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;-webkit-transition-delay:4.4s;transition-delay:4.4s;opacity:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .catch_copy>li:nth-child(9){opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb);filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb)}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(10){width:3.7467700258%;height:0;padding-top:7.3643410853%;background-position-x:62.4161073826%;-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;-webkit-transition-delay:4.5s;transition-delay:4.5s;opacity:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .catch_copy>li:nth-child(10){opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb);filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb)}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(11){width:6.5891472868%;height:0;padding-top:7.3643410853%;background-position-x:68.326417704%;-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;-webkit-transition-delay:4.6s;transition-delay:4.6s;opacity:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .catch_copy>li:nth-child(11){opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb);filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb)}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(12){width:6.2015503876%;height:0;padding-top:7.3643410853%;background-position-x:75.0688705234%;-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;-webkit-transition-delay:4.7s;transition-delay:4.7s;opacity:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .catch_copy>li:nth-child(12){opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb);filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb)}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(13){width:5.8139534884%;height:0;padding-top:7.3643410853%;background-position-x:81.3443072702%;-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;-webkit-transition-delay:4.8s;transition-delay:4.8s;opacity:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .catch_copy>li:nth-child(13){opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb);filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb)}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(14){width:17.5710594315%;height:0;padding-top:7.3643410853%;background-position-x:100%;-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;-webkit-transition-delay:4.9s;transition-delay:4.9s;opacity:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .catch_copy>li:nth-child(14){opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb);filter:drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb)}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(11){-webkit-transition-delay:5.1s;transition-delay:5.1s}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(12){-webkit-transition-delay:5.2s;transition-delay:5.2s}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(13){-webkit-transition-delay:5.3s;transition-delay:5.3s}
[data-barba-namespace=top] #first_view .catch_copy>li:nth-child(14){-webkit-transition:opacity 1s,-webkit-transform 1s,-webkit-filter 1s;transition:opacity 1s,-webkit-transform 1s,-webkit-filter 1s;transition:opacity 1s,transform 1s,filter 1s;transition:opacity 1s,transform 1s,filter 1s,-webkit-transform 1s,-webkit-filter 1s;-webkit-transition-delay:6.4s;transition-delay:6.4s;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-filter:blur(20px) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb);filter:blur(20px) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb) drop-shadow(0px 0px 3px #e5dbcb)}
[data-barba-namespace=top] #first_view .bottom{width:100%;position:absolute;left:60%;bottom:0%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:2}
@media screen and (max-width: 640px){[data-barba-namespace=top] #first_view .bottom{left:42%;bottom:.5%}
}
[data-barba-namespace=top] #first_view .x-button{position:absolute;right:10px;bottom:10px;z-index:2;-webkit-transition:opacity .5s,visibility .5s;transition:opacity .5s,visibility .5s;-webkit-transition-delay:3.5s;transition-delay:3.5s;opacity:0;visibility:hidden}
[data-barba-namespace=top] #first_view .x-button:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
[data-barba-namespace=top].loaded #first_view .x-button{opacity:1;visibility:visible}
[data-barba-namespace=top] #first_view .x-button img{width:7vw;min-width:65.6px;max-width:123px;-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
[data-barba-namespace=top] #first_view .banner-list{width:80vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){[data-barba-namespace=top] #first_view .banner-list{width:94%}
}
[data-barba-namespace=top] #first_view .banner-list>li{margin:0%;-webkit-transition:opacity .5s,visibility .5s,-webkit-transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:opacity .5s,visibility .5s,-webkit-transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:opacity .5s,visibility .5s,transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:opacity .5s,visibility .5s,transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275),-webkit-transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275)}
[data-barba-namespace=top] #first_view .banner-list>li:nth-child(1){-webkit-transition-delay:3.6s;transition-delay:3.6s}
[data-barba-namespace=top] #first_view .banner-list>li:nth-child(2){-webkit-transition-delay:3.7s;transition-delay:3.7s}
[data-barba-namespace=top] #first_view .banner-list>li:nth-child(3){-webkit-transition-delay:3.8s;transition-delay:3.8s}
[data-barba-namespace=top] #first_view .banner-list>li:nth-child(4){-webkit-transition-delay:3.9s;transition-delay:3.9s}
[data-barba-namespace=top] #first_view .banner-list>li:nth-child(5){-webkit-transition-delay:4s;transition-delay:4s}
[data-barba-namespace=top] #first_view .banner-list>li:nth-child(6){-webkit-transition-delay:4.1s;transition-delay:4.1s}
[data-barba-namespace=top] #first_view .banner-list>li:nth-child(7){-webkit-transition-delay:4.2s;transition-delay:4.2s}
[data-barba-namespace=top] #first_view .banner-list>li:nth-child(8){-webkit-transition-delay:4.3s;transition-delay:4.3s}
[data-barba-namespace=top] #first_view .banner-list>li:nth-child(9){-webkit-transition-delay:4.4s;transition-delay:4.4s}
[data-barba-namespace=top] #first_view .banner-list>li:nth-child(10){-webkit-transition-delay:4.5s;transition-delay:4.5s}
[data-barba-namespace=top] #first_view .banner-list>li:nth-child(11){-webkit-transition-delay:4.6s;transition-delay:4.6s}
[data-barba-namespace=top] #first_view .banner-list>li:nth-child(12){-webkit-transition-delay:4.7s;transition-delay:4.7s}
[data-barba-namespace=top] #first_view .banner-list>li:nth-child(13){-webkit-transition-delay:4.8s;transition-delay:4.8s}
[data-barba-namespace=top] #first_view .banner-list>li:nth-child(14){-webkit-transition-delay:4.9s;transition-delay:4.9s}
[data-barba-namespace=top] #first_view .banner-list>li:nth-child(15){-webkit-transition-delay:5s;transition-delay:5s}
[data-barba-namespace=top] #first_view .banner-list>li:nth-child(16){-webkit-transition-delay:5.1s;transition-delay:5.1s}
[data-barba-namespace=top] #first_view .banner-list>li{opacity:0;visibility:hidden}
[data-barba-namespace=top].loaded #first_view .banner-list>li{opacity:1;visibility:visible;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
[data-barba-namespace=top] #first_view .banner-list>li.new::before{content:"";width:4vw;min-width:18px;max-width:35px;height:4.3529411765vw;min-height:19.5882352941px;max-height:38.0882352941px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(-50%, 20%);transform:translate(-50%, 20%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
@media screen and (max-width: 640px){[data-barba-namespace=top] #first_view .banner-list>li.new::before{content:"";width:5vw;min-width:18px;max-width:35px;height:5.4411764706vw;min-height:19.5882352941px;max-height:38.0882352941px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(-50%, 20%);transform:translate(-50%, 20%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
}
[data-barba-namespace=top] #first_view .banner-list a:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
[data-barba-namespace=top] #first_view .banner-list a img{-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
[data-barba-namespace=top] #first_view .banner-list .trial img{width:25vw;max-width:396.6px}
@media screen and (max-width: 640px){[data-barba-namespace=top] #first_view .banner-list .trial img{width:45vw}
}
[data-barba-namespace=top] #first_view .banner-list .guideline img{width:17.4304418985vw;max-width:303px;-webkit-transform:translate(0, 9%);transform:translate(0, 9%)}
@media screen and (max-width: 640px){[data-barba-namespace=top] #first_view .banner-list .guideline img{width:31.3747954173vw}
}
[data-barba-namespace=top] #first_view .button-list{-webkit-transition:opacity .5s,visibility .5s;transition:opacity .5s,visibility .5s;-webkit-transition-delay:3.5s;transition-delay:3.5s;opacity:0;visibility:hidden}
[data-barba-namespace=top].loaded #first_view .button-list{opacity:1;visibility:visible}
[data-barba-namespace=top] #first_view .button-list>li{position:relative}
[data-barba-namespace=top] #first_view .button-list>li.new::before{content:"";width:5vw;min-width:18px;max-width:35px;height:5.4411764706vw;min-height:19.5882352941px;max-height:38.0882352941px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(0, -30%);transform:translate(0, -30%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
[data-barba-namespace=top] #first_view .common-button img{max-width:25vw}
@media screen and (max-width: 960px){[data-barba-namespace=top] #first_view .common-button img{max-width:50vw}
}
[data-barba-namespace=top] #first_view .information-button{color:#e7c888;background-color:#432d20;border:solid 2px #e7c888;border-width:clamp(1px,.3vw,2px);padding:.5em 1em;display:inline-block;position:relative}
[data-barba-namespace=top] #first_view .information-button small{display:block;text-align:right;font-size:.6em;line-height:1;position:absolute;right:0;bottom:1px}
[data-barba-namespace=top] #topics{padding-top:0;position:relative;z-index:2;margin-top:-3%;margin-top:clamp(-32px,-6.4%,0px);z-index:1}
@media screen and (max-width: 960px){[data-barba-namespace=top] #topics{padding-left:0;padding-right:0}
}
[data-barba-namespace=top] #topics .sub_caption{margin-top:.5em}
[data-barba-namespace=top] #topics .sub_caption img{height:6vw;max-height:28px}
[data-barba-namespace=top] #topics .topics-frame{width:100%;background:url(../img/top/topics_frame_left_shadow.png) left top 55%/auto 92% no-repeat,url(../img/top/topics_frame_right_shadow.png) right top 55%/auto 92% no-repeat,url(../img/top/topics_frame_loop.webp) center center/auto 100% repeat-x;padding:80px 0}
[data-barba-namespace=top] #topics .topics-wrapper{position:relative;z-index:10;overflow:hidden}
@media screen and (max-width: 960px){[data-barba-namespace=top] #topics .topics-wrapper{padding:0 6vw}
}
[data-barba-namespace=top] #topics .topics-container{width:100%;max-width:1280px;text-align:left;margin:0 auto;position:relative}
[data-barba-namespace=top] #topics .topics-list{padding:1% 1%}
[data-barba-namespace=top] #topics .topics-image img{width:100%;border:solid 1px #c8c3bf}
[data-barba-namespace=top] #topics .topics-text{font-family:"Zen Kurenaido",sans-serif;font-weight:normal;color:#fff;letter-spacing:.05em;line-height:1.4;margin-top:.5em}
[data-barba-namespace=top] #topics .topics-date{font-size:1.4rem}
[data-barba-namespace=top] #topics .topics-summary{font-size:1.6rem}
[data-barba-namespace=top] #topics .swiper-button-prev,[data-barba-namespace=top] #topics .swiper-button-next{background-image:none;width:5vw;height:auto;min-width:12px;max-width:24px;top:50%}
[data-barba-namespace=top] #topics .swiper-button-prev img,[data-barba-namespace=top] #topics .swiper-button-next img{width:100%;-webkit-transition:opacity .25s;transition:opacity .25s}
[data-barba-namespace=top] #topics .swiper-button-prev:hover img,[data-barba-namespace=top] #topics .swiper-button-next:hover img{opacity:.7}
[data-barba-namespace=top] #topics .swiper-button-prev{left:0;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);-webkit-animation:anime-topics_arrow_left 1s infinite ease-in-out;animation:anime-topics_arrow_left 1s infinite ease-in-out}
[data-barba-namespace=top] #topics .swiper-button-prev.swiper-button-disabled{-webkit-animation:none;animation:none}
[data-barba-namespace=top] #topics .swiper-button-next{right:0;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);-webkit-animation:anime-topics_arrow_right 1s infinite ease-in-out;animation:anime-topics_arrow_right 1s infinite ease-in-out}
[data-barba-namespace=top] #topics .swiper-button-next.swiper-button-disabled{-webkit-animation:none;animation:none}
[data-barba-namespace=top] #topics .swiper-slide{padding:1%;-webkit-transition:opacity .25s;transition:opacity .25s}
@media screen and (max-width: 640px){[data-barba-namespace=top] #topics .swiper-slide{padding:2%}
}
[data-barba-namespace=top] #topics .swiper-slide.new::before{content:"";width:5vw;min-width:25px;max-width:42.5px;height:5.4411764706vw;min-height:27.2058823529px;max-height:46.25px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(-20%, 24%);transform:translate(-20%, 24%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
@media screen and (max-width: 1600px){[data-barba-namespace=top] #topics .swiper-slide.new::before{content:"";width:5vw;min-width:25px;max-width:50px;height:5.4411764706vw;min-height:27.2058823529px;max-height:54.4117647059px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(-20%, 15%);transform:translate(-20%, 15%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
}
@media screen and (max-width: 640px){[data-barba-namespace=top] #topics .swiper-slide.new::before{content:"";width:10vw;min-width:25px;max-width:50px;height:10.8823529412vw;min-height:27.2058823529px;max-height:54.4117647059px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(-10%, 12%);transform:translate(-10%, 12%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
}
[data-barba-namespace=top] #topics .swiper-slide-hide{opacity:.5;pointer-events:none}
[data-barba-namespace=top] #topics .swiper-slide>a{display:inline-block}
[data-barba-namespace=top] #topics .swiper-slide a{color:#f18d71;-webkit-transition:opacity .25s;transition:opacity .25s}
[data-barba-namespace=top] #topics .swiper-slide a.link{color:#f18d71}
[data-barba-namespace=top] #topics .swiper-slide a:hover{opacity:.5}
[data-barba-namespace=top] #topics .swiper-slide a:hover .topics-text{opacity:.5}
[data-barba-namespace=top] #topics .swiper-slide a.popup-movie::after{display:none}
[data-barba-namespace=top] #topics .swiper-slide a .topics-text{-webkit-transition:opacity .25s;transition:opacity .25s}
[data-barba-namespace=top] #about .about-frame{width:170%;max-width:1301px;position:relative;left:50%;top:0;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
@media screen and (max-width: 960px){[data-barba-namespace=top] #about .about-frame{width:125%;max-width:958px}
}
[data-barba-namespace=top] #about .about-frame-inner{width:100%;height:0;padding-top:37.8170637971%;background:url(../img/top/about_frame.webp) center center/contain no-repeat}
@media screen and (max-width: 960px){[data-barba-namespace=top] #about .about-frame-inner{padding-top:56.993736952%;background-image:url(../img/top/about_frame_sp.webp)}
}
[data-barba-namespace=top] #about .about-text{width:36.1260568793%;height:21.5447154472%;position:absolute;left:31.3604919293%;top:36.7886178862%}
@media screen and (max-width: 960px){[data-barba-namespace=top] #about .about-text{width:51.0438413361%;height:20.1465201465%;position:absolute;left:24.0083507307%;top:39.1941391941%}
}
[data-barba-namespace=top] #about .about-text[data-trigger]{-webkit-transition:opacity 1.5s,-webkit-filter 1.5s;transition:opacity 1.5s,-webkit-filter 1.5s;transition:opacity 1.5s,filter 1.5s;transition:opacity 1.5s,filter 1.5s,-webkit-filter 1.5s;opacity:0;-webkit-filter:blur(2em);filter:blur(2em)}
[data-barba-namespace=top] #about .about-text[data-trigger].visible{opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}
@media screen and (max-width: 960px){[data-barba-namespace=top] #story{padding-left:0;padding-right:0}
}
[data-barba-namespace=top] #story em{color:#a92b34}
[data-barba-namespace=top] #story .story-bg{width:100%;background:url(../img/top/bg_story.webp) center center/cover no-repeat;-webkit-mask-image:-webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(3em, #fff), color-stop(#fff), to(transparent));-webkit-mask-image:linear-gradient(to top, transparent 0%, #fff 3em, #fff calc(100% - 3em), transparent 100%);mask-image:-webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(3em, #fff), color-stop(#fff), to(transparent));mask-image:linear-gradient(to top, transparent 0%, #fff 3em, #fff calc(100% - 3em), transparent 100%);padding:6em 0;margin-top:-4em}
[data-barba-namespace=top] #story .story-bg::before{content:"";width:100%;height:100%;background-color:#dcd3c4;opacity:.85;position:absolute;left:0;top:0;z-index:-1}
[data-barba-namespace=top] #story .text{text-align:center}
@media screen and (max-width: 960px){[data-barba-namespace=top] #story .text{padding-left:3%;padding-right:3%}
}
[data-barba-namespace=top] #story .text[data-trigger]{-webkit-transition:opacity 1.5s,-webkit-transform 1.5s;transition:opacity 1.5s,-webkit-transform 1.5s;transition:opacity 1.5s,transform 1.5s;transition:opacity 1.5s,transform 1.5s,-webkit-transform 1.5s;opacity:0;-webkit-transform:translate(0, 1em);transform:translate(0, 1em)}
[data-barba-namespace=top] #story .text[data-trigger].visible{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
@media screen and (max-width: 758px){[data-barba-namespace=top] #character{padding-left:0;padding-right:0}
}
[data-barba-namespace=top] #character .character-scaling{width:94%;max-width:1516px;margin-left:auto;margin-right:auto;margin-bottom:100px;margin-bottom:clamp(0px,5vw,100px)}
@media screen and (max-width: 758px){[data-barba-namespace=top] #character .character-scaling{width:100%;max-width:758px;margin-bottom:clamp(0px,15vw,100px)}
}
[data-barba-namespace=top] #character .character-scaling-inner{width:100%;height:0;padding-top:56.3324538259%;position:relative}
@media screen and (max-width: 758px){[data-barba-namespace=top] #character .character-scaling-inner{padding-top:calc(225.3298153034% + 1em)}
}
[data-barba-namespace=top] #character .character-wrapper{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;left:0;top:0}
@media screen and (max-width: 758px){[data-barba-namespace=top] #character .character-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
[data-barba-namespace=top] #character .character-container{width:50%;font-size:clamp(0px,1.4vw,24px);position:relative}
@media screen and (max-width: 758px){[data-barba-namespace=top] #character .character-container{width:100%;height:100%;font-size:clamp(10.5px,3vw,24px)}
}
[data-barba-namespace=top] #character .character-container-01{background:url(../img/top/frame_character_left.webp) center center/contain no-repeat;padding-left:4%}
@media screen and (max-width: 758px){[data-barba-namespace=top] #character .character-container-01{padding-left:8%}
}
[data-barba-namespace=top] #character .character-container-02{background:url(../img/top/frame_character_right.webp) center center/contain no-repeat;padding-right:4%;margin-left:-0.5px}
@media screen and (max-width: 758px){[data-barba-namespace=top] #character .character-container-02{padding-right:8%;margin-top:1em}
}
[data-barba-namespace=top] #character .character-name{margin-top:3em}
[data-barba-namespace=top] #character .character-name[data-trigger]{-webkit-transition:opacity 1.5s,-webkit-filter 1.5s;transition:opacity 1.5s,-webkit-filter 1.5s;transition:opacity 1.5s,filter 1.5s;transition:opacity 1.5s,filter 1.5s,-webkit-filter 1.5s;opacity:0;-webkit-filter:blur(1em);filter:blur(1em)}
[data-barba-namespace=top] #character .character-name[data-trigger].visible{opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}
[data-barba-namespace=top] #character .character-name img{width:74.1424802111%;max-width:562px}
[data-barba-namespace=top] #character .character-description{margin-top:0em; letter-spacing: 0.1em; line-height: 1.2em;   padding: 0px 20px;}
[data-barba-namespace=top] #character .character-description[data-trigger]{-webkit-transition:opacity 1.5s,-webkit-filter 1.5s;transition:opacity 1.5s,-webkit-filter 1.5s;transition:opacity 1.5s,filter 1.5s;transition:opacity 1.5s,filter 1.5s,-webkit-filter 1.5s;-webkit-transition-delay:.25s;transition-delay:.25s;opacity:0;-webkit-filter:blur(1em);filter:blur(1em)}
[data-barba-namespace=top] #character .character-description[data-trigger].visible{opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}
[data-barba-namespace=top] #character .character-illust{position:absolute;left:50%;bottom:9%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:2}
[data-barba-namespace=top] #character .character-illust-01{width:51.1345646438%;max-width:456px}
[data-barba-namespace=top] #character .character-illust-02{width:57.7506596306%;max-width:515px;-webkit-transform:translate(-60%, 0);transform:translate(-60%, 0)}
[data-barba-namespace=top] #character .character-deco::before{content:"";width:41.2928759894%;height:34.7775175644%;background:url(../img/top/frame_character_off.png) center center/contain no-repeat;position:absolute;left:58.7071240106%;top:68.7353629977%;z-index:1}
[data-barba-namespace=top] #character .character-deco::after{content:"";width:35.5540897098%;height:31.1475409836%;background:url(../img/top/frame_character_on.png) center center/contain no-repeat;position:absolute;left:61.1477572559%;top:68.8524590164%;z-index:1}
[data-barba-namespace=top] #character .character-deco img{width:5.6068601583%;height:10.0702576112%;position:absolute;left:87.401055409%;top:88.6416861827%}
[data-barba-namespace=top] #character .more_character-button{width:64.3799472296%;height:16.1592505855%;position:absolute;left:29.9472295515%;top:94.1451990632%;z-index:1}
[data-barba-namespace=top] #character .more_character-button:hover+.bookmark::before{opacity:1}
[data-barba-namespace=top] #character .bookmark{background:url(../img/top/btn_more_character.webp) left top/auto 200% no-repeat;width:68.9973614776%;height:35.0117096019%;position:absolute;left:25.3298153034%;top:75.2927400468%}
[data-barba-namespace=top] #character .bookmark::before{content:"";width:100%;height:100%;background:url(../img/top/btn_more_character.webp) left top/auto 200% no-repeat;background-position:0 100%;position:absolute;left:0;top:0;-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0}
[data-barba-namespace=top] #system .caption img{height:4.4117647059vw;min-height:30px;max-height:75px}
[data-barba-namespace=top] #system .deco{right:0;top:0;-webkit-transform:translate(0, -85%);transform:translate(0, -85%)}
@media screen and (max-width: 480px){[data-barba-namespace=top] #system .deco{-webkit-transform:translate(40%, -85%);transform:translate(40%, -85%)}
}
[data-barba-namespace=top] #system .deco span{display:inline-block}
[data-barba-namespace=top] #system .deco img{width:18vw;min-width:114.5px;max-width:229px;-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation:anime-deco-sway 1s ease-in-out infinite both;animation:anime-deco-sway 1s ease-in-out infinite both}
[data-barba-namespace=top] #system .deco-wrapper{display:inline-block;position:relative;margin-top:2em}
[data-barba-namespace=top] #system .media-list[data-trigger].visible>li:nth-child(1) .media-caption-orverlay{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
[data-barba-namespace=top] #system .media-list[data-trigger].visible>li:nth-child(2) .media-caption-orverlay{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
[data-barba-namespace=top] #system .media-list[data-trigger].visible>li:nth-child(3) .media-caption-orverlay{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
[data-barba-namespace=top] #system .media-list[data-trigger].visible>li:nth-child(4) .media-caption-orverlay{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
[data-barba-namespace=top] #system .media-list[data-trigger]>li:nth-child(1) .media-caption-orverlay{-webkit-transform-origin:right center;transform-origin:right center;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;-webkit-transition-delay:.125s;transition-delay:.125s;opacity:0;-webkit-transform:translate(30%, 2.6146722824%) scale(0.5);transform:translate(30%, 2.6146722824%) scale(0.5)}
[data-barba-namespace=top] #system .media-list[data-trigger]>li:nth-child(2) .media-caption-orverlay{-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;-webkit-transition-delay:.25s;transition-delay:.25s;opacity:0;-webkit-transform:translate(-30%, 0%) scale(0.5);transform:translate(-30%, 0%) scale(0.5)}
[data-barba-namespace=top] #system .media-list[data-trigger]>li:nth-child(3) .media-caption-orverlay{-webkit-transform-origin:right top;transform-origin:right top;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;-webkit-transition-delay:.375s;transition-delay:.375s;opacity:0;-webkit-transform:translate(29.8858409428%, -2.6146722824%) scale(0.5);transform:translate(29.8858409428%, -2.6146722824%) scale(0.5)}
[data-barba-namespace=top] #system .media-list[data-trigger]>li:nth-child(4) .media-caption-orverlay{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;-webkit-transition-delay:.5s;transition-delay:.5s;opacity:0;-webkit-transform:translate(-30%, 0%) scale(0.5);transform:translate(-30%, 0%) scale(0.5)}
[data-barba-namespace=top] #system .media-list>li:nth-child(1) .media-caption-orverlay{width:94.2%;max-width:471px;left:-10%;left:clamp(-15%,-5vw,-20%);top:-10%;bottom:auto}
[data-barba-namespace=top] #system .media-list>li:nth-child(2) .media-caption-orverlay{width:86.4%;max-width:432px;right:-10%;right:clamp(-15%,-5vw,-20%);top:-10%;bottom:auto}
[data-barba-namespace=top] #system .media-list>li:nth-child(3) .media-caption-orverlay{width:80.8%;max-width:404px;left:-10%;left:clamp(-15%,-5vw,-20%);top:auto;bottom:-10%}
[data-barba-namespace=top] #system .media-list>li:nth-child(4) .media-caption-orverlay{width:78%;max-width:390px;right:-10%;right:clamp(-15%,-5vw,-20%);top:auto;bottom:-10%}
[data-barba-namespace=top] #system .media-caption-orverlay{position:absolute;z-index:2;pointer-events:none}
[data-barba-namespace=top] #system .media-caption-orverlay img{width:100%}
[data-barba-namespace=story] section{width:80vw;max-width:1280px;text-align:left;padding-top:0;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){[data-barba-namespace=story] section{width:100%}
}
[data-barba-namespace=story] em{color:#a92b34}
[data-barba-namespace=story] .story-section{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1.6em}
@media screen and (max-width: 960px){[data-barba-namespace=story] .story-section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
[data-barba-namespace=story] .story-text{width:60%;text-shadow:0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4;position:relative;left:3%}
@media screen and (max-width: 960px){[data-barba-namespace=story] .story-text{width:100%;left:initial}
}
[data-barba-namespace=story] .story-text[data-trigger]{-webkit-transition:opacity 1.5s,-webkit-transform 1.5s;transition:opacity 1.5s,-webkit-transform 1.5s;transition:opacity 1.5s,transform 1.5s;transition:opacity 1.5s,transform 1.5s,-webkit-transform 1.5s;opacity:0;-webkit-transform:translate(0, 1em);transform:translate(0, 1em)}
[data-barba-namespace=story] .story-text[data-trigger].visible{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
[data-barba-namespace=story] .story-text div{position:relative;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
@media screen and (max-width: 960px){[data-barba-namespace=story] .story-text div{text-align:center;top:0;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
}
[data-barba-namespace=story] .story-illust{width:50%;position:relative;z-index:-1;margin-left:-10%}
@media screen and (max-width: 960px){[data-barba-namespace=story] .story-illust{width:100%;text-align:center;margin-left:initial}
}
[data-barba-namespace=story] .story-illust img{width:100%;max-width:644px;min-width:483px;position:relative;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
@media screen and (max-width: 960px){[data-barba-namespace=story] .story-illust img{min-width:initial;top:0;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
}
[data-barba-namespace=character] main{padding-top:1em;padding-bottom:1em}
@media screen and (max-width: 960px){[data-barba-namespace=character] main{padding-top:45px}
}
[data-barba-namespace=character] .content_nav [data-content=character]{background-image:url(../img/character/navi/nav_character.png)}
[data-barba-namespace=character] .content_nav [data-content=character]::after{background-image:url(../img/character/navi/nav_character.png)}
[data-barba-namespace=character] .content_nav [data-content=shinigamihime]{background-image:url(../img/character/navi/nav_shinigamihime.png)}
[data-barba-namespace=character] .content_nav [data-content=shinigamihime]::after{background-image:url(../img/character/navi/nav_shinigamihime.png)}
[data-barba-namespace=character] .sub_content_nav.character ul{margin:-1% auto}
[data-barba-namespace=character] .sub_content_nav.character ul[data-trigger].visible li{opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}
[data-barba-namespace=character] .sub_content_nav.character ul[data-trigger] li{-webkit-transition:opacity 1.5s,-webkit-filter 1.5s;transition:opacity 1.5s,-webkit-filter 1.5s;transition:opacity 1.5s,filter 1.5s;transition:opacity 1.5s,filter 1.5s,-webkit-filter 1.5s;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-filter:blur(10px);filter:blur(10px)}
[data-barba-namespace=character] .sub_content_nav.character ul[data-trigger] li:nth-child(1){-webkit-transition-delay:.225s;transition-delay:.225s}
[data-barba-namespace=character] .sub_content_nav.character ul[data-trigger] li:nth-child(2){-webkit-transition-delay:.325s;transition-delay:.325s}
[data-barba-namespace=character] .sub_content_nav.character ul[data-trigger] li:nth-child(3){-webkit-transition-delay:.425s;transition-delay:.425s}
[data-barba-namespace=character] .sub_content_nav.character ul[data-trigger] li:nth-child(4){-webkit-transition-delay:.525s;transition-delay:.525s}
[data-barba-namespace=character] .sub_content_nav.character ul[data-trigger] li:nth-child(5){-webkit-transition-delay:.625s;transition-delay:.625s}
[data-barba-namespace=character] .sub_content_nav.character ul[data-trigger] li:nth-child(6){-webkit-transition-delay:.725s;transition-delay:.725s}
[data-barba-namespace=character] .sub_content_nav.character ul[data-trigger] li:nth-child(7){-webkit-transition-delay:.825s;transition-delay:.825s}
[data-barba-namespace=character] .sub_content_nav.character ul[data-trigger] li:nth-child(8){-webkit-transition-delay:.925s;transition-delay:.925s}
[data-barba-namespace=character] .sub_content_nav.character ul[data-trigger] li:nth-child(9){-webkit-transition-delay:1.025s;transition-delay:1.025s}
[data-barba-namespace=character] .sub_content_nav.character ul[data-trigger] li:nth-child(10){-webkit-transition-delay:1.125s;transition-delay:1.125s}
[data-barba-namespace=character] .sub_content_nav.character li{margin:1%}
[data-barba-namespace=character] .sub_content_nav.character a{-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
[data-barba-namespace=character] .sub_content_nav.character a:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
[data-barba-namespace=character] .sub_content_nav.character a:hover::after{opacity:0}
[data-barba-namespace=character] .sub_content_nav.character a.selected::after{opacity:1}
[data-barba-namespace=character] .sub_content_nav.character a::after{width:28.0821917808%;height:19.1780821918%;background:url(../img/character/character/navi/nav_selected_arrow.png) center center/contain no-repeat;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
[data-barba-namespace=character] .sub_content_nav.character:first-child a::after{top:90%}
[data-barba-namespace=character] .sub_content_nav.character:last-child a::after{top:initial;bottom:70%;-webkit-transform:translate(-50%, -100%) rotate(180deg);transform:translate(-50%, -100%) rotate(180deg)}
[data-barba-namespace=character] .sub_content_nav.character [data-sub_content=character_01]{width:15vw;max-width:109.5px;min-width:73px;height:15vw;max-height:109.5px;min-height:73px;background:url(../img/character/character/navi/nav_chr_01.png) center center/contain no-repeat}
[data-barba-namespace=character] .sub_content_nav.character [data-sub_content=character_02]{width:15vw;max-width:109.5px;min-width:73px;height:15vw;max-height:109.5px;min-height:73px;background:url(../img/character/character/navi/nav_chr_02.png) center center/contain no-repeat}
[data-barba-namespace=character] .sub_content_nav.character [data-sub_content=character_03]{width:15vw;max-width:109.5px;min-width:73px;height:15vw;max-height:109.5px;min-height:73px;background:url(../img/character/character/navi/nav_chr_03.png) center center/contain no-repeat}
[data-barba-namespace=character] .sub_content_nav.character [data-sub_content=character_04]{width:15vw;max-width:109.5px;min-width:73px;height:15vw;max-height:109.5px;min-height:73px;background:url(../img/character/character/navi/nav_chr_04.png) center center/contain no-repeat}
[data-barba-namespace=character] .sub_content_nav.character [data-sub_content=character_05]{width:15vw;max-width:109.5px;min-width:73px;height:15vw;max-height:109.5px;min-height:73px;background:url(../img/character/character/navi/nav_chr_05.png) center center/contain no-repeat}
[data-barba-namespace=character] .sub_content_nav.shinigamihime ul{margin-top:initial;margin-bottom:initial}
[data-barba-namespace=character] .sub_content_nav.shinigamihime ul[data-trigger].visible li{-webkit-transform:translate(0, 0);transform:translate(0, 0)}
[data-barba-namespace=character] .sub_content_nav.shinigamihime ul[data-trigger] li{-webkit-transform:translate(12.5%, -25%);transform:translate(12.5%, -25%)}
[data-barba-namespace=character] .sub_content_nav.shinigamihime li{margin:initial}
[data-barba-namespace=character] .sub_content_nav.shinigamihime a{opacity:.6;-webkit-transition:opacity .25s,-webkit-filter .25s;transition:opacity .25s,-webkit-filter .25s;transition:filter .25s,opacity .25s;transition:filter .25s,opacity .25s,-webkit-filter .25s}
[data-barba-namespace=character] .sub_content_nav.shinigamihime a:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
[data-barba-namespace=character] .sub_content_nav.shinigamihime a.selected{opacity:1}
[data-barba-namespace=character] .sub_content_nav.shinigamihime a::after{display:none}
[data-barba-namespace=character] .sub_content_nav.shinigamihime [data-sub_content=shinigamihime_01]{width:15vw;max-width:77px;min-width:38.5px;height:15vw;max-height:77px;min-height:38.5px;background:url(../img/character/shinigamihime/navi/nav_chr_01.png) center center/contain no-repeat}
[data-barba-namespace=character] .sub_content_nav.shinigamihime [data-sub_content=shinigamihime_02]{width:15vw;max-width:77px;min-width:38.5px;height:15vw;max-height:77px;min-height:38.5px;background:url(../img/character/shinigamihime/navi/nav_chr_02.png) center center/contain no-repeat}
[data-barba-namespace=character] .sub_content_nav.shinigamihime [data-sub_content=shinigamihime_03]{width:15vw;max-width:77px;min-width:38.5px;height:15vw;max-height:77px;min-height:38.5px;background:url(../img/character/shinigamihime/navi/nav_chr_03.png) center center/contain no-repeat}
[data-barba-namespace=character] .sub_content_nav.shinigamihime [data-sub_content=shinigamihime_04]{width:15vw;max-width:77px;min-width:38.5px;height:15vw;max-height:77px;min-height:38.5px;background:url(../img/character/shinigamihime/navi/nav_chr_04.png) center center/contain no-repeat}
[data-barba-namespace=character] .character-wrapper{text-align:center;margin-top:1em;margin-bottom:1em}
[data-barba-namespace=character] .character-name{margin-bottom:.5em}
[data-barba-namespace=character] .character-name span{position:relative}
[data-barba-namespace=character] .character-name img{height:15vw;max-height:144px;min-height:57.6px; position: relative; z-index: 2;}
[data-barba-namespace=character] .character-name .sound-button{position:absolute;left:100%;bottom:0;z-index:1}
[data-barba-namespace=character] .character-container{width:80vw;max-width:1060px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){[data-barba-namespace=character] .character-container{width:94%}
}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
[data-barba-namespace=character] .character-container.shinigamihime{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
@media screen and (max-width: 960px){[data-barba-namespace=character] .character-container.shinigamihime{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}
}
[data-barba-namespace=character] .character-container.shinigamihime .character-visual-scaling{width:20%;height:100%;position:absolute;top:0}
@media screen and (max-width: 960px){[data-barba-namespace=character] .character-container.shinigamihime .character-visual-scaling{width:50%;position:relative;top:0}
}
[data-barba-namespace=character] .character-container.shinigamihime .character-visual-scaling.left{left:0%}
[data-barba-namespace=character] .character-container.shinigamihime .character-visual-scaling.right{right:0%}
[data-barba-namespace=character] .character-container.shinigamihime .character-visual-scaling-inner{height:100%}
[data-barba-namespace=character] .character-container.shinigamihime .character-visual{left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
@media screen and (max-width: 960px){[data-barba-namespace=character] .character-container.shinigamihime .character-visual{position:relative;left:initial;top:initial;-webkit-transform:initial;transform:initial}
}
[data-barba-namespace=character] .shinigamihime-01 .character-container.shinigamihime .character-visual-scaling.left .character-visual{width:26.1275167785vw;max-width:458px}
@media screen and (max-width: 960px){[data-barba-namespace=character] .shinigamihime-01 .character-container.shinigamihime .character-visual-scaling.left .character-visual{width:38.4228187919vw;-webkit-transform:translate(0%, 0);transform:translate(0%, 0)}
}
[data-barba-namespace=character] .shinigamihime-01 .character-container.shinigamihime .character-visual-scaling.right .character-visual{width:34vw;max-width:596px;-webkit-transform:translate(-29%, -50%);transform:translate(-29%, -50%)}
@media screen and (max-width: 960px){[data-barba-namespace=character] .shinigamihime-01 .character-container.shinigamihime .character-visual-scaling.right .character-visual{width:50vw;position:relative;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
}
[data-barba-namespace=character] .shinigamihime-02 .character-container.shinigamihime .character-visual-scaling.left .character-visual{width:25.8993288591vw;max-width:454px}
@media screen and (max-width: 960px){[data-barba-namespace=character] .shinigamihime-02 .character-container.shinigamihime .character-visual-scaling.left .character-visual{width:38.0872483221vw;-webkit-transform:translate(0%, 0);transform:translate(0%, 0)}
}
[data-barba-namespace=character] .shinigamihime-02 .character-container.shinigamihime .character-visual-scaling.right .character-visual{width:31.2046979866vw;max-width:547px;-webkit-transform:translate(-28%, -50%);transform:translate(-28%, -50%)}
@media screen and (max-width: 960px){[data-barba-namespace=character] .shinigamihime-02 .character-container.shinigamihime .character-visual-scaling.right .character-visual{width:45.889261745vw;position:relative;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
}
[data-barba-namespace=character] .shinigamihime-03 .character-container.shinigamihime .character-visual-scaling.left .character-visual{width:24.9295302013vw;max-width:437px}
@media screen and (max-width: 960px){[data-barba-namespace=character] .shinigamihime-03 .character-container.shinigamihime .character-visual-scaling.left .character-visual{width:36.6610738255vw;-webkit-transform:translate(0%, 0);transform:translate(0%, 0)}
}
[data-barba-namespace=character] .shinigamihime-03 .character-container.shinigamihime .character-visual-scaling.right .character-visual{width:43.4697986577vw;max-width:762px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
@media screen and (max-width: 960px){[data-barba-namespace=character] .shinigamihime-03 .character-container.shinigamihime .character-visual-scaling.right .character-visual{width:63.9261744966vw;position:relative;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
}
[data-barba-namespace=character] .shinigamihime-04 .character-container.shinigamihime .character-visual-scaling.left .character-visual{width:28.5805369128vw;max-width:501px}
@media screen and (max-width: 960px){[data-barba-namespace=character] .shinigamihime-04 .character-container.shinigamihime .character-visual-scaling.left .character-visual{width:42.0302013423vw;-webkit-transform:translate(7%, 0);transform:translate(7%, 0)}
}
[data-barba-namespace=character] .shinigamihime-04 .character-container.shinigamihime .character-visual-scaling.right .character-visual{width:27.5536912752vw;max-width:483px;-webkit-transform:translate(-44%, -50%);transform:translate(-44%, -50%)}
@media screen and (max-width: 960px){[data-barba-namespace=character] .shinigamihime-04 .character-container.shinigamihime .character-visual-scaling.right .character-visual{width:40.5201342282vw;position:relative;left:50%;-webkit-transform:translate(-55%, 0);transform:translate(-55%, 0)}
}
[data-barba-namespace=character] .character-container.shinigamihime .character-detail{text-shadow:0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4}
@media screen and (max-width: 960px){[data-barba-namespace=character] .character-container.shinigamihime .character-detail{width:100%}
}
[data-barba-namespace=character] .character-container.shinigamihime .button-wrapper{width:75vw;height:100%;position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
@media screen and (max-width: 960px){[data-barba-namespace=character] .character-container.shinigamihime .button-wrapper{width:initial;height:initial;position:initial;left:initial;top:initial;-webkit-transform:initial;transform:initial}
}
[data-barba-namespace=character] .character-visual{display:none;position:absolute;pointer-events:none}
[data-barba-namespace=character] .character-01 .character-visual{max-width:370.5px;left:70%;bottom:0%;-webkit-transform:translate(-54%, 0);transform:translate(-54%, 0)}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-01 .character-visual{left:50%}
}
[data-barba-namespace=character] .character-01 .character-visual-scaling-inner{padding-top:116.3967611336%}
[data-barba-namespace=character] .character-01 .character-visual-scaling-inner [data-action=move],[data-barba-namespace=character] .character-01 .character-visual-scaling-inner [data-action=wait]{width:100%;height:100%;position:absolute;left:70%;bottom:0%;-webkit-transform:translate(-54%, 0);transform:translate(-54%, 0)}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-01 .character-visual-scaling-inner [data-action=move],[data-barba-namespace=character] .character-01 .character-visual-scaling-inner [data-action=wait]{left:50%}
}
[data-barba-namespace=character] .character-01 .character-visual-scaling-inner img{width:100%}
[data-barba-namespace=character] .character-01 .character-illust{width:40vw;max-width:autopx;margin-left:2%}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-01 .character-illust{width:65%;margin-left:initial;margin-top:5%}
}
[data-barba-namespace=character] .character-02 .character-visual{max-width:342px;left:70%;bottom:0%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-02 .character-visual{left:50%}
}
[data-barba-namespace=character] .character-02 .character-visual-scaling-inner{padding-top:66.3742690058%}
[data-barba-namespace=character] .character-02 .character-visual-scaling-inner [data-action=move],[data-barba-namespace=character] .character-02 .character-visual-scaling-inner [data-action=wait]{width:100%;height:100%;position:absolute;left:70%;bottom:0%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-02 .character-visual-scaling-inner [data-action=move],[data-barba-namespace=character] .character-02 .character-visual-scaling-inner [data-action=wait]{left:50%}
}
[data-barba-namespace=character] .character-02 .character-visual-scaling-inner img{width:100%}
[data-barba-namespace=character] .character-02 .character-illust{width:40vw;max-width:autopx;margin-left:2%}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-02 .character-illust{width:65%;margin-left:initial;margin-top:5%}
}
[data-barba-namespace=character] .character-03 .character-visual{max-width:221.25px;left:70%;bottom:0%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-03 .character-visual{left:50%}
}
[data-barba-namespace=character] .character-03 .character-visual-scaling-inner{padding-top:72.7118644068%}
[data-barba-namespace=character] .character-03 .character-visual-scaling-inner [data-action=move],[data-barba-namespace=character] .character-03 .character-visual-scaling-inner [data-action=wait]{width:100%;height:100%;position:absolute;left:70%;bottom:0%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-03 .character-visual-scaling-inner [data-action=move],[data-barba-namespace=character] .character-03 .character-visual-scaling-inner [data-action=wait]{left:50%}
}
[data-barba-namespace=character] .character-03 .character-visual-scaling-inner img{width:100%}
[data-barba-namespace=character] .character-03 .character-illust{width:40vw;max-width:505px;margin-left:2%}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-03 .character-illust{width:65%;margin-left:initial;margin-top:5%}
}
[data-barba-namespace=character] .character-04 .character-visual{max-width:347.25px;left:70%;bottom:0%;-webkit-transform:translate(-53%, 0);transform:translate(-53%, 0)}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-04 .character-visual{left:50%}
}
[data-barba-namespace=character] .character-04 .character-visual-scaling-inner{padding-top:123.1101511879%}
[data-barba-namespace=character] .character-04 .character-visual-scaling-inner [data-action=move],[data-barba-namespace=character] .character-04 .character-visual-scaling-inner [data-action=wait]{width:100%;height:100%;position:absolute;left:70%;bottom:0%;-webkit-transform:translate(-53%, 0);transform:translate(-53%, 0)}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-04 .character-visual-scaling-inner [data-action=move],[data-barba-namespace=character] .character-04 .character-visual-scaling-inner [data-action=wait]{left:50%}
}
[data-barba-namespace=character] .character-04 .character-visual-scaling-inner img{width:100%}
[data-barba-namespace=character] .character-04 .character-illust{width:40vw;max-width:459px;margin-left:2%}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-04 .character-illust{width:65%;margin-left:initial;margin-top:5%}
}
[data-barba-namespace=character] .character-05 .character-visual{max-width:363.75px;left:65%;bottom:0%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-05 .character-visual{left:50%}
}
[data-barba-namespace=character] .character-05 .character-visual-scaling-inner{padding-top:116.4948453608%}
[data-barba-namespace=character] .character-05 .character-visual-scaling-inner [data-action=move],[data-barba-namespace=character] .character-05 .character-visual-scaling-inner [data-action=wait]{width:100%;height:100%;position:absolute;left:65%;bottom:0%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-05 .character-visual-scaling-inner [data-action=move],[data-barba-namespace=character] .character-05 .character-visual-scaling-inner [data-action=wait]{left:50%}
}
[data-barba-namespace=character] .character-05 .character-visual-scaling-inner img{width:100%}
[data-barba-namespace=character] .character-05 .character-illust{width:40vw;max-width:autopx;margin-left:2%}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-05 .character-illust{width:65%;margin-left:initial;margin-top:5%}
}
[data-barba-namespace=character] .character-01 .character-visual-scaling-inner,[data-barba-namespace=character] .character-04 .character-visual-scaling-inner{padding-top:110%}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-02 .character-visual{bottom:20%}
}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-02 .character-visual-scaling-inner{padding-top:140%}
}
[data-barba-namespace=character] .character-02 .character-visual.character-visual-middle_wait{width:120%;max-width:625px;-webkit-transform:translate(-66%, 0);transform:translate(-66%, 0)}
[data-barba-namespace=character] .character-02 .character-visual.character-visual-large_wait{width:200%;max-width:860px;left:50%;bottom:-20%;-webkit-transform:translate(-61%, 0);transform:translate(-61%, 0)}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-02 .character-visual.character-visual-large_wait{bottom:10%}
}
[data-barba-namespace=character] .character-02 .character-action{left:35%}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-02 .character-action{left:10%}
}
[data-barba-namespace=character] .character-03 .character-action{left:40%}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-03 .character-action{left:5%}
}
[data-barba-namespace=character] .shinigamihime-01 .character-name{margin-bottom:clamp(.5em,3vw,3em)}
[data-barba-namespace=character] .shinigamihime-02 .character-name{margin-bottom:clamp(.5em,3vw,3em)}
[data-barba-namespace=character] .shinigamihime-03 .character-name{margin-bottom:clamp(.5em,4vw,5em)}
[data-barba-namespace=character] .character-visual-scaling{width:40%;position:relative}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-visual-scaling{width:70%}
}
[data-barba-namespace=character] .character-visual-scaling-inner{width:100%;height:0;position:relative}
[data-barba-namespace=character] .character-action{width:20%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:absolute;left:18%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-action{width:25%;left:0%}
}
[data-barba-namespace=character] .character-action button{width:100%;max-width:89px;margin:10%;-webkit-transition:opacity .25s,-webkit-filter .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-filter .25s,-webkit-transform .25s;transition:filter .25s,transform .25s,opacity .25s;transition:filter .25s,transform .25s,opacity .25s,-webkit-filter .25s,-webkit-transform .25s;opacity:.6}
[data-barba-namespace=character] .character-action button.selected{opacity:1}
[data-barba-namespace=character] .character-action button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
[data-barba-namespace=character] .character-action button[data-action=breath]{width:79.7752808989%;-webkit-transform:translate(40%, 30%);transform:translate(40%, 30%)}
[data-barba-namespace=character] .character-action button[data-action=anger]{-webkit-transform:translate(10%, 0);transform:translate(10%, 0)}
[data-barba-namespace=character] .character-action button[data-action=sweat]{-webkit-transform:translate(10%, 0);transform:translate(10%, 0)}
[data-barba-namespace=character] .character-action img{width:100%}
[data-barba-namespace=character] .character-size{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:absolute;left:40%;bottom:0;-webkit-transform:translate(0, 90%);transform:translate(0, 90%)}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-size{width:80%;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
}
[data-barba-namespace=character] .character-size>img,[data-barba-namespace=character] .character-size button{margin:2%}
[data-barba-namespace=character] .character-size>img:nth-child(1),[data-barba-namespace=character] .character-size button:nth-child(1){width:28.3422459893%;max-width:53px}
[data-barba-namespace=character] .character-size>img:nth-child(2),[data-barba-namespace=character] .character-size button:nth-child(2){width:19.7860962567%;max-width:37px}
[data-barba-namespace=character] .character-size>img:nth-child(3),[data-barba-namespace=character] .character-size button:nth-child(3){width:22.9946524064%;max-width:43px}
[data-barba-namespace=character] .character-size>img:nth-child(4),[data-barba-namespace=character] .character-size button:nth-child(4){width:28.8770053476%;max-width:54px}
[data-barba-namespace=character] .character-size>img img,[data-barba-namespace=character] .character-size button img{width:100%}
[data-barba-namespace=character] .character-size button{opacity:.5;-webkit-transition:opacity .25s;transition:opacity .25s}
[data-barba-namespace=character] .character-size button.selected{opacity:1;pointer-events:none}
[data-barba-namespace=character] .character-detail{width:60%;background:url(../img/character/character/deco_top.png) center top/auto 2em no-repeat,url(../img/character/character/deco_bottom.png) center bottom/auto 2em no-repeat;padding:3em 0;position:relative}
@media screen and (max-width: 640px){[data-barba-namespace=character] .character-detail{width:100%}
}
[data-barba-namespace=character] .character-detail[data-trigger]{-webkit-transition:opacity 1.5s,-webkit-filter 1.5s;transition:opacity 1.5s,-webkit-filter 1.5s;transition:opacity 1.5s,filter 1.5s;transition:opacity 1.5s,filter 1.5s,-webkit-filter 1.5s;opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}
[data-barba-namespace=character] .character-detail[data-trigger].visible{opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}
[data-barba-namespace=character] .character-world-detail{text-shadow:0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4,0px 0px 13px #e9d8c4}
[data-barba-namespace=character] .character-world-detail[data-trigger]{-webkit-transition:opacity 1.5s,-webkit-filter 1.5s;transition:opacity 1.5s,-webkit-filter 1.5s;transition:opacity 1.5s,filter 1.5s;transition:opacity 1.5s,filter 1.5s,-webkit-filter 1.5s;opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}
[data-barba-namespace=character] .character-world-detail[data-trigger].visible{opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}
[data-barba-namespace=character] .prev-button,[data-barba-namespace=character] .next-button{position:absolute;top:50%}
@media screen and (max-width: 960px){[data-barba-namespace=character] .prev-button,[data-barba-namespace=character] .next-button{top:3%}
}
[data-barba-namespace=character] .prev-button:hover img,[data-barba-namespace=character] .next-button:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
[data-barba-namespace=character] .prev-button img,[data-barba-namespace=character] .next-button img{width:5.5vw;min-width:34px;max-width:68px;-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
@media screen and (max-width: 640px){[data-barba-namespace=character] .prev-button img,[data-barba-namespace=character] .next-button img{width:12vw}
}
[data-barba-namespace=character] .prev-button{left:0;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);-webkit-animation:anime-character_arrow_left 1s infinite ease-in-out;animation:anime-character_arrow_left 1s infinite ease-in-out}
@media screen and (max-width: 960px){[data-barba-namespace=character] .prev-button{-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);-webkit-animation:anime-character_arrow_left_sp 1s infinite ease-in-out;animation:anime-character_arrow_left_sp 1s infinite ease-in-out}
}
[data-barba-namespace=character] .next-button{right:0;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);-webkit-animation:anime-character_arrow_right 1s infinite ease-in-out;animation:anime-character_arrow_right 1s infinite ease-in-out}
@media screen and (max-width: 960px){[data-barba-namespace=character] .next-button{-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);-webkit-animation:anime-character_arrow_right_sp 1s infinite ease-in-out;animation:anime-character_arrow_right_sp 1s infinite ease-in-out}
}
[data-barba-namespace=system] main{padding-top:1em;padding-bottom:1em}
@media screen and (max-width: 960px){[data-barba-namespace=system] main{padding-top:45px}
}
[data-barba-namespace=system] #content::before,[data-barba-namespace=system] #sub_content::before{content:"";width:100%;max-width:1280px;height:100%;background:url(../img/deco/deco_left_top.png) left 1% top/10% auto no-repeat,url(../img/deco/deco_left_bottom.png) left 1% bottom/10% auto no-repeat,url(../img/deco/deco_right_top.png) right 1% top/10% auto no-repeat,url(../img/deco/deco_right_bottom.png) right 1% bottom/10% auto no-repeat;position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
[data-barba-namespace=system] #content:has(#sub_content)::before{display:none}
[data-barba-namespace=system] .content_nav [data-content=library]{background-image:url(../img/system/navi/nav_library.png)}
[data-barba-namespace=system] .content_nav [data-content=library]::after{background-image:url(../img/system/navi/nav_library.png)}
[data-barba-namespace=system] .content_nav [data-content=world]{background-image:url(../img/system/navi/nav_world.png)}
[data-barba-namespace=system] .content_nav [data-content=world]::after{background-image:url(../img/system/navi/nav_world.png)}
[data-barba-namespace=system] .content_nav [data-content=flow]{background-image:url(../img/system/navi/nav_flow.png)}
[data-barba-namespace=system] .content_nav [data-content=flow]::after{background-image:url(../img/system/navi/nav_flow.png)}
[data-barba-namespace=system] .sub_content_nav.world [data-sub_content=world]{width:37.0238095238vw;max-width:233.25px;min-width:139.95px;height:6.7857142857vw;max-height:42.75px;min-height:25.65px;background-image:url(../img/system/world/navi/nav_world.png)}
[data-barba-namespace=system] .sub_content_nav.world [data-sub_content=world]::after{background-image:url(../img/system/world/navi/nav_world.png)}
[data-barba-namespace=system] .sub_content_nav.world [data-sub_content=meeru_skill]{width:37.0238095238vw;max-width:233.25px;min-width:139.95px;height:6.9047619048vw;max-height:43.5px;min-height:26.1px;background-image:url(../img/system/world/navi/nav_meeru_skill.png)}
[data-barba-namespace=system] .sub_content_nav.world [data-sub_content=meeru_skill]::after{background-image:url(../img/system/world/navi/nav_meeru_skill.png)}
[data-barba-namespace=system] .sub_content_nav.world [data-sub_content=mono_skill]{width:37.0238095238vw;max-width:233.25px;min-width:139.95px;height:6.9047619048vw;max-height:43.5px;min-height:26.1px;background-image:url(../img/system/world/navi/nav_mono_skill.png)}
[data-barba-namespace=system] .sub_content_nav.world [data-sub_content=mono_skill]::after{background-image:url(../img/system/world/navi/nav_mono_skill.png)}
[data-barba-namespace=system] .sub_content_nav.world [data-sub_content=violence]{width:37.0238095238vw;max-width:233.25px;min-width:139.95px;height:7.0238095238vw;max-height:44.25px;min-height:26.55px;background-image:url(../img/system/world/navi/nav_violence.png)}
[data-barba-namespace=system] .sub_content_nav.world [data-sub_content=violence]::after{background-image:url(../img/system/world/navi/nav_violence.png)}
[data-barba-namespace=system] .sub_content_nav.world [data-sub_content=relief]{width:37.0238095238vw;max-width:233.25px;min-width:139.95px;height:7.0238095238vw;max-height:44.25px;min-height:26.55px;background-image:url(../img/system/world/navi/nav_relief.png)}
[data-barba-namespace=system] .sub_content_nav.world [data-sub_content=relief]::after{background-image:url(../img/system/world/navi/nav_relief.png)}
[data-barba-namespace=system] .sub_content_nav.flow [data-sub_content=sister]{width:37.0238095238vw;max-width:233.25px;min-width:139.95px;height:6.9047619048vw;max-height:43.5px;min-height:26.1px;background-image:url(../img/system/flow/navi/nav_sister.png)}
[data-barba-namespace=system] .sub_content_nav.flow [data-sub_content=sister]::after{background-image:url(../img/system/flow/navi/nav_sister.png)}
[data-barba-namespace=system] .sub_content_nav.flow [data-sub_content=bookmark]{width:37.0238095238vw;max-width:233.25px;min-width:139.95px;height:7.0238095238vw;max-height:44.25px;min-height:26.55px;background-image:url(../img/system/flow/navi/nav_bookmark.png)}
[data-barba-namespace=system] .sub_content_nav.flow [data-sub_content=bookmark]::after{background-image:url(../img/system/flow/navi/nav_bookmark.png)}
[data-barba-namespace=system] .sub_content_nav.flow [data-sub_content=skill]{width:37.0238095238vw;max-width:233.25px;min-width:139.95px;height:7.1428571429vw;max-height:45px;min-height:27px;background-image:url(../img/system/flow/navi/nav_skill.png)}
[data-barba-namespace=system] .sub_content_nav.flow [data-sub_content=skill]::after{background-image:url(../img/system/flow/navi/nav_skill.png)}
[data-barba-namespace=system] .text{width:80vw;text-align:center}
@media screen and (max-width: 960px){[data-barba-namespace=system] .text{width:initial;text-align:left;padding-left:3%;padding-right:3%}
[data-barba-namespace=system] .text .d-inline-block{display:inline}
}
[data-barba-namespace=system] #library-02 .illust{width:100%;max-width:966px}
[data-barba-namespace=system] #library-02 .dress_up>li{width:30.3333333333%;max-width:200px;margin:1.5%}
[data-barba-namespace=system] #library-02 .character-list{max-width:1060px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:auto;margin-right:auto}
[data-barba-namespace=system] #library-02 .character-list>li{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;margin-top:2em}
[data-barba-namespace=system] #library-02 .character-list>li.small{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:3em}
@media screen and (max-width: 960px){[data-barba-namespace=system] #library-02 .character-list>li.small{-ms-flex-preferred-size:100%;flex-basis:100%}
}
[data-barba-namespace=system] #library-02 .character-list>li.small .character-name img{height:11.3684210526vw;max-height:72px;min-height:28.8px}
[data-barba-namespace=system] #library-02 .character-list>li .text{margin-top:.75em}
[data-barba-namespace=system] #library-02 .character-list .media-list{margin-top:0}
[data-barba-namespace=system] #library-02 .character-wrapper{max-width:960px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){[data-barba-namespace=system] #library-02 .character-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
[data-barba-namespace=system] #library-02 .character-container:has(.character-name){padding-top:7%}
[data-barba-namespace=system] #library-02 .character-container:has(.character-visual){width:50%}
@media screen and (max-width: 960px){[data-barba-namespace=system] #library-02 .character-container:has(.character-visual){width:60%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
[data-barba-namespace=system] #library-02 .character-name img{height:15vw;max-height:95px;min-height:38px}
[data-barba-namespace=system] #library-02 .character-detail{margin-top:1em}
[data-barba-namespace=system] #library-02 .character-visual{width:100%;position:absolute;left:50%;top:100%;-webkit-transform:translate(-50%, -100%) scale(-1, 1);transform:translate(-50%, -100%) scale(-1, 1)}
[data-barba-namespace=system] #library-02 .character-visual-scaling{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;margin-bottom:-7.5%}
[data-barba-namespace=system] #library-02 .character-01 .character-visual-scaling{width:76.3125%;max-width:366.3px}
[data-barba-namespace=system] #library-02 .character-01 .character-visual-scaling-inner{padding-top:130.9582309582%}
[data-barba-namespace=system] #library-02 .character-02 .character-visual-scaling{width:69.1666666667%;max-width:332px}
[data-barba-namespace=system] #library-02 .character-02 .character-visual-scaling-inner{padding-top:131.6265060241%}
[data-barba-namespace=system] #library-02 .character-03 .character-visual-scaling{width:99.75%;max-width:478.8px}
[data-barba-namespace=system] #library-02 .character-03 .character-visual-scaling-inner{padding-top:88.7218045113%}
[data-barba-namespace=system] #library-02 .character-04 .character-visual-scaling{width:60.625%;max-width:291px}
[data-barba-namespace=system] #library-02 .character-04 .character-visual-scaling-inner{padding-top:93.8144329897%}
[data-barba-namespace=system] #library-02 .character-05 .character-visual-scaling{width:61.6666666667%;max-width:296px}
[data-barba-namespace=system] #library-02 .character-05 .character-visual-scaling-inner{padding-top:110.472972973%}
[data-barba-namespace=system] #library-02 .character-06 .character-visual-scaling{width:57.9166666667%;max-width:278px}
[data-barba-namespace=system] #library-02 .character-06 .character-visual-scaling-inner{padding-top:131.1151079137%}
[data-barba-namespace=system] #library-02 .character-07 .character-visual-scaling{width:73.75%;max-width:354px}
[data-barba-namespace=system] #library-02 .character-07 .character-visual-scaling-inner{padding-top:109.604519774%}
[data-barba-namespace=gallery] main{padding-top:1em;padding-bottom:1em}
@media screen and (max-width: 960px){[data-barba-namespace=gallery] main{padding-top:45px}
}
[data-barba-namespace=gallery] #content:has(#sub_content)::before{display:none}
[data-barba-namespace=gallery] .content_nav [data-content=movie]{background-image:url(../img/gallery/navi/nav_movie.png)}
[data-barba-namespace=gallery] .content_nav [data-content=movie]::after{background-image:url(../img/gallery/navi/nav_movie.png)}
[data-barba-namespace=gallery] .content_nav [data-content=screenshot]{background-image:url(../img/gallery/navi/nav_screenshot.png)}
[data-barba-namespace=gallery] .content_nav [data-content=screenshot]::after{background-image:url(../img/gallery/navi/nav_screenshot.png)}
[data-barba-namespace=gallery] .content_nav [data-content=collabo]{background-image:url(../img/gallery/navi/nav_collabo.png)}
[data-barba-namespace=gallery] .content_nav [data-content=collabo]::after{background-image:url(../img/gallery/navi/nav_collabo.png)}
[data-barba-namespace=gallery] .content_nav [data-content=memory]{background-image:url(../img/gallery/navi/nav_memory.png)}
[data-barba-namespace=gallery] .content_nav [data-content=memory]::after{background-image:url(../img/gallery/navi/nav_memory.png)}
[data-barba-namespace=gallery] .content_nav [data-content=release]{background-image:url(../img/gallery/navi/nav_release.png)}
[data-barba-namespace=gallery] .content_nav [data-content=release]::after{background-image:url(../img/gallery/navi/nav_release.png)}
[data-barba-namespace=special] main{padding-top:1em;padding-bottom:1em}
@media screen and (max-width: 960px){[data-barba-namespace=special] main{padding-top:45px}
}
[data-barba-namespace=special] .content_nav [data-content=goods]{background-image:url(../img/special/navi/nav_goods.png)}
[data-barba-namespace=special] .content_nav [data-content=goods]::after{background-image:url(../img/special/navi/nav_goods.png)}
[data-barba-namespace=special] .content_nav [data-content=fankit]{background-image:url(../img/special/navi/nav_fankit.png)}
[data-barba-namespace=special] .content_nav [data-content=fankit]::after{background-image:url(../img/special/navi/nav_fankit.png)}
[data-barba-namespace=special] .sub_content_nav.goods [data-sub_content=official_store]{width:36.5476190476vw;max-width:230.25px;min-width:138.15px;height:7.0238095238vw;max-height:44.25px;min-height:26.55px;background-image:url(../img/special/goods/navi/nav_official_store.png)}
[data-barba-namespace=special] .sub_content_nav.goods [data-sub_content=official_store]::after{background-image:url(../img/special/goods/navi/nav_official_store.png)}
[data-barba-namespace=special] .sub_content_nav.goods [data-sub_content=village-v]{width:41.7857142857vw;max-width:263.25px;min-width:157.95px;height:7.0238095238vw;max-height:44.25px;min-height:26.55px;background-image:url(../img/special/goods/navi/nav_village-v.png)}
[data-barba-namespace=special] .sub_content_nav.goods [data-sub_content=village-v]::after{background-image:url(../img/special/goods/navi/nav_village-v.png)}
[data-barba-namespace=special] .text{width:80vw;text-align:center}
@media screen and (max-width: 960px){[data-barba-namespace=special] .text{width:initial;text-align:left;padding-left:3%;padding-right:3%}
[data-barba-namespace=special] .text .d-inline-block{display:inline}
}
[data-barba-namespace=special] #official_store #goods .media-list{max-width:initial;margin-top:1em}
[data-barba-namespace=special] #official_store #goods .media-list>li{max-width:23%;margin:1%}
@media screen and (max-width: 1280px){[data-barba-namespace=special] #official_store #goods .media-list>li{max-width:30.3333333333%;margin:1.5%}
}
@media screen and (max-width: 800px){[data-barba-namespace=special] #official_store #goods .media-list>li{max-width:47%}
}
[data-barba-namespace=special] #official_store #goods .media-text{font-size:clamp(13px,1.2vw,20px);line-height:1.5;text-align:center;margin-top:.5em}
[data-barba-namespace=special] #official_store #goods .media-text small{font-size:.7em}
[data-barba-namespace=special] #official_store #goods .store-link{display:inline-block;position:relative}
[data-barba-namespace=special] #official_store #goods .store-link.sold_out{pointer-events:none}
[data-barba-namespace=special] #official_store #goods .store-link.sold_out::before{content:"販売終了";width:100%;height:100%;color:#e41217;font-size:16px;font-size:clamp(16px,3vw,20px);font-weight:bold;letter-spacing:.25em;text-shadow:1px 1px 0px #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:0;top:0;z-index:1}
[data-barba-namespace=special] #official_store #goods .store-link.sold_out img{-webkit-filter:brightness(0.25);filter:brightness(0.25)}
[data-barba-namespace=special] #official_store #goods .store-link-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:.5em}
[data-barba-namespace=special] #official_store #goods .store-link-list li{margin:1%}
[data-barba-namespace=special] #official_store #goods .store-link-list a{display:inline-block;position:relative}
[data-barba-namespace=special] #official_store #goods .store-link-list img{width:90%;max-width:206px}
[data-barba-namespace=special] #village-v h2{text-align:center;padding-top:1.5em}
@media screen and (max-width: 960px){[data-barba-namespace=special] #village-v h2{padding-top:0}
}
[data-barba-namespace=special] #village-v h2 img{width:100%;max-width:1080px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.5);box-shadow:0px 0px 10px 0px rgba(0,0,0,.5)}
[data-barba-namespace=special] #village-v #summary .text{text-align:left}
[data-barba-namespace=special] #village-v #goods .media-list{max-width:initial}
[data-barba-namespace=special] #village-v #goods .media-list>li{max-width:23%;margin:1%}
@media screen and (max-width: 1280px){[data-barba-namespace=special] #village-v #goods .media-list>li{max-width:30.3333333333%;margin:1.5%}
}
@media screen and (max-width: 800px){[data-barba-namespace=special] #village-v #goods .media-list>li{max-width:47%}
}
[data-barba-namespace=special] #village-v #goods .media-text{font-size:clamp(13px,1.2vw,20px);line-height:1.5;text-align:center;margin-top:.5em}
[data-barba-namespace=special] #village-v #goods .media-text small{font-size:.7em}
[data-barba-namespace=special] #fankit h2{text-align:center;padding-top:1.5em}
@media screen and (max-width: 960px){[data-barba-namespace=special] #fankit h2{padding-top:0}
}
[data-barba-namespace=special] #fankit h2 img{width:100%;max-width:1080px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.5);box-shadow:0px 0px 10px 0px rgba(0,0,0,.5)}
[data-barba-namespace=special] #fankit nav [href="#logo"]{width:18.5714285714vw;max-width:117px;min-width:70.2px;height:7.0238095238vw;max-height:44.25px;min-height:26.55px;background-image:url(../img/special/fankit/nav_logo.png);display:inline-block}
[data-barba-namespace=special] #fankit nav [href="#logo"]::after{background-image:url(../img/special/fankit/nav_logo.png)}
[data-barba-namespace=special] #fankit nav [href="#main_visual"]{width:38.3333333333vw;max-width:241.5px;min-width:144.9px;height:7.0238095238vw;max-height:44.25px;min-height:26.55px;background-image:url(../img/special/fankit/nav_main_visual.png);display:inline-block}
[data-barba-namespace=special] #fankit nav [href="#main_visual"]::after{background-image:url(../img/special/fankit/nav_main_visual.png)}
[data-barba-namespace=special] #fankit nav [href="#illust"]{width:24.4047619048vw;max-width:153.75px;min-width:92.25px;height:7.0238095238vw;max-height:44.25px;min-height:26.55px;background-image:url(../img/special/fankit/nav_illust.png);display:inline-block}
[data-barba-namespace=special] #fankit nav [href="#illust"]::after{background-image:url(../img/special/fankit/nav_illust.png)}
[data-barba-namespace=special] #fankit nav [href="#character"]{width:31.7857142857vw;max-width:200.25px;min-width:120.15px;height:7.0238095238vw;max-height:44.25px;min-height:26.55px;background-image:url(../img/special/fankit/nav_character.png);display:inline-block}
[data-barba-namespace=special] #fankit nav [href="#character"]::after{background-image:url(../img/special/fankit/nav_character.png)}
[data-barba-namespace=special] #fankit nav ul{width:100%;max-width:80vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:1em 0;margin:-1% auto}
@media screen and (max-width: 960px){[data-barba-namespace=special] #fankit nav ul{max-width:94%}
}
[data-barba-namespace=special] #fankit nav li{position:relative;margin:1%}
[data-barba-namespace=special] #fankit nav li.new::before{content:"";width:5vw;min-width:10px;max-width:30px;height:5.4411764706vw;min-height:10.8823529412px;max-height:32.6470588235px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
[data-barba-namespace=special] #fankit nav a{background:left 0%/auto 200% no-repeat;display:block;position:relative}
[data-barba-namespace=special] #fankit nav a.disabled{-webkit-filter:brightness(0.35);filter:brightness(0.35);pointer-events:none}
[data-barba-namespace=special] #fankit nav a::after{content:"";width:100%;height:100%;background:left 100%/auto 200% no-repeat;position:absolute;left:0;top:0;-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0}
[data-barba-namespace=special] #fankit nav a:hover::after{opacity:1}
[data-barba-namespace=special] #fankit .download-button:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
[data-barba-namespace=special] #fankit .download-button img{width:80vw;max-width:381px;-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
[data-barba-namespace=special] #fankit .media-list{max-width:initial}
[data-barba-namespace=special] #fankit .media-list>li img{width:100%}
[data-barba-namespace=special] #fankit #illust .media-list>li{max-width:30.3333333333%}
@media screen and (max-width: 960px){[data-barba-namespace=special] #fankit #illust .media-list>li{max-width:47%}
}
[data-barba-namespace=special] #fankit #character .media-list>li{max-width:16.6666666667%;margin:0%}
@media screen and (max-width: 1280px){[data-barba-namespace=special] #fankit #character .media-list>li{max-width:20%}
}
@media screen and (max-width: 960px){[data-barba-namespace=special] #fankit #character .media-list>li{max-width:25%}
}
@media screen and (max-width: 640px){[data-barba-namespace=special] #fankit #character .media-list>li{max-width:33.3333333333%}
}
[data-current_page=topics_list] .swiper-wrapper{max-width:80vw;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){[data-current_page=topics_list] .swiper-wrapper{max-width:initial}
}
[data-current_page=topics_list] .swiper-slide{width:23%;height:auto;padding:1.5em;padding:clamp(.5em,3.6vw,1.5em);margin:1%}
@media screen and (max-width: 1800px){[data-current_page=topics_list] .swiper-slide{width:31.3333333333%;padding:clamp(.5em,2.1vw,1.8em)}
}
@media screen and (max-width: 1060px){[data-current_page=topics_list] .swiper-slide{width:48%;padding:clamp(.5em,3.6vw,1.8em)}
}
[data-current_page=topics_list] .swiper-slide:has(>a){-webkit-transition:opacity .25s;transition:opacity .25s}
[data-current_page=topics_list] .swiper-slide:has(>a):hover{opacity:.7}
[data-current_page=topics_list] .swiper-slide::before{content:"";width:100%;height:100%;background:url(../img/topics_list/frame_bg.png) center center/100% 100% no-repeat;position:absolute;left:0;top:0;z-index:-1}
[data-current_page=topics_list] .swiper-slide::after{content:"";width:100%;height:100%;background:url(../img/deco/deco_left_top.png) left 2% top 3%/25% auto no-repeat,url(../img/deco/deco_right_bottom.png) right 2.5% bottom 4%/25% auto no-repeat;-webkit-filter:invert(0.8) hue-rotate(180deg);filter:invert(0.8) hue-rotate(180deg);opacity:.5;position:absolute;left:0;top:0;z-index:-1}
[data-current_page=topics_list] .swiper-slide.new .topics-image::before{content:"";width:5vw;min-width:25px;max-width:42.5px;height:5.4411764706vw;min-height:27.2058823529px;max-height:46.25px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(0, 0);transform:translate(0, 0);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
[data-current_page=topics_list] .swiper-slide a.popup-movie::after{display:none}
[data-current_page=topics_list] .topics-image{position:relative}
[data-current_page=topics_list] .topics-image img{width:100%;border:solid 1px #1e0606}
[data-current_page=topics_list] .topics-text{font-family:"Zen Kurenaido",sans-serif;font-weight:normal;color:#fff;letter-spacing:.05em;line-height:1.4;text-align:left;margin-top:.5em}
[data-current_page=topics_list] .topics-date{font-size:clamp(9px,1.125vw,12px)}
[data-current_page=topics_list] .topics-summary{font-size:clamp(12px,1.5vw,16px)}
[data-current_page=topics_list] .topics-summary a{color:#f18d71;-webkit-transition:color .25s;transition:color .25s}
[data-current_page=topics_list] .topics-summary a:hover{color:rgba(169,43,52,.7)}
[data-current_page=product] footer{color:#000;background:url(../img/bg_footer_order_guide.webp) center center/100% 100% no-repeat;-webkit-filter:initial;filter:initial}
@media screen and (max-width: 960px){[data-current_page=product] footer{background-image:url(../img/bg_footer_order_guide_sp.webp)}
}
[data-current_page=product] footer .black{display:inline}
[data-current_page=product] footer .white{display:none}
[data-barba-namespace=product] main{position:relative}
[data-barba-namespace=product] .bg{width:100%;height:100%;background:url(../img/top/bg.webp) center center/cover no-repeat;position:fixed;left:0;top:0;z-index:-2}
@media screen and (max-width: 960px){[data-barba-namespace=product] .bg{background-image:url(../img/top/bg_sp.webp)}
}
#order_guide{color:#fff}
#order_guide .media_nav,#order_guide .edition_nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#order_guide .media_nav button,#order_guide .edition_nav button{-webkit-transition:opacity .25s;transition:opacity .25s;opacity:.7}
#order_guide .media_nav button:hover,#order_guide .edition_nav button:hover{opacity:1}
#order_guide .media_nav button.selected,#order_guide .edition_nav button.selected{-webkit-transition:initial;transition:initial;opacity:1;pointer-events:none}
#order_guide .media_nav img,#order_guide .edition_nav img{max-width:100%}
#order_guide .media_nav{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:100px;margin-bottom:clamp(35px,9vw,100px)}
#order_guide .media_nav li{width:35vw;max-width:381px;margin-left:1em;margin-right:1em}
@media screen and (max-width: 640px){#order_guide .media_nav li{width:50vw}
}
#order_guide .media_nav button{width:100%;height:0;padding-top:19.9475065617%;background:left top/100% auto no-repeat}
#order_guide .media_nav button[data-media=package]{background-image:url(../img/product/media_nav_package.png)}
#order_guide .media_nav button[data-media=download]{background-image:url(../img/product/media_nav_download.png)}
#order_guide .media_nav button.selected{background-position:0% 100%}
#order_guide .edition_nav{position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, -80%);transform:translate(-50%, -80%)}
#order_guide .edition_nav button{-webkit-filter:contrast(0.5);filter:contrast(0.5);position:relative}
#order_guide .edition_nav button.selected{-webkit-filter:contrast(1);filter:contrast(1);-webkit-transform:initial;transform:initial}
#order_guide .edition_nav li{margin:1%}
#order_guide .edition_nav img{width:26vw;max-width:258px}
@media screen and (max-width: 960px){#order_guide .edition_nav img{width:30vw}
}
#order_guide .media_content{position:relative;margin-left:auto;margin-right:auto;z-index:1}
@media screen and (max-width: 960px){#order_guide .media_content{width:auto;min-width:initial}
}
#order_guide .media_content-frame{display:inline-block;border:solid 4px #2a1909;border-width:clamp(1px,.5vw,4px);border-radius:24px;border-radius:clamp(6px,3vw,24px);margin-left:auto;margin-right:auto}
#order_guide .media_content-frame-inner{min-width:55vw;max-width:80vw;background-color:rgba(42,25,9,.8);border:solid 4px #bdab91;border-width:clamp(1px,.5vw,4px);border-radius:20px;border-radius:clamp(5px,2.5vw,20px);-webkit-box-shadow:0px 0px 60px 60px #2a1909 inset;box-shadow:0px 0px 60px 60px #2a1909 inset;padding:1em;display:inline-block;position:relative}
@media screen and (max-width: 960px){#order_guide .media_content-frame-inner{max-width:initial}
}
#order_guide .media_content-frame-inner em{color:#ff848d}
#order_guide .media_content-frame .edition_nav{pointer-events:none}
#order_guide .media_content-frame .edition_nav button{visibility:hidden}
#order_guide .media_content-frame .edition_nav button.selected{visibility:visible}
#order_guide .media_content>.edition_nav{top:8px;top:clamp(1px,1vw,8px)}
#order_guide .media_content .media{border-width:1px}
#order_guide .media_content .media-list{width:50%;max-width:450px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:initial}
@media screen and (max-width: 640px){#order_guide .media_content .media-list{width:initial}
}
#order_guide .media_content .media-list>li:only-child{max-width:100%}
@media screen and (max-width: 640px){#order_guide .media_content .media-container:only-child{max-width:100%}
}
#order_guide .edition_content .text{font-weight:normal;padding:1em;padding:clamp(0px,1vw,1em)}
#order_guide .edition_content .text em{font-weight:bold}
#order_guide .first_benefits_content .text{font-weight:normal;padding:1em;padding:clamp(0px,1vw,1em)}
#order_guide .first_benefits_content .text em{font-weight:bold}
#order_guide .platform_nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
#order_guide .platform_nav li{width:24vw;max-width:204.8px;margin:.5%}
@media screen and (max-width: 640px){#order_guide .platform_nav li{width:49%}
}
#order_guide .platform_nav a{display:inline-block;position:relative}
#order_guide .platform_nav img{width:100%}
#order_guide .platform_nav .store-link.coming_soon{pointer-events:none}
#order_guide .platform_nav .store-link.coming_soon::before{content:"Coming soon...";width:100%;height:100%;color:#fff;font-size:16px;font-size:clamp(16px,3vw,20px);font-weight:bold;letter-spacing:0;text-shadow:1px 1px 0px #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:0;top:0;z-index:1}
#order_guide .platform_nav .store-link.coming_soon img{-webkit-filter:brightness(0.25);filter:brightness(0.25)}
#order_guide .platform_nav .store-link.sold_out{pointer-events:none}
#order_guide .platform_nav .store-link.sold_out::before{content:"販売終了";width:100%;height:100%;color:#e41217;font-size:16px;font-size:clamp(16px,3vw,20px);font-weight:bold;letter-spacing:.25em;text-shadow:1px 1px 0px #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:0;top:0;z-index:1}
#order_guide .platform_nav .store-link.sold_out img{-webkit-filter:brightness(0.25);filter:brightness(0.25)}
#order_guide .edition_detail-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media screen and (max-width: 960px){#order_guide .edition_detail-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
#order_guide .edition_detail-container{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1.2;margin-left:1em;margin-left:clamp(.5em,1vw,1em)}
@media screen and (max-width: 960px){#order_guide .edition_detail-container{margin-left:initial}
}
#order_guide .edition_detail-container ul{display:inline-block}
@media screen and (max-width: 960px){#order_guide .edition_detail-container ul{margin-top:.5em}
}
#order_guide .edition_detail-container li{text-align:left;margin:1em}
@media screen and (max-width: 960px){#order_guide .edition_detail-container li{margin:.5em}
}
#order_guide .edition_detail-container small{font-weight:normal}
#order_guide .price{display:inline-block;margin-top:1em}
#order_guide .price .sub_caption{margin-bottom:.5em}
#order_guide .price table{margin-left:auto;margin-right:auto}
#order_guide .price th,#order_guide .price td{padding-top:.5em;padding-bottom:.5em;vertical-align:middle}
#order_guide .price th{font-size:.8em;white-space:nowrap}
#order_guide .price td{text-align:left;padding-left:2em}
#order_guide .price small{font-size:.7em}
#order_guide .contents .bullet-point{text-indent:-1em}
#order_guide .contents small{font-size:.7em}
#order_guide .media_content.package .edition_content.nippon1_limited .edition_detail-container .price{display:none}
@media screen and (max-width: 960px){#order_guide .media_content.package .edition_content.nippon1_limited .edition_detail-container .price{display:initial}
}
@media screen and (max-width: 960px){#order_guide .media_content.package .edition_content.nippon1_limited .contents{margin-top:1.5em}
}
#order_guide .media_content.package .edition_content.nippon1_limited .media{border:initial}
@media screen and (max-width: 960px){#order_guide .media_content.package .edition_content.nippon1_limited>.price{display:none}
}
#order_guide .media_content.package .edition_content.standard .frame{width:initial;max-width:80%;margin:initial}
#order_guide .media_content.package .edition_content.standard .media-list{width:100%;max-width:600px;margin-left:auto;margin-right:auto}
#order_guide .media_content.package .edition_content.standard .media-list li:nth-child(1),#order_guide .media_content.package .edition_content.standard .media-list li:nth-child(2){max-width:25.1119920714%;margin:2.7561942517%}
#order_guide .media_content.package .edition_content.standard .media-list li:nth-child(3){max-width:31.7760158573%;margin:3.4876114965%}
#order_guide .media_content.package .edition_content.standard .media-list li img{width:100%;-webkit-box-shadow:0px 0px 6px rgba(0,0,0,.5);box-shadow:0px 0px 6px rgba(0,0,0,.5)}
#order_guide .media_content.download .edition_content.digital_dx .edition_detail-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#order_guide .media_content.download .edition_content.digital_dx .edition_detail-container .price{display:none}
@media screen and (max-width: 960px){#order_guide .media_content.download .edition_content.digital_dx .edition_detail-container .price{display:initial}
}
@media screen and (max-width: 960px){#order_guide .media_content.download .edition_content.digital_dx .contents{margin-top:1.5em}
}
@media screen and (max-width: 960px){#order_guide .media_content.download .edition_content.digital_dx>.price{display:none}
}
#order_guide .media_content.download .edition_content.standard .media{-webkit-box-shadow:0px 0px 6px rgba(0,0,0,.5);box-shadow:0px 0px 6px rgba(0,0,0,.5)}
#order_guide .media_content.download .edition_content.standard .media-list{max-width:450px;display:inline-block}
#order_guide .soundtrack-button{width:276.48px;max-width:55vw;display:inline-block;position:relative}
#order_guide .soundtrack-button.new::before{content:"";width:5vw;min-width:10px;max-width:30px;height:5.4411764706vw;min-height:10.8823529412px;max-height:32.6470588235px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
#order_guide .soundtrack-button img{width:100%}
#soundtrack{font-family:"Kaisei Opti",serif;font-weight:bold;letter-spacing:.1em;line-height:1.6;text-align:center}
#cboxLoadedContent:has(#soundtrack){overflow-y:auto !important;scrollbar-width:none;-ms-overflow-style:none}
#cboxLoadedContent:has(#soundtrack)::-webkit-scrollbar{display:none}
#soundtrack table{margin-left:auto;margin-right:auto}
#soundtrack th,#soundtrack td{vertical-align:baseline;position:relative}
#soundtrack th.new::before,#soundtrack td.new::before{content:"";width:5vw;min-width:10px;max-width:30px;height:5.4411764706vw;min-height:10.8823529412px;max-height:32.6470588235px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;left:0;top:0;-webkit-transform:translate(-100%, 0%);transform:translate(-100%, 0%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
#soundtrack th{text-align:right;padding-right:.5em}
#soundtrack td{text-align:left}
#soundtrack .frame-inner{min-width:initial;padding-left:clamp(1em,5vw,2em);padding-right:clamp(1em,5vw,2em)}
#soundtrack .sound-button{max-width:2em;max-height:2em;-webkit-transform:translate(0, -5%);transform:translate(0, -5%)}
#store_benefits{color:#fff}
#store_benefits .text{text-shadow:0px 0px 10px #000}
#store_benefits .store-list{max-width:80vw;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){#store_benefits .store-list{max-width:100%}
}
#store_benefits .store-list>li{width:31.3333333333%;margin:1%}
@media screen and (max-width: 960px){#store_benefits .store-list>li{width:48%;margin:4% 1%}
}
#store_benefits .store-frame{height:100%;background-color:rgba(42,25,9,.8);border-radius:15px;border-radius:clamp(3.75px,1.875vw,15px);padding:3%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#store_benefits .store-name{font-size:10px;font-size:clamp(10px,1.6vw,1.3em);letter-spacing:normal;margin-bottom:.5em}
@media screen and (max-width: 960px){#store_benefits .store-name{font-size:clamp(10px,2.7vw,1.3em)}
}
#store_benefits .store-name span{padding-left:0;padding-right:0}
#store_benefits .store-name span::before{bottom:.1em}
#store_benefits .store-image{width:80%;margin-left:auto;margin-right:auto}
#store_benefits .store-image img{width:100%;border-width:1px}
#store_benefits .store-between{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#store_benefits .store-goods{font-size:10px;font-size:clamp(10px,1.3vw,1.2em);letter-spacing:normal;text-align:center;margin-top:.5em;margin-left:-0.5em;margin-left:clamp(-1em,-1vw,-0.5em);margin-right:-0.5em;margin-right:clamp(-1em,-1vw,-0.5em)}
@media screen and (max-width: 960px){#store_benefits .store-goods{font-size:clamp(8px,2.5vw,1.2em)}
}
#store_benefits .store-goods ul{display:inline-block;text-align:left}
#store_benefits .store-link{display:inline-block;position:relative}
#store_benefits .store-link.sold_out{pointer-events:none}
#store_benefits .store-link.sold_out::before{content:"販売終了";width:100%;height:100%;color:#e41217;font-size:16px;font-size:clamp(16px,3vw,20px);font-weight:bold;letter-spacing:.25em;text-shadow:1px 1px 0px #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:0;top:0;z-index:1}
#store_benefits .store-link.sold_out img{-webkit-filter:brightness(0.25);filter:brightness(0.25)}
#store_benefits .store-link-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:.5em}
#store_benefits .store-link-list li{margin:1%}
#store_benefits .store-link-list a{display:inline-block;position:relative}
#store_benefits .store-link-list img{width:90%;max-width:206px}
#store_benefits .deco-wrapper{max-width:initial}
#spec{margin-bottom:-2px}
#spec .bg{width:100%;height:100%;background:url(../img/top/bg_spec.webp) center center/100% 100% no-repeat;position:absolute;left:0;top:0;z-index:-1}
@media screen and (max-width: 1400px){#spec .bg{background-size:auto 100%}
}
@media screen and (max-width: 960px){#spec .bg{background-image:url(../img/top/bg_spec_sp.webp)}
}
#spec .spec-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:1em;margin-bottom:2em;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){#spec .spec-wrapper{max-width:initial;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:4em}
}
@media screen and (max-width: 960px){#spec .spec-container:last-child{margin-top:1em}
}
#spec .spec-image{width:35vw;max-width:350px;border:solid 4px #61452b;border-width:clamp(1px,.6vw,4px);margin:0em;margin:clamp(0em,2.5vw,3em)}
@media screen and (max-width: 960px){#spec .spec-image{width:65vw;max-width:450px}
}
#spec .spec-table{text-align:left}
@media screen and (max-width: 960px){#spec .spec-table{padding-left:0}
}
#spec .spec-table>tbody>tr>th,#spec .spec-table>tbody>tr>td{padding:.25em 0em;padding:clamp(.25em,2vw,.5em) clamp(0em,1vw,.75em)}
#spec .spec-table>tbody>tr>th{text-align:center;white-space:nowrap;padding-left:0}
#spec .spec-table>tbody>tr>td{color:#fff;vertical-align:middle;padding-right:0}
#spec .spec-table .cero{width:16vw;max-width:180px;-webkit-filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3));filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3));margin-top:.3em}
#spec .price-table>tbody>tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:.5em}
#spec .price-table>tbody>tr:first-child{margin-top:0}
#spec .price-table>tbody>tr>th{font-size:.8em}
[data-barba-namespace=trial] .platform_nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
[data-barba-namespace=trial] .platform_nav li{width:24vw;max-width:204.8px;margin:.5%}
@media screen and (max-width: 640px){[data-barba-namespace=trial] .platform_nav li{width:49%}
}
[data-barba-namespace=trial] .platform_nav a{display:inline-block;position:relative}
[data-barba-namespace=trial] .platform_nav img{width:100%}
[data-barba-namespace=trial] h2{text-align:center;padding-top:1.5em}
@media screen and (max-width: 960px){[data-barba-namespace=trial] h2{padding-top:0}
}
[data-barba-namespace=trial] h2 img{width:100%;max-width:1080px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.5);box-shadow:0px 0px 10px 0px rgba(0,0,0,.5)}
[data-barba-namespace=trial] a{color:#a9482b;-webkit-transition:color .25s;transition:color .25s}
[data-barba-namespace=trial] a:hover{color:rgba(169,72,43,.7)}
[data-barba-namespace=trial] #download{width:100%;background:url(../img/top/topics_frame_left_shadow.png) left top 55%/auto 92% no-repeat,url(../img/top/topics_frame_right_shadow.png) right top 55%/auto 92% no-repeat,url(../img/top/topics_frame_loop.png) center center/auto 100% repeat-x;padding-top:80px;padding-top:clamp(50px,15vw,80px);padding-bottom:80px;padding-bottom:clamp(50px,15vw,80px)}
[data-barba-namespace=trial] .manual-button:hover img,[data-barba-namespace=trial] .fankit-button:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
[data-barba-namespace=trial] .manual-button img,[data-barba-namespace=trial] .fankit-button img{width:80vw;max-width:381px;-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
[data-barba-namespace=trial] #transfer .text{text-align:left}
[data-barba-namespace=trial] #transfer .platform{padding-left:1em;margin-top:1em}
[data-barba-namespace=trial] #transfer .platform-name{font-weight:bold;text-indent:-1em}
[data-barba-namespace=trial] #transfer .platform .flow{margin-top:1em}
[data-barba-namespace=release_event] h2{text-align:center;padding-top:1.5em}
@media screen and (max-width: 960px){[data-barba-namespace=release_event] h2{padding-top:0}
}
[data-barba-namespace=release_event] h2 img{width:100%;max-width:1080px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.5);box-shadow:0px 0px 10px 0px rgba(0,0,0,.5)}
[data-barba-namespace=release_event] nav [href="#raffle"]{width:22.2619047619vw;max-width:140.25px;min-width:84.15px;height:7.0238095238vw;max-height:44.25px;min-height:26.55px;background-image:url(../topics/release_event/img/nav_raffle.png);display:inline-block}
[data-barba-namespace=release_event] nav [href="#raffle"]::after{background-image:url(../topics/release_event/img/nav_raffle.png)}
[data-barba-namespace=release_event] nav [href="#playable_demo"]{width:22.2619047619vw;max-width:140.25px;min-width:84.15px;height:7.0238095238vw;max-height:44.25px;min-height:26.55px;background-image:url(../topics/release_event/img/nav_playable_demo.png);display:inline-block}
[data-barba-namespace=release_event] nav [href="#playable_demo"]::after{background-image:url(../topics/release_event/img/nav_playable_demo.png)}
[data-barba-namespace=release_event] nav [href="#overview"]{width:31.7857142857vw;max-width:200.25px;min-width:120.15px;height:7.0238095238vw;max-height:44.25px;min-height:26.55px;background-image:url(../topics/release_event/img/nav_overview.png);display:inline-block}
[data-barba-namespace=release_event] nav [href="#overview"]::after{background-image:url(../topics/release_event/img/nav_overview.png)}
[data-barba-namespace=release_event] nav ul{width:100%;max-width:80vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:1em 0;margin:-1% auto}
@media screen and (max-width: 960px){[data-barba-namespace=release_event] nav ul{max-width:94%}
}
[data-barba-namespace=release_event] nav li{position:relative;margin:1%}
[data-barba-namespace=release_event] nav li.new::before{content:"";width:5vw;min-width:10px;max-width:30px;height:5.4411764706vw;min-height:10.8823529412px;max-height:32.6470588235px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
[data-barba-namespace=release_event] nav a{background:left 0%/auto 200% no-repeat;display:block;position:relative}
[data-barba-namespace=release_event] nav a.disabled{-webkit-filter:brightness(0.35);filter:brightness(0.35);pointer-events:none}
[data-barba-namespace=release_event] nav a::after{content:"";width:100%;height:100%;background:left 100%/auto 200% no-repeat;position:absolute;left:0;top:0;-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0}
[data-barba-namespace=release_event] nav a:hover::after{opacity:1}
[data-barba-namespace=release_event] .overview-table{background-color:hsla(0,0%,100%,.8);border-collapse:collapse;margin-left:auto;margin-right:auto}
[data-barba-namespace=release_event] .overview-table>tbody>tr>th,[data-barba-namespace=release_event] .overview-table>tbody>tr>td{padding:.25em .5em;border:1px solid #1e0606}
[data-barba-namespace=release_event] .overview-table>tbody>tr>th{font-weight:bold;text-align:center;vertical-align:middle;white-space:nowrap}
[data-barba-namespace=release_event] .overview-table>tbody>tr>th.date,[data-barba-namespace=release_event] .overview-table>tbody>tr>th.place{letter-spacing:1em;padding-left:1.5em}
[data-barba-namespace=release_event] .overview-table>tbody>tr>td{text-align:left}
[data-barba-namespace=release_event] #playable_demo .media-list img{width:100%;max-width:200px;-webkit-filter:drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.5));filter:drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.5))}
[data-barba-namespace=release_event] #playable_demo .media-text{width:100%;text-align:center}
@media screen and (max-width: 960px){[data-barba-namespace=fankit] main{padding-top:50px}
}
[data-barba-namespace=fankit] h2{text-align:center;padding-top:1.5em}
@media screen and (max-width: 960px){[data-barba-namespace=fankit] h2{padding-top:0}
}
[data-barba-namespace=fankit] h2 img{width:100%;max-width:1080px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.5);box-shadow:0px 0px 10px 0px rgba(0,0,0,.5)}
[data-barba-namespace=fankit] nav [href="#logo"]{width:18.5714285714vw;max-width:117px;min-width:70.2px;height:7.0238095238vw;max-height:44.25px;min-height:26.55px;background-image:url(../topics/fankit/img/nav_logo.png);display:inline-block}
[data-barba-namespace=fankit] nav [href="#logo"]::after{background-image:url(../topics/fankit/img/nav_logo.png)}
[data-barba-namespace=fankit] nav [href="#main_visual"]{width:38.3333333333vw;max-width:241.5px;min-width:144.9px;height:7.0238095238vw;max-height:44.25px;min-height:26.55px;background-image:url(../topics/fankit/img/nav_main_visual.png);display:inline-block}
[data-barba-namespace=fankit] nav [href="#main_visual"]::after{background-image:url(../topics/fankit/img/nav_main_visual.png)}
[data-barba-namespace=fankit] nav [href="#illust"]{width:24.4047619048vw;max-width:153.75px;min-width:92.25px;height:7.0238095238vw;max-height:44.25px;min-height:26.55px;background-image:url(../topics/fankit/img/nav_illust.png);display:inline-block}
[data-barba-namespace=fankit] nav [href="#illust"]::after{background-image:url(../topics/fankit/img/nav_illust.png)}
[data-barba-namespace=fankit] nav [href="#character"]{width:31.7857142857vw;max-width:200.25px;min-width:120.15px;height:7.0238095238vw;max-height:44.25px;min-height:26.55px;background-image:url(../topics/fankit/img/nav_character.png);display:inline-block}
[data-barba-namespace=fankit] nav [href="#character"]::after{background-image:url(../topics/fankit/img/nav_character.png)}
[data-barba-namespace=fankit] nav ul{width:100%;max-width:80vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:1em 0;margin:-1% auto}
@media screen and (max-width: 960px){[data-barba-namespace=fankit] nav ul{max-width:94%}
}
[data-barba-namespace=fankit] nav li{position:relative;margin:1%}
[data-barba-namespace=fankit] nav li.new::before{content:"";width:5vw;min-width:10px;max-width:30px;height:5.4411764706vw;min-height:10.8823529412px;max-height:32.6470588235px;background:url(../img/ico_new.png) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
[data-barba-namespace=fankit] nav a{background:left 0%/auto 200% no-repeat;display:block;position:relative}
[data-barba-namespace=fankit] nav a.disabled{-webkit-filter:brightness(0.35);filter:brightness(0.35);pointer-events:none}
[data-barba-namespace=fankit] nav a::after{content:"";width:100%;height:100%;background:left 100%/auto 200% no-repeat;position:absolute;left:0;top:0;-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0}
[data-barba-namespace=fankit] nav a:hover::after{opacity:1}
[data-barba-namespace=fankit] .download-button:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
[data-barba-namespace=fankit] .download-button img{width:80vw;max-width:381px;-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
[data-barba-namespace=fankit] .media-list{max-width:initial}
[data-barba-namespace=fankit] .media-list>li img{width:100%}
[data-barba-namespace=fankit] #illust .media-list>li{max-width:30.3333333333%}
@media screen and (max-width: 960px){[data-barba-namespace=fankit] #illust .media-list>li{max-width:47%}
}
[data-barba-namespace=fankit] #character .media-list>li{max-width:16.6666666667%;margin:0%}
@media screen and (max-width: 1280px){[data-barba-namespace=fankit] #character .media-list>li{max-width:20%}
}
@media screen and (max-width: 960px){[data-barba-namespace=fankit] #character .media-list>li{max-width:25%}
}
@media screen and (max-width: 640px){[data-barba-namespace=fankit] #character .media-list>li{max-width:33.3333333333%}
}
[data-barba-namespace=village-v] h2{text-align:center;padding-top:1.5em}
@media screen and (max-width: 960px){[data-barba-namespace=village-v] h2{padding-top:0}
}
[data-barba-namespace=village-v] h2 img{width:100%;max-width:1080px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.5);box-shadow:0px 0px 10px 0px rgba(0,0,0,.5)}
[data-barba-namespace=village-v] #goods .media-list{max-width:initial}
[data-barba-namespace=village-v] #goods .media-list>li{max-width:23%;margin:1%}
@media screen and (max-width: 1280px){[data-barba-namespace=village-v] #goods .media-list>li{max-width:30.3333333333%;margin:1.5%}
}
@media screen and (max-width: 800px){[data-barba-namespace=village-v] #goods .media-list>li{max-width:47%}
}
[data-barba-namespace=village-v] #goods .media-text{font-size:clamp(13px,1.2vw,20px);line-height:1.5;text-align:center;margin-top:.5em}
[data-barba-namespace=village-v] #goods .media-text small{font-size:.7em}