*{margin:0;padding:0;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;font-variant-ligatures:none;font-family:"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;font-weight:400;font-size:100%}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-weight:600}html,body{background:#fff;color:#333;font-size:18px;line-height:1.6;width:100%;min-width:320px;min-height:100%;height:100%;word-wrap:break-word;overflow-wrap:break-word}span{font:inherit}a{color:#00f;-webkit-tap-highlight-color:rgba(0,153,255,0.2);outline:none}a:hover{text-decoration:none}a,img{border:none}li{list-style-type:none}.noselect,img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.anchor{height:0px;margin-top:-0px;display:block}.legacy_ie{text-align:center;position:absolute;top:20px;left:50%;width:640px;margin-left:-320px;padding:10px 0;background:#fff;color:#333;z-index:9999;border:2px solid #d00}.legacy_ie a{color:#00e}i.fa,i.fab,i.fas,i.far{margin:0 0.2em}i.fab{font-weight:400}.pc_br{display:block}.sp_br{display:none}.pc_center{text-align:center}.sp_center{text-align:left}[data-scroll-layout]{transition-property:transform,opacity;transition-duration:2000ms;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);opacity:0;transform:translate(0, 20px)}[data-scroll-layout].layoutin{opacity:1;transform:translate(0, 0)}[data-scroll-layout].layout__horizontal{transform:translate(20px, 0)}[data-scroll-layout].layout__horizontal.layoutin{transform:translate(0, 0)}[data-scroll-layout].layout__scale{transform:scale(0.5)}[data-scroll-layout].layout__scale.layoutin{transform:scale(1)}@media screen and (max-width: 768px){.pc_br{display:none}.sp_br{display:block}.pc_center{text-align:left}.sp_center{text-align:center}}.share{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.share:before{content:"SHARE";height:40px;line-height:40px}.share>div{display:block;width:40px;height:40px;margin-left:12px}.share>div>a{width:100%;height:100%;border-radius:50%;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/share.svg);background-size:auto 100%}.share>div>a.share_tw{background-color:#00aced;background-position:0px 0}.share>div>a.share_fb{background-color:#305097;background-position:50% 0}.share>div>a.share_line{background-color:#00b900;background-position:100% 0}.the_content{font-size:100%;line-height:1.8;word-break:break-all;word-wrap:break-word}.the_content:after{content:" ";display:block;clear:both}.the_content h1,.the_content h2{font-size:120%;font-weight:600;line-height:1.4;padding:0.6em;margin-bottom:1em;word-break:break-all;background:#333;color:#fff}.the_content h2{font-size:115%}.the_content h3,.the_content h4{font-size:110%;font-weight:600;line-height:1.4;padding:0.4em 0.6em;margin-bottom:1em;word-break:break-all;background:#333;color:#fff}.the_content h4{font-size:105%}.the_content h5,.the_content h6{font-size:110%;font-weight:600;line-height:1.4;margin-bottom:1em;word-break:break-all}.the_content h6{font-size:105%}.the_content h1:first-child,.the_content h2:first-child,.the_content h3:first-child,.the_content h4:first-child,.the_content h5:first-child,.the_content h6:first-child,.the_content p:first-child,.the_content ul:first-child,.the_content ol:first-child,.the_content table:first-child,.the_content blockquote:first-child,.the_content iframe:first-child{margin-top:0}.the_content h1:last-child,.the_content h2:last-child,.the_content h3:last-child,.the_content h4:last-child,.the_content h5:last-child,.the_content h6:last-child,.the_content p:last-child,.the_content ul:last-child,.the_content ol:last-child,.the_content table:last-child,.the_content blockquote:last-child,.the_content iframe:last-child{margin-bottom:0}.the_content b,.the_content strong{font-weight:600}.the_content span{font:inherit}.the_content p{font:inherit;margin-bottom:1em;word-break:break-all}.the_content p a{display:inline-block}.the_content img{max-width:100%;height:auto}.the_content img.alignleft{float:left;margin-right:1em;margin-bottom:1em}.the_content img.alignright{float:right;margin-left:1em;margin-bottom:1em}.the_content img.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:1em}.the_content hr{border:none;border-bottom:1.5px solid rgba(0,0,0,0.05);margin:2em auto;display:block;clear:both}.the_content ul,.the_content ol{margin:1em 0;margin-left:1.5em}.the_content ul li,.the_content ol li{display:list-item;margin-bottom:0.4em;line-height:1.6}.the_content ul li:last-child,.the_content ol li:last-child{margin-bottom:0}.the_content ul li{list-style:disc}.the_content ol li{list-style-type:decimal}.the_content iframe{display:block;max-width:100%;width:100%;margin:0 auto;margin-bottom:1em;position:relative}.the_content iframe[src^='https://www.google.com/maps/embed']{height:320px}.the_content iframe[src^='https://www.youtube.com/embed/']{height:420px}.the_content .twitter-tweet,.the_content twitter-widget,.the_content twitterwidget{position:relative;margin-left:auto;margin-right:auto}.the_content table{width:100%;margin-bottom:1em;height:auto !important;font-size:100%}.the_content table tr{height:auto !important}.the_content table th,.the_content table td{height:auto !important;padding:0.6em 0.8em;line-height:1.6;border-bottom:1.5px solid rgba(0,0,0,0.05)}.the_content table th{color:#333;width:15%;white-space:nowrap;font-weight:600;position:relative;vertical-align:top}.the_content table th[colspan]{line-height:1.4;padding:0.4em 0.6em;border-bottom:none;font-size:110%;background:#333;color:#fff;word-break:break-all;white-space:normal}.the_content table td[colspan]{word-break:break-all;white-space:normal}.the_content table hr{margin:1em auto}.the_content blockquote{box-sizing:border-box;font-size:90%;line-height:1.4;border-radius:5px;padding:1em 1.5em;border:1.5px solid rgba(0,0,0,0.05);margin-bottom:1em;word-break:break-all}.the_content blockquote:after{content:" ";display:block;clear:both}@media screen and (max-width: 640px){.the_content{font-size:110%;font-weight:400}.the_content img{height:auto !important;width:auto !important;max-width:100%}.the_content img.max10{max-width:10%}.the_content img.max20{max-width:20%}.the_content img.max30{max-width:30%}.the_content img.max40{max-width:40%}.the_content img.max50{max-width:50%}.the_content img.max60{max-width:60%}.the_content img.max70{max-width:70%}.the_content img.max80{max-width:80%}.the_content img.max90{max-width:90%}.the_content img.alignleft,.the_content img.alignright{float:none;display:block;margin-left:auto;margin-right:auto}.the_content iframe[src^='https://www.youtube.com/embed/']{height:188px}.the_content iframe[src^='https://www.google.com/maps/embed']{height:280px}.the_content .twitter-tweet,.the_content twitter-widget,.the_content twitterwidget{overflow:hidden;width:100% !important;max-width:260px !important}.the_content table{width:100% !important;margin-top:1.6em}.the_content table th,.the_content table td{border-bottom:none}.the_content table th{display:block;width:auto !important;background:rgba(0,0,0,0.05);padding:0.4em 0.8em}.the_content table td{width:auto !important;display:block;padding:0.8em 0.8em}}html,body{background:#000;color:#fff;font-size:16px;min-width:320px}a{color:#00c}hr{border:none;background:#000;height:10px}.anchor{height:0px;margin-top:-0px}.serif{font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif}p.p--1{font-size:200%}@media screen and (max-width: 768px){html,body{font-size:14px}p{font-size:98%}p.p--1{font-size:140%}}.thumbnail{display:block;padding-top:100%;background-size:100% auto;background-position:center;background-repeat:no-repeat;position:relative}.thumbnail--video{padding-top:56%}.thumbnail--photo{padding-top:75%}.thumbnail__image{position:absolute;top:0;left:0;width:100%;height:100%}.thumbnail__image img{display:block;width:100%;height:100%;object-fit:cover}.container{background:url(../img/bg.png) top center repeat;width:calc(100% - 120px);position:relative}@media screen and (max-width: 768px){.container{width:100%;height:calc(100vh - 30px)}body[data-iphonex] .container{height:100%}}.bgm{position:fixed;top:15px;left:15px;z-index:1000;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:top;-webkit-align-items:top;-ms-flex-align:top;align-items:top;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start}.bgm__toggle{text-decoration:none;color:#fff;background:rgba(0,0,0,0.5);border:1px solid #fff;display:block;width:30px;height:30px;line-height:28px;text-align:center;margin-right:4px}.bgm__toggle:before{display:block;content:"\f6a9";font-family:"Font Awesome 5 Free";font-weight:600}.bgm__toggle:hover{color:#ff6600;border-color:#ff6600}.bgm__label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:top;-webkit-align-items:top;-ms-flex-align:top;align-items:top;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-shadow:1px 1px 0 #000;transition-property:transform;transition-duration:1000ms;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transform:translate(0, -50px)}.bgm__prev,.bgm__next{width:30px;height:30px;line-height:30px;text-align:center;color:#fff;font-size:80%}.bgm__prev:hover,.bgm__next:hover{color:#ff6600}.bgm__list{width:140px;text-align:center;line-height:30px}.bgm__list__item{display:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:70%}.bgm__list__item[data-current]{display:block}.bgm[data-first="1"] .bgm__prev{opacity:0.2;pointer-events:none}.bgm[data-last="1"] .bgm__next{opacity:0.2;pointer-events:none}body[data-bgm="on"] .bgm__toggle:before{content:"\f028"}body[data-bgm="on"] .bgm__label{transform:translate(0, 0px)}@media screen and (max-width: 768px){.bgm__list{width:120px}}.footer{background:url(../img/bg.png) top center repeat #0c0d25;padding:3em 2em;position:relative}.footer:before{content:" ";display:block;width:100%;height:60px;position:absolute;top:0;left:0;background-image:-moz-linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.8) 100%);background-image:-webkit-linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.8) 100%);background-image:-ms-linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.8) 100%)}.footer .share{margin-bottom:1em}.footer__banner{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer__banner a{display:block;margin:10px;background:#fff}.footer__banner a img{display:block;width:100%}.footer__banner a:hover img{opacity:0.6}.header{position:fixed;top:0;right:0;width:120px;height:100%;z-index:5000;background:#000;border-left:2px solid #000;background-image:-moz-linear-gradient(0deg, #0c0d25 0%, #000 100%);background-image:-webkit-linear-gradient(0deg, #0c0d25 0%, #000 100%);background-image:-ms-linear-gradient(0deg, #0c0d25 0%, #000 100%)}.toggle{display:none}.globalnav{height:100%;position:relative;transition-property:transform;transition-duration:1000ms;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transform:translate(100%, 0)}.globalnav:hover .swiper-slide{opacity:1}.globalnav .swiper-container{padding:20px 0;height:100%;overflow:visible}.globalnav .swiper-slide{transition-property:opacity;transition-duration:400ms;transition-timing-function:ease;opacity:0.4;height:110px;margin-bottom:5px}.globalnav .swiper-slide:last-child{margin-bottom:0}.globalnav .swiper-button-prev,.globalnav .swiper-button-next{margin-top:0;width:100%;height:30px;background:rgba(0,0,0,0.8);left:0;right:auto;outline:none;text-align:center;line-height:29px;transition-property:transform;transition-duration:800ms;transition-delay:800ms;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.globalnav .swiper-button-prev:before,.globalnav .swiper-button-next:before{font-family:"Font Awesome 5 Free";font-weight:600}.globalnav .swiper-button-prev{top:0;bottom:auto;transform:translate(0, -100%)}.globalnav .swiper-button-prev:before{content:"\f0d8"}.globalnav .swiper-button-next{top:auto;bottom:0;transform:translate(0, 100%)}.globalnav .swiper-button-next:before{content:"\f0d7"}.globalnav .swiper-button-disabled{display:none}.globalnav__anchor{display:block;width:100%;text-decoration:none;color:#fff}.globalnav__anchor:hover .globalnav__title{color:#0078ff}.globalnav__icon{width:80px;height:80px;margin:0 auto;border-radius:15px;overflow:hidden;position:relative}.globalnav__icon:after{content:" ";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#00ffff;opacity:0}.globalnav__icon img{display:block;width:100%;height:100%}.globalnav__title{text-align:center;font-weight:600;font-size:65%;line-height:1;margin-top:10px}body[data-loaded="1"] .globalnav{transform:translate(0, 0)}body[data-loaded="1"] .globalnav .swiper-button-prev,body[data-loaded="1"] .globalnav .swiper-button-next{transform:translate(0, 0)}body[data-page="top"] .globalnav .swiper-slide{opacity:1}body[data-page="intro"] .globalnav .swiper-slide--intro{opacity:1}body[data-page="intro"] .globalnav__icon--intro:after{opacity:0.2}body[data-page="story"] .globalnav .swiper-slide--story{opacity:1}body[data-page="story"] .globalnav__icon--story:after{opacity:0.2}body[data-page="chara"] .globalnav .swiper-slide--chara{opacity:1}body[data-page="chara"] .globalnav__icon--chara:after{opacity:0.2}body[data-page="gallery"] .globalnav .swiper-slide--gallery{opacity:1}body[data-page="gallery"] .globalnav__icon--gallery:after{opacity:0.2}body[data-page="bg"] .globalnav .swiper-slide--bg{opacity:1}body[data-page="bg"] .globalnav__icon--bg:after{opacity:0.2}@media screen and (min-width: 768px){.globalnav__anchor:hover .globalnav__icon:after{opacity:0.2}}@media screen and (max-width: 768px){.header{position:fixed;left:0;bottom:-110px;right:auto;top:auto;width:100%;height:110px;border:none;background-image:-moz-linear-gradient(90deg, #0c0d25 0%, #000 100%);background-image:-webkit-linear-gradient(90deg, #0c0d25 0%, #000 100%);background-image:-ms-linear-gradient(90deg, #0c0d25 0%, #000 100%);transition-property:transform;transition-duration:1000ms;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transform:translate(0, 0);transform:translate(0, -100%)}.toggle{display:block;height:30px;width:100%;position:fixed;right:0px;bottom:10px;display:none;z-index:9000;transition-property:transform;transition-duration:1000ms;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transform:translate(0, 0)}.toggle a{height:30px;width:120px;line-height:30px;display:block;margin:0 auto;text-align:center;color:#fff;text-decoration:none;background:#000;border-top-left-radius:5px;border-top-right-radius:5px;border-radius:5px}.toggle a:before{content:"\f106";font-family:"Font Awesome 5 Free";font-weight:600;margin-right:0.3em}.globalnav .swiper-container{padding:0 5px}.globalnav .swiper-button-prev,.globalnav .swiper-button-next{width:20px;line-height:110px;height:100%;top:0;bottom:auto}.globalnav .swiper-button-prev{transform:translate(-100%, 0);left:0;right:auto}.globalnav .swiper-button-prev:before{content:"\f0d9"}.globalnav .swiper-button-next{transform:translate(100%, 0);left:auto;right:0}.globalnav .swiper-button-next:before{content:"\f0da"}.globalnav .swiper-slide{width:auto;min-width:80px}.globalnav__anchor{padding:15px 0}.globalnav__icon{width:64px;height:64px}body[data-page] .header{transform:translate(0, 0)}body[data-page] .toggle{display:block}body[data-page="top"] .header{transform:translate(0, -100%)}body[data-page="top"] .toggle{display:none}body[data-nav="1"] .header{transform:translate(0, -100%)}body[data-nav="1"] .toggle{transform:translate(0, -110px)}body[data-nav="1"] .toggle a:before{content:"\f107"}}.sub{overflow:hidden;height:100vh;transition-property:opacity;transition-duration:800ms;transition-timing-function:ease;opacity:0.2}.sub__inner{position:relative;height:100%}@media screen and (max-width: 768px){.sub{height:100%}}.top{opacity:1}.top .sub__inner{background:#fff}.top__logo{text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/top_logo.png);background-position:center center;background-size:auto 60%}.top__image{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/top_bg.jpg);background-position:center center;background-size:cover;transition-property:opacity;transition-duration:1500ms;transition-delay:1000ms;transition-timing-function:ease;opacity:0}body[data-loaded="1"] .top__image{opacity:1}@media screen and (max-width: 768px){.top__logo{background-size:110% auto;height:calc(100% - 40px)}.top__image:after{content:" ";display:block;width:100%;height:100%;background:rgba(0,0,0,0.5)}}.contents{height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}.contents__inner{position:relative;width:100%;height:100%}.contents__title{position:absolute;left:0;bottom:80%;width:100%;text-align:center;font-size:130%;line-height:1;text-shadow:0 0 10px #000,0 0 10px #000;transition-property:opacity;transition-duration:400ms;transition-timing-function:ease-out;opacity:0}.contents__main{position:absolute;left:0;bottom:0;width:100%;padding:2em;padding-bottom:calc(125px + 3em);background:url(../img/windowbg.png) top center repeat;font-size:90%;text-shadow:1px 1px 0 #000;transition-property:transform,opacity;transition-duration:1000ms;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transform:translate(0, 100%);opacity:0}.contents__main__inner{max-width:900px;margin:0 auto}.contents__main p{line-height:1.6;margin-top:1em}.contents__main p:first-child{margin-top:0}.contents__layout{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:top;-webkit-align-items:top;-ms-flex-align:top;align-items:top;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start}.contents__layout__left img,.contents__layout__right img{display:block;width:100%}.contents__layout__left{flex:1;margin-right:1.4em}.contents__layout__right{width:35%}.contents__layout__right--okabe{width:30%}.contents__okabe{margin-top:-2em;margin-bottom:calc(-125px - 3em);min-width:200px}.intro .contents--0{background-image:url(../img/intro0_bg.jpg)}.intro .contents--1{background-image:url(../img/intro1_bg.jpg)}.intro .contents--2{background-image:url(../img/intro2_bg.jpg)}.intro .contents--3{background-image:url(../img/intro3_bg.jpg)}.intro .contents--4{background-image:url(../img/intro4_bg.jpg)}.story .contents--0{background-image:url(../img/story0_bg.jpg)}.story .contents--1{background-image:url(../img/story1_bg.jpg)}.story .contents--2{background-image:url(../img/story2_bg.jpg)}.story .contents--3{background-image:url(../img/story3_bg.jpg)}.story .contents--4{background-image:url(../img/story4_bg.jpg)}.gallery .contents--0{background-image:url(../img/gallery_bg.jpg)}.gallery .contents--1{background-image:url(../img/gallery1_image.jpg)}.gallery .contents--2{background-image:url(../img/gallery2_image.jpg)}.gallery .contents--3{background-image:url(../img/gallery3_image.jpg)}.gallery .contents--4{background-image:url(../img/gallery4_image.jpg)}.gallery .contents--5{background-image:url(../img/gallery5_image.jpg)}.gallery .contents--6{background-image:url(../img/gallery6_image.jpg)}.gallery .contents--7{background-image:url(../img/gallery7_image.jpg)}.gallery .contents--8{background-image:url(../img/gallery8_image.jpg)}.gallery .contents--9{background-image:url(../img/gallery9_image.jpg)}.gallery .contents--10{background-image:url(../img/gallery10_image.jpg)}.gallery .contents--11{background-image:url(../img/gallery11_image.jpg)}.gallery .contents--12{background-image:url(../img/gallery12_image.jpg)}.gallery .contents--13{background-image:url(../img/gallery13_image.jpg)}.bg .contents--0{background-image:url(../img/bg_bg.jpg)}.bg .contents--1{background-image:url(../img/bg1_image.jpg)}.bg .contents--2{background-image:url(../img/bg2_image.jpg)}.bg .contents--3{background-image:url(../img/bg3_image.jpg)}.bg .contents--4{background-image:url(../img/bg4_image.jpg)}.bg .contents--5{background-image:url(../img/bg5_image.jpg)}.bg .contents--6{background-image:url(../img/bg6_image.jpg)}.bg .contents--7{background-image:url(../img/bg7_image.jpg)}.bg .contents--8{background-image:url(../img/bg8_image.jpg)}.bg .contents--9{background-image:url(../img/bg9_image.jpg)}@media screen and (max-width: 768px){.contents__main{padding:1.8em 1em;padding-bottom:calc(95px + 3em);transform:translate(0, 0%);opacity:0}.contents__main p{word-break:break-all}.contents__title{bottom:auto;top:8%}.contents__layout{display:block}.contents__layout__left,.contents__layout__right{margin:0;width:auto}.contents__layout__right{width:60%;margin:0 auto;margin-top:1em}.contents__layout__right--okabe{display:none}body[data-iphonex] .contents__title{top:10%}.gallery,.bg{background-image:url(../img/gallery_bg.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}.gallery .contents,.bg .contents{height:calc(100% - 95px);background-color:transparent;background-size:contain}.gallery .contents--0,.bg .contents--0{background:transparent}.gallery .contents__main,.bg .contents__main{padding-bottom:3em}.gallery .contents__title,.bg .contents__title{bottom:80%;top:auto}}.swiper{width:100%;height:100%;position:relative}.swiper__contents{height:100%}.swiper__contents .swiper-container,.swiper__contents .swiper-container,.swiper__contents .swiper-slide{height:100%}.swiper__contents .swiper-slide{opacity:0 !important}.swiper__contents .swiper-slide-active{opacity:1 !important}.swiper__nav{position:absolute;left:0;width:100%;height:125px;z-index:100;background:rgba(8,8,8,0.8);transition-property:transform,bottom;transition-duration:500ms;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);bottom:0%}.swiper__nav__inner{overflow:hidden;padding:7px 10px}.swiper__nav .swiper-container{overflow:visible;width:100%;max-width:560px;margin:0 auto}.swiper__nav .swiper-slide{width:140px}.swiper__nav__anchor{display:block;text-decoration:none;color:#fff;padding:10px}.swiper__nav__anchor:hover .swiper__nav__icon:after{opacity:0.2}.swiper__nav__icon{width:100%;position:relative}.swiper__nav__icon img{display:block;width:100%}.swiper__nav__icon:after{content:" ";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#00ffff;transition-property:opacity;transition-duration:200ms;transition-timing-function:ease;opacity:0}.swiper__nav__title{line-height:1;font-size:70%;font-weight:600;text-align:center;margin-top:1em}.swiper__nav__next,.swiper__nav__back{position:absolute;bottom:102%;padding:0.5em;line-height:1;font-weight:600;text-decoration:none;color:#fff;display:none;text-shadow:1px 1px 0 #000;transition-property:transform,opacity;transition-duration:1000ms;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.swiper__nav__next:hover,.swiper__nav__back:hover{color:#0078ff}.swiper__nav__next{right:0;display:block;transform:translate(100%, 0)}.swiper__nav__back{left:0;transform:translate(-100%, 0)}.swiper[data-page] .swiper__nav{transform:translate(0, 0);bottom:0%}.swiper[data-page] .swiper__nav__next,.swiper[data-page] .swiper__nav__back{display:block}.swiper[data-end="1"] .swiper__nav__next{display:none}.swiper[data-page="1"] a[data-page="1"] .swiper__nav__icon:after,.swiper[data-page="2"] a[data-page="2"] .swiper__nav__icon:after,.swiper[data-page="3"] a[data-page="3"] .swiper__nav__icon:after,.swiper[data-page="4"] a[data-page="4"] .swiper__nav__icon:after,.swiper[data-page="5"] a[data-page="5"] .swiper__nav__icon:after,.swiper[data-page="6"] a[data-page="6"] .swiper__nav__icon:after,.swiper[data-page="7"] a[data-page="7"] .swiper__nav__icon:after,.swiper[data-page="8"] a[data-page="8"] .swiper__nav__icon:after,.swiper[data-page="9"] a[data-page="9"] .swiper__nav__icon:after,.swiper[data-page="10"] a[data-page="10"] .swiper__nav__icon:after,.swiper[data-page="11"] a[data-page="11"] .swiper__nav__icon:after,.swiper[data-page="12"] a[data-page="12"] .swiper__nav__icon:after,.swiper[data-page="13"] a[data-page="13"] .swiper__nav__icon:after,.swiper[data-page="14"] a[data-page="14"] .swiper__nav__icon:after,.swiper[data-page="15"] a[data-page="15"] .swiper__nav__icon:after{opacity:0.2}.intro .swiper__nav{transform:translate(100%, 50%);bottom:50%}.intro .swiper .swiper__nav__next,.intro .swiper .swiper__nav__back{display:none}.intro .swiper[data-page] .swiper__nav{transform:translate(0%, 100%)}.intro .swiper[data-page] .swiper__nav__next,.intro .swiper[data-page] .swiper__nav__back{display:block}.intro .swiper[data-page="0"] .swiper__nav{transform:translate(100%, 50%);bottom:50%}.intro .swiper[data-page="0"] .swiper__nav__next,.intro .swiper[data-page="0"] .swiper__nav__back{display:none}.intro .swiper[data-end="1"] .swiper__nav__next{display:none}body[data-page="intro"] .intro{opacity:1}body[data-page="intro"] .intro .swiper-slide-active .contents__main{transform:translate(0, 0);opacity:1;transition-delay:400ms}body[data-page="intro"] .intro .swiper-slide-active .contents__title{transition-delay:400ms;opacity:1}body[data-page="intro"] .intro .swiper__nav{transition-delay:400ms;transition-duration:1000ms;transform:translate(0%, 50%)}body[data-page="intro"] .intro .swiper__nav__next,body[data-page="intro"] .intro .swiper__nav__back{transition-delay:400ms;transition-delay:1000ms;transform:translate(0%, 0)}body[data-page="intro"] .intro .swiper__nav .swiper-container{transform:translate(0, 0);opacity:1;transition-delay:1000ms}body[data-page="intro"] .intro .swiper[data-page] .swiper__nav{transition-delay:0ms;transform:translate(0%, 0%)}body[data-page="intro"] .intro .swiper[data-page="0"] .swiper__nav{transform:translate(0%, 50%)}.story .swiper__nav{transform:translate(0, 100%)}.story .swiper[data-page] .swiper__nav{transform:translate(0, 100%)}.story .swiper[data-page="0"] .swiper__nav{transform:translate(0, 100%)}.story .swiper[data-page="0"] .swiper__nav__back{display:none}body[data-page="story"] .story{opacity:1}body[data-page="story"] .story .swiper-slide-active .contents__main{transform:translate(0, 0);opacity:1;transition-delay:400ms}body[data-page="story"] .story .swiper-slide-active .contents__title{transition-delay:400ms;opacity:1}body[data-page="story"] .story .swiper__nav{transition-delay:400ms;transform:translate(0, 0%);transition-duration:1000ms}body[data-page="story"] .story .swiper__nav__next,body[data-page="story"] .story .swiper__nav__back{transition-delay:1000ms;transform:translate(0%, 0)}body[data-page="story"] .story .swiper__nav .swiper-container{transform:translate(0, 0);opacity:1;transition-delay:1000ms}body[data-page="story"] .story .swiper[data-page] .swiper__nav{transition-delay:0ms;transform:translate(0, 0)}body[data-page="story"] .story .swiper[data-page="0"] .swiper__nav{transform:translate(0, 0)}.gallery .swiper__nav,.bg .swiper__nav{transform:translate(100%, 50%);bottom:50%;height:102px}.gallery .swiper__nav .swiper-container,.bg .swiper__nav .swiper-container{max-width:100%}.gallery .swiper .swiper__nav__next,.gallery .swiper .swiper__nav__back,.bg .swiper .swiper__nav__next,.bg .swiper .swiper__nav__back{display:none}.gallery .swiper[data-page] .swiper__nav,.bg .swiper[data-page] .swiper__nav{transform:translate(0, 100%)}.gallery .swiper[data-page] .swiper__nav__next,.gallery .swiper[data-page] .swiper__nav__back,.bg .swiper[data-page] .swiper__nav__next,.bg .swiper[data-page] .swiper__nav__back{display:block}.gallery .swiper[data-page="0"] .swiper__nav__next,.gallery .swiper[data-page="0"] .swiper__nav__back,.bg .swiper[data-page="0"] .swiper__nav__next,.bg .swiper[data-page="0"] .swiper__nav__back{display:none}.gallery .swiper[data-page="0"] .swiper__nav,.bg .swiper[data-page="0"] .swiper__nav{transform:translate(100%, 50%);bottom:50%}.gallery .swiper[data-end="1"] .swiper__nav__next,.bg .swiper[data-end="1"] .swiper__nav__next{display:none}body[data-page="gallery"] .gallery{opacity:1}body[data-page="gallery"] .gallery .swiper-slide-active .contents__main{transform:translate(0, 0);opacity:1;transition-delay:400ms}body[data-page="gallery"] .gallery .swiper-slide-active .contents__title{transition-delay:400ms;opacity:1}body[data-page="gallery"] .gallery .swiper__nav{transition-delay:400ms;transform:translate(0%, 50%);transition-duration:1000ms}body[data-page="gallery"] .gallery .swiper__nav__next,body[data-page="gallery"] .gallery .swiper__nav__back{transition-delay:1000ms;transform:translate(0%, 0)}body[data-page="gallery"] .gallery .swiper__nav .swiper-container{transform:translate(0, 0);opacity:1;transition-delay:1000ms}body[data-page="gallery"] .gallery .swiper[data-page] .swiper__nav{transition-delay:0ms;transform:translate(0%, 0%)}body[data-page="gallery"] .gallery .swiper[data-page="0"] .swiper__nav{transform:translate(0%, 50%)}body[data-page="bg"] .bg{opacity:1}body[data-page="bg"] .bg .swiper-slide-active .contents__main{transform:translate(0, 0);opacity:1;transition-delay:400ms}body[data-page="bg"] .bg .swiper-slide-active .contents__title{transition-delay:400ms;opacity:1}body[data-page="bg"] .bg .swiper__nav{transition-delay:400ms;transform:translate(0%, 50%);transition-duration:1000ms}body[data-page="bg"] .bg .swiper__nav__next,body[data-page="bg"] .bg .swiper__nav__back{transition-delay:1000ms;transform:translate(0%, 0)}body[data-page="bg"] .bg .swiper__nav .swiper-container{transform:translate(0, 0);opacity:1;transition-delay:1000ms}body[data-page="bg"] .bg .swiper[data-page] .swiper__nav{transition-delay:0ms;transform:translate(0%, 0%)}body[data-page="bg"] .bg .swiper[data-page="0"] .swiper__nav{transform:translate(0%, 50%)}.chara .swiper .swiper__nav__next,.chara .swiper .swiper__nav__back{display:none}.chara .swiper[data-page] .swiper__nav{transform:translate(0, 100%)}.chara .swiper[data-page] .swiper__nav__next,.chara .swiper[data-page] .swiper__nav__back{display:block}.chara .swiper[data-page="0"] .swiper__nav{transform:translate(0, 100%);bottom:0%}.chara .swiper[data-page="0"] .swiper__nav__next,.chara .swiper[data-page="0"] .swiper__nav__back{display:none}.chara .swiper[data-end="1"] .swiper__nav__next{display:none}.chara .swiper__nav{transform:translate(0, 100%);bottom:0%;height:104px}.chara .swiper__nav .swiper-slide{width:90px;height:90px}.chara .swiper__nav .swiper__nav__icon{height:100%;border-radius:10px;box-shadow:0 0 2px #fff;overflow:hidden}.chara .swiper__nav .swiper__nav__icon img{height:100%}body[data-page="chara"] .chara{opacity:1}body[data-page="chara"] .chara .swiper-slide-active .contents__main{transform:translate(0, 0);opacity:1;transition-delay:400ms}body[data-page="chara"] .chara .swiper-slide-active .contents__title{transition-delay:400ms;opacity:1}body[data-page="chara"] .chara .swiper__nav{transition-duration:1000ms}body[data-page="chara"] .chara .swiper__nav__next,body[data-page="chara"] .chara .swiper__nav__back{transition-delay:400ms;transform:translate(0%, 0)}body[data-page="chara"] .chara .swiper__nav .swiper-container{transform:translate(0, 0);opacity:1;transition-delay:500ms;transition-duration:1000ms}body[data-page="chara"] .chara .swiper[data-page] .swiper__nav{transition-delay:0ms;transform:translate(0, 0)}body[data-page="chara"] .chara .swiper[data-page="0"] .swiper__nav{transform:translate(0, 100%)}@media screen and (max-width: 768px){.swiper__nav{height:95px}.swiper__nav .swiper-slide{width:130px}.swiper__nav__anchor{padding:0;margin:8px;position:relative}.swiper__nav__title{line-height:1.2;font-size:65%;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,0.4)}.gallery .swiper__nav,.bg .swiper__nav{height:95px}.chara .swiper__nav{height:95px}.chara .swiper__nav .swiper-slide{width:80px;height:80px}}.chara .sub__inner{background-position:center center;background-repeat:no-repeat;background-size:cover;background-image:url(../img/chara_bg.jpg)}.chara__nav{width:300px;height:100%;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative}.chara__nav:before{content:" ";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(8,8,8,0.8);transition-property:transform,opacity;transition-duration:1000ms;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transform:translate(0, 100%);opacity:1}.chara__nav__inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:top;-webkit-align-items:top;-ms-flex-align:top;align-items:top;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 15px;transition-property:transform,opacity;transition-duration:600ms;transition-timing-function:ease;transform:translate(0, 0);opacity:0}.chara__nav__title{width:100%;text-align:center;line-height:1;margin-bottom:0.8em;font-size:130%}.chara__nav__anchor{width:70px;height:70px;margin:10px;border-radius:10px;box-shadow:0 0 2px #fff;overflow:hidden;position:relative}.chara__nav__anchor:after{content:" ";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#00ffff;transition-property:opacity;transition-duration:200ms;transition-timing-function:ease;opacity:0}.chara__nav__anchor:hover:after{opacity:0.2}.chara__nav__icon{display:block;width:100%;height:100%}.chara__nav__icon img{display:block;width:100%;height:100%}.chara__layout{position:relative;height:calc(100% - 104px);text-shadow:1px 1px 0 #000}.chara__profile{height:100%;width:65%;padding:2em 0;z-index:100;position:relative}.chara__profile__inner{position:absolute;right:0%;bottom:50%;width:90%;max-width:50vw;padding:2em 0;padding-right:0.5em;max-height:100%;transform:translate(0, 50%);overflow-y:auto;transition-property:opacity;transition-duration:400ms;transition-timing-function:ease}.chara__profile__inner::-webkit-scrollbar{overflow:hidden;width:6px}.chara__profile__inner::-webkit-scrollbar-thumb,.chara__profile__inner::-webkit-scrollbar-corner{overflow:hidden;background:rgba(255,255,255,0.4)}.chara__profile__inner--cast{visibility:hidden;opacity:0;pointer-events:none;background:rgba(0,0,0,0.8);padding:20px;border-radius:8px}.chara__profile__layout{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:top;-webkit-align-items:top;-ms-flex-align:top;align-items:top;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start}.chara__profile__layout__left{width:146px;margin-right:1em}.chara__profile__layout__left img{display:block;width:100%}.chara__profile__layout__right{flex:1}.chara .swiper-slide[data-comment="1"] .chara__profile__inner--cast{visibility:visible;opacity:1;pointer-events:auto}.chara .swiper-slide[data-comment="1"] .chara__profile__inner--character{visibility:hidden;opacity:0;pointer-events:none}.chara .swiper-slide[data-comment="1"] .chara__images{filter:grayscale(100)}.chara__images{cursor:zoom-out;position:absolute;top:0;right:0;width:100%;height:0%;overflow:hidden;transition-property:height;transition-duration:600ms;transition-timing-function:ease}.chara__images__image{position:absolute;top:0;right:0;display:block;height:calc(100vh - 100px);transition-property:opacity;transition-duration:600ms;transition-timing-function:ease}.chara__images__image--s{opacity:0}.chara .swiper-slide-active .chara__images{height:100%}.chara .swiper-slide[data-zoom="1"] .chara__images__image--s{opacity:1}.chara .swiper-slide[data-zoom="1"] .chara__images__image--l{opacity:0}.chara .swiper-slide[data-zoom="1"] .chara__images{cursor:zoom-in}.chara__header{margin-top:0.5em}.chara__name{font-size:240%;line-height:1;display:inline}.chara__cv{line-height:1;display:inline;margin-left:0.2em}.chara__kana{display:block;line-height:1;margin-top:0.2em}.chara__message{font-size:200%;color:#0078ff;line-height:1.4;margin-top:0.5em}.chara__text{margin-top:1em;font-size:90%;line-height:1.4}.chara__text p{margin-bottom:1em}.chara__text p:last-child{margin-bottom:0}.chara__text p.t{color:#0078ff;margin-bottom:0.4em;font-weight:600}.chara__text__close{position:absolute;top:5px;right:5px;display:none}.chara__text__close a{padding:5px;display:block;color:#fff;text-decoration:none;font-size:200%;line-height:1}.chara__text__close a:hover{color:#0078ff}.chara__text__close a i{margin:0}.chara__voice{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:top;-webkit-align-items:top;-ms-flex-align:top;align-items:top;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:1em}.chara__voice__comment{display:inline;font-size:80%;background:#444;color:#fff;text-shadow:none;text-decoration:none;padding:0 2em;margin-right:20px;height:26px;line-height:26px;margin-top:-2px;margin-bottom:0.8em}.chara__voice__comment:hover{background:#0078ff}.chara__voice__comment[data-profile]{display:none}.chara__voice__sample{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:top;-webkit-align-items:top;-ms-flex-align:top;align-items:top;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;height:22px;line-height:22px}.chara__voice__title{background:#666;color:#fff;padding:0 1em;text-shadow:none;font-size:70%;text-align:center;overflow:hidden}.chara__voice__anchor{font-size:70%;width:4em;background:#666;color:#fff;text-align:center;text-shadow:none;text-decoration:none;margin-left:2px}.chara__voice__anchor:hover{background:#0078ff}.chara__voice__anchor[data-audio-playing="1"]{animation-name:audio_playing;animation-duration:1200ms;animation-timing-function:ease;animation-iteration-count:infinite}@keyframes audio_playing{0%{background:#0078ff}50%{background:#666}100%{background:#0078ff}}.chara__close{position:absolute;top:5px;right:5px}.chara__close a{padding:5px;display:block;color:#fff;text-decoration:none;font-size:200%;line-height:1}.chara__close a:hover{color:#0078ff}.chara__close a i{margin:0}body[data-page="chara"] .chara__nav:before{opacity:1;transform:translate(0, 0);transition-delay:400ms}body[data-page="chara"] .chara__nav__inner{transform:translate(0, 0);opacity:1;transition-delay:1100ms}@media screen and (max-width: 768px){.chara{height:auto}.chara .swiper-container{overflow:visible}.chara .swiper-slide{height:580px;padding-bottom:calc(95px + 3em)}.chara .swiper-slide:first-child{padding-bottom:0}.chara__nav{width:280px}.chara__nav__inner{margin:0 14px}.chara__nav__anchor{width:64px;height:64px}.chara__layout{height:100%}.chara__close{top:10px;right:10px}.chara__images{overflow:visible}.chara__images__image{height:450px}.chara__profile{width:100%;height:100%;padding:0;position:relative}.chara__profile__inner{max-width:100%;width:100%;padding:0 1em;bottom:auto;right:auto;transform:translate(0, 0);max-height:initial;overflow-y:visible}.chara__profile__inner--character{position:absolute;bottom:0;left:0}.chara__profile__inner--character .chara__text{display:none;background:rgba(0,0,0,0.8);padding:20px;padding-top:45px;border-radius:5px}.chara__profile__inner--cast{position:absolute;top:0;left:0;height:100%;border-radius:0;padding:0}.chara__profile__inner--cast .chara__header{text-align:center}.chara__profile__inner--cast .chara__text{margin-top:2em}.chara__profile__layout{height:100%;display:block;overflow-y:auto}.chara__profile__layout::-webkit-scrollbar{overflow:hidden;width:6px}.chara__profile__layout::-webkit-scrollbar-thumb,.chara__profile__layout::-webkit-scrollbar-corner{overflow:hidden;background:rgba(255,255,255,0.4)}.chara__profile__layout__left{padding-top:60px;margin:0 auto;margin-bottom:1em}.chara__profile__layout__right{width:auto;padding:0 1em}.chara__message{font-size:150%}.chara__voice__comment[data-profile]{display:block;margin-right:10px}.chara__text{position:relative}.chara__text__close{display:block}.chara .swiper-slide[data-profile="1"] .chara__profile__inner--character .chara__message,.chara .swiper-slide[data-profile="1"] .chara__profile__inner--character .chara__voice,.chara .swiper-slide[data-profile="1"] .chara__profile__inner--character .chara__header{display:none}.chara .swiper-slide[data-profile="1"] .chara__profile__inner--character .chara__text{display:block}}