/* ============================================================
新あさくさ商店街 / レイアウト
ヘッダー、記事の見出しまわり、一覧、フッター、フォーム。
記事本文（.eiyo）は eiyo.css。色は WordPress の追加CSS v6（配色B「青菜」）にそろえている。
地 #FCFAF3 ／ 面 #FFFFFF ／ 主文字 #1F1C16 ／ 副文字 #5A5346 ／ 罫 #E6DFCF ／ 淡面 #F3EFE2
青菜 #3F6B33 ／ 淡い緑 #7FA06E ／ 小豆 #7A3B33 ／ 柿 #B4532A（トップの数字だけ）
============================================================ */

:root{
  --bg:#FCFAF3; --surface:#FFFFFF; --ink:#1F1C16; --ink-sub:#4A4438; --ink-faint:#5A5346;
  --line:#E6DFCF; --tint:#F3EFE2; --green:#3F6B33; --green-soft:#7FA06E;
  --kaki:#B4532A;
  --mincho:"Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", YuMincho, "BIZ UDPMincho",
    "Noto Serif JP", "Noto Serif CJK JP", serif;
  --ui:1.1;
  --font:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "Noto Sans JP", "Noto Sans CJK JP", Meiryo, sans-serif;
  --col: calc(36 * 18px * var(--ui));
}
@media (min-width:700px){ :root{ --col: calc(36 * 19px * var(--ui)); } }
html.fs-s{ --ui:1 }
html.fs-l{ --ui:1.28 }

*,*::before,*::after{ box-sizing:border-box }
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; background:var(--bg) }
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--font); font-size:16px; line-height:1.8; letter-spacing:.02em;
  -webkit-font-smoothing:antialiased;
}
a{ color:var(--green) }
img{ max-width:100%; height:auto }
.skip{ position:absolute; left:-9999px; top:0 }
.vh{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap }
.skip:focus{ left:8px; top:8px; background:var(--surface); padding:.5em 1em; z-index:10 }
:focus-visible{ outline:3px solid var(--green); outline-offset:3px }

/* 記事本文の文字の大きさを、切り替えに合わせる */
.eiyo{ --scale:var(--ui) }

/* ---------- ヘッダー ---------- */
.site-header{ border-bottom:1px solid var(--line); background:var(--bg) }
.site-header .wrap{
  max-width:1080px; margin:0 auto; padding:0 20px;
  display:flex; align-items:center; gap:8px 28px; min-height:84px; flex-wrap:wrap;
}
.logo{
  font-family:var(--mincho); font-size:24px; font-weight:700; letter-spacing:.06em; color:var(--ink);
  text-decoration:none; margin-right:auto; padding:8px 0;
}
.gnav{ display:flex; gap:4px 26px; flex-wrap:wrap }
.gnav a{
  color:var(--ink); text-decoration:none; font-weight:700; font-size:17px;
  padding:12px 0; border-bottom:2px solid transparent; letter-spacing:.04em;
}
.gnav a:hover{ border-bottom-color:var(--green-soft) }
.gnav a[aria-current="page"]{ border-bottom-color:var(--green) }

