*{margin:0;padding:0;box-sizing:border-box}#fusuma-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;pointer-events:none}.fusuma{width:50%;height:100%;background-repeat:no-repeat;background-size:cover;transform:translate(0);transition:transform 2.5s ease-in-out}.fusuma-left{background-image:url(/assets/fusuma.left.dd862a58.png);background-position:right}.fusuma-right{background-image:url(/assets/fusuma.right.74aad328.png);background-position:left}.fusuma-left.open{transform:translate(-100%)}.fusuma-right.open{transform:translate(100%)}.empty-space{min-height:60vh}body{font-family:Kaisei Decol;transition:background-color 1.5s ease-in-out;background-color:#222;margin:0;padding-top:10vh;background:linear-gradient(to bottom,#0d0d0d 0%,#1a237e 40%,#3949ab 70%,#ec407a 100%);--scroll-gap: 30px}html,body{overflow-x:hidden}#main-content-area{position:relative;z-index:1}h1{color:#fff}@keyframes infiniteScroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - var(--scroll-gap) / 2))}}.scroll_wrap{margin-block-start:20vh;width:100%;overflow:hidden}.scroll_track{width:max-content;animation:infiniteScroll 10s linear infinite;&:hover{animation-play-state:paused}}.scroll_inner{display:flex;flex-wrap:nowrap;gap:0 var(--scroll-gap)}.divider{display:flex;align-items:center;justify-content:center;margin:1rem 0}.divider span{font-size:1.2rem}.divider-icon{height:2.5em;width:auto;vertical-align:middle}.section{padding:4rem 1rem;max-width:1000px;margin:0 auto;color:#fff}.section-headline{font-size:2rem;color:#fedde5;text-align:center;margin-bottom:-1.3rem}.story{text-align:center;font-family:Shippori Mincho,serif}.story-description{margin-top:-1.5rem;line-height:2;margin-left:10px;margin-right:10px}.divider-icon2{height:1.5em;width:auto;vertical-align:middle}.divider-icon3{height:1.7em;width:auto;vertical-align:middle}.info-area{display:flex;flex-flow:column;justify-content:center;align-items:center}.pfm-info-wrap{display:flex;gap:20px;margin:0 20px}.pfm-info{background-color:transparent;border-radius:3rem;color:#fff;display:flex;justify-content:center;flex-flow:column;align-items:center;gap:1rem;padding:3rem;width:45vw;background-image:url(/assets/info-star.54dcfc9b.png)}.pfm-head{color:#fff}.pfm-info>h2{font-size:1.2rem;font-weight:700}.pfm-info>h3{font-weight:700}.pfm-info>p{font-size:1.5rem}.list-design>li{color:#fff;margin:20px;font-size:1.5rem}@media (max-width:768px){.pfm-info-wrap{display:block}.pfm-info{margin:30px;width:90vw}.pfm-info>p{font-size:1.3rem}.list-design>li{text-align:left;list-style:none;font-size:1.2rem}}h3{text-decoration:underline}.comments-section{position:relative;min-height:155vh;overflow:hidden;margin:50px 20px 0}.comments-section>h1{text-align:center}@keyframes floatBubble{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(10px)}to{transform:translateY(0) translate(0)}}.bubble-large,.bubble-small{position:absolute;animation:floatBubble 10s infinite ease-in-out;transform:translateZ(0);will-change:transform}.bubble-large{width:70vw;height:70vw;max-width:800px;max-height:800px;border-radius:50%;background:url(/assets/shabon-80.d66e9e3b.png) no-repeat center center / cover}.comment-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#0d236d;width:50%;height:50%;padding:1em;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;text-align:center;overflow-y:auto;word-break:break-all}.comment-author{font-size:1.2rem;margin:10px auto;font-weight:700;width:fit-content;border-bottom:1px solid #111}.bubble-small{width:20vw;height:20vw;background:none;box-shadow:none!important;border:none;backdrop-filter:none}.item-image{width:100%;height:auto}.comment-1{top:10vh;left:-2vw;z-index:10}.comment-2{top:40vh;right:-2vw;z-index:11}.item-comic{top:70%;left:10%;z-index:20}.item-tennis{top:25%;right:5%;z-index:20}.item-icecream{top:8%;left:5%;z-index:20}@media (max-width: 900px){.comments-section{min-height:auto;height:auto;overflow:visible;padding-bottom:8vh;margin-bottom:0}.comment-bubble{position:relative;margin:0vh auto;width:100vw;height:auto;aspect-ratio:1 / 1}.comment-bubble .comment-content{width:85%;height:85%;font-size:.85rem}.comment-1,.comment-2{top:auto;left:auto;right:auto}.comment-1{right:20%}.comment-2{margin-top:-20vh;left:10%}.bubble-small{width:16rem}.item-icecream{top:5%;left:-8%}.item-tennis{top:38%;right:-5%}.item-comic{top:78%;left:0%}.comment-text{font-size:.8rem}}@media (max-width: 450px){.comment-text{font-size:.5rem}.comment-1,.comment-2{top:auto;left:auto;right:auto}.comment-1{right:20%}.comment-2{margin-top:-20vh;left:10%}.bubble-small{width:8rem}.item-icecream{top:15%;left:-8%}.item-tennis{top:40%;right:-5%}.item-comic{top:75%;left:0%}}.section-credit{margin:0 auto;text-align:center;padding:10px}.credit-image{max-width:100%;display:block;margin:1rem auto}.summary{color:#fff}.details{margin-bottom:20px}@media (max-width:768px){#credit{margin-top:0}}footer{background-color:#111;padding:2rem 1rem;text-align:center;color:#aaa}.home-link{color:#fedde5;text-decoration:none;font-weight:500}.home-link:hover{text-decoration:underline}.header-bg{background-color:#111;position:fixed;top:0;width:100%;z-index:999}.header-contents{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem}.header-navlist{display:flex;gap:2rem}.header-navitem a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease;font-size:1.5rem}.header-navitem a:hover{color:#fedde5}.responsive_btn{display:none;flex-direction:column;justify-content:space-between;width:25px;height:20px;cursor:pointer}@media (max-width:768px){.header-navlist{gap:1rem;list-style:none}.header-navitem a{font-size:1rem}.sns-item{width:30px;height:30px}}.menu_line{width:100%;height:3px;background-color:#fff}@media (max-width:450px){.header-navitem>a{font-size:.7rem}}.sns{text-align:center;margin:0}.icons a{margin:.5rem;display:inline-block;transition:transform .3s ease}.icons a:hover{transform:scale(1.2)}.catchcopy-area{text-align:center}.catchcopy{color:#fff;font-size:3rem}.catchcopy>b{background:linear-gradient(5deg,#8d7ca6 30%,#ffffff 50%,#d17aba 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.narrow-catchcopy{display:none}.questionnaire-box{margin:10px auto}.questionnaire>a{color:#fff;font-size:2rem;text-decoration:none}.button-40{display:flex;justify-content:center;align-items:center;position:relative;width:fit-content;margin:0 auto;padding:.9em 2em;border:none;border-radius:5px;box-shadow:0 7px 10px #0000001a;background-color:#df0354;color:#333;font-size:1em;transition:transform .3s,box-shadow .3s}.button-40:hover{transform:translateY(-2px);box-shadow:0 7px 10px #00000026}.button-40:after{transform:rotate(45deg);width:5px;height:5px;margin-left:10px;border-top:2px solid #333;border-right:2px solid #333;content:""}@media (max-width:768px){.catchcopy{font-size:1.5rem}.questionnaire>a{font-size:1.2rem}.narrow-catchcopy{display:none}}@media (max-width:450px){.wide-catchcopy{display:none}.narrow-catchcopy{display:block;font-size:1.8rem}}.opening-section{position:relative;height:90vh;overflow:hidden}.logo-main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80vh;z-index:30}.logo-main img{width:100%;height:auto}@media (max-width:450px){.logo-main{width:100vw}}@keyframes scroll-cloud{0%{transform:translate(-100%)}to{transform:translate(100vw)}}.clouds-wrapper .cloud{position:absolute;mix-blend-mode:screen;animation-name:scroll-cloud;animation-timing-function:linear;animation-iteration-count:infinite;opacity:70%}.cloud-1{top:-10%;width:20%;animation-duration:40s;animation-delay:0s;z-index:20}.cloud-2{top:10%;width:15%;animation-duration:55s;animation-delay:-15s;z-index:40}.cloud-3{top:30%;width:25%;animation-duration:35s;animation-delay:-25s;z-index:20}.cloud-4{top:50%;width:12%;animation-duration:60s;animation-delay:-30s;z-index:20}.cloud-5{top:62%;width:22%;animation-duration:38s;animation-delay:-5s;z-index:40}.cloud-6{top:69%;width:18%;animation-duration:45s;animation-delay:-10s;z-index:20}.cloud-7{top:80%;width:14%;animation-duration:50s;animation-delay:-40s;z-index:20}.star{position:absolute;background-color:#fff;border-radius:50%;opacity:0;animation:twinkle 2s infinite ease-in-out alternate;z-index:15}@keyframes twinkle{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.shooting-star-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:45}.shooting-star{position:absolute;width:5px;height:5px;background:white;border-radius:50%;box-shadow:0 0 10px 5px #fffc,0 0 40px 10px #ffffff80,0 0 80px 20px #fff3;opacity:0;transform:translate(var(--start-x, -100vw),var(--start-y, 10vh)) rotate(var(--rotate-deg, -45deg))}@keyframes shooting-star-anim{0%{transform:translate(var(--start-x, -100vw),var(--start-y, 10vh)) rotate(var(--rotate-deg, -45deg));opacity:0}1%{opacity:1}90%{transform:translate(var(--end-x, 100vw),var(--end-y, 80vh)) rotate(var(--rotate-deg, -45deg));opacity:1}to{transform:translate(var(--end-x, 100vw),var(--end-y, 80vh)) rotate(var(--rotate-deg, -45deg));opacity:0}}@keyframes sunFlicker{0%{box-shadow:0 0 1vw .5vw #ffbe00e6,0 0 3vw 1vw #ff6400b3,0 0 6vw 2vw #ff000080}50%{box-shadow:0 0 1.8vw .9vw #ffc800,0 0 5vw 1.8vw #ff6e00cc,0 0 10vw 3vw #ff140099}to{box-shadow:0 0 1vw .5vw #ffbe00e6,0 0 3vw 1vw #ff6400b3,0 0 6vw 2vw #ff000080}}.character-section-wrapper{position:relative;height:180vh}.character-intro-section{position:relative;height:100%;background-color:#a3d5ff;transition:background-color 1.5s ease-in-out;overflow:hidden;clip-path:url(#wavy-clip)}.character-intro-section.is-night{background-color:#253858}.celestial-background{position:absolute;bottom:20vh;left:50%;transform:translate(-50%);width:100vw;max-width:1000px;height:40vw;max-height:400px;z-index:10;overflow:hidden}.moon,.sun{position:absolute;left:0;top:13%;width:100%;height:200%;border-radius:50%;transition:opacity 1.5s ease-in-out;will-change:opacity}.sun{background:radial-gradient(circle,#fff8dc,#ffcc00);box-shadow:0 0 40px #ffd70099;opacity:1}.moon{background:radial-gradient(circle,#f0f8ff,#a0b0c0);box-shadow:0 0 40px #add8e6b3;opacity:0}.character-intro-section.is-night .moon{opacity:1}.character-intro-section.is-night .sun{opacity:0}.wave-mask{position:absolute;bottom:0;left:0;width:100%;height:40vh;z-index:20;pointer-events:none}.wave-mask svg{width:100%;height:100%}.wave-mask path{fill:#141f33;stroke:none}.chara-role{font-size:1.5rem;text-align:center;text-shadow:rgb(2,105,174) 1px 1px 1px}.character-container{position:absolute;bottom:40vh;left:50%;transform:translate(-50%);width:60vw;max-width:600px;height:80vh;z-index:20;pointer-events:none}.characters-for-sun,.characters-for-moon{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end;transition:opacity 1s ease-in-out}.characters-for-sun{opacity:1}.characters-for-moon{opacity:0}.character-intro-section.is-night .characters-for-sun{opacity:0;pointer-events:none}.character-intro-section.is-night .characters-for-moon{opacity:1;pointer-events:none}.char{position:absolute;height:90%;width:auto;object-fit:contain;bottom:0;transform-origin:bottom center}.sun-char-1{left:10%;transform:translate(-50%) translateY(10%)}.sun-char-2{left:50%;transform:translate(-50%)}.sun-char-3{left:90%;transform:translate(-50%) translateY(10%);will-change:opacity}.moon-char-1{left:22%;transform:translate(-50%)}.moon-char-2{left:75%;transform:translate(-50%)}.moon-desc{opacity:0;visibility:hidden}.sun-desc,.character-intro-section.is-night .moon-desc{opacity:1;visibility:visible}.toggle-button{position:absolute;top:148vh;left:50%;transform:translate(-50%);z-index:40;width:70px;height:70px;border-radius:50%;background-color:#ffffff80;border:3px solid white;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.toggle-button:hover{transform:translate(-50%) scale(1.2);box-shadow:0 0 20px #ffffff80}.toggle-button p{color:#df0354;text-shadow:whitesmoke 1px 1px 1px;font-weight:700;font-size:1.4rem;margin:0}.description-boxes-container{width:100%;height:100%;z-index:18;pointer-events:none}.description-box{position:absolute;width:25vw;max-width:300px;padding:1.5em;box-sizing:border-box;background-color:#1a1a2e80;border:1px solid rgba(255,255,255,.2);border-radius:10px;box-shadow:0 0 20px #0000004d;backdrop-filter:blur(5px);color:#fff;font-family:Shippori Mincho,serif;pointer-events:auto;transition:opacity .8s,visibility .8s}.description-box h3{text-align:center;margin-top:0;padding-bottom:.5em;border-bottom:1px solid rgba(255,255,255,.3)}.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.character-intro-section.is-night .description-box{background-color:#ffffff26;border-color:#ffffff4d}.sun-desc,.moon-desc{transition:opacity 1s ease-in-out}.moon-desc{opacity:0;visibility:hidden}.sun-desc,.character-intro-section.is-night .moon-desc{opacity:1;visibility:visible}.character-intro-section.is-night .sun-desc{opacity:0;visibility:hidden}.desc-box-you{top:24%;left:10%}.desc-box-asahi{top:21%;left:50%;transform:translate(-50%)}.desc-box-hikari{top:25%;right:10%}.desc-box-shinonome{top:20%;left:20%}.desc-box-dreamer{top:20%;right:20%}@media (max-width: 820px){.character-section-wrapper{height:130vh}.celestial-background{bottom:10vh;width:120vw;height:120vw}.toggle-button{top:97vh}.description-box h3{border:1px solid transparent}.description-box p{display:none}.characters-for-sun>img{width:100%;top:28%}.characters-for-moon>img{width:100%;top:30%}.moon-char-1{left:22%;transform:translate(-50%)}.moon-char-2{left:75%;transform:translate(-50%)}.sun-char-1{left:5%;transform:translate(-50%) translateY(10%)}.sun-char-2{left:50%;transform:translate(-50%)}.sun-char-3{left:100%;transform:translate(-50%) translateY(10%);will-change:opacity}.desc-box-you,.desc-box-asahi,.desc-box-hikari,.desc-box-shinonome,.desc-box-dreamer{font-size:16px;padding:10px}.chara-role{font-size:16px}.desc-box-you{top:24%;left:10%}.desc-box-asahi{top:21%;left:50%;transform:translate(-50%)}.desc-box-hikari{top:26%;right:10%}.desc-box-shinonome{top:18%;left:5%;width:40%}.desc-box-dreamer{top:18%;right:5%;width:40%}.toggle-button{top:105vh}}@media (max-width:450px){.celestial-background{width:150vw;height:80vw;bottom:10vh}.character-section-wrapper{height:120vh}.toggle-button{top:98vh}.description-box h3{border:1px solid transparent;font-size:1.2rem}.description-box p{display:none}.characters-for-sun>img{width:100%;top:40%}.characters-for-moon>img{width:100%;top:46%}.moon-char-1{left:22%;transform:translate(-50%)}.moon-char-2{left:75%;transform:translate(-50%)}.desc-box-you{top:28%}.desc-box-asahi{top:24%}.desc-box-hikari{top:28%}.desc-box-shinonome{top:26%;left:5%;width:40%}.desc-box-dreamer{top:26%;right:5%;width:40%}}.arrow{color:#ffe69c}.modal-title{margin:10px auto;font-size:2rem}.custom-modal{width:90%;height:auto;margin:1.5rem auto}.modal-body{overflow-y:auto}.custom-modal .modal-body{font-size:1.2rem;line-height:1.6;text-align:center}.custom-modal img{height:auto;max-height:50vh;display:block;margin:0 auto}.no-scroll{overflow:hidden}