/*
Theme Name: きんいん公式サイト
Theme URI: https://kinin.jp
Author: きんいん公式サイト
Description: Eleventy版 kinin-official と同じ見た目・URL構成を再現するクラシックテーマ。
Version: 1.0.0
License: All Rights Reserved
Text Domain: kinin-official
*/

:root{--color-bg:#fff;--color-bg-soft:#faf7f2;--color-text:#2a2a2a;--color-muted:#5c5c5c;--color-navy:#1f3352;--color-navy-dark:#16243b;--color-gold:#b8963e;--color-gold-soft:#e8dcc0;--color-green:#4a7c59;--color-green-soft:#e4eee7;--color-cta:#1f3352;--color-border:#ddd8ce;--color-link:#1f5fa8;--font-sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;--font-serif:"Noto Serif JP","Hiragino Mincho ProN",serif;--fs-body:1.125rem;--fs-small:.875rem;--fs-h1:clamp(1.75rem,4vw,2.5rem);--fs-h2:clamp(1.5rem,3vw,2rem);--fs-h3:clamp(1.25rem,2.5vw,1.5rem);--lh-body:1.9;--lh-heading:1.4;--section:clamp(3rem,8vw,6rem);--max:1080px;--radius:8px;--radius-l:16px}*{box-sizing:border-box}body{margin:0;padding-bottom:74px;color:var(--color-text);font:var(--fs-body)/var(--lh-body) var(--font-sans)}img{display:block;max-width:100%;height:auto}a{color:var(--color-link);text-underline-offset:.2em}:focus-visible{outline:3px solid #d08b00;outline-offset:3px}.container{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.75rem;z-index:100}.site-header{position:sticky;top:0;z-index:20;background:#fffffff7;border-bottom:1px solid var(--color-border)}.header-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between}.logo{color:var(--color-navy);font:700 1.45rem var(--font-serif);text-decoration:none}.logo span{display:block;font:500 .7rem var(--font-sans);letter-spacing:.2em}.nav-menu summary{font-weight:700;cursor:pointer}.nav-menu nav{position:absolute;right:1rem;top:60px;display:grid;gap:.3rem;min-width:240px;background:#fff;padding:1rem;border:1px solid var(--color-border);box-shadow:0 6px 20px #1f335224}.nav-menu nav a{padding:.45rem;text-decoration:none}.breadcrumb{font-size:var(--fs-small);padding-block:.75rem}.breadcrumb ol{display:flex;gap:.6rem;list-style:none;margin:0;padding:0}.breadcrumb li+li:before{content:"/";margin-right:.6rem}.hero{padding:2.5rem 0;background:linear-gradient(135deg,var(--color-bg-soft),#fff)}.hero-large{padding:var(--section) 0;background:url(/assets/img/hero-home-bg.webp) center/cover no-repeat}.hero-grid{display:grid;gap:2rem;align-items:center}.hero h1{margin:0 0 1rem;color:var(--color-navy);font:700 var(--fs-h1)/var(--lh-heading) var(--font-serif)}.lead{font-size:1.22rem}.hero figure,figure{margin:0}.hero figcaption,figcaption{font-size:var(--fs-small);color:var(--color-muted);margin-top:.4rem}.hero img.hero-product{max-height:480px;width:auto;margin-inline:auto}.content-section,main>section:not(.hero){padding:var(--section) 0}.content-section:nth-of-type(even){background:var(--color-bg-soft)}h2{margin:0 0 1.2rem;color:var(--color-navy);font:700 var(--fs-h2)/var(--lh-heading) var(--font-serif)}h3{color:var(--color-navy);font-size:var(--fs-h3);line-height:var(--lh-heading)}p,li{max-width:40em}.intro{font-size:1.2rem}.grid{display:grid;gap:1.25rem}.card{padding:1.5rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-l);box-shadow:0 2px 8px #1f335214}.note-block{padding:1rem 1.25rem;background:#f5f2ea;border-left:4px solid var(--color-gold);border-radius:var(--radius)}.note-block.emphasis{background:var(--color-green-soft);border-color:var(--color-green)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.65rem 1.4rem;background:var(--color-cta);color:#fff;text-decoration:none;font-weight:700;border-radius:999px}.button.disabled{background:#6f7885}.cta-section{width:min(calc(100% - 2rem),var(--max));margin:2.5rem auto;padding:2rem;text-align:center;background:var(--color-gold-soft);border-radius:var(--radius-l)}.faq-list{display:grid;gap:.75rem}.faq-list details{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff}.faq-list summary{padding:1rem;font-weight:700;cursor:pointer}.faq-list p{padding:0 1rem 1rem;margin:0}.profile-grid{display:grid;gap:1rem}.profile{display:flex;gap:1.2rem;align-items:center;padding:1.2rem;border:1px solid var(--color-border);border-radius:var(--radius-l);background:#fff}.profile img{width:96px;height:96px;border-radius:50%}.profile h3,.profile p{margin:.2rem 0}.spec-list{border-top:1px solid var(--color-border)}.spec-list div{display:grid;grid-template-columns:9em 1fr;border-bottom:1px solid var(--color-border)}.spec-list dt,.spec-list dd{padding:.7rem;margin:0}.spec-list dt{background:var(--color-bg-soft);font-weight:700}.page-info{padding:1.2rem;background:var(--color-bg-soft);border-radius:var(--radius)}.page-info div{display:grid;grid-template-columns:7em 1fr}.page-info dt{font-weight:700}.page-info dd{margin:0}.site-footer{padding:3rem 0 1.5rem;background:var(--color-navy-dark);color:#fff}.site-footer a{color:#fff}.footer-grid{display:grid;gap:2rem}.site-footer nav{display:grid}.footer-note{border-top:1px solid #ffffff44;margin-top:2rem;padding-top:1rem}.footer-note p{font-size:var(--fs-small);margin:.25rem 0}.mobile-buy{position:fixed;bottom:0;z-index:30;width:100%;padding:.6rem;text-align:center;background:#fff;border-top:1px solid var(--color-border)}.mobile-buy .button{width:100%}.material-icon{width:min(240px,50%);margin:0 auto 1rem}@media(min-width:768px){body{padding-bottom:0}.header-inner{min-height:80px}.nav-menu summary{display:none}.nav-menu nav{position:static;display:flex;align-items:center;min-width:0;padding:0;border:0;box-shadow:none}.hero-grid{grid-template-columns:1.1fr .9fr}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2,.profile-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.mobile-buy{display:none}}