*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:KazukiReiwa;src:url(/fonts/KazukiReiwa_woff.woff2) format("woff2");font-display:swap}body{font-family:KazukiReiwa,sans-serif;font-weight:200;font-style:normal;overflow:hidden;height:100vh;width:100vw;color:#fff}.fixed-bg{position:fixed;inset:0;z-index:0;background-image:url(https://img.ohirune-ongaku.club/special/011/bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(4px)}.page-section{position:fixed;inset:0;z-index:1;width:100vw;height:100vh;opacity:0;visibility:hidden;transition:none}.page-section.active{opacity:1;visibility:visible}.main-visual picture{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.main-visual.page-section picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.logo-top{position:absolute;top:-3rem;right:-5rem;left:0;z-index:10;display:flex;justify-content:flex-end;padding:0 2rem}.logo-top img{width:50%;height:auto}.logo-bottom{position:absolute;bottom:8rem;right:0;left:-5rem;z-index:10;display:flex;justify-content:flex-start;padding:0 2rem}.logo-bottom img{width:50%;height:auto}.mono.page-section picture img{--img-x: 60;--img-y: 50;--img-zoom: 1.2}.halv.page-section picture img{--img-x: 80;--img-y: 50;--img-zoom: 1.2}.rostel.page-section picture img{--img-x: 50;--img-y: 90;--img-zoom: 1.2}.seatrus.page-section picture img{--img-x: 20;--img-y: 90;--img-zoom: 1.2}.kuro.page-section picture img{--img-x: 20;--img-y: 30;--img-zoom: 1.2}.goto.page-section picture img{--img-x: 80;--img-y: 80;--img-zoom: 1.2}.page-section picture{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.page-section picture:after{content:"";position:absolute;inset:0;z-index:5;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.page-section picture img{position:absolute;max-width:none;max-height:none;pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.text-container{position:absolute;top:50%;left:6%;z-index:10;display:flex;flex-direction:column;gap:.4rem;opacity:0;transform:translateY(16px)}.text-container .artist{font-family:Noto Sans JP;font-weight:500;font-size:clamp(1rem,1.5vw,1.4rem);letter-spacing:.25em;color:#fff}.text-container .title{font-family:Noto Sans JP;font-size:clamp(1.4rem,3.5vw,2.2rem);letter-spacing:.08em;color:#ffffffeb;font-weight:700;line-height:1.3}.text-container .title:empty{display:none}.text-container:before{content:"";display:block;width:2rem;height:1px;background:#fff6;margin-bottom:.2rem}.meta-section.page-section{position:absolute;inset:0 0 auto;height:auto;min-height:100vh;padding:4rem 2rem;background:#00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff}.meta-inner{max-width:1024px;width:100%;margin:auto}.section-title{font-size:1.6rem;font-weight:300;letter-spacing:.15em;margin-bottom:1rem;color:#ffffffe6}.crossfade-section{margin:10rem auto 4rem;width:100%;display:flex;flex-direction:column;align-items:center}.section-title{text-align:start;width:100%}.border-line{width:40%;height:1px;background:#fff9;margin:6rem auto 5rem 0}.crossfade-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;margin-top:1rem}.crossfade-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px}.shop-section{margin:6rem auto 4rem;width:100%;display:flex;flex-direction:column;align-items:center}.shop-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;justify-content:center;width:100%}.shop-item{display:flex;justify-content:center;align-items:center;padding:1rem 2rem;border:2px solid rgba(255,255,255,.5);border-radius:4px;transition:background .2s;font-size:.9rem}.shop-item.active:hover{background:#ffffff1a}.shop-item.inactive{opacity:.3}.details-section{display:block;margin:6rem auto 4rem}@media(min-width:1024px){.details-section{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}}.jacket-col{margin:6rem auto 4rem}.jacket-col img{border-radius:8px;margin:auto}.info-col{display:flex;flex-direction:column;width:100%;margin:6rem auto 4rem}@media(min-width:1024px){.info-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.jacket-col{margin:0}}.info-col a{text-decoration:underline}.info-block,.credit-block{margin-bottom:2.5rem}.info-list,.credit-list{display:grid;grid-template-columns:clamp(120px,35vw,180px) 1fr;gap:1.5rem}.term{color:#ffffff80;font-weight:300;font-size:1.2rem}.desc{color:#ffffffe6;font-size:1rem}.name-item{display:flex;gap:2rem;align-items:center}.track-number{font-size:.85rem;color:#ffffff80}.jacket-img{width:100%;height:auto;margin:0 auto;border-radius:8px}@media(min-width:768px){.jacket-img{width:60%}}.share-section{margin:2rem 0;display:flex;justify-content:center}.share-btn{display:flex;align-items:center;gap:.6rem;padding:.8rem 1.6rem;border:2px solid rgba(255,255,255,.5);border-radius:4px;color:#fff;cursor:pointer;text-decoration:none;transition:background .2s}.share-btn:hover{background:#ffffff1a}.share-text{font-size:1rem;letter-spacing:.1em}.back-link{display:block;text-align:center;color:#fff9;font-size:.9rem;margin:1.5rem 0;text-decoration:none;transition:color .2s}.back-link:hover{color:#fff}.meta-footer{display:flex;justify-content:center;align-items:center;height:6vh;color:#fff6;font-size:.75rem}.section-nav{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:.75rem;align-items:center}.nav-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);background:transparent;cursor:pointer;padding:0;transition:background .3s ease,border-color .3s ease,transform .3s ease}.nav-dot:hover{background:#fff6;transform:scale(1.3)}.nav-dot.active{background:#ffffffe6;border-color:#ffffffe6;transform:scale(1.2)}.loading-wrapper{position:fixed;inset:0;z-index:9999;background:#fff;display:flex;align-items:center;justify-content:center}.loading-percent{font-family:Noto Sans JP,sans-serif;font-weight:300;font-size:clamp(2.5rem,6vw,4rem);color:#111;letter-spacing:.05em;margin:0}.loading-percent:after{content:"%"}.text-anim{position:fixed;inset:0;z-index:9998;color:#111;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem}.text-anim-item{font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:clamp(1rem,2.5vw,1.6rem);color:#111;opacity:0;letter-spacing:.01em;margin:0;overflow:hidden}.text-anim-item .char{display:inline-block;opacity:0}.text-anim-item .char.em-dash{letter-spacing:-.1em;margin-right:-.1em}.text-anim p{font-family:Noto Sans JP}@media(max-width:1024px){.logo-top{top:0;right:-2rem}.logo-top img{width:100%}.logo-bottom{bottom:12rem;left:-2rem}.logo-bottom img{width:100%}.shop-list{grid-template-columns:repeat(2,1fr)}.shop-item{padding:1rem}}@media(max-width:768px){.mono.page-section picture img{--img-x: 70;--img-y: 50;--img-zoom: 1.5}.halv.page-section picture img{--img-x: 55;--img-y: 50;--img-zoom: 1.5}.rostel.page-section picture img{--img-x: 50;--img-y: 90;--img-zoom: 1.5}.seatrus.page-section picture img{--img-x: 20;--img-y: 55;--img-zoom: 1.5}.kuro.page-section picture img{--img-x: 25;--img-y: 30;--img-zoom: 1.5}.goto.page-section picture img{--img-x: 80;--img-y: 80;--img-zoom: 1.5}.crossfade-section,.shop-section{margin:2rem auto;align-items:start;max-width:640px}.shop-list{grid-template-columns:repeat(1,1fr)}.shop-section .section-title{text-align:left}}