@charset "UTF-8";/*! Copyright (c) 2012 Google Inc. (opensource@google.com). This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL *//*! YakuHanJP OFL-1.1 AND MIT ----------------- SIL Open Font License version 1.1 Copyright Qrac This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL ----------------- MIT License Copyright Qrac Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. *//*! Copyright (c) 2010, NHN Corporation (http://www.nhncorp.com), with Reserved Font Name Nanum, Naver Nanum, NanumGothic, Naver NanumGothic, NanumMyeongjo, Naver NanumMyeongjo, NanumBrush, Naver NanumBrush, NanumPen, Naver NanumPen. This Font Software is licensed under the SIL Open Font License, Version 1.1 . This license is copied below, and is also available with a FAQ at: https://openfontlicense.org SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 *//*! Copyright 2014-2021 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source' This Font Software is licensed under the SIL Open Font License, Version 1.1 . This license is copied below, and is also available with a FAQ at: https://openfontlicense.org *//*! Copyright 2014-2021 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source' This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org *//*! Copyright 2012 Google Inc. All Rights Reserved. This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL *//*! Copyright 2014-2021 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source' This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL *//*! Copyright 2012 Google Inc. All Rights Reserved. This Font Software is licensed under the SIL Open Font License, Version 1.1 . This license is copied below, and is also available with a FAQ at: https://openfontlicense.org */#story main,#story main .main-wrapper #kv>h1>.category-title,#story main .main-wrapper #kv>h1>.page-title{font-feature-settings:"palt"}html[lang=ja] #story main,#story html[lang=ja] main,html[lang=ja] #story main .main-wrapper #kv>h1>.category-title,#story main .main-wrapper html[lang=ja] #kv>h1>.category-title,html[lang=ja] #story main .main-wrapper #kv>h1>.page-title,#story main .main-wrapper html[lang=ja] #kv>h1>.page-title{font-weight:700;font-family:font-web-lang,"Noto Serif JP","Noto Serif TC","Noto Serif SC","Noto Serif KR",serif}html[lang=en] #story main,#story html[lang=en] main,html[lang=en] #story main .main-wrapper #kv>h1>.category-title,#story main .main-wrapper html[lang=en] #kv>h1>.category-title,html[lang=en] #story main .main-wrapper #kv>h1>.page-title,#story main .main-wrapper html[lang=en] #kv>h1>.page-title{font-family:font-web-lang,"Noto Serif JP","Noto Serif TC","Noto Serif SC","Noto Serif KR",serif}html[lang=zh-Hant] #story main,#story html[lang=zh-Hant] main,html[lang=zh-Hant] #story main .main-wrapper #kv>h1>.category-title,#story main .main-wrapper html[lang=zh-Hant] #kv>h1>.category-title,html[lang=zh-Hant] #story main .main-wrapper #kv>h1>.page-title,#story main .main-wrapper html[lang=zh-Hant] #kv>h1>.page-title{font-family:font-web-lang,"Noto Serif TC","Noto Serif JP","Noto Serif SC","Noto Serif KR",serif}html[lang=zh-Hans] #story main,#story html[lang=zh-Hans] main,html[lang=zh-Hans] #story main .main-wrapper #kv>h1>.category-title,#story main .main-wrapper html[lang=zh-Hans] #kv>h1>.category-title,html[lang=zh-Hans] #story main .main-wrapper #kv>h1>.page-title,#story main .main-wrapper html[lang=zh-Hans] #kv>h1>.page-title{font-weight:700;font-family:font-web-lang,"Noto Serif SC","Noto Serif JP","Noto Serif TC","Noto Serif KR",serif}html[lang=ko] #story main,#story html[lang=ko] main,html[lang=ko] #story main .main-wrapper #kv>h1>.category-title,#story main .main-wrapper html[lang=ko] #kv>h1>.category-title,html[lang=ko] #story main .main-wrapper #kv>h1>.page-title,#story main .main-wrapper html[lang=ko] #kv>h1>.page-title{font-weight:800;font-family:font-web-lang,Noto Sans KR,sans-serif}.characters__wrapper__detail__description__name .bgname{font-weight:700;font-feature-settings:"palt"}html[lang=ja] .characters__wrapper__detail__description__name .bgname,.characters__wrapper__detail__description__name html[lang=ja] .bgname{font-family:font-web-lang}html[lang=en] .characters__wrapper__detail__description__name .bgname,.characters__wrapper__detail__description__name html[lang=en] .bgname,html[lang=zh-Hans] .characters__wrapper__detail__description__name .bgname,.characters__wrapper__detail__description__name html[lang=zh-Hans] .bgname,html[lang=zh-Hant] .characters__wrapper__detail__description__name .bgname,.characters__wrapper__detail__description__name html[lang=zh-Hant] .bgname,html[lang=ko] .characters__wrapper__detail__description__name .bgname,.characters__wrapper__detail__description__name html[lang=ko] .bgname{font-family:font-kaiminTsuki-ja}ruby{position:relative}ruby:before{content:attr(name-ruby);position:absolute;line-height:100%;text-align:center;left:-5em;right:-5em;transform-origin:bottom center;transform:scale(.5);bottom:1.1em}ruby rt{display:none}.zoom-btn,#story main .main-wrapper .story-area .zoom-btn{transition:filter .2s ease;transform:translateZ(0)}#story main .main-wrapper #kv:before{content:"";display:inline-block;background-size:cover;position:absolute;left:0;-webkit-mask-image:linear-gradient(to bottom,rgb(0,0,0) 30%,transparent);mask-image:linear-gradient(to bottom,rgb(0,0,0) 30%,transparent)}.characters__wrapper{position:relative;z-index:1}.characters__wrapper__bgleft{position:absolute;z-index:-1;pointer-events:none;left:0}.characters__wrapper__bgleft-2{position:absolute;pointer-events:none}.characters__wrapper__bgleft-chara{position:absolute;left:0;pointer-events:none}.characters__wrapper__bgleft-chara .wrap img{position:absolute;top:0;left:0;opacity:0;transition:.5s opacity}.characters__wrapper__bgleft-chara .wrap img.active{opacity:1}.characters__wrapper__movie{position:relative;pointer-events:none}.characters__wrapper__movie .wrap{position:relative;z-index:2;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgb(0,0,0) 10%,rgb(0,0,0) 80%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,#0000,#000 10%,#000 80%,#0000)}.characters__wrapper__movie .wrap ._list{opacity:0;transition:.5s opacity}.characters__wrapper__movie .wrap ._list.active{opacity:1}.characters__wrapper__movie .wrap ._list video{position:absolute;left:0}.characters__wrapper__movie:after{content:"";display:block;position:absolute;z-index:3;border-left:1px solid #84b4c4;border-bottom:1px solid #84b4c4}.characters__wrapper__movie:before{content:"";position:absolute;z-index:1;background:linear-gradient(to top right,rgba(184,220,236,.5),transparent 40%)}.characters__wrapper__detail{z-index:2}.characters__wrapper__detail__inner{position:absolute;top:0;left:0}.characters__wrapper__detail__description{position:relative}.characters__wrapper__detail__description .wrap{position:absolute;top:0;left:0;opacity:0;transition:.5s opacity;pointer-events:none}.characters__wrapper__detail__description .wrap.active{opacity:1;pointer-events:auto}.characters__wrapper__detail__description ._leftline{position:relative}.characters__wrapper__detail__description ._leftline:before{content:"";display:block;position:absolute;background:url(/assets/images/rhombus.ZGouZdSJ.svg) no-repeat;background-size:100% auto}.characters__wrapper__detail__description ._leftline:after{content:"";display:block;position:absolute;width:1px;background:#ffe0a4}.characters__wrapper__detail__description__name{display:inline-block;position:relative;vertical-align:middle}.characters__wrapper__detail__description__name .class{display:flex}.characters__wrapper__detail__description__name .class span.icon{display:inline-block}.characters__wrapper__detail__description__name .class .name-ruby{display:block}.characters__wrapper__detail__description__name .bgname{position:absolute;z-index:-1;transform:translateZ(0);color:transparent;-webkit-text-stroke:1px #5a6d74;width:100%;text-align:right}.characters__wrapper__detail__description__cv{display:flex}.characters__wrapper__detail__description__cv .cv-wrap .cv-name:last-child{margin-bottom:0}.characters__wrapper__detail__description__cv .cv-wrap .cv-name span a{position:relative;display:inline-block;transition:.5s filter;filter:drop-shadow(0 0 3px rgb(0,205,255)) drop-shadow(0 0 3px rgba(0,205,255,.99))}html:lang(zh-Hant) .characters__wrapper__detail__description__text p{white-space:nowrap}.characters__wrapper__detail__description__text p.catchcopy{color:#e7cd9c}.characters-area .anime_left{position:absolute;width:100%;-webkit-clip-path:inset(-10% 0 0 0);clip-path:inset(-10% 0 0 0);transition:.45s -webkit-clip-path cubic-bezier(.895,.03,.685,.22);transition:.45s clip-path cubic-bezier(.895,.03,.685,.22);transition:.45s clip-path cubic-bezier(.895,.03,.685,.22),.45s -webkit-clip-path cubic-bezier(.895,.03,.685,.22)}.characters-area .characters-area__bg{position:absolute;width:100%;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transition:-webkit-clip-path .45s .15s cubic-bezier(.895,.03,.685,.22);transition:clip-path .45s .15s cubic-bezier(.895,.03,.685,.22);transition:clip-path .45s .15s cubic-bezier(.895,.03,.685,.22),-webkit-clip-path .45s .15s cubic-bezier(.895,.03,.685,.22)}.characters-area .characters__anime{opacity:1;transition:opacity 1.5s .85s ease}.characters-area.anime .anime_left{-webkit-clip-path:inset(-10% 0 100% 0);clip-path:inset(-10% 0 100% 0)}.characters-area.anime .characters-area__bg{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}.characters-area.anime .characters__anime{opacity:0}.characters-navi{width:-webkit-fit-content;width:fit-content}.characters-navi-wrapper{position:relative;width:-webkit-fit-content;width:fit-content;margin-inline:auto}.characters-navi-list{position:relative;z-index:1;display:flex;justify-content:center}.characters-navi .navi-btn{position:relative;display:block;width:var(--image-width);height:var(--image-height)}.characters-navi .navi-btn:not(:first-of-type){margin-left:calc(var(--image-width) * -.5)}.characters-navi .navi-btn.active{pointer-events:none}.characters-navi .navi-btn img{position:absolute;pointer-events:none;top:0;left:0}.characters-navi .navi-btn-on{opacity:0;transition:.5s opacity}.characters-navi .navi-btn.active .navi-btn-on,.characters-navi .navi-btn:disabled .navi-btn-on{opacity:1}.characters-navi .arrow-btns{z-index:0;position:absolute;top:0;left:0;width:100%;height:100%}.characters-navi .arrow-btn{position:absolute}.characters-navi .arrow-btn-prev{cursor:pointer;box-sizing:content-box;padding-right:1px}.characters-navi .arrow-btn-prev img{transform-origin:center;transition:transform .2s,filter .2s;will-change:transform,filter}.characters-navi .arrow-btn-next{cursor:pointer}.characters-navi .arrow-btn-next img{transform-origin:center;transition:transform .2s,filter .2s;will-change:transform,filter;rotate:180deg}.characters-area .characters-navi{position:relative}.characters-area .characters-navi .navi-btn{-webkit-clip-path:polygon(0% var(--point-origin),var(--point-lt) 0%,100% 0%,var(--point-rb) var(--point-origin),var(--point-cr) var(--point-origin),var(--point-cb) 100%,var(--point-cl) var(--point-origin));clip-path:polygon(0% var(--point-origin),var(--point-lt) 0%,100% 0%,var(--point-rb) var(--point-origin),var(--point-cr) var(--point-origin),var(--point-cb) 100%,var(--point-cl) var(--point-origin))}.characters-area .arrow-btn{position:absolute}ruby:before{bottom:1em}.zoom-btn{cursor:pointer;position:relative;z-index:10}.zoom-btn span{display:inline-block}.zoom-btn div{display:flex;justify-content:center;align-items:center;border:2px solid #e7cd9c;line-height:1;color:#e7cd9c;border-radius:9999px;box-sizing:border-box;filter:drop-shadow(0 0 3px rgba(0,0,0,.5)) drop-shadow(0 0 3px rgba(0,0,0,.5))}.zoom-btn *{pointer-events:none}#story{background-color:#171d23}#story .deco-area{position:relative;text-align:center;pointer-events:none}#story .deco-area__bg .bgleft,#story .deco-area__bg .bgleft-2,#story .deco-area__bg .bgright,#story .deco-area__bg .bgright-2{position:absolute}#story .deco-area .hr-text{margin:0 auto;position:relative;display:inline-block;white-space:nowrap}#story .deco-area .hr-text:before{content:"";display:block;position:absolute;background:#fff}#story .deco-area .hr-text:after{content:"";display:block;position:absolute;background:#fff}#story main .main-wrapper:before{position:absolute;z-index:-1;top:0;left:0;width:100%;content:"";background-repeat:no-repeat;background-position:top center;background-size:100% auto}#story main .main-wrapper #kv>h1{position:relative;color:#fff7ea}#story main .main-wrapper #kv>h1>.category-title{position:relative}#story main .main-wrapper #kv>h1>.category-title:before{box-sizing:border-box;display:block;position:absolute;content:"";left:0;background-color:#e6cc9b}#story main .main-wrapper #kv>h1>.page-title{letter-spacing:.1em}#story main .main-wrapper #kv.no-deco:before{content:none}#story main .main-wrapper>.contents-area{position:relative}#story main .main-wrapper #kv{position:relative;z-index:2}#story main .main-wrapper .characters-area{position:relative}#story main .main-wrapper .characters-area .characters-area__bg .bgright{position:absolute}#story main .main-wrapper .characters-area .characters-area__bg .bgright-2{position:absolute}#story main .main-wrapper .characters-area .characters-area__bg .bgright-ttl{position:absolute;transform:rotate(45deg);text-align:left;letter-spacing:-.05em}#story main .main-wrapper .characters-area .characters-area__bg .bgright-line{position:absolute;z-index:-1}#story main .main-wrapper .characters-area .group-zoom-btns{position:absolute}#story main .main-wrapper .characters-area .group-zoom-btns ul{display:flex;justify-self:left}#story main .main-wrapper .characters-area .group-zoom-btns ul li img{pointer-events:none}#story main .main-wrapper .characters-area .group-zoom-btns ul li:nth-of-type(2){display:none}#story main .main-wrapper .story-area{position:relative}#story main .main-wrapper .story-area__bgright{position:absolute}#story main .main-wrapper .story-area__bgright-bg{position:absolute}#story main .main-wrapper .story-area__bgright-line{position:absolute}#story main .main-wrapper .story-area__bgright-bgchara{position:absolute;z-index:1}#story main .main-wrapper .story-area__bgright-bgchara img{position:absolute;opacity:0;transition:.5s opacity}#story main .main-wrapper .story-area__bgright-bgchara img.active{opacity:1}#story main .main-wrapper .story-area__bgleft-ttl{position:absolute;transform:rotate(45deg);text-align:left;letter-spacing:-.05em}#story main .main-wrapper .story-area__bgleft-ttl-line{position:absolute}#story main .main-wrapper .story-area__bgleft-bg{position:absolute}#story main .main-wrapper .story-area__bgleft-bg2{position:absolute}#story main .main-wrapper .story-area__thumb{position:-webkit-sticky;position:-webkit-sticky;position:sticky;z-index:3;display:flex;align-items:center}#story main .main-wrapper .story-area__thumb .wrap{position:relative}#story main .main-wrapper .story-area__thumb .wrap .prev,#story main .main-wrapper .story-area__thumb .wrap .next{position:absolute;left:50%;filter:drop-shadow(-1px -1px var(--drop-shadow-blur) black) drop-shadow(1px 1px var(--drop-shadow-blur) black)}#story main .main-wrapper .story-area__thumb .wrap .prev{cursor:pointer}#story main .main-wrapper .story-area__thumb .wrap .prev img{transform-origin:center;transition:transform .2s,filter .2s;will-change:transform,filter}#story main .main-wrapper .story-area__thumb .wrap .next{cursor:pointer}#story main .main-wrapper .story-area__thumb .wrap .next img{transform-origin:center;transition:transform .2s,filter .2s;will-change:transform,filter;rotate:180deg}#story main .main-wrapper .story-area__thumb ul{position:relative}#story main .main-wrapper .story-area__thumb ul li{position:relative;cursor:pointer;transition:.5s all}#story main .main-wrapper .story-area__thumb ul li.active{opacity:1}#story main .main-wrapper .story-area__thumb ul li.active .frame{position:absolute;top:0;left:0;display:block;width:100%;height:100%}#story main .main-wrapper .story-area__thumb ul li.active .frame:before{content:"";display:block;position:absolute;border-right:1px solid #84b4c4;border-top:1px solid #84b4c4}#story main .main-wrapper .story-area__thumb ul li.active .frame:after{content:"";display:block;position:absolute;border-left:1px solid #84b4c4;border-bottom:1px solid #84b4c4;background:none}#story main .main-wrapper .story-area__thumb ul li.active:after{content:none}#story main .main-wrapper .story-area__thumb ul li:after{transition:.5s opacity;content:"";position:absolute;bottom:0;left:0;background:#48768c;opacity:.7;width:100%;height:100%}#story main .main-wrapper .story-area__chapter{position:relative;margin:0 auto}#story main .main-wrapper .story-area__chapter__inner .js-chapter-change{position:absolute;top:0;left:0;width:100%;opacity:0;transition:1s opacity}#story main .main-wrapper .story-area__chapter__inner .js-chapter-change.active{opacity:1}#story main .main-wrapper .story-area__chapter__description{position:relative;z-index:5}#story main .main-wrapper .story-area__chapter__description .text{position:relative;text-shadow:0 1px 5px rgb(23,29,35)}#story main .main-wrapper .story-area__chapter__description .text:before{content:"";display:block;position:absolute;background:url(/assets/images/rhombus.ZGouZdSJ.svg) no-repeat;background-size:100% auto}#story main .main-wrapper .story-area__chapter__description .text:after{content:"";display:block;position:absolute;width:1px;background:#ffe0a4}#story main .main-wrapper .story-area__chapter__image{position:absolute}#story main .main-wrapper .story-area__chapter__image .image{margin:0 0 0 auto;position:relative;z-index:2}#story main .main-wrapper .story-area__chapter__image:before{content:"";display:block;position:absolute;z-index:2;border-right:2px solid #a1dbea;border-bottom:2px solid #a1dbea}#story main .main-wrapper .story-area__characters{position:relative;margin:0 auto}#story main .main-wrapper .story-area__characters__inner{position:relative;margin:0 auto;height:100%}#story main .main-wrapper .story-area__characters .character{position:absolute;opacity:0;transition:1s opacity}#story main .main-wrapper .story-area__characters .character.active{opacity:1}#story main .main-wrapper .story-area__characters .js-content-change{position:absolute;top:0;left:0;transition:1s opacity;opacity:0;pointer-events:none}#story main .main-wrapper .story-area__characters .js-content-change.active{opacity:1;pointer-events:auto}#story main .main-wrapper .story-area__characters .js-character-change{position:absolute;top:0;left:0;transition:1s opacity;opacity:0}#story main .main-wrapper .story-area__characters .js-character-change.active{opacity:1}#story main .main-wrapper .story-area__characters__detail{position:absolute}#story main .main-wrapper .story-area__characters__detail .name{position:relative;z-index:1;vertical-align:middle}#story main .main-wrapper .story-area__characters__detail .name span.icon{position:absolute;display:inline-block}#story main .main-wrapper .story-area__characters__detail .name span.icon img{vertical-align:top}#story main .main-wrapper .story-area__characters__detail .name .bgname{position:absolute;color:transparent;-webkit-text-stroke:1px #5a6d74;z-index:-1}#story main .main-wrapper .story-area__characters__detail .desc{position:relative;z-index:1}#story main .main-wrapper .story-area__characters__detail .desc:before{content:"";display:block;position:absolute;background:url(/assets/images/rhombus.ZGouZdSJ.svg) no-repeat;background-size:100% auto}#story main .main-wrapper .story-area__characters__detail .desc:after{content:"";display:block;position:absolute;width:1px;background:#ffe0a4}#story main .main-wrapper .story-area__characters__detail .cv{display:flex}#story main .main-wrapper .story-area__characters__detail .cv .cv-wrap .cv-name:last-child{margin-bottom:0}#story main .main-wrapper .story-area__characters__detail .cv .cv-wrap .cv-name span a{position:relative;display:inline-block;transition:.5s filter;filter:drop-shadow(0 0 3px rgb(0,205,255)) drop-shadow(0 0 3px rgba(0,205,255,.99))}#story main .main-wrapper .story-area__characters__detail .text p._bold{color:#ffe0a4}#story main .main-wrapper .story-area__characters__image{position:absolute}#story main .main-wrapper .story-area__characters__image>div{position:relative;z-index:2}#story main .main-wrapper .story-area__characters__image:after{content:"";display:block;position:absolute;border-left:1px solid #84b4c4;border-bottom:1px solid #84b4c4}#story main .main-wrapper .story-area__characters__image:before{content:"";position:absolute;z-index:1;background:linear-gradient(to top right,rgba(184,220,236,.5),transparent 40%)}#story main .main-wrapper .story-area__characters__list{position:absolute}#story main .main-wrapper .story-area .zoom-btn{position:absolute;opacity:0;pointer-events:none;filter:drop-shadow(0 0 10px rgba(0,0,0,.5))}#story main .main-wrapper .story-area .zoom-btn.active{opacity:1;pointer-events:all}#story main .main-wrapper .story-area .characters-navi{position:absolute}#story main .main-wrapper .story-area .characters-navi .navi-btn{-webkit-clip-path:polygon(var(--point-origin) 0%,100% 0%,100% var(--point-origin),0% 100%);clip-path:polygon(var(--point-origin) 0%,100% 0%,100% var(--point-origin),0% 100%)}#story main .main-wrapper .story-area .arrow-btn{position:absolute}#story main .main-wrapper .story-area .js-characters-nav{pointer-events:none;opacity:0;transition:1s opacity}#story main .main-wrapper .story-area .js-characters-nav.active{opacity:1;pointer-events:all}#story #main-container{overflow-x:visible}.deco-area .bgright,.deco-area .bgright-2,.deco-area .bgleft,.deco-area .bgleft-2{transition:.26s -webkit-clip-path cubic-bezier(.895,.03,.685,.22);transition:.26s clip-path cubic-bezier(.895,.03,.685,.22);transition:.26s clip-path cubic-bezier(.895,.03,.685,.22),.26s -webkit-clip-path cubic-bezier(.895,.03,.685,.22);-webkit-clip-path:inset(0 0 -10% 0);clip-path:inset(0 0 -10% 0)}.deco-area .hr-text{transition:.5s opacity .3s;opacity:1}.deco-area.anime{opacity:0}.deco-area.anime .bgright,.deco-area.anime .bgright-2{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}.deco-area.anime .bgleft,.deco-area.anime .bgleft-2{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}.deco-area.anime .hr-text{opacity:0}.story-area .story-area__bgleft-ttl{-webkit-clip-path:inset(-100% 0 0 0);clip-path:inset(-100% 0 0 0);transition:.2s -webkit-clip-path linear .4s;transition:.2s clip-path linear .4s;transition:.2s clip-path linear .4s,.2s -webkit-clip-path linear .4s}.story-area .story-area__bgleft-ttl-line{position:absolute;width:100%;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transition:.35s -webkit-clip-path cubic-bezier(.895,.03,.685,.22);transition:.35s clip-path cubic-bezier(.895,.03,.685,.22);transition:.35s clip-path cubic-bezier(.895,.03,.685,.22),.35s -webkit-clip-path cubic-bezier(.895,.03,.685,.22)}.story-area .bg-right{position:absolute;-webkit-clip-path:inset(-30% 0 0 0);clip-path:inset(-30% 0 0 0);transition:.45s -webkit-clip-path .15s cubic-bezier(.895,.03,.685,.22);transition:.45s clip-path .15s cubic-bezier(.895,.03,.685,.22);transition:.45s clip-path .15s cubic-bezier(.895,.03,.685,.22),.45s -webkit-clip-path .15s cubic-bezier(.895,.03,.685,.22);width:100%}.story-area .story-area__thumb,.story-area .story-area__chapter,.story-area .story-area__characters{opacity:1;transition:opacity 1.5s .85s ease}.story-area.anime .story-area__bgleft-ttl,.story-area.anime .story-area__bgleft-ttl-line{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}.story-area.anime .bg-right{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}.story-area.anime .story-area__thumb,.story-area.anime .story-area__chapter,.story-area.anime .story-area__characters{opacity:0}.c-modal__main .c-modal__contents{width:100%}.c-modal__main .c-modal__contents ._ex-modal .image{position:relative}.c-modal__main .c-modal__contents ._ex-modal .image,.c-modal__main .c-modal__contents .c-modal-image{display:block}.c-modal__main .arrow-btns{position:absolute;z-index:1;width:100%;top:0}.c-modal__main .arrow-btns .prev,.c-modal__main .arrow-btns .next{position:absolute;z-index:10;filter:drop-shadow(-1px -1px var(--drop-shadow-blur) black) drop-shadow(1px 1px var(--drop-shadow-blur) black)}.c-modal__main .arrow-btns .prev{cursor:pointer;box-sizing:content-box;padding-right:1px}.c-modal__main .arrow-btns .prev img{transform-origin:center;transition:transform .2s,filter .2s;will-change:transform,filter}.c-modal__main .arrow-btns .next{cursor:pointer}.c-modal__main .arrow-btns .next img{transform-origin:center;transition:transform .2s,filter .2s;will-change:transform,filter;rotate:180deg}@media (hover: hover) and (pointer: fine) and (min-width: 768px){.zoom-btn:hover,#story main .main-wrapper .story-area .zoom-btn:hover{transition:filter .2s ease;filter:brightness(1.2)}.characters__wrapper__detail__description__cv .cv-wrap .cv-name span a:hover{filter:drop-shadow(0 0 3px rgb(0,205,255)) drop-shadow(0 0 3px rgba(0,205,255,.99)) drop-shadow(0 0 3px rgba(0,205,255,.98))}.characters-navi .navi-btn:hover .navi-btn-on{opacity:1}.characters-navi .arrow-btn-prev:hover img,.characters-navi .arrow-btn-next:hover img{filter:brightness(1.2);transform:translate(-20%) translateZ(0)}#story main .main-wrapper .story-area__thumb .wrap .prev:hover img{filter:brightness(1.2);transform:translateY(-20%) translateZ(0)}#story main .main-wrapper .story-area__thumb .wrap .next:hover img{filter:brightness(1.2);transform:translateY(-20%) translateZ(0)}#story main .main-wrapper .story-area__thumb ul li:hover:after{opacity:0}#story main .main-wrapper .story-area__characters__detail .cv .cv-wrap .cv-name span a:hover{filter:drop-shadow(0 0 3px rgb(0,205,255)) drop-shadow(0 0 3px rgba(0,205,255,.99)) drop-shadow(0 0 3px rgba(0,205,255,.98))}.c-modal__main .arrow-btns .prev:hover img,.c-modal__main .arrow-btns .next:hover img{filter:brightness(1.2);transform:translate(-20%) translateZ(0)}}@media (min-width: 768px){#story main .main-wrapper #kv:before{width:100.2857142857vw;height:48.7857142857vw;top:0vw;background-image:url(/assets/images/line.BqxSjDeD.svg)}.characters__wrapper__bgleft{top:-6.2142857143vw;width:63.5vw;height:63.5vw}.characters__wrapper__bgleft-2{top:-4.9285714286vw;left:-.3571428571vw;width:63.5vw;height:63.5vw}.characters__wrapper__bgleft-chara{top:-6.2142857143vw;width:63.5vw;height:63.5vw}.characters__wrapper__movie{width:75vw;height:53.5714285714vw}.characters__wrapper__movie .wrap{width:64.2857142857vw;height:53.5714285714vw}.characters__wrapper__movie .wrap ._list video{top:0vw;left:-5vw;width:75vw;height:53.5714285714vw}.characters__wrapper__movie:after{bottom:-1vw;left:11.4285714286vw;width:3.7142857143vw;height:3.7142857143vw}.characters__wrapper__movie:before{width:35.7142857143vw;height:35.7142857143vw;bottom:0vw;left:7.5vw}.characters__wrapper__detail{position:absolute;width:33.4285714286vw;top:18.5714285714vw;right:9.2857142857vw}.characters__wrapper__detail__description ._leftline{padding-left:3.9285714286vw}.characters__wrapper__detail__description ._leftline:before{width:.5714285714vw;height:.5714285714vw;left:1.0714285714vw;top:-3.1428571429vw}.characters__wrapper__detail__description ._leftline:after{height:calc(100% + 1.0714285714vw);left:1.2857142857vw;top:-2.1428571429vw}.characters__wrapper__detail__description__name{font-size:3.5714285714vw;margin-bottom:1.0714285714vw;width:28.5714285714vw}.characters__wrapper__detail__description__name .class span.icon{width:2.8571428571vw;height:2.8571428571vw;margin-top:-.3571428571vw;margin-left:.1428571429vw}.characters__wrapper__detail__description__name .class .name-ruby{margin-left:1.2142857143vw;margin-top:.2142857143vw}.characters__wrapper__detail__description__name .class{font-size:1.7142857143vw;margin-left:-.2142857143vw}.characters__wrapper__detail__description__name .name{margin-top:-.5714285714vw;margin-left:3.5714285714vw;width:100%}.characters__wrapper__detail__description__name .bgname{top:4.2857142857vw;right:0vw;font-size:2.8571428571vw;height:2vw}.characters__wrapper__detail__description__cv{font-size:1.1428571429vw;padding-top:.2857142857vw;margin-left:.3571428571vw;margin-bottom:1.4285714286vw}.characters__wrapper__detail__description__cv .cv-wrap{margin-top:-.2142857143vw;margin-left:.2857142857vw}.characters__wrapper__detail__description__cv .cv-wrap .cv-name{margin-bottom:.3571428571vw}.characters__wrapper__detail__description__cv .cv-wrap .cv-name span a{width:1.7142857143vw;height:1.7142857143vw;margin-left:.2857142857vw;top:-.0357142857vw}.characters__wrapper__detail__description__text{height:11.4285714286vw;max-height:11.4285714286vw}.characters__wrapper__detail__description__text p{font-size:1.2857142857vw;margin-bottom:2.1428571429vw;line-height:1.5em}.characters__wrapper__detail__description__text p.catchcopy{font-size:1.7142857143vw;margin-bottom:.3571428571vw}.characters-area .anime_left{height:65.7142857143vw;top:-5vw}.characters-area .characters-area__bg{height:64.2857142857vw}.characters-navi .arrow-btn{width:1.5vw;height:2.2857142857vw}.characters-navi .arrow-btn-prev{left:-1.1428571429vw}.characters-navi .arrow-btn-next{right:-1.5714285714vw}.characters-area .characters-navi{margin-top:21.4285714286vw;margin-left:1.7857142857vw}html:lang(ja) .characters-area .characters-navi-list{--image-width: 7.3571428571vw}html:lang(en) .characters-area .characters-navi-list{--image-width: 7.3571428571vw}html:lang(ko) .characters-area .characters-navi-list{--image-width: 7.3571428571vw}html:lang(zh-Hant) .characters-area .characters-navi-list{--image-width: 7.3571428571vw}html:lang(zh-Hans) .characters-area .characters-navi-list{--image-width: 7.3571428571vw}html:lang(ja) .characters-area .characters-navi-list{--image-height: 5.4285714286vw}html:lang(en) .characters-area .characters-navi-list{--image-height: 5.4285714286vw}html:lang(ko) .characters-area .characters-navi-list{--image-height: 5.4285714286vw}html:lang(zh-Hant) .characters-area .characters-navi-list{--image-height: 5.4285714286vw}html:lang(zh-Hans) .characters-area .characters-navi-list{--image-height: 5.4285714286vw}html[lang=en] .characters-area .characters-navi-list{margin-top:24.2857142857vw}.characters-area .characters-navi .navi-btn{--point-origin: 4.2857142857vw;--point-lt: 4.2857142857vw;--point-rb: 3.2142857143vw;--point-cr: 2.7857142857vw;--point-cb: 1.5714285714vw;--point-cl: .5vw}.characters-area .arrow-btn{top:.8571428571vw}br.is-PC{display:block}.zoom-btn span{width:1.2142857143vw;height:1.2142857143vw}.zoom-btn span{margin-right:.3571428571vw}.zoom-btn div{padding:0vw .8571428571vw;height:2.1428571429vw;font-size:1.1428571429vw}#story .deco-area{margin:0vw auto}#story .deco-area .hr-text{font-size:1.4285714286vw}#story .deco-area .hr-text:before{width:11.5714285714vw;height:.0714285714vw;left:-13.9285714286vw;top:.7857142857vw}#story .deco-area .hr-text:after{width:11.5714285714vw;height:.0714285714vw;right:-13.9285714286vw;top:.7857142857vw}#story main .main-wrapper:before{height:100vw;background-image:url(/assets/images/title_bg.CgGkoToH.jpg)}#story main .main-wrapper #kv{position:relative}#story main .main-wrapper #kv>h1{height:27.1428571429vw;padding-top:12.2142857143vw}#story main .main-wrapper #kv>h1>.category-title{font-size:1.1428571429vw;padding-left:5.8571428571vw;margin-bottom:.8571428571vw;text-shadow:0vw 0vw 10px rgb(0,0,0)}#story main .main-wrapper #kv>h1>.category-title:before{width:4.2857142857vw;height:.1428571429vw;top:.5vw}#story main .main-wrapper #kv>h1>.page-title{font-size:3vw;margin-top:.7142857143vw;padding-left:5.7142857143vw;line-height:3vw;text-shadow:0vw 0vw 10px rgb(0,0,0)}#story main .main-wrapper #kv>h1{padding-top:12.6428571429vw}#story main .main-wrapper #kv>h1>.category-title:before{top:2.2857142857vw}#story main .main-wrapper #kv>h1>.page-title{margin-top:-.3571428571vw}#story main .main-wrapper .characters-area{margin-top:-18.9285714286vw;margin-bottom:-20vw;padding-bottom:21.4285714286vw}#story main .main-wrapper .characters-area .characters__wrapper__movie{left:4.5vw}#story main .main-wrapper .characters-area .characters__wrapper__movie:after{left:6.6428571429vw}#story main .main-wrapper .characters-area .characters-area__bg .bgright{top:14.2857142857vw;right:-7.8571428571vw;width:46.3571428571vw;height:46.3571428571vw}#story main .main-wrapper .characters-area .characters-area__bg .bgright-2{top:15vw;right:-9.2857142857vw;width:46.3571428571vw;height:46.3571428571vw}#story main .main-wrapper .characters-area .characters-area__bg .bgright-ttl{top:14.5714285714vw;right:6vw;font-size:1.7142857143vw}#story main .main-wrapper .characters-area .characters-area__bg .bgright-line{top:11.4285714286vw;right:0vw;width:17.6428571429vw;height:17.7142857143vw}#story main .main-wrapper .characters-area .group-zoom-btns{top:36vw;left:-41.5714285714vw}#story main .main-wrapper .characters-area .group-zoom-btns ul li{margin-right:.7142857143vw}#story main .main-wrapper .story-area{margin-top:1.7142857143vw;padding-top:10.7142857143vw}#story main .main-wrapper .story-area__bgright{width:63.5714285714vw;height:63.5714285714vw;top:10.7142857143vw;right:0vw}#story main .main-wrapper .story-area__bgright-bg{width:63.5714285714vw;height:63.5714285714vw;top:-10.7142857143vw;right:0vw}#story main .main-wrapper .story-area__bgright-line{width:63.5714285714vw;height:63.5714285714vw;top:-9.6428571429vw;right:.7142857143vw}#story main .main-wrapper .story-area__bgright-bgchara{width:63.5714285714vw;height:63.5714285714vw;top:-10.7142857143vw;right:0vw}#story main .main-wrapper .story-area__bgleft-ttl{top:1vw;left:10.2857142857vw;font-size:1.7142857143vw}#story main .main-wrapper .story-area__bgleft-ttl-line{width:17.7142857143vw;height:17.7857142857vw}#story main .main-wrapper .story-area__bgleft-ttl-line{top:-9.7857142857vw}#story main .main-wrapper .story-area__bgleft-bg{width:43.5vw;height:43.5vw}#story main .main-wrapper .story-area__bgleft-bg{top:9.2857142857vw}#story main .main-wrapper .story-area__bgleft-bg2{width:43.2142857143vw;height:43.2142857143vw}#story main .main-wrapper .story-area__bgleft-bg2{top:10vw}#story main .main-wrapper .story-area__thumb{width:8.5714285714vw;height:25vw;top:0vw;left:3.3571428571vw;margin-left:-9.0714285714vw}#story main .main-wrapper .story-area__thumb .wrap .prev,#story main .main-wrapper .story-area__thumb .wrap .next{--drop-shadow-blur: 4px}#story main .main-wrapper .story-area__thumb .wrap .prev,#story main .main-wrapper .story-area__thumb .wrap .next{width:1.5714285714vw;margin-left:-.7857142857vw}#story main .main-wrapper .story-area__thumb .wrap .prev{top:-2.6428571429vw}#story main .main-wrapper .story-area__thumb .wrap .next{bottom:.1428571429vw}#story main .main-wrapper .story-area__thumb ul{top:-1vw}#story main .main-wrapper .story-area__thumb ul li{width:7.4285714286vw;height:4.1785714286vw}#story main .main-wrapper .story-area__thumb ul li{margin-bottom:.7142857143vw}#story main .main-wrapper .story-area__thumb ul li.active .frame:before{top:-.2857142857vw;right:-.2857142857vw;width:1.4285714286vw;height:1.4285714286vw}#story main .main-wrapper .story-area__thumb ul li.active .frame:after{bottom:-.2857142857vw;left:-.2857142857vw;width:1.4285714286vw;height:1.4285714286vw}#story main .main-wrapper .story-area__chapter{width:75vw;height:35.7142857143vw;margin-top:-35.7142857143vw}#story main .main-wrapper .story-area__chapter__description{height:35.7142857143vw;padding-left:3.0714285714vw;padding-top:11.7857142857vw;margin-left:0vw}#story main .main-wrapper .story-area__chapter__description .ttl{font-size:1.8571428571vw}#story main .main-wrapper .story-area__chapter__description .text{margin-top:1.7857142857vw;font-size:1.1428571429vw;line-height:1.45em;width:28.5714285714vw}#story main .main-wrapper .story-area__chapter__description .text:before{width:.7142857143vw;height:.7142857143vw;left:-3.2142857143vw;top:-2.8571428571vw}#story main .main-wrapper .story-area__chapter__description .text:after{height:19vw;left:-2.9285714286vw;top:-1.9285714286vw}#story main .main-wrapper .story-area__chapter__image{width:66.4285714286vw;height:38.2857142857vw}#story main .main-wrapper .story-area__chapter__image{bottom:0vw;right:-12.5vw}#story main .main-wrapper .story-area__chapter__image:before{bottom:-.7142857143vw;right:11.7857142857vw;width:2.8571428571vw;height:2.8571428571vw}#story main .main-wrapper .story-area__characters{height:32.7142857143vw;width:71.4285714286vw;margin-top:4.4285714286vw}#story main .main-wrapper .story-area__characters__inner{width:75vw}#story main .main-wrapper .story-area__characters .js-content-change{height:32.8571428571vw}#story main .main-wrapper .story-area__characters .js-character-change>div{width:30.4285714286vw;padding-left:3.8571428571vw}#story main .main-wrapper .story-area__characters__detail{width:56.9285714286vw;top:2.8571428571vw;left:38.5714285714vw}#story main .main-wrapper .story-area__characters__detail .name{font-size:3.5714285714vw;margin-bottom:.8571428571vw;margin-left:0vw}#story main .main-wrapper .story-area__characters__detail .name span.icon{width:3.1428571429vw;height:3.1428571429vw}#story main .main-wrapper .story-area__characters__detail .name span.icon img{padding-top:.5714285714vw}#story main .main-wrapper .story-area__characters__detail .name .bgname{top:3vw;right:-.3571428571vw;font-size:2.8571428571vw;height:2vw}#story main .main-wrapper .story-area__characters__detail .desc:before{width:.7142857143vw;height:.7142857143vw;left:1.1428571429vw;top:-2.8571428571vw}#story main .main-wrapper .story-area__characters__detail .desc:after{height:calc(100% + 3.5714285714vw);left:1.4285714286vw;top:-1.7857142857vw}#story main .main-wrapper .story-area__characters__detail .cv{font-size:1.1428571429vw;padding-top:.2857142857vw;margin-left:.3571428571vw;margin-bottom:1.4285714286vw}#story main .main-wrapper .story-area__characters__detail .cv .cv-wrap{margin-top:-.2142857143vw;margin-left:.2857142857vw}#story main .main-wrapper .story-area__characters__detail .cv .cv-wrap .cv-name{margin-bottom:.3571428571vw}#story main .main-wrapper .story-area__characters__detail .cv .cv-wrap .cv-name span a{width:1.7142857143vw;height:1.7142857143vw;margin-left:.2857142857vw;top:-.0357142857vw}#story main .main-wrapper .story-area__characters__detail .text{width:26.1428571429vw}#story main .main-wrapper .story-area__characters__detail .text p{font-size:1.2857142857vw;line-height:1.5em}#story main .main-wrapper .story-area__characters__detail .text p._bold{font-size:1.7142857143vw;margin-bottom:1.0714285714vw}#story main .main-wrapper .story-area__characters__image{width:56.9285714286vw;height:29.4285714286vw;left:-14.2857142857vw}#story main .main-wrapper .story-area__characters__image:after{bottom:-1vw;left:15.7857142857vw;width:3.7142857143vw;height:3.7142857143vw}#story main .main-wrapper .story-area__characters__image:before{width:30.1428571429vw;height:30.1428571429vw;bottom:0vw;left:16.7142857143vw}#story main .main-wrapper .story-area__characters__list{bottom:6.0714285714vw;right:4.7142857143vw}#story main .main-wrapper .story-area .zoom-btn{bottom:.2857142857vw;left:6.0714285714vw}#story main .main-wrapper .story-area .characters-navi{right:2.8571428571vw;bottom:0vw;width:28.5714285714vw}html:lang(ja) #story main .main-wrapper .story-area .characters-navi-list{--image-width: 7.3571428571vw}html:lang(en) #story main .main-wrapper .story-area .characters-navi-list{--image-width: 7.3571428571vw}html:lang(ko) #story main .main-wrapper .story-area .characters-navi-list{--image-width: 7.3571428571vw}html:lang(zh-Hant) #story main .main-wrapper .story-area .characters-navi-list{--image-width: 7.3571428571vw}html:lang(zh-Hans) #story main .main-wrapper .story-area .characters-navi-list{--image-width: 7.3571428571vw}html:lang(ja) #story main .main-wrapper .story-area .characters-navi-list{--image-height: 4.2142857143vw}html:lang(en) #story main .main-wrapper .story-area .characters-navi-list{--image-height: 4.2142857143vw}html:lang(ko) #story main .main-wrapper .story-area .characters-navi-list{--image-height: 4.2142857143vw}html:lang(zh-Hant) #story main .main-wrapper .story-area .characters-navi-list{--image-height: 4.2142857143vw}html:lang(zh-Hans) #story main .main-wrapper .story-area .characters-navi-list{--image-height: 4.2142857143vw}#story main .main-wrapper .story-area .characters-navi .navi-btn{--point-origin: 4.2857142857vw}#story main .main-wrapper .story-area .arrow-btn{top:.9285714286vw}#story main .main-wrapper .story3 .story-area__characters__detail .desc:after{height:20vw}.story-area .story-area__bgleft-ttl,.story-area .story-area__bgleft-ttl-line{height:14.2857142857vw}.story-area .bg-right{height:64.2857142857vw}.c-modal__main .c-modal__contents ._ex-modal .image,.c-modal__main .c-modal__contents .c-modal-image{top:-5.7142857143vw;width:100%}.c-modal__main .c-modal__contents__close.c-modal-close{top:-2.1428571429vw;right:3.5714285714vw}.c-modal__main .arrow-btns .prev,.c-modal__main .arrow-btns .next{--drop-shadow-blur: 4px}.c-modal__main .arrow-btns .prev{top:26.5714285714vw;left:3.5714285714vw;width:2.5vw}.c-modal__main .arrow-btns .next{top:26.5714285714vw;right:3.5714285714vw;width:2.5vw}}@media (max-width: 767.98px){#story main .main-wrapper #kv:before{width:100vw;height:93.6vw;top:20vw;background-image:url(/assets/images/line.KWR4Q419.svg)}.characters__wrapper__bgleft{top:7.4666666667vw;width:85.7333333333vw;height:85.7333333333vw;margin-bottom:26.6666666667vw}.characters__wrapper__bgleft-2{top:9.4666666667vw;left:-.6666666667vw;width:85.7333333333vw;height:85.7333333333vw}.characters__wrapper__bgleft-chara{top:7.4666666667vw;width:85.7333333333vw;height:85.7333333333vw}.characters__wrapper__movie,.characters__wrapper__movie .wrap{width:100%;height:100vw}.characters__wrapper__movie .wrap ._list video{top:-2vw;left:0vw;width:100%;height:100vw}.characters__wrapper__movie:after{bottom:2.6666666667vw;left:4vw;width:9.3333333333vw;height:9.3333333333vw}.characters__wrapper__movie:before{width:53.3333333333vw;height:53.3333333333vw;bottom:5.0666666667vw;left:6.6666666667vw}.characters__wrapper__detail{position:relative;width:100%;padding:6.6666666667vw}.characters__wrapper__detail__description{height:43.3333333333vw}.characters__wrapper__detail__description ._leftline{padding-left:8vw}.characters__wrapper__detail__description ._leftline:before{width:1.6vw;height:1.6vw;left:3.2vw;top:-9.3333333333vw}.characters__wrapper__detail__description ._leftline:after{height:calc(100% + 4vw);left:3.8666666667vw;top:-6.6666666667vw}.characters__wrapper__detail__description__name{font-size:8.8vw;padding-top:2.9333333333vw;margin-bottom:3.4666666667vw;width:100%}.characters__wrapper__detail__description__name .class span.icon{width:6.6666666667vw;height:6.6666666667vw;margin-top:0vw;margin-left:.1333333333vw}.characters__wrapper__detail__description__name .class .name-ruby{margin-left:2.2666666667vw;margin-top:.8vw}.characters__wrapper__detail__description__name .class{font-size:4vw;margin-left:.5333333333vw}.characters__wrapper__detail__description__name .name{margin-top:-1.0666666667vw;margin-left:8.6666666667vw;width:100%}.characters__wrapper__detail__description__name .bgname{top:15.4666666667vw;right:0vw;font-size:6.6666666667vw;height:0vw}.characters__wrapper__detail__description__cv{font-size:2.9333333333vw;padding-top:0vw;margin-left:0vw;margin-bottom:2.6666666667vw}.characters__wrapper__detail__description__cv .cv-wrap{margin-top:-.1333333333vw;margin-left:2.6666666667vw}.characters__wrapper__detail__description__cv .cv-wrap .cv-name{margin-bottom:1.3333333333vw}.characters__wrapper__detail__description__cv .cv-wrap .cv-name span a{width:4vw;height:4vw;margin-left:2vw;top:0vw}.characters__wrapper__detail__description__text{height:26.6666666667vw;max-height:26.6666666667vw}.characters__wrapper__detail__description__text p{font-size:3.2vw;margin-bottom:4vw;line-height:1.5em}.characters__wrapper__detail__description__text p.catchcopy{font-size:4vw;margin-bottom:1.7333333333vw}.characters-area .anime_left{height:133.3333333333vw;top:0vw}.characters-area .characters-area__bg{height:133.3333333333vw}.characters-navi .arrow-btn{width:4.5333333333vw;height:4.5333333333vw}.characters-navi .arrow-btn-prev{left:-4.2666666667vw}.characters-navi .arrow-btn-next{right:-3.7333333333vw}.characters-area .characters-navi{margin-top:11.4666666667vw}html:lang(ja) .characters-area .characters-navi-list{--image-width: 22vw}html:lang(en) .characters-area .characters-navi-list{--image-width: 22vw}html:lang(ko) .characters-area .characters-navi-list{--image-width: 22vw}html:lang(zh-Hant) .characters-area .characters-navi-list{--image-width: 22vw}html:lang(zh-Hans) .characters-area .characters-navi-list{--image-width: 22vw}html:lang(ja) .characters-area .characters-navi-list{--image-height: 16.1333333333vw}html:lang(en) .characters-area .characters-navi-list{--image-height: 16.1333333333vw}html:lang(ko) .characters-area .characters-navi-list{--image-height: 16.1333333333vw}html:lang(zh-Hant) .characters-area .characters-navi-list{--image-height: 16.1333333333vw}html:lang(zh-Hans) .characters-area .characters-navi-list{--image-height: 16.1333333333vw}html[lang=en] .characters-area .characters-navi-list{margin-top:17.3333333333vw}.characters-area .characters-navi .navi-btn{--point-origin: 12.6666666667vw;--point-lt: 12.6666666667vw;--point-rb: 9.6vw;--point-cr: 8.2666666667vw;--point-cb: 4.6666666667vw;--point-cl: 1.3333333333vw}.characters-area .arrow-btn{top:3.2vw}br.is-PC{display:none}.zoom-btn span{width:3.4666666667vw;height:3.4666666667vw}.zoom-btn span{margin-right:.6666666667vw}.zoom-btn div{padding:0vw 2.4vw;height:6vw;font-size:3.2vw}#story .deco-area{margin:33.6vw auto 0vw}#story .deco-area__bg .bgleft{top:-61.0666666667vw;left:0vw;width:55.6vw;height:55.6vw}#story .deco-area__bg .bgleft-2{top:-59.3333333333vw;left:0vw;width:55.3333333333vw;height:55.2vw}#story .deco-area__bg .bgright{top:8.6666666667vw;right:0vw;width:55.6vw;height:55.6vw}#story .deco-area__bg .bgright-2{top:7.7333333333vw;right:0vw;width:55.3333333333vw;height:55.2vw}#story .deco-area .hr-text{font-size:2.9333333333vw}#story .deco-area .hr-text:before{width:14.9333333333vw;height:.1333333333vw;left:-18.9333333333vw;top:1.4666666667vw}#story .deco-area .hr-text:after{width:14.9333333333vw;height:.1333333333vw;right:-18.9333333333vw;top:1.4666666667vw}#story main .main-wrapper:before{height:93.3333333333vw;background-image:url(/assets/images/title_bg.D2-fgh1e.jpg)}#story main .main-wrapper #kv{position:absolute}#story main .main-wrapper #kv>h1{padding-top:27.2vw}#story main .main-wrapper #kv>h1>.category-title{font-size:4vw;padding-left:6.6666666667vw;margin-bottom:1.6vw;text-shadow:0vw 0vw 10px rgb(0,0,0)}#story main .main-wrapper #kv>h1>.category-title:before{width:5.3333333333vw;height:.5333333333vw;top:1.8666666667vw}#story main .main-wrapper #kv>h1>.page-title{font-size:8vw;margin-top:.6666666667vw;padding-left:6.6666666667vw;padding-right:6.6666666667vw;line-height:9.3333333333vw;text-shadow:0vw 0vw 10px rgb(0,0,0)}#story main .main-wrapper #kv>h1>.category-title:before{top:5.0666666667vw}#story main .main-wrapper #kv>h1>.page-title{margin-top:-4vw}#story main .main-wrapper>.contents-area{padding-top:58.6666666667vw}#story main .main-wrapper .characters-area{overflow-x:hidden;top:37.3333333333vw;margin-top:0vw;margin-bottom:0vw;padding-bottom:0vw;height:203.3333333333vw}#story main .main-wrapper .characters-area .characters-area__bg .bgright{top:22.4vw;right:0vw;width:57.4666666667vw;height:57.4666666667vw}#story main .main-wrapper .characters-area .characters-area__bg .bgright-2{top:22.4vw;right:-1.3333333333vw;width:57.4666666667vw;height:57.4666666667vw}#story main .main-wrapper .characters-area .characters-area__bg .bgright-ttl{top:28.2666666667vw;right:0vw;font-size:4.8vw}#story main .main-wrapper .characters-area .characters-area__bg .bgright-line{top:23.4666666667vw;right:0vw;width:24.8vw;height:34.1333333333vw}#story main .main-wrapper .characters-area .group-zoom-btns{top:-9.3333333333vw;left:9.3333333333vw}#story main .main-wrapper .characters-area .group-zoom-btns ul li{margin-right:1.3333333333vw}#story main .main-wrapper .story-area{margin-top:12vw;padding-top:2.6666666667vw}#story main .main-wrapper .story-area__bgright{width:75.8666666667vw;height:77.0666666667vw;top:2.6666666667vw;right:0vw}#story main .main-wrapper .story-area__bgright-bg{width:75.8666666667vw;height:75.8666666667vw;top:2.6666666667vw;right:0vw}#story main .main-wrapper .story-area__bgright-line{width:76.6666666667vw;height:76.6666666667vw;top:4.4vw;right:.2666666667vw}#story main .main-wrapper .story-area__bgright-bgchara{width:75.8666666667vw;height:75.8666666667vw;top:2.6666666667vw;right:0vw}#story main .main-wrapper .story-area__bgleft-ttl{top:-10.6666666667vw;left:-17.3333333333vw;font-size:4.8vw}#story main .main-wrapper .story-area__bgleft-ttl-line{width:15.7333333333vw;height:33.2vw}#story main .main-wrapper .story-area__bgleft-ttl-line{top:-19.3333333333vw}#story main .main-wrapper .story-area__bgleft-bg{width:60.9333333333vw;height:61.0666666667vw}#story main .main-wrapper .story-area__bgleft-bg{top:82.6666666667vw}#story main .main-wrapper .story-area__bgleft-bg2{width:60.8vw;height:60.9333333333vw}#story main .main-wrapper .story-area__bgleft-bg2{top:84vw}#story main .main-wrapper .story-area__thumb{width:16vw;height:66.6666666667vw;top:13.3333333333vw;left:0vw;margin-left:6.6666666667vw}#story main .main-wrapper .story-area__thumb .wrap .prev,#story main .main-wrapper .story-area__thumb .wrap .next{--drop-shadow-blur: 4px}#story main .main-wrapper .story-area__thumb .wrap .prev,#story main .main-wrapper .story-area__thumb .wrap .next{width:6.6666666667vw;margin-left:-3.3333333333vw}#story main .main-wrapper .story-area__thumb .wrap .prev{top:-5.3333333333vw}#story main .main-wrapper .story-area__thumb .wrap .next{bottom:-4vw}#story main .main-wrapper .story-area__thumb ul{top:.6666666667vw}#story main .main-wrapper .story-area__thumb ul li{width:16vw;height:9.0666666667vw}#story main .main-wrapper .story-area__thumb ul li{margin-bottom:2.6666666667vw}#story main .main-wrapper .story-area__thumb ul li.active .frame:before{top:-.6666666667vw;right:-.6666666667vw;width:2.6666666667vw;height:2.6666666667vw}#story main .main-wrapper .story-area__thumb ul li.active .frame:after{bottom:-.6666666667vw;left:-.6666666667vw;width:2.6666666667vw;height:2.6666666667vw}#story main .main-wrapper .story-area__chapter{width:100vw;height:120vw;margin-top:-63.3333333333vw}html:lang(en) #story main .main-wrapper .story-area__chapter{height:130.6666666667vw}html:lang(ko) #story main .main-wrapper .story-area__chapter{height:130.6666666667vw}html:lang(zh-Hant) #story main .main-wrapper .story-area__chapter{height:130.6666666667vw}#story main .main-wrapper .story-area__chapter__description{width:62.1333333333vw;height:58.6666666667vw;padding-left:5.3333333333vw;padding-top:61.3333333333vw;margin-left:26vw}#story main .main-wrapper .story-area__chapter__description .ttl{font-size:4.8vw;padding-left:4.9333333333vw}#story main .main-wrapper .story-area__chapter__description .text{margin-top:0vw;font-size:2.6666666667vw;padding-top:2.6666666667vw;padding-left:4.9333333333vw;line-height:2em}#story main .main-wrapper .story-area__chapter__description .text:before{width:1.8666666667vw;height:1.8666666667vw;left:-.6666666667vw;top:-3.3333333333vw}#story main .main-wrapper .story-area__chapter__description .text:after{height:56vw;left:0vw;top:-.6666666667vw}#story main .main-wrapper .story-area__chapter__image{width:86.6666666667vw;height:54.6666666667vw}#story main .main-wrapper .story-area__chapter__image{top:0vw;right:0vw}#story main .main-wrapper .story-area__chapter__image:before{bottom:-2vw;right:4.6666666667vw;width:9.3333333333vw;height:9.3333333333vw}#story main .main-wrapper .story-area__characters{height:142.6666666667vw;width:100vw;margin-top:-4vw}html:lang(zh-Hant) #story main .main-wrapper .story-area__characters{height:157.3333333333vw}html:lang(en) #story main .main-wrapper .story-area__characters{height:157.3333333333vw}#story main .main-wrapper .story-area__characters__inner{width:100vw}#story main .main-wrapper .story-area__characters .js-character-change>div{width:65.3333333333vw;padding-left:8vw}#story main .main-wrapper .story-area__characters__detail{width:22vw;top:70.6666666667vw;left:27.3333333333vw}#story main .main-wrapper .story-area__characters__detail .name{font-size:8.5333333333vw;margin-bottom:3.0666666667vw;margin-left:0vw}#story main .main-wrapper .story-area__characters__detail .name span.icon{width:7.2vw;height:7.2vw}#story main .main-wrapper .story-area__characters__detail .name span.icon img{padding-top:2vw}#story main .main-wrapper .story-area__characters__detail .name .bgname{top:6.6666666667vw;right:0vw;font-size:6.6666666667vw;height:0vw}#story main .main-wrapper .story-area__characters__detail .desc:before{width:1.8666666667vw;height:1.8666666667vw;left:2.9333333333vw;top:-9.3333333333vw}#story main .main-wrapper .story-area__characters__detail .desc:after{height:calc(100% + 9.3333333333vw);left:3.7333333333vw;top:-6vw}#story main .main-wrapper .story-area__characters__detail .cv{font-size:2.9333333333vw;padding-top:0vw;margin-left:0vw;margin-bottom:2.6666666667vw}#story main .main-wrapper .story-area__characters__detail .cv .cv-wrap{margin-top:-.1333333333vw;margin-left:2.6666666667vw}#story main .main-wrapper .story-area__characters__detail .cv .cv-wrap .cv-name{margin-bottom:1.3333333333vw}#story main .main-wrapper .story-area__characters__detail .cv .cv-wrap .cv-name span a{width:4vw;height:4vw;margin-left:2vw;top:0vw}#story main .main-wrapper .story-area__characters__detail .text{width:53.3333333333vw}#story main .main-wrapper .story-area__characters__detail .text p{font-size:3.2vw;line-height:1.5em}#story main .main-wrapper .story-area__characters__detail .text p._bold{font-size:4.2666666667vw;margin-bottom:1.3333333333vw}#story main .main-wrapper .story-area__characters__image{width:100vw;height:57.7333333333vw;left:0vw}#story main .main-wrapper .story-area__characters__image:after{bottom:-2.6666666667vw;left:28.8vw;width:9.3333333333vw;height:9.3333333333vw}#story main .main-wrapper .story-area__characters__image:before{width:53.3333333333vw;height:53.3333333333vw;bottom:0vw;left:31.4666666667vw}#story main .main-wrapper .story-area__characters__list{top:118.6666666667vw;display:flex;width:100%;justify-content:center}#story main .main-wrapper .story-area .zoom-btn{top:60.6666666667vw;left:40.6666666667vw}#story main .main-wrapper .story-area .characters-navi{right:0vw;bottom:0vw;width:100%}html:lang(ja) #story main .main-wrapper .story-area .characters-navi-list{--image-width: 22vw}html:lang(en) #story main .main-wrapper .story-area .characters-navi-list{--image-width: 22vw}html:lang(ko) #story main .main-wrapper .story-area .characters-navi-list{--image-width: 22vw}html:lang(zh-Hant) #story main .main-wrapper .story-area .characters-navi-list{--image-width: 22vw}html:lang(zh-Hans) #story main .main-wrapper .story-area .characters-navi-list{--image-width: 22vw}html:lang(ja) #story main .main-wrapper .story-area .characters-navi-list{--image-height: 12.6666666667vw}html:lang(en) #story main .main-wrapper .story-area .characters-navi-list{--image-height: 12.6666666667vw}html:lang(ko) #story main .main-wrapper .story-area .characters-navi-list{--image-height: 12.6666666667vw}html:lang(zh-Hant) #story main .main-wrapper .story-area .characters-navi-list{--image-height: 12.6666666667vw}html:lang(zh-Hans) #story main .main-wrapper .story-area .characters-navi-list{--image-height: 12.6666666667vw}#story main .main-wrapper .story-area .characters-navi .navi-btn{--point-origin: 12.6666666667vw}#story main .main-wrapper .story-area .arrow-btn{top:3.2vw}#story main .main-wrapper .story3 .story-area__characters__detail .desc:after{height:48vw}html:lang(en) #story main .main-wrapper .story3 .story-area__characters__detail .desc:after{height:61.3333333333vw}html:lang(zh-Hant) #story main .main-wrapper .story3 .story-area__characters__detail .desc:after{height:61.3333333333vw}.story-area .story-area__bgleft-ttl{height:66.6666666667vw}.story-area .story-area__bgleft-ttl-line,.story-area .bg-right{height:133.3333333333vw}.c-modal__main .c-modal__contents ._ex-modal .image,.c-modal__main .c-modal__contents .c-modal-image{top:-16.2666666667vw;width:100%}.c-modal__main .c-modal__contents__close.c-modal-close{top:-6.6666666667vw;right:4vw}.c-modal__main .arrow-btns .prev,.c-modal__main .arrow-btns .next{--drop-shadow-blur: 4px}.c-modal__main .arrow-btns .prev{top:50vh;left:6.6666666667vw;width:8vw}.c-modal__main .arrow-btns .next{top:50vh;right:6.6666666667vw;width:8vw}}