/* Ochinity Home 1.0.0 — サイト共通のヘッダー・フッター（誌面設計に合わせる） */
:root{
  --ochy-paper:#F5EFE3;--ochy-surface:#FDF9F1;--ochy-ink:#241B16;--ochy-ink-soft:#5E5148;--ochy-ink-faint:#8C7F73;
  --ochy-line:#E3D7C2;--ochy-line-strong:#C9B892;--ochy-shu:#C7361F;--ochy-urushi:#4A1612;--ochy-kin:#B4842A;--ochy-kin-l:#D9B36A;
  --ochy-ease:cubic-bezier(.16,1,.3,1);
  --color_header_bg:var(--ochy-paper);--color_header_text:var(--ochy-ink);
  --color_footer_bg:var(--ochy-urushi);--color_footer_text:#EFE3D2;
}

/* ---- 上部の帯（キャッチコピー） ---- */
.l-header__bar{background:var(--ochy-surface)!important;color:var(--ochy-ink-soft)!important;border-bottom:1px solid var(--ochy-line)}
.l-header__bar .c-catchphrase{font-size:11px;letter-spacing:.06em;color:var(--ochy-ink-soft)}
.l-header__bar .c-iconList__link{color:var(--ochy-ink-soft)!important}
.l-header__bar .c-iconList__link:hover{color:var(--ochy-shu)!important}

/* ---- ヘッダー ---- */
.l-header,.l-fixHeader{background:var(--ochy-paper)!important;border-bottom:1px solid var(--ochy-line);box-shadow:none!important}
.l-fixHeader{box-shadow:0 8px 24px -20px rgba(74,22,18,.5)!important}
.c-gnav>.menu-item>a{color:var(--ochy-ink)!important;font-size:13px;letter-spacing:.08em}
.c-gnav>.menu-item>a .ttl{position:relative;display:inline-block;padding-block:4px}
.c-gnav>.menu-item:not(.sns-btn):not(.lang-item)>a .ttl::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ochy-shu);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ochy-ease)}
.c-gnav>.menu-item:not(.sns-btn):not(.lang-item)>a:hover .ttl::after,.c-gnav>.current-menu-item:not(.lang-item)>a .ttl::after{transform:scaleX(1)}
.c-gnav>.menu-item>a::after{display:none!important}
/* ロゴがホームへのリンクなので、メニューの「Home」は出さない */
.c-gnav>.menu-item-home:not(.lang-item){display:none!important}
/* SNS：色だけ合わせる */
.c-gnav>.sns-btn>a,.c-gnav>.sns-btn>a .ttl{color:var(--ochy-ink-soft)!important}
.c-gnav>.sns-btn>a:hover,.c-gnav>.sns-btn>a:hover .ttl{color:var(--ochy-shu)!important}
.c-gnav>.sns-btn .sns-label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* 言語：JP / EN / 中文 */
.c-gnav>.lang-item>a{padding:0 6px!important}
.c-gnav>.lang-item>a .ttl{font-size:0;display:inline-flex;align-items:center;gap:7px;padding:4px 0}
.c-gnav>.lang-item>a .ttl::after{font-size:11.5px;letter-spacing:.1em;color:var(--ochy-ink-faint);font-family:"Cormorant Garamond","Bodoni Moda",Didot,serif}
.c-gnav>.lang-item-ja>a .ttl::after{content:"JP"}
.c-gnav>.lang-item-en>a .ttl::after{content:"EN"}
.c-gnav>.lang-item-zh>a .ttl::after{content:"中文";font-family:inherit;font-size:11px}
.c-gnav>.lang-item.current-lang>a .ttl::after{color:var(--ochy-ink);font-weight:700}
.c-gnav>.lang-item-first{margin-left:12px}
/* スマホのヘッダーナビ（横スクロール） */
.l-header__spNav,.p-spHeadNav{background:var(--ochy-paper)!important;border-top:1px solid var(--ochy-line)}
.l-header__spNav a,.p-spHeadNav a{color:var(--ochy-ink)!important;font-size:12px;letter-spacing:.06em}
.l-header__spNav .menu-item-home:not(.lang-item),.p-spHeadNav .menu-item-home:not(.lang-item){display:none}
.l-header__menuBtn .c-iconBtn,.l-header__customBtn .c-iconBtn{color:var(--ochy-ink)!important}

/* ---- 楽天ウェブサービスの表記（フッターの直前） ---- */
.w-beforeFooter{background:var(--ochy-urushi);margin:0!important;padding:28px 0 0}
.w-beforeFooter .ochy-rws-credit{margin:0!important}
.w-beforeFooter .ochy-rws-credit a{color:rgba(239,227,210,.75)!important;font-size:11px;letter-spacing:.08em}
.w-beforeFooter .ochy-rws-credit a:hover{color:#fff!important}

/* ---- フッター ---- */
.l-footer{background:var(--ochy-urushi)!important;color:#EFE3D2!important}
.l-footer__widgetArea{padding:40px 0 0!important}
.l-footer .w-footer__box .c-widget{margin:0!important}
.l-footer__foot{display:none!important}
.ochy-ft{font-size:13px;line-height:1.9;color:#EFE3D2;padding-bottom:20px}
.ochy-ft a{color:#EFE3D2!important;text-decoration:none!important;transition:color .25s}
.ochy-ft a:hover{color:#fff!important}
.ochy-ft__cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr .8fr;gap:32px}
.ochy-ft__logo{display:inline-flex;flex-direction:column;line-height:1}
.ochy-ft__logo .mark{font-family:"Cormorant Garamond","Bodoni Moda",Didot,"Times New Roman",serif;font-size:30px;font-weight:500;letter-spacing:.06em;color:#F5EFE3}
.ochy-ft__logo .sub{font-size:10px;letter-spacing:.3em;color:var(--ochy-kin-l);margin-top:6px}
.ochy-ft__pr{color:rgba(239,227,210,.72)!important;font-size:12px!important;max-width:30em;margin:18px 0 0!important;line-height:1.9!important}
.ochy-ft__h{font-size:11px!important;letter-spacing:.2em;font-weight:500;margin:0 0 14px!important;color:var(--ochy-kin-l)!important}
.ochy-ft ul{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:8px}
.ochy-ft li{list-style:none!important;margin:0!important;padding:0!important}
.ochy-ft li::before{content:none!important}
.ochy-ft__legal{margin-top:44px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;font-size:11px;letter-spacing:.08em;color:rgba(239,227,210,.7)}
.ochy-ft__lang b{color:#fff;font-weight:500}
@media (max-width:900px){.ochy-ft__cols{grid-template-columns:1fr 1fr;gap:28px 20px}.ochy-ft__brand{grid-column:1/-1}}
/* functions.php が最後に出すアフィリエイト表記2行を、フッターの一部として見せる */
body>p.ochy-affiliate-note,body>p.ochy-amazon-note{background:var(--ochy-urushi);color:rgba(239,227,210,.7)!important;margin:0!important;padding:0 16px 4px;font-size:11px!important;letter-spacing:.04em}
body>p.ochy-amazon-note{padding-bottom:28px}
/* ロゴ画像の白い地を、生成りの背景になじませる */
.l-header__inner,.l-fixHeader__inner{background:var(--ochy-paper)}
.c-headLogo__img{mix-blend-mode:darken}
.l-header__spNav .sns-btn,.l-header__spNav .lang-item{display:none!important}