/* シェフキヨ共通デザイン：厨房の工夫を、お店の利益に。 */
:root{--bg:#fbfcfa;--surface:#fff;--ink:#18362e;--muted:#53665d;--line:#d8e2d9;--hairline:#d8e2d9;--accent:#185d47;--accent-ink:#185d47;--card-border:#d8e2d9;--card-shadow:none;--card-shadow-hover:0 5px 18px #18362e0b;--quote-bg:#edf3ec;--th-bg:#edf3ec;--noir:#fbfcfa;--noir-2:#edf3ec;--noir-ink:#18362e;--noir-muted:#53665d;--noir-line:#d8e2d9;--gold:#185d47;--head:#18362e;--fg:#18362e;--card:#fff;--sans:'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;--serif:var(--sans);color-scheme:light}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-feature-settings:normal}
header.site{background:#fbfcfa;color:#18362e;border-bottom:1px solid #d8e2d9}
header.site .wrap{max-width:1200px;min-height:92px;gap:18px;padding-block:18px;align-items:center}
.brand a{color:#18362e;font-family:var(--sans);font-size:21px;letter-spacing:.02em;font-weight:700}.brand .tag{color:#53665d;font-size:10px;letter-spacing:.03em;text-transform:none}
nav.g{gap:20px}nav.g a{font-size:13px;color:#365548;letter-spacing:0}nav.g a.on{color:#185d47;border-color:#185d47}
main{padding-block:36px 55px}h1,h2,h3{font-family:var(--sans);letter-spacing:.01em}h1{line-height:1.55}a{color:#185d47}a:focus-visible,button:focus-visible{outline:3px solid #b16b12;outline-offset:4px}
.card,.card.txt{background:#fff;border:1px solid #d8e2d9;border-radius:6px;box-shadow:none;overflow:hidden}.card:hover{box-shadow:0 5px 18px #18362e0b;transform:none}.card.txt a.mb,.card.feat.txt a.mb{background:#fff;color:#18362e;padding:24px;min-height:0}.card.txt a.mb::before{display:none}.card.txt h2,.card .bd h2{font:700 19px/1.8 var(--sans);letter-spacing:0;color:#18362e}.card.feat.txt h2{font-size:25px}.card.txt p.ex,.card.feat.txt p.ex{font:400 14px/1.9 var(--sans);color:#53665d;max-width:65ch}.card.txt em,.card.txt .dt{font-family:var(--sans);color:#53665d;letter-spacing:.02em}.card .th img{object-fit:cover}.pill{background:#edf3ec;color:#185d47;border-color:#d8e2d9}.card.txt:hover h2,.card:hover .bd h2 a{color:#185d47}
article.post{max-width:760px}article.post h1{font:700 clamp(25px,4.5vw,36px)/1.65 var(--sans);letter-spacing:.01em}article.post h2{font:700 24px/1.65 var(--sans);letter-spacing:.01em;border-color:#185d47}article.post h3{font:700 20px/1.7 var(--sans);letter-spacing:0}article.post p{font-size:16px;line-height:2}article.post blockquote{font-family:var(--sans);background:#edf3ec;border-color:#185d47}article.post table{max-width:100%}article.post figure img{border:0;border-radius:6px}.bc,.meta span:not(.pill){letter-spacing:.02em}.author{border:1px solid #d8e2d9;border-radius:6px;box-shadow:none;background:#fff}.author::before{content:none}.optin-form{border-left-color:#185d47!important}.optin-form input,.optin-form select{background:white;color:#18362e;border:1px solid #a8bfb1!important;border-radius:5px!important;max-width:100%}.optin-form input[type=email]{min-width:0!important}.optin-form button{background:#185d47!important;border-radius:5px!important}.toc,.popular{border-color:#d8e2d9;background:#edf3ec}
footer.site{background:#18362e;color:#dce8df;border-top:0}footer.site a{color:#dce8df}footer.site a:hover{color:#fff}footer.site .wrap{max-width:1200px}.sr-lbl{color:#356b52;letter-spacing:.08em}
/* 無料ツールとゲームへの共通の帰り道 */
.lab-bar{font:700 14px/1.6 var(--sans);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 24px;background:#fbfcfa;color:#18362e;border-bottom:1px solid #d8e2d9;max-width:none}.lab-bar a{color:#185d47;text-decoration:none}.lab-bar nav{display:flex;gap:20px;font-size:12px}.lab-content{max-width:1000px;margin:0 auto;padding:42px 24px}.lab-content>h1{font-size:32px}.lab-content>ul{padding:0;list-style:none;display:grid;gap:16px}.lab-content>ul>li{background:#fff;border:1px solid #d8e2d9;padding:22px;border-radius:6px}.lab-content footer{margin-top:40px;border-top:1px solid #d8e2d9;padding-top:24px;font-size:13px;color:#53665d}
@media(max-width:759px){header.site .wrap{display:block;min-height:0}.brand a{font-size:18px}.brand .tag{font-size:9px}nav.g{display:flex;flex-wrap:wrap;gap:14px;margin-top:13px}nav.g a{font-size:11px}.wrap{padding-inline:20px}main{padding-top:24px}article.post h1{font-size:25px}article.post h2{font-size:21px}.card.feat.txt h2{font-size:21px}.lab-bar{display:block;padding:16px 20px}.lab-bar nav{margin-top:10px}.lab-content{padding:28px 20px}.lab-content>h1{font-size:26px}.optin-form{padding:20px}.optin-form input:not([type=checkbox]),.optin-form select{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* 計算機は回答の伝票デザインを保ち、サイトの色・書体を合わせる。 */
:root:not([data-theme="dark"]){--paper:#fbfcfa;--card:#fff;--sub:#53665d;--rule:#d8e2d9;--ledger:#185d47;--ledger-ink:#fff;--ledger-soft:#edf3ec;--focus:#185d47;--font:'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN',sans-serif}
@media print{.lab-bar{display:none}}

:root[data-theme="dark"]{--bg:#111b17;--surface:#19251f;--ink:#e6ece8;--muted:#abbcaf;--line:#354a3c;--accent-ink:#8bd5b1;--paper:#111b17;--card:#19251f;--sub:#abbcaf;--rule:#354a3c;--ledger:#8bd5b1;--ledger-ink:#112318;--ledger-soft:#23392c;--focus:#8bd5b1}

.optin-form input[type=checkbox]{width:auto!important;flex:none;min-width:16px;accent-color:#185d47}