:root{--paper:#fffdf8;--cream:#f7eee3;--pink:#f0d1c8;--orange:#b77359;--orange-pale:#f4ded3;--rule:#e2d5c4;--ink:#45372c;--ink-soft:#6d5e50}body{line-height:1.95;letter-spacing:.035em}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #706e46;outline-offset:4px}header{background:rgba(255,250,241,.96)}.nav-inner{max-width:1120px}.nav-logo img{height:32px;width:auto}nav.pc a{text-decoration:none;padding:9px 0}#menuPanel a{display:block;padding:12px 24px;border-top:1px solid var(--rule);text-decoration:none}.skip{position:fixed;top:-70px;left:10px;z-index:100;background:white;padding:10px}.skip:focus{top:8px}section{padding:88px 24px;scroll-margin-top:78px}.wide{max-width:1040px;margin:auto}.inner{max-width:680px}.eyebrow{color:#806451;font-size:11px}h2{font-weight:500}h3{font-size:21px;line-height:1.7;margin-bottom:24px}h4{font-size:16px;margin-bottom:12px}.btn{font-weight:700;letter-spacing:.04em;min-height:48px;padding:13px 25px;border-color:#ad9986}.btn.primary{background:#efc8b9;border-color:#d8ad9e}.btn.green{background:#dce2ce;border-color:#b6bda6}.btn:hover{filter:brightness(.96)}#hero{min-height:670px;padding:70px 28px;background:radial-gradient(ellipse at 5% 15%,#f3d8cf99,transparent 42%),radial-gradient(ellipse at 95% 80%,#dde3cf99,transparent 45%),#fffaf0}.hero-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;max-width:1080px;margin:auto;align-items:center}.hero-copy .eyebrow{margin-bottom:22px}.hero-copy h1 img{width:250px;height:auto;margin:0 auto 24px}.hero-copy h2{font-size:clamp(23px,2.6vw,31px);margin-bottom:22px;line-height:1.85}.hero-copy p{font-size:15px;margin-bottom:18px}.hero-art{padding:35px 20px;transform:rotate(2deg)}.hero-art img{width:340px;margin:auto;image-rendering:auto}.hero-art span{display:block;font-family:var(--te);font-size:25px;margin-top:26px}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}.music-cover{border-radius:9px;box-shadow:0 12px 28px #4d3b2512;width:100%}.two-col p{font-size:15px;margin-bottom:18px}#goods{background:#f8eee5}.goods-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.gallery{min-width:0;position:sticky;top:90px}.goods-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:12px;background:#fff9f1}.goods-track::-webkit-scrollbar{display:none}.goods-slide{flex:0 0 100%;min-width:0;scroll-snap-align:center;scroll-snap-stop:always}.zoom{width:100%;height:100%;border:0;background:transparent;cursor:zoom-in;padding:0;display:flex;align-items:center}.zoom img{width:100%;height:auto;max-height:710px;object-fit:contain}.gallery-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin:16px 0 6px}.gallery-controls button{width:48px;height:48px;border:1px solid #b7a08a;border-radius:50%;background:var(--paper);cursor:pointer}.gallery-controls button:disabled{opacity:.4;cursor:default}.gallery .soft{font-size:12px}.goods-copy .eyebrow{text-align:left}.goods-copy h3{margin-bottom:10px}.price{font-size:36px;font-weight:700;letter-spacing:0;margin-bottom:22px}.price span{font-size:14px;margin-left:4px}.goods-copy p{font-size:15px}.goods-copy p.price{font-size:36px}.contents{padding-left:25px;margin-bottom:20px}.contents li{padding:8px 0;border-bottom:1px solid #e3d7ca;font-size:15px}.contents small{color:var(--ink-soft)}.sales{background:#fffaf3;border:1px solid #e1d3c1;border-radius:16px;padding:24px 20px;text-align:center;margin-top:25px}.sales strong{font-size:18px}.sales p{margin:10px 0 15px}.rules{margin:18px 0}.news-date{font-size:13px;color:#7b5c48;border-block:1px solid var(--rule);padding:17px 0;margin-bottom:30px}.news-photos{display:grid;gap:16px;margin-bottom:24px}.news-photos img{width:100%;border-radius:12px}.news-photos figcaption{font-size:13px}#story{background:#eff1e7}#story p:not(.eyebrow){text-align:center}#official-line{background:#fffdf8}.line-card{max-width:680px}.stamp-block{padding-top:55px;text-align:center}#stamp{background:transparent;scroll-margin-top:85px}.stamp-block h3{font-family:var(--te);font-size:24px}.stamp-row{margin:30px auto}.support-cards{gap:20px}.support-card{background:#fffaf3}.support-card .btn{font-size:12px;padding:12px 18px}#support{background:#f3eee5}#support h3{margin-top:35px}#colorloop{border-top:1px solid var(--rule);padding:60px 24px}#colorloop p{font-size:14px}footer{padding:35px 24px;background:#f4e8d9;font-size:13px;text-align:center}.footer-cat{width:85px;margin:0 auto 22px}footer p{margin:18px 0}.rise{opacity:1;transform:none}[hidden]{display:none!important}dialog{border:0;border-radius:16px;margin:auto;padding:58px 14px 10px;width:min(96vw,1050px);height:94dvh;background:#fffaf3;color:var(--ink);overflow:hidden}dialog::backdrop{background:#2d241de0}#closeZoom{position:absolute;right:14px;top:9px;min-height:42px;padding:5px 18px;border-radius:30px;background:white;border:1px solid #a18e7d;cursor:pointer}.lightbox-scroll{height:calc(100% - 36px);overflow:auto;overscroll-behavior:contain}#zoomImage{width:100%;height:auto;max-width:none}#zoomCaption{font-size:12px;margin:5px;text-align:center}.modal-open{overflow:hidden}@media(max-width:819px){section{padding:62px 20px}.hero-layout{grid-template-columns:1fr;gap:15px}.hero-art{grid-row:1;padding:0}.hero-art img{width:140px}.hero-art span{display:none}#hero{min-height:auto;padding:35px 20px 48px}.hero-copy .eyebrow{display:none}.hero-copy h1 img{width:190px;margin-bottom:16px}.hero-copy h2{font-size:23px}.hero-copy p{font-size:14px}.hero-copy .actions{gap:10px}.actions .btn{padding:13px 18px;font-size:13px}.two-col{grid-template-columns:1fr;gap:28px}.music-cover{max-width:340px;margin:auto}.two-col>div:last-child{max-width:480px;margin:auto;width:100%}.goods-layout{grid-template-columns:1fr;gap:28px}.gallery{position:static;max-width:460px;width:100%;margin:auto}.zoom img{max-height:none}.goods-copy{max-width:520px;margin:auto}.support-cards{grid-template-columns:1fr 1fr}.support-card{padding:20px 10px}.support-card h3{font-size:17px!important}.inner{max-width:580px}.line-card h2{font-size:25px}.soft{letter-spacing:.02em}}@media(max-width:360px){.support-cards{grid-template-columns:1fr}.hero-copy h2{font-size:21px}.price span{font-size:12px}.btn{padding:12px 18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* 2026.10.27 デビュー報告：リール動画＋短い文章 */
#news { background:radial-gradient(circle at 10% 8%,#f6e1d9 0,transparent 35%),#fffdf8; }
.news-inner { max-width:820px; }
.news-inner>h2,.news-inner>.eyebrow { text-align:center; }
.news-inner>.news-date { text-align:center; }
.news-layout { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,280px);align-items:center;gap:35px; }
.news-description p {font-size:15px;margin:0 0 20px;line-height:2;}
.news-description .news-video-guide {font-size:13px;color:#7a6655;}
.news-instagram {margin-top:12px;max-width:100%;text-align:center;}
.news-video-figure {margin:0;max-width:280px;width:100%;justify-self:center;}
.debut-video {display:block;width:100%;height:auto;aspect-ratio:512/910;object-fit:contain;border-radius:15px;background:#f8eae4;box-shadow:0 12px 30px #54433621;}
.news-video-figure figcaption {text-align:center;color:var(--ink-soft);font-size:12px;margin-top:10px;}
@media (max-width:640px){.news-layout{grid-template-columns:1fr;gap:8px}.news-video-figure{max-width:min(100%,280px)}.news-description p{text-align:left}.news-inner h2{font-size:26px}}

/* 2026-10-27: STORY透過／不要な案内文削除／丸ゴシックで全体統一 */
:root {
  --maru: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP", "Yu Gothic", sans-serif;
  --te: var(--maru);
}
html, body, button, input, textarea, select, h1, h2, h3, h4, h5, h6,
.btn, .hero-art span, .stamp-block h3, .eyebrow {
  font-family: var(--maru);
}
h2 { font-weight:500; letter-spacing:.025em; }
h3 { font-weight:500; }
#story .story-art-wrap {
  width:fit-content;
  max-width:100%;
  margin:8px auto 0;
  background:transparent;
}
#story .story-art-wrap .art {
  width:min(70vw,330px);
  height:auto;
  margin:0 auto 30px;
  background:transparent;
}
@media(max-width:640px) {
  #story h2 {font-size:clamp(22px,6.1vw,28px); line-height:1.65;}
  #story .story-art-wrap .art {width:min(76vw,320px);}
}