.fsw{ display:flex; align-items:center; gap:2px; font-size:15px; color:var(--ink-sub) }
.fsw span{ margin-right:6px; white-space:nowrap }
.fsw button{
  min-width:48px; height:48px; font-size:17px; border:1px solid #CFC7B5; background:var(--surface);
  color:var(--ink); font:inherit; font-weight:700; cursor:pointer; padding:0 8px;
}
.fsw button:first-of-type{ border-radius:8px 0 0 8px }
.fsw button:last-of-type{ border-radius:0 8px 8px 0 }
.fsw button + button{ margin-left:-1px }
.fsw button[aria-pressed="true"]{ background:var(--green); border-color:var(--green); color:#fff }

@media (max-width:699px){
  .site-header .wrap{ min-height:54px; padding:6px 16px 0; gap:0 12px }
  .logo{ font-size:21px }
  .fsw span{ display:none }
  .fsw button{ min-width:44px; height:44px }
  .gnav{
    order:3; width:100%; flex-wrap:nowrap; overflow-x:auto; gap:0 14px; justify-content:space-between;
    -webkit-overflow-scrolling:touch; scrollbar-width:none;
  }
  .gnav::-webkit-scrollbar{ display:none }
  .gnav a{ white-space:nowrap; font-size:15.5px; padding:12px 0 10px; letter-spacing:0 }
}

/* ---------- 本文の列 ---------- */
main{ display:block; padding:0 20px 56px }
@media (max-width:699px){ main{ padding:0 16px 48px } }
.col{ max-width:var(--col); margin:0 auto }

.crumbs{
  font-size:15px; color:var(--ink-faint); margin:22px 0 0; line-height:1.7;
  letter-spacing:.02em;
}
.crumbs a{ color:var(--ink-sub); text-decoration:underline; text-decoration-color:#CFC7B5; text-underline-offset:.3em }
.crumbs a:hover{ text-decoration-color:currentColor }
.crumbs .sep{ margin:0 .45em; color:#B7AE9B }

.page-title{
  font-family:var(--mincho); font-size:calc(28px * var(--ui)); line-height:1.6; font-weight:700; letter-spacing:.02em;
  margin:14px 0 6px; text-wrap:balance;
}
@media (max-width:699px){ .page-title{ font-size:calc(22px * var(--ui)) } }
.page-sub{ font-size:15.5px; color:var(--ink-faint); margin:0 0 26px; letter-spacing:.02em }
.page-sub time + .upd{ margin-left:.8em }


/* ---------- トップ ----------
   一本の列に、文字と細い罫だけで組む。箱や色の面は使わない。色は緑（リンク）と柿（数字）だけ。 */
.home main{ padding:0 }
.hm-in{ max-width:calc(var(--col) + 40px); margin:0 auto; padding:0 20px }
@media (max-width:699px){ .hm-in{ max-width:calc(var(--col) + 32px); padding:0 16px } }
.hm-l{ display:inline-block }
.nw{ white-space:nowrap }
.hm-kicker{ margin:0; font-size:16px; letter-spacing:.08em; color:var(--green); font-weight:700 }
.hm-h2{ font-family:var(--mincho); font-weight:700; font-size:calc(25px * var(--ui)); line-height:1.5; margin:0 0 .4em; letter-spacing:.03em }
.hm-note{ margin:0; font-size:calc(16px * var(--ui)); line-height:1.8; color:var(--ink-sub) }
.hm-sec, .hm-band, .hm-ten{ padding:0 0 96px }
@media (max-width:699px){ .hm-sec, .hm-band, .hm-ten{ padding-bottom:72px } }

.hm-hero{ padding:80px 0 96px }
@media (max-width:699px){ .hm-hero{ padding:44px 0 72px } }
.hm-hero-text{ display:flex; flex-direction:column; gap:26px }
.hm-h1{
  font-family:var(--mincho); font-weight:700; margin:0; letter-spacing:.04em;
  font-size:clamp(30px, 5.2vw, 44px); line-height:1.55;
}
.hm-story p{ margin:0 0 1em; font-size:calc(18px * var(--ui)); line-height:2.1 }
.hm-story p:last-child{ margin-bottom:0 }
.hm-stance{ margin:0; font-size:calc(16px * var(--ui)); line-height:2; color:var(--ink-sub) }
.hm-links{ margin:0; display:flex; flex-direction:column; align-items:flex-start; gap:2px; font-size:calc(16px * var(--ui)); line-height:1.8 }
.hm-links a{ padding:8px 0; font-weight:700; text-underline-offset:.3em }

.hm-feat{
  display:flex; flex-direction:column; gap:10px; margin-top:56px; padding:26px 28px;
  background:var(--surface); border:1px solid var(--line); border-radius:14px;
  color:var(--ink); text-decoration:none; box-shadow:0 1px 2px rgba(60,50,30,.04);
}
.hm-feat:hover{ border-color:var(--green-soft) }
@media (max-width:699px){ .hm-feat{ margin-top:40px; padding:22px 20px } }
.hm-feat-top{ font-size:15px; font-weight:700; color:var(--green); letter-spacing:.04em }
.hm-feat-title{ font-family:var(--mincho); font-weight:700; font-size:calc(26px * var(--ui)); line-height:1.4 }
.hm-feat-point{ font-size:calc(17px * var(--ui)); line-height:1.9 }
.hm-more{ font-size:16px; color:var(--green); font-weight:700 }

.hm-concerns{ margin-top:20px; padding:6px 24px; background:var(--tint); border-radius:14px }
@media (max-width:599px){ .hm-concerns{ padding:6px 18px } }
.hm-concern{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; padding:14px 0; border-bottom:1px solid #E2DBC9 }
.hm-concern:last-child{ border-bottom:0 }
.hm-concern-label{ flex:0 0 150px; font-size:calc(16px * var(--ui)); font-weight:700; color:var(--ink) }
@media (max-width:599px){ .hm-concern-label{ flex-basis:100% } }
.hm-chip{
  display:inline-flex; align-items:baseline; gap:6px; min-height:46px; padding:9px 16px;
  background:var(--surface); border:1px solid #D6CEBD; border-radius:999px;
  color:var(--ink); text-decoration:none; font-size:calc(16px * var(--ui)); line-height:1.5;
}
.hm-chip span{ font-size:14.5px; color:var(--ink-sub) }
.hm-chip:hover{ border-color:var(--green); color:var(--green) }

.hm-cards{ display:grid; gap:14px; margin-top:20px }
.hm-card{
  display:grid; grid-template-columns:68px 1fr; gap:0 22px; align-items:start;
  padding:22px 24px 22px 20px; background:var(--surface); border:1px solid var(--line); border-radius:14px;
  color:var(--ink); text-decoration:none; box-shadow:0 1px 2px rgba(60,50,30,.04);
  transition:border-color .15s, box-shadow .15s, transform .15s;
}
.hm-card:hover{ border-color:var(--green-soft); box-shadow:0 6px 18px rgba(60,50,30,.08); transform:translateY(-1px) }
@media (prefers-reduced-motion:reduce){ .hm-card{ transition:none } .hm-card:hover{ transform:none } }
.hm-card-date{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  width:68px; height:78px; border-radius:10px; background:var(--tint); color:var(--ink);
}
.hm-card-m{ font-size:15px; line-height:1; color:var(--ink-sub) }
.hm-card-d{ font-family:var(--mincho); font-weight:700; font-size:30px; line-height:1 }
.hm-card-main{ display:flex; flex-direction:column; gap:8px; min-width:0 }
.hm-card-cats{ display:flex; flex-wrap:wrap; gap:6px }
.hm-cat{ font-size:14.5px; font-weight:700; line-height:1; padding:5px 10px; border-radius:999px; letter-spacing:.04em }
.hm-cat-karada{ background:#E7EEDF; color:#2F5526 }
.hm-cat-food{ background:#F6E6DA; color:#8A3F1E }
.hm-cat-toyo{ background:#E3E8F2; color:#34497A }
.hm-card-title{ font-family:var(--mincho); font-weight:700; font-size:calc(22px * var(--ui)); line-height:1.45 }
.hm-card-point{ font-size:calc(16.5px * var(--ui)); line-height:1.9; color:var(--ink) }
.hm-card-more{ font-size:16px; color:var(--green); font-weight:700; margin-top:2px }
@media (max-width:599px){
  .hm-card{ grid-template-columns:52px 1fr; gap:0 16px; padding:18px 18px 18px 14px }
  .hm-card-date{ width:52px; height:60px }
  .hm-card-d{ font-size:23px }
}
.hm-older{ margin-top:18px }

.hm-panel{ padding:30px 28px 14px; background:var(--tint); border-radius:14px }
@media (max-width:599px){ .hm-panel{ padding:24px 18px 8px } }
.hm-band-lead{ margin:0 0 18px; font-size:calc(17px * var(--ui)); line-height:2 }
.hm-band-lead strong{ font-weight:700 }
.hm-steps{ list-style:none; margin:0; padding:0; border-top:1px solid #E2DBC9 }
.hm-steps li{
  display:grid; grid-template-columns:40px 11em 1fr; gap:2px 8px; align-items:baseline;
  padding:16px 0; border-bottom:1px solid #E2DBC9;
}
.hm-steps li:last-child{ border-bottom:0 }
.hm-step-n{ font-family:var(--mincho); font-weight:700; font-size:24px; line-height:1; color:var(--kaki) }
.hm-step-name{ font-size:calc(17px * var(--ui)); font-weight:700 }
.hm-step-text{ font-size:calc(16px * var(--ui)); line-height:1.85; color:#3E3932 }
@media (max-width:599px){
  .hm-steps li{ grid-template-columns:36px 1fr }
  .hm-step-n{ grid-row:span 2 }
}

.hm-ten{ margin-bottom:96px; padding:30px 28px 26px !important; background:var(--surface); border:1px solid var(--line); border-radius:14px }
@media (max-width:699px){ .hm-ten{ margin-bottom:72px; padding:24px 18px 20px !important } }
.hm-ten-side{ display:flex; flex-direction:column; gap:12px; margin-bottom:8px }
.hm-ten-side p{ margin:0; font-size:calc(17px * var(--ui)); line-height:2 }
.hm-ten-side .hm-kicker{ font-size:16px; line-height:1.6 }
.hm-ten-title{ font-family:var(--mincho); font-weight:700; font-size:calc(25px * var(--ui)); line-height:1.5; margin:0; letter-spacing:.03em }
.hm-ten-side .hm-ten-note{ font-size:calc(16px * var(--ui)); line-height:1.9; color:var(--ink-sub) }
.hm-ten-source{ margin:22px 0 0; font-size:calc(16px * var(--ui)); line-height:2; color:var(--ink-sub) }
.hm-ten-tools{ display:flex; justify-content:flex-end; margin:0 0 10px; min-height:44px }
.hm-ten-all{
  min-height:44px; padding:0 4px; background:transparent; border:0; font:inherit; font-size:16px;
  color:var(--green); font-weight:700; text-decoration:underline; text-underline-offset:.3em; cursor:pointer;
}
.hm-ten-list{ list-style:none; margin:0; padding:0; border-top:1px solid var(--line) }
.hm-ten-list > li{ border-bottom:1px solid var(--line) }
.hm-ten-list summary{
  list-style:none; display:flex; align-items:center; gap:14px; padding:16px 0; min-height:64px; cursor:pointer;
}
.hm-ten-list summary::-webkit-details-marker{ display:none }
.hm-ten-n{ flex:0 0 36px; font-family:var(--mincho); font-weight:700; font-size:26px; line-height:1; color:var(--kaki); font-variant-numeric:tabular-nums }
.hm-ten-text{ flex:1 1 auto; font-size:calc(18px * var(--ui)); line-height:1.65 }
.hm-ten-count{ flex:0 0 auto; font-size:15.5px; color:var(--ink-sub) }
.hm-ten-sign{ flex:0 0 24px; height:24px; position:relative }
.hm-ten-sign::before, .hm-ten-sign::after{
  content:""; position:absolute; left:50%; top:50%; width:14px; height:1.5px; background:var(--ink);
  transform:translate(-50%, -50%);
}
.hm-ten-sign::after{ transform:translate(-50%, -50%) rotate(90deg) }
details[open] .hm-ten-sign::after{ display:none }
.hm-ten-body{ padding:0 0 22px 50px; display:flex; flex-direction:column; gap:14px }
@media (max-width:599px){ .hm-ten-body{ padding-left:0 } .hm-ten-count{ display:none } }
.hm-paper{
  display:flex; flex-direction:column; gap:4px; padding:2px 0 2px 16px; border-left:2px solid var(--line);
  color:var(--ink); text-decoration:none;
}
.hm-paper:hover{ border-left-color:var(--green-soft) }
.hm-paper-text{ font-size:calc(16.5px * var(--ui)); line-height:1.85 }
.hm-paper-src{ display:flex; flex-wrap:wrap; gap:2px 16px; font-size:15.5px; color:var(--ink-sub) }
.hm-paper-art{ color:var(--green); font-weight:700 }
.hm-paper-none{ margin:0; font-size:calc(16px * var(--ui)); line-height:1.85; color:var(--ink-sub) }

.hm-rules{ padding:0 0 88px }
.hm-rules-list{ margin-top:18px; padding:8px 28px; background:var(--tint); border-radius:14px }
@media (max-width:599px){ .hm-rules-list{ padding:6px 18px } }
.hm-rules-list > div{ padding:20px 0; border-bottom:1px solid #E2DBC9 }
.hm-rules-list > div:last-child{ border-bottom:0 }
.hm-rules h3{ font-size:calc(17px * var(--ui)); font-weight:700; margin:0 0 4px }
.hm-rules p{ margin:0; font-size:calc(16px * var(--ui)); line-height:2; color:var(--ink) }
.hm-rules-more{ margin-top:16px !important; font-weight:700 }
.hm-rules-more a{ display:inline-block; padding:8px 0; text-underline-offset:.3em }

/* 見出しは、日本語の文節で折り返す（対応しているブラウザだけ） */
.hm-h1, .hm-h2, .hm-card-title, .hm-feat-title, .hm-ten-title, .hm-ten-text, .hm-step-name, .page-title, .pl-title{
  word-break:auto-phrase;
}

/* ---------- 一覧 ---------- */
.post-list{ list-style:none; margin:0 auto 8px; padding:0; max-width:var(--col) }
.post-list li{ border-bottom:1px solid var(--line); padding:1.2em 0 }
.post-list li:first-child{ border-top:1px solid var(--line) }
.pl-title{
  font-family:var(--mincho); display:block; font-size:calc(19px * var(--ui)); line-height:1.7; font-weight:700;
  letter-spacing:.02em; color:var(--ink); text-decoration:none; margin:0 0 .25em;
}
.pl-title:hover{ text-decoration:underline; text-underline-offset:.25em }
.pl-date{ display:block; font-size:15px; color:var(--ink-faint); margin:0 0 .35em }
.pl-excerpt{
  font-size:calc(16px * var(--ui)); line-height:1.85; color:var(--ink-sub);
  margin:0; letter-spacing:.02em;
}
.col > .hm-cards{ margin-top:8px }
.list-count{ font-size:15.5px; color:var(--ink-faint); margin:0 0 22px }

/* ---------- 記事の下 ---------- */
.post-foot{
  max-width:var(--col); margin:0 auto; padding:1.4em 0 0; border-top:1px solid var(--line);
  font-size:15.5px; color:var(--ink-sub);
}
.terms{ display:flex; flex-wrap:wrap; gap:.5em .5em; align-items:center; margin:0 0 .9em; padding:0; list-style:none }
.terms .lab{ font-weight:700; color:var(--ink-sub); margin-right:.3em; letter-spacing:.06em }
.terms a{
  display:inline-block; background:var(--tint); color:var(--ink-sub); text-decoration:none;
  border-radius:999px; padding:.2em .9em; line-height:1.7;
}
.terms a:hover{ background:#E7EEDF; color:var(--green) }
.terms .cat a{ background:#E7EEDF; color:var(--green); font-weight:700 }

.post-nav{
  max-width:var(--col); margin:2.2em auto 0; display:grid; grid-template-columns:1fr 1fr; gap:14px;
}
.post-nav a{
  display:block; background:var(--surface); border:1px solid var(--line); border-radius:12px;
  padding:.9em 1.1em; text-decoration:none; color:var(--ink); line-height:1.7; font-size:16px;
}
.post-nav a:hover{ border-color:var(--green-soft) }
.post-nav .dir{ display:block; font-size:14.5px; color:var(--ink-faint); margin-bottom:.2em; letter-spacing:.06em }
.post-nav .next{ text-align:right; grid-column:2 }
@media (max-width:599px){
  .post-nav{ grid-template-columns:1fr }
  .post-nav .next{ grid-column:auto }
}

/* ---------- フォーム ---------- */
.form{ margin:0 0 2em }
.form .field{ margin:0 0 1.3em }
.form label{ display:block; font-weight:700; font-size:.95em; margin:0 0 .35em }
.form .opt{ font-weight:400; color:var(--ink-sub); font-size:.9em; margin-left:.4em }
.form input[type=text], .form input[type=email], .form textarea{
  width:100%; font:inherit; font-size:16px; color:var(--ink); background:var(--surface);
  border:1px solid #CFC7B5; border-radius:10px; padding:.7em .9em; line-height:1.7;
}
.form textarea{ min-height:12em; resize:vertical }
.form input:focus, .form textarea:focus{ border-color:var(--green); outline:2px solid #CFE0C6; outline-offset:0 }
.form .hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden }
.form button{
  font:inherit; font-weight:700; font-size:16px; letter-spacing:.08em;
  background:var(--green); color:#fff; border:0; border-radius:999px;
  padding:.85em 2.6em; cursor:pointer; min-height:48px;
}
.form button:hover{ background:#355A2B }

/* ---------- フッター ---------- */
.site-footer{ border-top:1px solid var(--line); background:var(--tint); color:var(--ink-sub); font-size:15.5px }
.site-footer .wrap{ max-width:1080px; margin:0 auto; padding:34px 20px 26px }
.f-name{ font-weight:700; color:var(--ink); font-size:16px; margin:0 0 .5em; letter-spacing:.06em }
.f-addr{ margin:0 0 1.2em; line-height:1.7 }
.f-links{ display:flex; flex-wrap:wrap; gap:.4em 1.6em; margin:0 0 1.4em }
.f-links a{ color:var(--ink-sub); text-decoration:none }
.f-links a:hover{ text-decoration:underline; text-underline-offset:.25em }
.copy{ font-size:14.5px; color:var(--ink-faint); margin:0 }

@media (max-width:374px){ .gnav{ gap:0 8px } .gnav a{ font-size:14.5px } }

/* ============================================================
記事本文（.eiyo）のCSS
WordPress の追加CSS v6（配色B「青菜」）から、記事本文にかかわる部分を移したもの。
2026-11-11 移行。レイアウト（ヘッダー・一覧など）は layout.css にある。
============================================================ */
.eiyo{
--bg:#FCFAF3; --ink:#1F1C16; --ink-sub:#4A4438; --line:#E6DFCF; --tint:#F3EFE2;
--link:#3F6B33; --accent:#7FA06E; --accent-ink:#3F6B33;
--warn:#7A3B33; --warn-ink:#7A3B33;
--base:18px;
--scale:1;
font-family:
"Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "Noto Sans JP", "Noto Sans CJK JP", Meiryo, sans-serif;
font-size:calc(var(--base) * var(--scale));
line-height:1.95;
letter-spacing:.04em;
font-weight:400;
color:var(--ink);
background:transparent;
max-width:36em;
margin:0 auto;
padding:0 0 40px;
word-break:normal;
overflow-wrap:break-word;
line-break:strict;
}
@media (min-width:700px){ .eiyo{ --base:19px } }
.eiyo.fs-s{--scale:.9}
.eiyo.fs-m{--scale:1}
.eiyo.fs-l{--scale:1.18}
/* ---------- 4-1. テーマの見出し装飾を打ち消す ---------- */
.eiyo.eiyo h2,
.eiyo.eiyo h3,
.eiyo.eiyo h4{
font-family:inherit; display:block; text-align:left;
background:none; border:0; padding:0; position:static;
letter-spacing:.02em; line-height:1.6; font-weight:700; text-wrap:balance;
}
.eiyo.eiyo h2::before, .eiyo.eiyo h2::after,
.eiyo.eiyo h3::before, .eiyo.eiyo h3::after,
.eiyo.eiyo h4::before, .eiyo.eiyo h4::after{ content:none !important; display:none !important; }
/* ---------- 4-2. 基本 ---------- */
.eiyo *{box-sizing:border-box}
.eiyo p{margin:0 0 1.5em}
.eiyo a{color:var(--link); text-underline-offset:.25em; text-decoration-thickness:1px}
.eiyo a:hover{text-decoration-thickness:2px}
.eiyo :focus-visible{outline:2px solid var(--accent-ink); outline-offset:3px}
.eiyo .lead{margin:0 0 2em}
/* ---------- 4-3. 白いカード ---------- */
.eiyo .box{
background:#fff; border:1px solid var(--line); border-radius:12px;
padding:1.4em 1.5em; margin:0 0 2.2em}
.eiyo.eiyo .box h2{font-size:1.05em; margin:0 0 .8em; color:var(--accent-ink)}
.eiyo .box ul{margin:0; padding-left:1.3em; list-style:disc}
.eiyo .box li{margin:0 0 .9em}
.eiyo .box li:last-child{margin-bottom:0}
.eiyo .box dl{margin:0}
.eiyo .box dt{font-weight:700; margin-top:1.2em}
.eiyo .box dt:first-of-type{margin-top:0}
.eiyo .box dd{margin:.15em 0 0}
.eiyo .box p:last-child{margin-bottom:0}
/* トップページの入口だけ、山吹の線を一本 */
.home .eiyo.eiyo .box h2::after{
content:"" !important; display:inline-block !important;
width:1.8em; height:3px; background:#C9922A; border-radius:2px;
margin-left:.7em; vertical-align:.28em;
}
/* ---------- 4-4. 論文ブロック ---------- */
.eiyo .paper{border-top:1px solid var(--line); padding-top:2.2em; margin:0 0 3em}
.eiyo .paper .no{
display:block; font-size:.86em; font-weight:700; letter-spacing:.14em;
color:var(--accent-ink); margin-bottom:.7em}
.eiyo.eiyo .paper h2{font-size:1.3em; margin:0 0 .7em}
.eiyo .paper .hitokoto{margin:0 0 1.3em}
.eiyo .facts{
display:flex; flex-wrap:wrap; gap:.4em .5em; list-style:none;
margin:0 0 1.6em; padding:0; font-size:.93em; letter-spacing:.02em}
.eiyo .facts li{
background:var(--tint); border-radius:999px; padding:.25em .9em;
color:var(--ink-sub); line-height:1.7; margin:0}
.eiyo .facts li.type{background:#E7EEDF; color:var(--accent-ink); font-weight:700}
.eiyo.eiyo h3.q{font-size:1.08em; color:var(--accent-ink); margin:1.6em 0 .5em}
.eiyo .limit{border-left:3px solid var(--warn); padding-left:1.1em; margin:1.8em 0 0}
.eiyo.eiyo .limit h3{font-size:1.08em; color:var(--warn-ink); margin:0 0 .5em}
.eiyo .limit p:last-child{margin-bottom:0}
.eiyo .fine{font-size:.92em; color:var(--ink-sub); line-height:1.8}
.eiyo .orig{
font-size:.92em; color:var(--ink-sub); line-height:1.8;
margin:1.6em 0 0; padding-top:1em; border-top:1px dashed var(--line)}
.eiyo .orig .en{color:var(--ink)}
/* ---------- 4-5. まとめ・店主の枠・脚注 ---------- */
.eiyo.eiyo h2.sec{
font-size:1.22em; margin:0 0 .8em;
padding-top:2.2em; border-top:1px solid var(--line)}
.eiyo .mine{
background:#F8F4E7;
border:1px dashed var(--accent); border-radius:12px;
padding:1.4em 1.5em; margin:2.2em 0}
.eiyo.eiyo .mine h2{font-size:1.05em; margin:0 0 .7em; color:var(--accent-ink)}
.eiyo .mine p:last-child{margin-bottom:0}
.eiyo .foot{
font-size:.93em; color:var(--ink-sub); line-height:1.85;
margin:2.2em 0 0; padding-top:1.2em; border-top:1px solid var(--line)}
/* 記事の頭の、小さな案内 */
.eiyo .meta{
font-size:.93em;
color:#4A4438;
letter-spacing:.02em;
margin:0 0 1.8em;
}
/* 論文どうしの区切りを、少しはっきりさせる */
.eiyo .paper{ border-top-width:2px; }
.eiyo .paper .no{ display:none; }   /* 論文の番号は使いません */
/* 見出しの上に置く、研究の種類の札 */
.eiyo .kicker{
display:inline-block;
font-size:.84em;
font-weight:700;
letter-spacing:.12em;
background:#E7EEDF;
color:#3F6B33;
border-radius:999px;
padding:.3em 1.05em;
margin:0 0 .9em;
line-height:1.6;
}
/* 「ひとことでいうと」を、少し大きく */
.eiyo .paper .hitokoto{
font-size:1.06em;
line-height:1.9;
color:#1F1C16;
margin:0 0 1.5em;
}
/* 著者のことば（引用） */
.eiyo .say{
margin:1.9em 0;
padding:0 0 0 1.2em;
border-left:3px solid #7FA06E;
}
.eiyo .say p{
font-size:1.12em;
line-height:1.85;
margin:0 0 .5em;
color:#1F1C16;
}
.eiyo .say cite{
display:block;
font-style:normal;
font-size:.93em;
color:#4A4438;
letter-spacing:.02em;
}
/* この研究が調べていないこと ── 注意の色をやめて、灰色に */
.eiyo .limit{ border-left-color:#B7AE9B; }
.eiyo.eiyo .limit h3{ color:#4A4438; }
/* 参考（本筋から外れる話） */
.eiyo .aside{
background:#F3EFE2;
border-radius:12px;
padding:1.5em 1.6em;
margin:2.8em 0;
}
.eiyo .aside .lab{
display:block;
font-size:.84em;
font-weight:700;
letter-spacing:.18em;
color:#665C47;
margin:0 0 .7em;
}
.eiyo.eiyo .aside h2{
font-size:1.1em;
margin:0 0 .8em;
padding-top:0;
border-top:0;
}
.eiyo .aside p:last-child{ margin-bottom:0; }
/* 読む人へのお願い */
.eiyo .note{
border-left:3px solid #7A3B33;
padding-left:1.2em;
margin:3em 0 1.5em;
}
.eiyo.eiyo .note h3{
font-size:1.02em;
color:#7A3B33;
margin:0 0 .5em;
}
.eiyo .note p{ margin:0 0 .9em; font-size:.97em; }
.eiyo .note p:last-child{ margin-bottom:0; }
/* 案内リンク */
.eiyo .more{
font-size:.92em;
color:#4A4438;
line-height:1.85;
margin:0;
padding-top:1.1em;
border-top:1px solid #E6DFCF;
}
/* ===== 健康な毎日のための10のチェックリスト ===== */
.eiyo.eiyo ol.ten{
list-style:none;
margin:1.7em 0 2.2em;
padding:0;
}
.eiyo ol.ten li{
position:relative;
padding:.9em 0 .9em 2.1em;
border-bottom:1px solid #E3DFD5;
line-height:1.75;
}
.eiyo ol.ten li:first-child{
border-top:1px solid #E3DFD5;
}
.eiyo ol.ten li::before{
content:"✓";
position:absolute;
left:.15em;
top:.85em;
color:#2F5A4C;
font-weight:700;
}
.eiyo ol.ten .nm{
display:block;
font-weight:700;
}
.eiyo ol.ten .sub{
display:block;
font-size:.93em;
color:#4A4438;
margin-top:.2em;

/* 固定ページの箇条書き */
.eiyo > ul{ padding-left:1.3em; margin:0 0 1.6em }
.eiyo > ul > li{ margin:0 0 .8em }

.eiyo{ --scale:var(--ui) }