.detail{max-width:1080px;margin:auto;padding:24px}.crumbs{font-size:13px;color:var(--sub);margin:0 0 28px}.detail-hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:32px;padding:24px 0 48px}.detail h1{font-family:var(--display);font-size:clamp(30px,4.5vw,52px);line-height:1.3;margin:12px 0 24px;overflow-wrap:anywhere}.detail h1 span{display:block;font-family:inherit;font-size:16px;margin-top:16px;color:var(--sub)}.detail-tagline{font-size:22px;font-weight:700;line-height:1.5}.platforms,.note{font-size:13px;color:var(--sub)}.detail-box{width:100%;height:auto;object-fit:contain}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:start}.detail-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;margin-bottom:24px;box-shadow:0 4px 0 #59432b12}.detail h2{font-family:var(--display);font-size:25px;line-height:1.5;margin-top:0}.detail h3{font-size:18px;margin-bottom:8px}.detail p{overflow-wrap:anywhere}.rule-steps{padding-left:24px}.rule-steps li{padding-left:8px;margin-bottom:24px}.rule-steps li::marker{font-weight:bold;color:var(--orange)}.detail-preview{padding:12px;background:#f9f5ed;border:1px solid var(--line);border-radius:24px}.detail-preview img{width:100%;height:auto;border-radius:16px}.detail-preview p{text-align:center;font-size:12px}.prices{padding:18px 18px 18px 36px;background:#e8ecdf;border-radius:12px;font-weight:700}.faq-item{border-top:1px solid var(--line);padding:16px 0}.faq-item summary{cursor:pointer;font-weight:700}.detail-download{text-align:center;background:var(--green);color:white;border-radius:24px;padding:38px 24px;margin:24px 0 40px;scroll-margin-top:100px}.detail-download .stores{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.detail-download .stores img{object-fit:contain}.detail-related a{display:inline-block;background:var(--card);padding:14px 20px;border-radius:12px;margin:0 12px 16px 0}.detail-entry{padding:0 22px 20px;margin:0;font-weight:700;color:var(--green)}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}footer{padding:30px 24px}.footer-links{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}
@media(max-width:680px){.detail{padding:20px 16px}.detail-hero{grid-template-columns:1fr;gap:8px;padding-top:0}.detail-box{width:220px;justify-self:center;grid-row:1}.detail-layout{grid-template-columns:1fr}.detail-preview{max-width:260px;margin:0 auto 24px}.detail-card{padding:22px}.detail h2{font-size:22px}.detail-tagline{font-size:20px}.nav{gap:12px}.brand img.brand-logo{height:26px}.brand .brand-icon{width:32px;height:32px}.nav-actions{gap:8px}}
/* 2026-10 詳細ページの増量とCV導線：ヒーローのストアボタン・途中のCTA・遊べる形・コツ・おすすめ・スマホ下部の固定ボタン */
.hero-free{font-weight:700;color:var(--green);margin:18px 0 6px}.sale-note{display:inline-block;margin:0 0 10px;padding:4px 14px;border-radius:999px;background:var(--orange);color:#fffdf8;font-weight:700;font-size:14px}
.hero-stores{justify-content:flex-start;margin-top:10px}.hero-stores img{height:48px;width:auto}
.lead{font-size:17px;font-weight:700;line-height:1.75}
.tips{padding-left:24px}.tips li{padding-left:8px;margin-bottom:18px}.tips li::marker{font-weight:bold;color:var(--green)}.tips h3,.rule-steps h3{margin:0 0 4px}
.recommend{list-style:none;padding:0;margin:0;display:grid;gap:10px}.recommend li{position:relative;padding:12px 16px 12px 44px;background:#f3eee3;border-radius:12px;font-weight:700}.recommend li::before{content:"✓";position:absolute;left:16px;top:11px;color:var(--orange);font-weight:900}
.modes{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modes li{background:#f3eee3;border-radius:14px;padding:14px 16px;display:grid;gap:4px}.modes strong{font-family:var(--display);font-size:16px}.modes span{font-size:14px;color:var(--sub);line-height:1.6}
.start-steps{padding-left:24px}.start-steps li{margin-bottom:10px;font-weight:700}
.detail-cta{text-align:center;background:var(--card);border:2px solid var(--orange);border-radius:20px;padding:26px 20px;margin-bottom:24px}.detail-cta h2{margin-bottom:4px}.detail-cta p{margin:0 0 14px;color:var(--sub)}.detail-cta .stores img{height:48px;width:auto}
.sticky-cta{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;display:none}.sticky-cta a{display:block;text-align:center;text-decoration:none;background:var(--orange);color:#fffdf8;font-family:var(--display);font-weight:900;font-size:17px;padding:14px 18px;border-radius:16px;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink)}
@media(max-width:680px){.sticky-cta.is-on{display:block}body[data-game-id]{padding-bottom:84px}.modes{grid-template-columns:1fr}.hero-stores{justify-content:center}.detail-hero>div{text-align:center}.nav-actions .nav-cta{display:none}}