/* ============================================================
   ITOHA 統一デザインシェル（uni.css）
   HOME（/index.html）のデザインシステムを全ページ共通の基準にする。
   style.css や各ページの <style> より後に読み込むこと。
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Shippori+Mincho+B1:wght@500;600;700;800&family=Zen+Kaku+Gothic+New:wght@300;400;500;700&display=swap');

:root{
  --cream:#F5F1E8;--paper:#FBF9F3;--ink:#2A2A24;--inkSoft:#6E6A5E;--inkFaint:#A39C8B;
  --green:#2D5A27;--greenSoft:#5E8157;--leaf:#8FB573;--soil:#4A3B2C;--gold:#C0A24B;
  /* style.css互換トークン（同値に揃える） */
  --harvest:#2D5A27;--edge:#E7E0D0;--soft:#6E6A5E;--faint:#A39C8B;
}

body{
  background:var(--cream);color:var(--ink);
  font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:"Shippori Mincho B1","Hiragino Mincho ProN",serif;font-weight:600;}
.serif{font-family:"Shippori Mincho B1",serif;}
.cormo{font-family:"Cormorant Garamond",serif;}

/* ---------- 統一ヘッダー ---------- */
header.uhd{
  position:sticky;top:0;left:0;right:0;z-index:120;
  background:rgba(245,241,232,.86);backdrop-filter:blur(12px);
  box-shadow:0 1px 0 rgba(42,42,36,.07);border:none;
  transition:background .5s,box-shadow .5s,backdrop-filter .5s;
}
header.uhd.float{position:fixed;background:transparent;box-shadow:none;backdrop-filter:none;}
header.uhd.float.solid{background:rgba(245,241,232,.86);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(42,42,36,.07);}
/* 暗い演出ページ用（/cycle/ 等）: スクロールで白帯になるまで文字を明色に */
header.uhd.float.dk:not(.solid) .brand{color:#EDE7DA;}
header.uhd.float.dk:not(.solid) nav a{color:rgba(237,231,218,.75);}
header.uhd.float.dk:not(.solid) nav a.shopbtn{border-color:rgba(237,231,218,.75);color:#EDE7DA;}
header.uhd.float.dk:not(.solid) nav a.shopbtn:hover{background:rgba(237,231,218,.9);color:#2A2A24;}
header.uhd .hd{max-width:1180px;margin:0 auto;height:70px;display:flex;align-items:center;padding:0 clamp(22px,6vw,72px);}
header.uhd .brand{font-family:"Cormorant Garamond",serif;font-size:26px;font-weight:600;letter-spacing:.24em;color:var(--green);text-decoration:none;}
header.uhd nav{margin-left:auto;display:flex;gap:clamp(14px,2vw,26px);font-size:12.5px;letter-spacing:.1em;align-items:center;}
header.uhd nav a{color:var(--inkSoft);text-decoration:none;transition:color .3s;}
header.uhd nav a:hover{color:var(--green);}
header.uhd nav a.shopbtn{display:inline-block;border:1px solid var(--green);color:var(--green);padding:7px 16px;border-radius:99px;}
header.uhd nav a.shopbtn:hover{background:var(--green);color:#fff;}
header.uhd nav a.cart-btn{display:inline-block;position:relative;color:var(--ink);}
@media(max-width:820px){header.uhd nav a:not(.shopbtn):not(.cart-btn){display:none;}}

/* ---------- 統一フッター ---------- */
footer.uft{background:var(--soil);color:rgba(237,231,218,.72);padding:clamp(46px,7vw,72px) 0 40px;border:none;text-align:left;}
footer.uft .uwrap{max-width:1180px;margin:0 auto;padding:0 clamp(22px,6vw,72px);}
footer.uft .fbrand{font-family:"Cormorant Garamond",serif;font-size:30px;letter-spacing:.24em;color:#fff;margin-bottom:20px;}
footer.uft .fl{display:flex;flex-wrap:wrap;gap:14px 22px;font-size:13px;}
footer.uft a{color:rgba(237,231,218,.8);text-decoration:none;}
footer.uft a:hover{color:#fff;}
footer.uft .cp{margin-top:26px;font-size:12px;color:rgba(237,231,218,.5);font-family:"Cormorant Garamond",serif;letter-spacing:.08em;}