/*
Theme Name: Kurashi Guide
Theme URI: https://example.com/
Author: Site Owner
Description: シンプルな比較・選び方サイト向けの軽量WordPressテーマ。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: kurashi-guide
*/
:root{--ink:#24302b;--muted:#64736c;--green:#2f6b52;--pale:#f3f7f3;--line:#dfe8e1;--cream:#fbfaf6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",Meiryo,sans-serif;line-height:1.85;font-size:16px}
a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{opacity:.8}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner,.container{width:min(1100px,calc(100% - 36px));margin:auto}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0}.brand{font-size:1.2rem;font-weight:800;text-decoration:none;color:var(--ink)}.tagline{font-size:.8rem;color:var(--muted);margin:0}.nav-menu{display:flex;gap:18px;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:.9rem}.nav-menu a{text-decoration:none;color:var(--ink)}
.hero{background:linear-gradient(135deg,#f2f7f1,#fbfaf6);padding:68px 0 60px}.hero-inner{width:min(1100px,calc(100% - 36px));margin:auto;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}.eyebrow{color:var(--green);font-weight:700;letter-spacing:.08em;font-size:.85rem}.hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.35;margin:.4em 0}.hero p{color:#53625a;font-size:1.05rem}.hero-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 10px 35px #20352a0d}.hero-card strong{display:block;font-size:1.1rem;margin-bottom:10px}.check-list{padding-left:1.2em;margin:0}.check-list li{margin:.45em 0}.button{display:inline-block;background:var(--green);color:#fff!important;padding:12px 22px;border-radius:7px;text-decoration:none;font-weight:700;margin-top:12px}.button.secondary{background:#fff;color:var(--green)!important;border:1px solid var(--green)}
.section{padding:54px 0}.section.soft{background:var(--cream)}.section h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.45;margin:0 0 12px}.section-intro{color:var(--muted);margin:0 0 28px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card,.article-card{border:1px solid var(--line);border-radius:12px;padding:22px;background:#fff}.info-card h3,.article-card h3{margin:.2em 0 .5em;line-height:1.5}.info-card p,.article-card p{color:var(--muted);font-size:.94rem}.pill{display:inline-block;background:#e9f2eb;color:var(--green);font-size:.78rem;font-weight:700;padding:3px 9px;border-radius:999px}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.article-card a{text-decoration:none}.article-card h3{color:var(--ink)}.content-wrap{width:min(820px,calc(100% - 36px));margin:44px auto 70px}.content-wrap h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.45}.content-wrap h2{margin-top:2em;padding-bottom:.35em;border-bottom:2px solid var(--line);font-size:1.5rem}.content-wrap h3{margin-top:1.6em}.notice{background:#f4f7f4;border-left:4px solid var(--green);padding:14px 18px;margin:22px 0;font-size:.92rem}.cta-box{border:1px solid var(--line);border-radius:12px;background:#f7faf7;padding:24px;margin:28px 0}.cta-box h3{margin-top:0}.comparison{width:100%;border-collapse:collapse;margin:22px 0;font-size:.92rem}.comparison th,.comparison td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.comparison th{background:#f2f7f2}.site-footer{background:#25352d;color:#eaf0eb;padding:32px 0}.site-footer a{color:#eaf0eb}.footer-inner{width:min(1100px,calc(100% - 36px));margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.small{font-size:.82rem;color:var(--muted)}.site-footer .small{color:#c4d1c8}
@media(max-width:760px){.header-inner{align-items:flex-start;flex-direction:column}.hero{padding:44px 0}.hero-inner{grid-template-columns:1fr;gap:22px}.card-grid{grid-template-columns:1fr}.article-list{grid-template-columns:1fr}.section{padding:40px 0}.content-wrap{margin-top:30px}}