:root { --ymd-green:#49684d; --ymd-deep:#2f4734; --ymd-cream:#fbf8ef; --ymd-sand:#eee4cf; --ymd-orange:#c77b45; --ymd-text:#353b35; }
body.ymd-site-design { background:#f7f4ec; color:var(--ymd-text); font-family:-apple-system,BlinkMacSystemFont,"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; }
body.ymd-site-design #st-headwide { background:#fffdf8; border-bottom:1px solid #e8e0d2; box-shadow:0 2px 12px rgba(56,69,55,.06); }
body.ymd-site-design #headbox { padding-top:20px; padding-bottom:18px; }
body.ymd-site-design #st-text-logo .sitename a { color:var(--ymd-deep); text-decoration:none; }
body.ymd-site-design #st-text-logo .sitename img { display:none !important; }
body.ymd-site-design #st-text-logo .sitename a::before { content:"40代からの ゆる無添加生活"; display:block; font-size:25px; font-weight:700; letter-spacing:.04em; }
body.ymd-site-design #st-text-logo .sitename a::after { content:"無添加も、栄養も。バランスよく整える"; display:block; margin-top:6px; color:#758074; font-size:12px; font-weight:500; letter-spacing:.08em; }
body.ymd-site-design #st-menubox, body.ymd-site-design #st-menuwide { background:var(--ymd-green); }
body.ymd-site-design #st-menuwide a { color:#fff; font-weight:600; }
body.ymd-site-design #st-menuwide li:hover > a { background:rgba(255,255,255,.12); }
body.ymd-site-design #content-w { width:100%; padding-top:38px; box-sizing:border-box; }
body.ymd-site-design #content { float:none !important; width:calc(100% - 40px) !important; max-width:1160px !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box; }
body.ymd-site-design #headbox, body.ymd-site-design #st-menuwide > div, body.ymd-site-design #footer-in { margin-left:auto !important; margin-right:auto !important; }
body.ymd-site-design #contentInner { background:#fff; border:1px solid #ece5d8; border-radius:18px; box-shadow:0 8px 30px rgba(60,69,58,.06); overflow:hidden; }
body.ymd-site-design main article { padding:34px 42px; }
body.ymd-site-design h1.entry-title { color:var(--ymd-deep); font-size:clamp(25px,3vw,36px); line-height:1.45; border-bottom:3px solid var(--ymd-sand); padding-bottom:18px; }
body.ymd-site-design .st-post h2 { margin-top:2.2em; padding:16px 20px; background:#eff4eb; border-left:6px solid var(--ymd-green); color:var(--ymd-deep); border-radius:0 10px 10px 0; }
body.ymd-site-design .st-post h3 { margin-top:1.8em; padding-bottom:9px; color:var(--ymd-deep); border-bottom:2px solid var(--ymd-sand); }
body.ymd-site-design .st-post p, body.ymd-site-design .st-post li { font-size:16px; line-height:2; }
body.ymd-site-design .st-post img { border-radius:10px; }
body.ymd-site-design .st-post blockquote { background:var(--ymd-cream); border-left:5px solid #c6b997; border-radius:8px; }
body.ymd-site-design.archive #contentInner .kanren { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
body.ymd-site-design.archive #contentInner .kanren > dl { margin:0; padding:0 0 20px; background:#fffdf8; border:1px solid #e9e1d3; border-radius:14px; overflow:hidden; box-shadow:0 5px 18px rgba(60,69,58,.06); }
body.ymd-site-design.archive #contentInner .kanren > dl dt, body.ymd-site-design.archive #contentInner .kanren > dl dd { float:none; width:auto; margin:0; padding:0; }
body.ymd-site-design.archive #contentInner .kanren > dl dt img { width:100%; height:190px; object-fit:cover; border-radius:0; }
body.ymd-site-design.archive #contentInner .kanren > dl dd { padding:16px 18px 0; }
body.ymd-site-design.archive #contentInner .kanren h3 { font-size:18px; line-height:1.65; margin:0 0 8px; }
body.ymd-site-design.archive #contentInner .kanren h3 a { color:var(--ymd-deep); text-decoration:none; }
body.ymd-site-design.archive #contentInner .st-excerpt { color:#667066; font-size:13px; line-height:1.75; }
body.ymd-site-design #side { padding-left:28px; }
body.ymd-site-design #side aside > * { background:#fff; border:1px solid #e9e1d3; border-radius:14px; padding:18px; box-shadow:0 5px 18px rgba(60,69,58,.05); }
body.ymd-site-design #side aside.ymd-hide-legacy > *:not(.ymd-sidebar-guide) { display:none !important; }
body.ymd-site-design #side .ymd-sidebar-guide { display:block !important; padding:26px 22px; background:#fffdf8; border-top:5px solid var(--ymd-green); }
.ymd-sidebar-eyebrow { margin:0 0 8px; color:var(--ymd-orange); font-size:12px; font-weight:700; letter-spacing:.1em; }
.ymd-sidebar-guide h2 { margin:0; padding:0; background:none; border:0; color:var(--ymd-deep); font-size:21px; line-height:1.55; }
.ymd-sidebar-intro { margin:12px 0 18px; color:#697269; font-size:13px; line-height:1.8; }
.ymd-sidebar-guide nav { display:grid; gap:9px; }
.ymd-sidebar-guide nav a { display:block; padding:12px 14px; background:#eef3e9; border-radius:8px; color:var(--ymd-deep); font-size:14px; font-weight:700; text-decoration:none; }
.ymd-sidebar-guide nav a::after { content:" ›"; float:right; }
.ymd-sidebar-guide nav a:hover { background:#e2eadc; }
.ymd-sidebar-sub { display:flex; flex-wrap:wrap; gap:10px 14px; margin-top:18px; padding-top:15px; border-top:1px solid #e5ddcf; }
.ymd-sidebar-sub a { color:#687468; font-size:12px; }
body.ymd-site-design footer, body.ymd-site-design #footer { background:var(--ymd-deep); color:#eaf0e7; }
body.ymd-site-design #footer a { color:#f7f1df; }
@media (min-width:700px) {
  body.ymd-site-design #content { display:flex !important; align-items:flex-start; gap:28px; }
  body.ymd-site-design #contentInner { float:none !important; width:auto !important; min-width:0; flex:1 1 auto; }
  body.ymd-site-design #side { float:none !important; clear:none !important; width:290px !important; min-width:290px; margin:0 !important; padding:0 !important; flex:0 0 290px; }
  body.ymd-site-design #side .ymd-sidebar-guide h2 { margin:0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
}
@media (max-width:959px) {
  body.ymd-site-design #content-w { padding:20px 0 0; }
  body.ymd-site-design #content { width:calc(100% - 24px) !important; }
  body.ymd-site-design #contentInner { border-radius:12px; }
  body.ymd-site-design main article { padding:24px 20px; }
  body.ymd-site-design #side { padding:20px 0 0; }
}
@media (max-width:640px) {
  body.ymd-site-design #st-text-logo .sitename a::before { font-size:20px; }
  body.ymd-site-design.archive #contentInner .kanren { grid-template-columns:1fr; }
  body.ymd-site-design.archive #contentInner .kanren > dl dt img { height:180px; }
}

/* フッターもヘッダーと同じブランド表示にします。 */
body.ymd-site-design #st-footer-logo-wrapper { padding:34px 20px 28px; text-align:center; }
body.ymd-site-design #st-footer-logo-wrapper .footerlogo img { display:none !important; }
body.ymd-site-design #st-footer-logo-wrapper .ymd-footer-brand { display:inline-flex; align-items:center; justify-content:center; gap:14px; color:#f7f1df; text-align:left; text-decoration:none; }
body.ymd-site-design #st-footer-logo-wrapper .ymd-brand-mark { background:#f5f2e9; }
body.ymd-site-design #st-footer-logo-wrapper .ymd-brand-words strong { color:#fffdf6; }
body.ymd-site-design #st-footer-logo-wrapper .ymd-brand-words small { color:#d8e3d7; }
body.ymd-site-design .footermenubox { padding-top:22px; border-bottom:1px solid rgba(255,255,255,.14); }
body.ymd-site-design .footermenust { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 24px; }
body.ymd-site-design .footermenust li { border:0 !important; }
body.ymd-site-design .footermenust a { color:#f2f4ec !important; font-size:13px; text-decoration:none; }
body.ymd-site-design p.copyr { margin:0; padding:14px 20px; background:#263c2d; color:#cbd6ca; text-align:center; }

/* トップページと共通のロゴ・コピー・記事トーン */
body.ymd-site-design #st-text-logo .sitename a::before,
body.ymd-site-design #st-text-logo .sitename a::after { content:none !important; }
body.ymd-site-design #st-text-logo .ymd-brand { display:inline-flex; align-items:center; gap:14px; text-align:left; }
body.ymd-site-design .ymd-brand-mark { position:relative; display:block; width:52px; height:52px; flex:0 0 52px; border:1px solid #6d927d; border-radius:50% 50% 50% 10px; background:#f7faf4; }
body.ymd-site-design .ymd-brand-mark::before { content:""; position:absolute; width:19px; height:29px; left:16px; top:8px; border:1.5px solid #527862; border-radius:100% 0 100% 0; background:#dfe9db; transform:rotate(-32deg); }
body.ymd-site-design .ymd-brand-mark::after { content:""; position:absolute; width:1px; height:26px; left:26px; top:17px; background:#527862; transform:rotate(38deg); transform-origin:top; }
body.ymd-site-design .ymd-brand-words { display:block; }
body.ymd-site-design .ymd-brand-words strong { display:block; color:var(--ymd-deep); font-family:"Yu Mincho","Hiragino Mincho ProN",serif; font-size:22px; font-weight:600; line-height:1.35; letter-spacing:.06em; }
body.ymd-site-design .ymd-brand-words small { display:block; margin-top:5px; color:#758074; font-size:11px; font-weight:500; letter-spacing:.06em; }
body.ymd-site-design #contentInner { background:#fffdf8; border-color:#e4e5dc; }
body.ymd-site-design .entry-title,
body.ymd-site-design .st-post h2,
body.ymd-site-design .st-post h3 { font-family:"Yu Mincho","Hiragino Mincho ProN",serif; letter-spacing:.04em; }
body.ymd-site-design #side .ymd-sidebar-guide h2 { font-family:"Yu Mincho","Hiragino Mincho ProN",serif; }

@media (max-width:640px) {
  body.ymd-site-design .ymd-brand-mark { width:44px; height:44px; flex-basis:44px; }
  body.ymd-site-design .ymd-brand-mark::before { left:12px; top:5px; }
  body.ymd-site-design .ymd-brand-mark::after { left:22px; top:14px; }
  body.ymd-site-design .ymd-brand-words strong { font-size:17px; }
  body.ymd-site-design .ymd-brand-words small { font-size:9px; }
}