@media (max-width: 1023px) or (orientation: portrait){.hamburger{position:fixed;top:16px;right:16px;cursor:pointer;width:32px;height:24px;z-index:10}.hamburger span{transition:all .3s;position:absolute;height:2px;background-color:#333;width:100%;z-index:10;outline:1px solid #999999}.hamburger span:nth-of-type(1){top:4px}.hamburger span:nth-of-type(2){top:12px}.hamburger span:nth-of-type(3){top:20px}.hamburger.open span:nth-of-type(1){top:10px;transform:translateY(6px) rotate(-33deg)}.hamburger.open span:nth-of-type(2){opacity:0}.hamburger.open span:nth-of-type(3){top:22px;transform:translateY(-6px) rotate(33deg)}}@media (max-width: 1023px) or (orientation: portrait){.menu-wrapper{background:linear-gradient(140deg,#fdede4,#e8c59c);display:flex;justify-content:right;align-items:center;position:fixed;width:100%;height:100%;top:0;right:-100%;z-index:10;transition:.4s}body.dark-mode .menu-wrapper{background:linear-gradient(140deg,#002543,#001635)}.menu-wrapper.open{right:0}.menu{padding-right:10%}.menu-bg{position:absolute;pointer-events:none;opacity:0;width:100%;height:100%;background-image:url(../../img/menu-bg.webp);background-blend-mode:lighten;background-repeat:no-repeat;background-size:contain;background-position:bottom;transition:.4s}.menu-wrapper.open .menu-bg{opacity:.2}.menu-item-wrapper{z-index:20}.menu-item{font-size:1.1em;color:#484848;font-weight:700;transition:all .4s;height:41px;text-align:right}.menu-item a{color:#484848;text-decoration:none}.menu-item a:visited{color:#484848}.menu-item a:hover,.menu-item a:active{color:#666}body.dark-mode .menu-item,body.dark-mode .menu-item a,body.dark-mode .menu-item a:visited{color:#e0e0e0}body.dark-mode .menu-item a:hover,body.dark-mode .menu-item a:active{color:#d3d3d3}}@media (min-width: 1024px) and (orientation: landscape){.menu-wrapper{position:absolute;height:60vh;width:25%;right:0;text-align:right;display:flex;justify-content:right;align-items:center;padding-right:15px}.menu-wrapper .menu{font-size:1.2em}.menu-item{margin-bottom:10px}.menu-item a{font-weight:700;color:#484848;text-decoration:none;position:relative;display:inline-block;transition:.3s}.menu-item a:visited{color:#484848}body.dark-mode .menu-item a,body.dark-mode .menu-item a:visited{color:#d3d3d3}.menu-item a:after{position:absolute;bottom:0;left:50%;content:"";width:0;height:2px;background-color:#d2691e;transition:.3s;transform:translate(-50%)}.menu-item a:hover:after{width:100%}.menu-item.menu-item-topics{display:none}}.change-prefers-color-dark{display:block}body.dark-mode .change-prefers-color-dark,.change-prefers-color-light{display:none}body.dark-mode .change-prefers-color-light{display:block}@media (max-width: 1023px) or (orientation: portrait){.change-prefers-color-scheme{font-size:1.5em;position:absolute;top:0;left:0;padding:5px;cursor:pointer}}@media (min-width: 1024px) and (orientation: landscape){.change-prefers-color-scheme{font-size:1.5em;position:absolute;top:0;right:0;padding:5px;cursor:pointer}}@media (max-width: 1023px) or (orientation: portrait){.logo{margin-top:-20%}.logo img{width:100%}}@media (min-width: 1024px) and (orientation: landscape){.logo{display:none}}.keyvisual.is-animated{animation:fadeIn 2.7s cubic-bezier(.33,1,.68,1) forwards;visibility:visible}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.keyvisual{position:relative;height:100vh;margin-bottom:10px;background:url(../../img/keyvisual.webp) no-repeat top center/contain;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;visibility:hidden}.keyvisual .tagline-1{position:absolute;background:url(../../img/keyvisual_w1.webp) no-repeat top center/contain;width:30%;height:30%;top:0%;right:0%}.tagline-2{position:absolute;background:url(../../img/keyvisual_w2.webp) no-repeat top center/contain;width:30%;height:30%;bottom:20%;left:0%}.keyvisual.is-animated .tagline-1{transition:2.4s;top:5%}.keyvisual.is-animated .tagline-2{transition:2.4s;bottom:25%}@media (max-width: 1023px) or (orientation: portrait){.firstview{height:100svh}}@media ((max-width: 1023px) or (orientation: portrait)) and (min-aspect-ratio: 9/16){.keyvisual .tagline-wrapper{margin:auto;aspect-ratio:9 / 16;height:100%;position:absolute;top:0}}@media ((max-width: 1023px) or (orientation: portrait)) and (max-aspect-ratio: 9/16){.keyvisual .tagline-wrapper{margin:auto;aspect-ratio:9 / 16;width:100%;position:absolute;top:0}}@media (min-width: 1024px) and (orientation: landscape){.keyvisual{aspect-ratio:9 / 16;margin-left:35%}}.section-title{display:inline-flex;position:relative;transition:.8s}.topic-item{border-bottom:dashed 1px gray;padding-bottom:10px}.topic-item time{color:#999;font-size:.8em;font-weight:700}body.dark-mode .topic-item time{color:#d3d3d3}.topic-item .category{font-size:.8em;margin-left:10px;border-style:solid;border-width:1px;border-color:gray;border-radius:8px;padding:5px}.topic-item .category.news{background-color:#add8e6}.topic-item .category.items{background-color:#ffb6c1}.topic-item .category.update{background-color:#90ee90}.topic-item p{word-break:break-all}.topic-item a.topic-link{color:#4169e1;font-size:.9em}body.dark-mode .topic-item a.topic-link{color:#6495ed}body.dark-mode .topic-item .category{color:#666}.topics .x-link{width:95%;text-align:right}.topics .x-link a,.topics .x-link a:visited{color:#484848}body.dark-mode .topics .x-link a,body.dark-mode .topics .x-link a:visited{color:#d3d3d3}@media (max-width: 1023px) or (orientation: portrait){.topics .section-title{left:-20px;opacity:.4}.topics .section-title.is-animated{left:0;opacity:1}.topic-item{width:90%;margin:auto auto 10px}.twitter-timeline-wrapper{width:90%;height:80vh;margin:auto;overflow:auto}.twitter-follow-wrapper{width:90%;margin:10px auto}}@media (min-width: 1024px) and (orientation: landscape){.topics{position:absolute;top:60px;width:35%;height:80vh}.topic-item{width:95%;margin:auto auto 10px}.twitter-timeline-wrapper{width:90%;height:70vh;margin:auto;overflow:auto}}.about .section-title{left:-20px;opacity:.4}.about .section-title.is-animated{left:0;opacity:1}.about h3{display:inline;padding-bottom:2px;border-bottom:solid 2px chocolate}.about p{font-size:.9em;padding:3px;color:#555;background-color:beige}body.dark-mode .about p{color:#cfcfcf;background-color:#567}.about p.photo{text-align:center}.about p.photo img{height:auto;margin:auto;aspect-ratio:auto}@media (max-width: 1023px) or (orientation: portrait){.about .about-content{margin:auto;padding-left:20px;padding-right:20px;padding-bottom:20px}.about p.photo img{width:100%}}@media (min-width: 1024px) and (orientation: landscape){.about .about-content{margin:auto;max-width:60%;padding-bottom:20px}.about p.photo img{width:50%}}.character{position:relative}.character .link-wrapper{padding-left:10px;bottom:10px}.character .section-title{left:-20px;opacity:.4}.character .section-title.is-animated{left:0;opacity:1}@media (max-width: 1023px) or (orientation: portrait){.character-slick-area{width:90%;margin:auto}.slick-slide img{margin:auto;width:100%;object-fit:scale-down}.link-wrapper{margin-bottom:20px}.link-wrapper a{color:#191970;text-decoration:none}.link-wrapper a:visited{color:#191970}}@media (min-width: 1024px) and (orientation: landscape){.character-slick-area{width:80%;margin:auto}.slick-slide img{margin:auto;width:100%;object-fit:scale-down}.link-wrapper{margin-bottom:20px}.link-wrapper a{color:#191970;text-decoration:none;position:relative;display:inline-block;transition:.3s}.link-wrapper a:visited{color:#191970}.link-wrapper a:after{position:absolute;bottom:0;left:50%;content:"";width:0;height:2px;background-color:#d2691e;transition:.3s;transform:translate(-50%)}.link-wrapper a:hover:after{width:100%}}.stories .section-title{left:-20px;opacity:.4}.stories .section-title.is-animated{left:0;opacity:1}.stories h3{display:inline;padding-bottom:2px;border-bottom:solid 2px chocolate}.stories p{font-size:.9em;padding:3px;color:#555;background-color:beige}body.dark-mode .stories p{color:#cfcfcf;background-color:#567}.stories p.photo{text-align:center}.stories p.photo img{height:auto;margin:auto;aspect-ratio:auto}@media (max-width: 1023px) or (orientation: portrait){.stories .stories-content{margin:auto;padding-left:20px;padding-right:20px;padding-bottom:20px;text-align:center}.stories p.photo img{width:100%}}@media (min-width: 1024px) and (orientation: landscape){.stories .stories-content{margin:auto;max-width:60%;padding-bottom:20px;text-align:center}.stories p.photo img{width:50%}}.merchandise .section-title{left:-20px;opacity:.4}.merchandise .section-title.is-animated{left:0;opacity:1}.merchandise .shop-info-wrap{width:95%;margin:auto;padding-bottom:10px}.merchandise .shop-info{border-bottom:dashed 1px gray;padding:10px}.merchandise .shop-info .shop-name{font-weight:700}.merchandise .shop-info address{font-style:normal;font-size:.8em}.merchandise .shop-info a{color:#4169e1;font-size:.9em}body.dark-mode .merchandise .shop-info a{color:#6495ed}.merchandise .onlineshop-link{color:#4169e1;font-size:.9em}body.dark-mode merchandise .onlineshop-link{color:#6495ed}@media (max-width: 1023px) or (orientation: portrait){.base-inline{width:90%;margin:0 auto 20px;height:220px}.base-inline iframe{width:100%;height:100%}.base-inline iframe.base-medium{display:none}}@media (min-width: 1024px) and (orientation: landscape){.merchandise p{width:50%;margin:auto}.merchandise .shop-info-wrap{margin:auto}.merchandise .shop-info{width:50%;margin:auto}.base-inline{width:90%;margin:0 auto 20px;height:380px}.base-inline iframe{max-width:640px;width:100%;height:100%;margin:auto;display:block}.base-inline iframe.base-small{display:none}}.staff{height:260px}.staff .section-title{left:-20px;opacity:.4}.staff .section-title.is-animated{left:0;opacity:1}.staff-credit{width:100%;height:180px;display:flex;justify-content:center;flex-direction:column;align-items:center}.staff-credit p{margin-top:10px;margin-bottom:10px}.staff-credit .role{font-size:.8em}.inquiry{margin-bottom:10px}@media (max-width: 1023px) or (orientation: portrait){.inquiry p{margin-left:10px;font-size:.9em}}@media (min-width: 1024px) and (orientation: landscape){.inquiry p{width:100%;margin:auto;text-align:center;font-size:.9em}}