*,* :before,* :after{box-sizing:border-box;margin:0;padding:0}:root{--header-bg-color:#44baff;--base-bg-color:#fff;--border-color:#0000004d;--default-font-size:15px;--header-height:72px;--main-shadow-color:#00000024;--recommend-base-color:#fafcff;--sub-color:#fff;--sub-bg-color:#0000004d;--text-color:#333;--outline-color:#00acee;--modified-base-color:#ddd;--sidenav-btn__span-color:#333;--timeline-bg-color:#fff}@media (prefers-color-scheme:dark){:root{--header-bg-color:#44baff;--base-bg-color:#333;--border-color:#ffffff4d;--default-font-size:15px;--header-height:72px;--main-shadow-color:#00000024;--recommend-base-color:#505050;--sub-color:#fff;--sub-bg-color:#0000004d;--text-color:#eee;--outline-color:#00acee;--modified-base-color:#9e9e9e;--sidenav-btn__span-color:#eee;--timeline-bg-color:#555}}html{scroll-behavior:smooth;box-sizing:border-box;scrollbar-width:thin;margin:0;padding:0}body{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Meiryo UI,YuGothic,Yu Gothic,Arial,Helvetica Neue,Helvetica,sans-serif;font-size:var(--default-font-size);color:var(--text-color);background-color:var(--base-bg-color);min-width:320px;margin:0;position:relative}body.is-open{overflow:hidden}main{flex-grow:1;width:100%;min-height:100vh;margin:0 auto}a,img,span{display:block}a{color:var(--text-color);text-decoration:none}ul{list-style:none}.header{z-index:100;background-color:var(--header-bg-color);width:100%;height:var(--header-height);flex-direction:row;align-items:center;margin:0 auto;padding:1em 2em;display:flex;position:fixed;top:0;left:0}@media (width>=768px){.header{flex-direction:row;justify-content:space-between;padding:2em 3em;display:flex}}.top-link-txt{text-align:left;flex-direction:row;align-items:center;display:flex}@media (width<=380px){.top-link-txt{font-size:17px}}.head-link{color:#fff;font-size:18px;font-weight:900}.nav{z-index:300;margin-left:auto;position:relative}@media (width>=768px){.nav{margin-left:0}}.nav-toggle{display:none}.nav-btn{cursor:pointer;border-radius:7px;width:44px;height:44px;transition:all .3s;display:block;position:relative}.nav-btn:hover,.nav-btn:focus{background:#00fff24d}.nav-btn span{background:#fff;width:24px;height:2px;transition:all .25s;position:absolute;left:10px;right:10px}.nav-btn span:first-child{top:14px}.nav-btn span:nth-child(2){top:21px}.nav-btn span:nth-child(3){top:28px}.nav-list{width:50%;max-width:420px;top:var(--header-height);opacity:0;pointer-events:none;z-index:400;transform-origin:100%;background:#fff;flex-direction:column;gap:0;padding:1em 0;list-style:none;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:0;right:0;transform:scaleX(0)}@media (width>=768px){.nav-list{opacity:1;pointer-events:auto;visibility:visible;background:0 0;flex-direction:row;gap:3em;width:100%;max-width:none;height:auto;padding:0;display:flex;position:static;transform:none}}.nav-item{width:fit-content;padding:.5em 2em;font-size:18px;font-weight:900}@media (width>=768px){.nav-item{padding:0}}@media (width<=364px){.nav-item{font-size:15px}}.nav-link{color:#333;font-weight:900}@media (width>=768px){.nav-link{color:#fff;margin-left:0;font-size:20px}}.head-link,.nav-link{width:fit-content;position:relative}.head-link:after,.nav-link:after{content:"";transform-origin:100%;background-color:currentColor;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.head-link:hover:after,.nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.nav-toggle:checked~.nav-list{opacity:1;pointer-events:auto;transition-delay:.15s;transform:scaleX(1)}@media (width>=768px){.nav-toggle:checked~.nav-list{opacity:1;transform:none!important}}.nav-toggle:checked~.nav-overlay{opacity:1;pointer-events:auto}.nav-toggle:checked+.nav-btn span:first-child{top:21px;transform:rotate(45deg)}.nav-toggle:checked+.nav-btn span:nth-child(2){opacity:0}.nav-toggle:checked+.nav-btn span:nth-child(3){top:21px;transform:rotate(-45deg)}.nav-btn:focus-visible{outline:2px solid var(--outline-color)}@media screen and (width>=768px){.nav-overlay,.nav-toggle:checked~.nav-overlay,.nav-btn{display:none}}.footer{text-align:center;flex-direction:column;gap:1rem;width:100%;margin:2em auto;display:flex}@media (width>=768px){.footer{flex-direction:row;justify-content:space-between;align-items:center;padding:0 3em;display:flex}}.foot-top-link{text-align:center;align-items:center;margin:0 auto}@media (width>=768px){.foot-top-link{text-align:left;margin:0}}.foot_link{margin-top:1em}.foot-top-link,.foot-link{color:var(--text-color);width:fit-content;font-size:20px;position:relative}.foot-top-link:after,.foot-link:after{content:"";transform-origin:100%;background-color:currentColor;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.foot-top-link:hover:after,.foot-link:hover:after{transform-origin:0;transform:scaleX(1)}.foot-list{flex-direction:column;align-items:center;gap:1rem;width:fit-content;margin:0 auto;list-style:none;display:flex}@media (width>=768px){.foot-list{flex-direction:row;gap:3em;display:flex}.foot-item{margin-bottom:0;padding-bottom:0}}.copy{text-align:center;border-top:1px solid var(--border-color);width:100%;margin:1em auto 0;padding:1rem 0;font-size:16px;display:block}#sidebar{width:fit-content}.sidebar{align-self:start;width:200px;position:sticky;top:9%;bottom:0;left:0}@media (width<=768px){.sidebar{z-index:99;margin-top:10px;position:relative;top:0;bottom:0;left:0}}.side-nav-toggle{display:none}.side-nav-btn{cursor:pointer;pointer-events:auto;border-radius:7px;width:44px;height:44px;transition:all .3s;display:block;position:relative;left:10px}@media (width>=768px){.side-nav-btn{pointer-events:none;display:none}}.side-nav-btn:hover,.side-nav-btn:focus{background-color:#94a4ff}.side-nav-btn span{background-color:var(--sidenav-btn__span-color);width:24px;height:2px;transition:all .3s;position:absolute;top:14px;left:10px;right:10px}@media (width>=768px){.side-nav-btn span{display:none}}.side-nav-btn span:first-child{top:14px}.side-nav-btn span:nth-child(2){top:21px}.side-nav-btn span:nth-child(3){top:28px}#side-nav-toggle:checked+.side-nav-btn span:first-child{top:21px;transform:rotate(45deg)}#side-nav-toggle:checked+.side-nav-btn span:nth-child(2){opacity:0}#side-nav-toggle:checked+.side-nav-btn span:nth-child(3){top:21px;transform:rotate(-45deg)}.nav-content{flex-direction:column;gap:1.5rem;padding:2rem 0 0 2rem;display:flex}@media (width<=768px){.nav-content{transform-origin:100%;pointer-events:none;opacity:0;z-index:400;background:#fff;flex-direction:column;gap:1rem;width:50%;max-width:420px;padding:2rem 0 0 2rem;list-style:none;transition:opacity .25s,transform .25s;display:flex;position:fixed;top:72px;bottom:0;right:0;transform:scaleX(0)}}#side-nav-toggle:checked~.nav-content{opacity:1;pointer-events:auto;transition-delay:.15s;transform:scaleX(1)}.nav-content-link{color:#94a4ff;width:fit-content;padding:2px 3px;font-size:20px;font-weight:600;position:relative}.nav-content-link:after{content:"";transform-origin:0;background-color:currentColor;width:100%;transition:all .4s;position:absolute;inset:0;transform:scaleX(0)}.nav-content-link:hover:after{transform-origin:0;transform:scaleX(1)}@media (width<=330px){.nav-content-link{font-size:15px}}.nav-content-link:hover span{color:#fff;z-index:10;transition:all .4s;position:relative}.nav-overlay{background:var(--sub-bg-color);opacity:0;pointer-events:none;z-index:200;transition:opacity .25s;position:fixed;inset:0}.side-nav-toggle:checked~.nav-overlay{opacity:1;pointer-events:auto}.load-svg{z-index:90;opacity:0;width:190px;height:190px;margin:0 auto;transition:opacity 1.2s;display:block;position:absolute;top:15%;left:40%}@media (width<=380px){.load-svg{left:20%}}.load-svg.is-loading{opacity:1;animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade{opacity:0;transition:opacity .7s}.fade.is-show{opacity:1}.error-box{width:100%}.error-box-txt{width:fit-content;margin:1rem auto;padding:5px 10px}.container{background-color:var(--recommend-base-color);width:100%;max-width:1400px;margin:0 auto;padding:15vh 0 .5rem}.container-box{width:fit-content;padding-left:.5rem}.container-box .title{font-size:clamp(20px,5vw,25px)}.title,.modified{width:fit-content}.modified{background-color:var(--modified-base-color);flex-direction:row;align-items:center;margin-top:.5rem;padding:5px 10px;font-size:17px;font-weight:600;display:flex}@media (width<=350px){.modified{font-size:13px}}.modified .paragraph{margin-top:0}.modified time{align-items:center;margin-left:1rem;display:flex}.modified .day-of-the-week{margin:-8px 0 0 .25rem}.week-point{flex-direction:row;align-items:flex-start;display:flex}.page,.page-content{text-align:left;flex-direction:row;align-items:center;gap:1rem;width:fit-content;display:flex}#page,#page-guide,#page-song{padding:2rem 0 0 2rem}.page-block{flex-direction:row;align-items:center;gap:1rem;display:flex}.page-link{color:var(--text-color);width:fit-content;position:relative}.page-link:after{content:"";transform-origin:100%;background-color:currentColor;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.page-link:hover:after{transform-origin:0;transform:scaleX(1)}.fig_flex{margin:var(--header-height) auto 0;flex-direction:column;justify-content:center;width:fit-content;display:flex}@media (width>=990px){.fig_flex{flex-direction:row;justify-content:center;align-items:center;gap:3rem;display:flex}}.expo_body{width:fit-content;margin:0 auto}@media (width>=768px){.expo_body{width:100%}}.main_expo{flex-direction:row;justify-content:center;align-items:center;gap:2em;width:fit-content;margin:0 auto;display:flex}@media (width<=767px){.main_expo{width:fit-content;display:block}}.img_box{flex-direction:column;gap:1em;display:flex}@media screen and (width<=767px){.img_box{display:none}}.img_block{border-radius:50%;width:100px;height:100px;transition:transform .3s}.img_block:hover{transform:scale(1.05)}.character_img{width:50%;height:auto;display:block}@media (width>=768px){.character_img{width:100%;height:auto}}@media (width<=767px){.character_img{width:fit-content;height:auto;min-height:400px}}.sub_box{background:var(--recommend-base-color);text-align:center;align-items:stretch;width:90%;max-width:500px;height:auto;margin:2em auto;padding:2rem 1rem;display:block}@media (width>=768px){.sub_box{margin:2em 0}}.logo_img{aspect-ratio:16/9;width:60%;height:auto;margin:0 auto}.character_name{color:#94a4ff;font-size:40px}.character_sub-name{color:#94a4ff;font-size:20px;font-weight:600}.link-box{text-align:left;flex-direction:column;justify-content:center;gap:1em;width:100%;margin-top:1em;display:flex}.link-btn{width:100%;max-width:170px;box-shadow:0 5px 10px var(--main-shadow-color);z-index:1;background:#333;border:2px solid #333;border-radius:50px;flex-direction:row;justify-content:center;align-items:center;gap:1em;margin:0 auto;padding:1rem 0;display:flex;position:relative;overflow:hidden}.link-btn:after{box-shadow:none;left:0;content:"";transform-origin:100%;background-color:#fff;transition:transform .4s;position:absolute;inset:0;transform:scaleX(0)}.link-btn:hover:after{transform-origin:0;transform:scaleX(1)}.link-yt{z-index:2;width:30px;height:auto}.link-x{z-index:2;width:25px;height:auto}.link-btn:hover .link-yt,.link-btn:hover .link-x{filter:brightness()invert()}.link-txt{color:#fff;z-index:3;font-weight:600;transition:all .4s}.link-btn:hover .link-txt{color:#333}.txt-art{text-align:left;flex-direction:column;gap:1em;width:90%;margin:2em auto;display:flex}.txt-art p{color:#94a4ff}.prologue,.explanation{margin:0;font-size:16px;font-weight:500}@media (width<=365px){.prologue,.explanation{font-size:14px}}.explanation time{width:fit-content;margin-left:0}.row{flex-direction:row;width:fit-content;display:flex}video{aspect-ratio:16/9;width:90%;height:auto}.section{width:100%;margin:0 auto;padding-top:1rem;display:block}.guide{text-align:left;color:#94a4ff;padding:0 1rem}.guide-points{width:100%;max-width:1000px;margin:0 auto;line-height:2}.guide-points li{color:#94a4ff}.guide-sub-title{width:fit-content;margin:0 auto}.paragraph{font-weight:600}.guide-sub-title,.paragraph{margin-top:1rem;font-size:16px}@media (width<=500px){.guide-sub-title,.paragraph{font-size:12px}}.recommend{background-color:var(--recommend-base-color);padding-bottom:1rem}.section-title{text-align:center;width:fit-content;margin:0 auto;padding:1rem 0;font-size:30px;font-weight:900}.grid_movie{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;gap:1.2rem;margin:0 auto;display:grid}.col{aspect-ratio:16/9;width:90%;height:auto;margin:0 auto;transition:transform .15s}@media (width>=768px){.col{border:none}}.col:hover{transform:scale(1.08)}.data{width:fit-content;margin:1rem auto;padding-bottom:1rem}.data-base{text-align:left;flex-direction:row;gap:1rem;width:100%;max-width:fit-content;margin:0 auto;display:flex}@media (width<=970px){.data-base{flex-direction:column;display:flex}}.data-block{border-bottom:1px solid var(--border-color);color:#94a4ff;flex-direction:row;align-items:flex-end;gap:1rem;width:100%;max-width:420px;padding:0 1rem .3rem;display:flex}.data-title{font-size:17px;font-weight:700}@media (width<=430px){.data-title{font-size:13px}}.data-protocol{border-left:2px solid var(--border-color);padding-left:.45rem;font-size:16px}@media (width<=430px){.data-protocol{font-size:12px}}.data-row{flex-direction:row;align-items:center;gap:.3rem;display:flex}.data-protocol time{margin-left:0}.data-main,.data-sub{flex-direction:column;gap:1rem;display:flex}.hash{flex-direction:row;align-items:center;gap:.4rem;display:flex}.tag,.like,.weak-point{flex-direction:row;align-items:start;display:flex}.unit-link,.hash-link{color:#94a4ff;width:fit-content;padding:2px 3px;position:relative}.unit-link:after,.hash-link:after{content:"";transform-origin:0;z-index:1;background-color:currentColor;width:100%;transition:transform .3s;position:absolute;inset:0;overflow:hidden;transform:scaleX(0)}.unit-link:hover:after,.hash-link:hover:after{transform-origin:0;transform:scaleX(1)}.unit-link:hover .unit-text,.hash-link:hover .hash-text{color:#fff;z-index:2;transition:all .4s;position:relative}.out-list{text-align:left;background-color:#ddecff;border:2px solid navy;width:100%;max-width:800px;margin:2rem auto 0;padding:1rem 1rem 1rem 2rem;box-shadow:10px 10px navy}.list-title{width:fit-content;font-size:clamp(20px,5vw,30px)}.out-list li{font-size:16px;font-weight:600;list-style:outside}@media (width<=450px){.out-list li{font-size:12px}}.out-list li:first-child,.out-list li:nth-child(2),.out-list li:nth-child(4){list-style:none}.li-nth{padding:1rem 0}.notes-list{width:100%;max-width:800px;margin:2rem auto 0;padding:0 1rem 0 2rem}.notes-list li{list-style:none}.notes-list li:nth-child(2){display:flex}.notes-link{color:#94a4ff;z-index:1;width:fit-content;padding:0 1rem;position:relative}.notes-link:after{content:"";transform-origin:0;background-color:currentColor;width:100%;transition:transform .3s;position:absolute;inset:0;transform:scaleX(0)}.notes-link:hover:after{transform:scaleX(1)}.notes-link:hover .link-text{color:#fff;z-index:2;transition:color .3s;position:relative}.notes-list li{width:fit-content}@media (width<=430px){.notes-list li:nth-child(2){text-align:center;flex-direction:column;margin:0 auto;display:flex}.notes-link{text-align:center;margin:0 auto}}.fa-list li{width:fit-content;list-style:none}.fa-list li span{width:fit-content}.fa-list li:nth-child(3){padding-top:2rem}.stream-list li,.stream-list li span{width:fit-content}.stream-list li:nth-child(2),.stream-list li:nth-child(4){list-style:outside}.stream-list li:last-child{list-style:none}.pick-up{width:100%;padding:0 1rem}.card{align-items:stretch;width:100%;max-width:600px;height:auto;margin:0 auto;box-shadow:0 4px 10px #00000024}.pick-video{aspect-ratio:16/9;width:100%;height:auto}.time-node{flex-direction:row;align-items:center;gap:1rem;width:fit-content;margin:0 auto;padding:.5rem 1rem;display:flex}.new-title{color:#fff;background-color:#94a4ff;width:fit-content;padding:5px 10px}.new-time{margin-left:0}.song-video{aspect-ratio:16/9;width:100%;height:auto}.song{background-color:var(--recommend-base-color);padding:0 1rem 1rem}.song-box{text-align:left;width:100%;max-width:fit-content;margin:0 auto;padding-bottom:1rem}.song-box li{color:#94a4ff;flex-direction:column;gap:.5rem;font-size:16px;font-weight:600;display:flex}.song-box li span:nth-child(2){flex-direction:row;display:flex}@media (width<=360px){.song-box li span:nth-child(2){flex-direction:column;display:flex}}.song-link{background-color:#94a4ff;border:2px solid #94a4ff;border-radius:50px;width:fit-content;margin:0 auto;padding:5px 1rem;position:relative;overflow:hidden}.song-link:after{content:"";transform-origin:100%;background-color:#fff;width:100%;transition:transform .4s;position:absolute;inset:0;transform:scaleX(0)}.song-link:hover:after{transform-origin:0;transform:scaleX(1)}.song-link .song-link-txt{color:#fff;z-index:2;position:relative}.song-link:hover .song-link-txt{color:#94a4ff;transition:all .4s}@media (width<=360px){.song-box li span:first-child,.song-box li span:nth-child(2){font-size:13px}}.content-container{flex-direction:column;width:100%;padding:70px 0 0;display:flex}@media (width>=768px){.content-container{grid-template-columns:200px 1fr;display:grid}}.top-scroll-box{background-color:#eee;width:100px;height:100px;position:relative;top:0;right:-10px}.top-btn{z-index:20;opacity:0;visibility:hidden;background-color:#94a4ff;border:1px solid #eee;border-radius:100%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:65px;height:65px;transition:all .4s,visibility .4s;display:flex;position:fixed;bottom:380px;right:20px;overflow:hidden}.top-btn.is-show{opacity:1;visibility:visible}.top-btn .arrow{width:20px;height:auto}.top-btn .top-txt{color:#fff;font-size:13px;font-weight:900;display:block}.top-btn:hover .top-txt{text-decoration:underline}.notice-sec{padding:0 1rem}.timeline{background-color:var(--timeline-bg-color);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;width:100%;max-width:1200px;margin:92px auto 0;padding:2rem 1rem;display:flex}.post{text-align:left;border-bottom:1px solid var(--border-color);flex-direction:column;gap:1rem;width:90%;margin:0 auto;padding:1rem;display:flex}.post-header{flex-direction:row;gap:1rem;width:fit-content;display:flex}@media (width<=650px){.post-header{flex-direction:column;margin:0 auto;display:flex}}.post-account,.post-date{width:fit-content;color:var(--text-color);position:relative}.post-account:before,.post-date:before{content:"";background-color:currentColor;width:100%;height:1px;position:absolute;bottom:-2px;left:0}.form{width:100%;max-width:1200px}.bbs__table{box-sizing:border-box;text-align:left;color:#333;background-color:#fff;border-radius:7px;flex-direction:column;gap:1rem;width:100%;max-width:550px;margin:0 auto;padding:1rem;display:flex;box-shadow:0 4px 10px #00000024}.field{flex-direction:column;gap:5px;width:100%;max-width:500px;margin:0 auto;display:flex}.field__label{cursor:pointer;width:fit-content;transition:all .4s;display:block}.field__label:hover,.field__label:focus{color:#94a4ff}.field__protocol{cursor:pointer;border:1px solid #eee;border-radius:7px;padding:10px 0;display:block}.field__protocol:focus{border:2px solid #94a4ff;outline:none}.category{cursor:pointer;border:1px solid #eee;border-radius:7px;padding:10px 0;display:block}.category:focus{border:2px solid #94a4ff;outline:none}.textarea{min-height:100px}.field-row{flex-direction:row;align-items:center;gap:1rem;margin:0 auto;display:flex}.delete-key-block{flex-direction:row;width:fit-content;display:flex}.delete-key-box{width:fit-content;height:auto}.delete-key{border:1px solid #eee;width:100%;max-width:100px;padding:5px 0}.delete-key:focus{border:2px solid #94a4ff;outline:none}.delete-label{cursor:pointer;width:100%;display:block}.submit{cursor:pointer;background-color:#fff;border:1px solid #eee;border-radius:7px;width:100%;max-width:120px;padding:5px 1rem;font-size:17px;font-weight:700;transition:all .25s;display:block}.submit:hover,.submit:focus{color:#fff;background-color:#ccc;font-size:15px;display:block;box-shadow:inset 4px 4px 10px #00000024}