:root{--bg:#f6f4ef;--paper:#fff;--ink:#1f2a33;--ink-soft:#5d6873;--line:#e4e0d7;--accent:#2f7f79;--accent-soft:#e3efed;--warm:#d9704f;--highlight:#f6e3b4;--radius:14px;--shadow:0 1px 2px #1f2a330a, 0 8px 24px #1f2a330f}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);letter-spacing:.03em;font-feature-settings:"palt";margin:0;font-size:17px;line-height:1.95}a{color:inherit}img{max-width:100%;height:auto}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.main{padding-top:36px;padding-bottom:80px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:12px;font-weight:700}.site-header{border-bottom:1px solid var(--line);background:#ffffffeb}.header-inner{justify-content:space-between;align-items:center;gap:16px;padding-top:18px;padding-bottom:14px;display:flex}.logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.logo-name{letter-spacing:.08em;font-size:22px;font-weight:700}.logo-tag{color:var(--ink-soft);font-size:13px}.cat-nav-inner{scrollbar-width:none;gap:28px;display:flex;overflow-x:auto}.cat-nav-inner a{color:var(--ink-soft);border-bottom:2px solid #0000;flex:none;padding:10px 0 12px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.cat-nav-inner a:hover{color:var(--ink);border-bottom-color:var(--c)}.cat-nav-inner a.nav-tool{color:var(--accent);font-weight:700;display:none}.hero{background:var(--paper);box-shadow:var(--shadow);background-image:linear-gradient(135deg, transparent 62%, var(--accent-soft) 62%);border-radius:24px;grid-template-columns:1.35fr 1fr;align-items:center;gap:48px;padding:56px 48px;display:grid}.hero h1{letter-spacing:.06em;margin:8px 0 18px;font-size:clamp(28px,4.6vw,44px);line-height:1.5}.hero-lead{color:var(--ink-soft);margin:0;font-size:16px}.hero-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 26px}.hero-card-title{border-bottom:1px solid var(--line);margin:0 0 12px;padding-bottom:12px;font-size:15px;font-weight:700}.hero-card ul{margin:0;padding:0;list-style:none}.hero-card li{align-items:center;gap:10px;padding:6px 0;font-size:15px;display:flex}.check{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.section{margin-top:72px}.section-head{margin-bottom:24px}.section-title{letter-spacing:.06em;margin:0;font-size:26px;line-height:1.5}.cat-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.cat-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:16px;padding:20px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.cat-card:hover{border-color:var(--c);box-shadow:var(--shadow)}.cat-icon{width:52px;height:52px;color:var(--c);background:color-mix(in srgb, var(--c) 10%, white);border-radius:12px;flex:none;place-items:center;display:grid}.cat-text{flex-direction:column;flex:1;min-width:0;display:flex}.cat-name{font-size:16px;font-weight:700;line-height:1.6}.cat-lead{color:var(--ink-soft);font-size:13px;line-height:1.6}.cat-arrow{color:var(--ink-soft);transition:transform .15s,color .15s}.cat-card:hover .cat-arrow{color:var(--c);transform:translate(3px)}.cat-hero{background:var(--paper);border-left:4px solid var(--c);border-radius:20px;align-items:center;gap:20px;margin-bottom:32px;padding:32px;display:flex}.cat-hero .eyebrow{color:var(--c)}.cat-hero h1{letter-spacing:.06em;margin:0;font-size:28px;line-height:1.4}.cat-hero p{color:var(--ink-soft);margin:0}.cat-hero .cat-icon{width:64px;height:64px}.grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card{background:var(--paper);border-radius:var(--radius);border:1px solid var(--line);flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card-thumb{aspect-ratio:16/9;color:var(--c);background:linear-gradient(135deg, color-mix(in srgb, var(--c) 8%, white), color-mix(in srgb, var(--c) 18%, white));place-items:center;display:grid}.card-thumb img{object-fit:cover;width:100%;height:100%}.card-body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 20px;display:flex}.chip{letter-spacing:.06em;color:var(--c);align-self:flex-start;font-size:12px;font-weight:700;line-height:1.4;text-decoration:none}.card-title{margin:0;font-size:17px;line-height:1.6}.card-desc{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:13px;line-height:1.8;display:-webkit-box;overflow:hidden}.card-date{color:var(--ink-soft);letter-spacing:.08em;font-size:12px}.empty{background:var(--paper);border-radius:var(--radius);text-align:center;color:var(--ink-soft);padding:32px}.article{max-width:780px;margin:0 auto}.breadcrumb{color:var(--ink-soft);margin-bottom:20px;font-size:13px}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.article-head{border-bottom:1px solid var(--line);padding:0 0 24px}.article-head h1{letter-spacing:.05em;margin:8px 0 12px;font-size:clamp(24px,4vw,34px);line-height:1.55}.article-meta{color:var(--ink-soft);letter-spacing:.04em;flex-wrap:wrap;gap:4px 18px;font-size:13px;display:flex}.byline{align-items:center;gap:6px;display:inline-flex}.article-image{border-radius:var(--radius);width:100%;margin-top:24px;display:block}.pr-note{color:var(--ink-soft);margin:16px 0 0;font-size:12px}.prose{background:var(--paper);border-radius:20px;margin-top:24px;padding:16px 48px 40px}.prose h2{letter-spacing:.05em;border-bottom:1px solid var(--line);margin:56px 0 18px;padding:0 0 12px;font-size:23px;line-height:1.55;position:relative}.prose h2:after{content:"";background:var(--c);width:56px;height:3px;position:absolute;bottom:-1px;left:0}.prose h3{border-left:3px solid var(--c);margin:36px 0 10px;padding-left:14px;font-size:19px;line-height:1.6}.prose p{margin:1.1em 0}.prose strong{background:linear-gradient(transparent 65%, var(--highlight) 65%)}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin:6px 0}.prose li::marker{color:var(--c)}.prose a{color:var(--accent);text-underline-offset:3px}.table-wrap{border:1px solid var(--line);border-radius:12px;margin:1.4em 0;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:15px}.prose tr:last-child td{border-bottom:none}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 14px}.prose th{white-space:nowrap;background:#f3f1ec;font-weight:700}.prose blockquote{border-left:3px solid var(--line);color:var(--ink-soft);margin:1.2em 0;padding:4px 18px}.box,.official{border-left:4px solid;border-radius:12px;margin:28px 0;padding:18px 22px}.box>:last-child,.official>:last-child{margin-bottom:0}.box-title{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex;margin:0 0 6px!important}.box-title span{letter-spacing:.14em;color:#fff;border-radius:4px;padding:1px 8px;font-size:11px}.box p{margin:.4em 0}.box-point{background:#fbf6e8;border-color:#c9a23a}.box-point .box-title span{background:#c9a23a}.box-warn{background:#fbefeb;border-color:#c95b46}.box-warn .box-title span{background:#c95b46}.box-kids{background:#f9eff2;border-color:#c46f86}.box-kids .box-title span{background:#c46f86}.box-memo{background:#edf2f7;border-color:#3d5a80}.box-memo .box-title span{background:#3d5a80}.official{background:var(--accent-soft);border-color:var(--accent);margin-top:32px;font-size:15px}.official .box-title span{background:var(--accent)}.product{border:1px solid var(--line);border-radius:var(--radius);background:#fcfbf8;margin:28px 0;padding:22px}.product-head{align-items:center;gap:16px;display:flex}.product-img{object-fit:contain;background:#fff;border-radius:10px;flex:none;width:88px;height:88px}.product-name{font-size:17px;font-weight:700;line-height:1.6;margin:0!important}.product-price{color:var(--ink-soft);font-size:13px;margin:2px 0 0!important}.product-point{font-size:15px;margin:12px 0 16px!important}.product-buttons{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.btn{text-align:center;border-radius:8px;padding:11px 12px;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .15s;display:block;color:#fff!important}.btn:hover{opacity:.88}.btn-amazon{background:#e8962e}.btn-rakuten{background:#bf3b30}.btn-yahoo{background:#3a6fc4}.page{max-width:780px;margin:0 auto}.page h1{letter-spacing:.06em;font-size:28px}.site-footer{background:var(--ink);color:#d5dbe0;padding:48px 0 28px;font-size:14px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:32px;display:flex}.footer-logo{letter-spacing:.08em;color:#fff;margin:0 0 8px;font-size:20px;font-weight:700}.footer-note{max-width:520px;margin:0;line-height:1.8}.footer-note a{color:#fff}.footer-links{flex-direction:column;gap:6px;display:flex}.footer-links a{text-decoration:none}.footer-links a:hover{color:#fff;text-decoration:underline}.copyright{opacity:.6;letter-spacing:.08em;margin-top:32px;font-size:12px}.alert-bar{color:#7a4a17;background:#fdf3e7;font-size:13px;line-height:1.6}.alert-bar .wrap{align-items:flex-start;gap:8px;padding-top:8px;padding-bottom:8px;display:flex}.alert-bar svg{flex:none;margin-top:3px}.alert-bar a{font-weight:700}.header-right{align-items:center;gap:20px;display:flex}.tool-links{gap:16px;font-size:14px;font-weight:500;display:flex}.tool-links a{color:var(--accent);text-decoration:none}.tool-links a:hover{text-decoration:underline}.font-toggle{color:var(--ink-soft);align-items:center;gap:4px;font-size:12px;display:flex}.font-toggle span{margin-right:2px}.font-toggle button{font:inherit;border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:2px 10px;font-size:12px}.font-toggle button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}html.text-large body,html.text-large .prose{font-size:19px}html.text-large .card-desc,html.text-large .cat-lead,html.text-large .step-text{font-size:15px}html.text-large .card-title{font-size:19px}.hero-card-link{color:var(--accent);align-items:center;gap:6px;margin-top:14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.hero-card-link:hover{text-decoration:underline}.section-lead{color:var(--ink-soft);margin:6px 0 0;font-size:15px}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:6px;height:100%;padding:24px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.step:hover{border-color:var(--accent);box-shadow:var(--shadow)}.step-num{letter-spacing:.16em;color:var(--accent);font-size:11px;font-weight:700}.step-icon{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:12px;place-items:center;margin:4px 0;display:grid}.step-title{font-size:17px;font-weight:700}.step-text{color:var(--ink-soft);font-size:13px;line-height:1.7}.toc{border:1px solid var(--line);background:#f8f7f3;border-radius:12px;margin:28px 0 8px;padding:18px 22px}.toc summary{cursor:pointer;font-size:15px;font-weight:700}.toc ol{margin:10px 0 0;padding-left:1.4em;font-size:15px;line-height:1.7}.toc li{margin:6px 0}.toc ul{margin:4px 0 0;padding-left:.4em;font-size:14px;list-style:none}.toc ul li{margin:3px 0}.toc ul li:before{content:"– ";color:var(--ink-soft)}.toc a{color:var(--ink);text-decoration:none}.toc a:hover{color:var(--accent);text-decoration:underline}.prose [id]{scroll-margin-top:16px}.faq{border-top:1px solid var(--line);margin:20px 0}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;align-items:baseline;gap:12px;padding:14px 4px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--ink-soft);margin-left:auto;font-weight:400}.faq details[open] summary:after{content:"−"}.faq-q{color:var(--c);flex:none;font-weight:700}.faq-a{color:var(--ink);padding:0 4px 10px 28px}.faq-a p{margin:.4em 0}.tool-banner{border-radius:var(--radius);background:var(--accent);color:#fff;align-items:center;gap:16px;margin-top:24px;padding:20px 24px;text-decoration:none;transition:opacity .15s;display:flex}.tool-banner:hover{opacity:.92}.tool-banner-icon{background:#ffffff29;border-radius:12px;flex:none;place-items:center;width:52px;height:52px;display:grid}.tool-banner-text{flex:1;font-size:14px;line-height:1.7}.tool-banner-text strong{font-size:17px;display:block}.author-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin-top:24px;padding:24px}.author-name{margin:0;font-size:18px;font-weight:700}.author-role{color:var(--accent);margin:2px 0 10px;font-size:13px}.author-bio{margin:0 0 10px;font-size:15px}.author-box>a{color:var(--accent);font-size:14px}.tool-page{max-width:900px;margin:0 auto}.tool-head{margin-bottom:28px}.tool-head h1{letter-spacing:.06em;margin:0 0 6px;font-size:clamp(24px,4vw,32px);line-height:1.5}.tool-head p:last-child{color:var(--ink-soft);margin:0}.tool-notes{background:var(--paper);border-radius:var(--radius);color:var(--ink-soft);margin-top:40px;padding:24px 28px;font-size:14px}.tool-notes h2{color:var(--ink);margin:0 0 8px;font-size:16px}.tool-notes ul{margin:0 0 10px;padding-left:1.3em}.tool-notes li{margin:4px 0}.tool-notes a{color:var(--accent)}.btn-outline{border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.btn-outline:hover{background:var(--ink);color:#fff}.calc{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.calc-input{background:var(--paper);border-radius:var(--radius);border:1px solid var(--line);padding:8px 24px 24px}.calc fieldset{border:none;margin:16px 0 0;padding:0}.calc legend{color:var(--accent);letter-spacing:.06em;margin-bottom:4px;font-size:14px;font-weight:700}.calc-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.calc-row span{flex-direction:column;line-height:1.5;display:flex}.calc-row small{color:var(--ink-soft);font-size:12px}.stepper{align-items:center;gap:4px;display:flex}.stepper button{border:1px solid var(--line);background:var(--paper);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}.stepper button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.stepper button:disabled{opacity:.35;cursor:default}.stepper output{text-align:center;min-width:36px;font-size:20px;font-weight:700}.segmented{grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;display:grid}.segmented button{border:1px solid var(--line);background:var(--paper);font:inherit;color:var(--ink);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;padding:10px;font-size:16px;font-weight:700;display:flex}.segmented button small{color:var(--ink-soft);font-size:11px;font-weight:400}.segmented button[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.calc-result{background:var(--ink);color:#fff;border-radius:var(--radius);padding:24px;position:sticky;top:16px}.calc-result-title{letter-spacing:.06em;opacity:.85;margin:0 0 12px;font-size:14px}.calc-empty{opacity:.8}.calc-list{margin:0;padding:0;list-style:none}.calc-list li{border-top:1px solid #ffffff24;grid-template-columns:1fr auto;padding:14px 0;display:grid}.calc-list span{align-self:center;font-size:15px}.calc-list strong{text-align:right;font-size:30px;line-height:1.2}.calc-list strong small{margin-left:4px;font-size:13px;font-weight:400}.calc-list em{opacity:.75;grid-column:1/-1;font-size:12px;font-style:normal}.calc-extra{background:#ffffff14;border-radius:10px;margin-top:8px;padding:14px 16px;font-size:13px;line-height:1.7}.calc-extra p{margin:4px 0}.calc-extra strong{font-size:14px;display:block}.calc-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.calc-actions .btn-outline{color:#fff;background:0 0;border-color:#ffffff80}.calc-actions .btn-outline:hover{color:var(--ink);background:#fff}.checklist-bar{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:20px;padding:18px 22px;display:flex}.progress{background:var(--accent-soft);border-radius:999px;flex:200px;height:10px;overflow:hidden}.progress span{background:var(--accent);height:100%;transition:width .2s;display:block}.checklist-bar p{margin:0;font-size:14px}.checklist-bar p strong{color:var(--accent);font-size:20px}.checklist-actions{gap:8px;display:flex}.checklist-groups{grid-template-columns:1fr 1fr;gap:20px;display:grid}.checklist-group{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px}.checklist-group h2{margin:0 0 4px;font-size:18px}.checklist-note{color:var(--ink-soft);margin:0 0 6px;font-size:13px;line-height:1.7}.checklist-group ul{margin:0;padding:0;list-style:none}.checklist-group label{cursor:pointer;align-items:flex-start;gap:10px;padding:7px 0;font-size:15px;line-height:1.6;display:flex}.checklist-group input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin-top:2px}.checklist-group input:checked+span{color:var(--ink-soft);text-decoration:line-through}@media print{.alert-bar,.site-header,.site-footer,.checklist-actions,.calc-actions,.tool-banner{display:none!important}body{background:#fff;font-size:12px}.main{padding:0}.calc,.checklist-groups{grid-template-columns:1fr 1fr}.calc-result{color:#000;background:#fff;border:1px solid #999;position:static}.checklist-group,.calc-input{break-inside:avoid;border-color:#999}}@media (max-width:860px){.grid,.cat-grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr;gap:28px;padding:40px 32px}.tool-links{display:none}.cat-nav-inner a.nav-tool{display:inline}.calc,.checklist-groups{grid-template-columns:1fr}.calc-result{position:static}}@media (max-width:640px){body{font-size:16px}.wrap{padding:0 16px}.logo-tag{display:none}.cat-nav-inner{gap:20px}.hero{border-radius:18px;padding:32px 20px}.hero h1{letter-spacing:.04em;font-size:24px}.grid,.cat-grid,.steps{grid-template-columns:1fr}.step{flex-flow:wrap;align-items:center;column-gap:14px;padding:18px}.step-num{width:100%}.step-icon{margin:0}.step-title{flex:1}.step-text{width:100%}.alert-bar{font-size:12px}.tool-banner{padding:16px}.calc-input{padding:4px 16px 18px}.section{margin-top:56px}.prose{border-radius:16px;padding:8px 20px 28px}.cat-hero{padding:24px 20px}}.contact-mail{word-break:break-all;align-items:center;gap:6px;display:inline-flex}.about-note{color:var(--ink-soft);font-size:13px;margin-top:8px!important}
