/* ============================================================
   四巡の米づくり（pages/shijun.html）専用スタイル
   見た目の大半はマークアップ側のインラインstyle（デザイン確定値）。
   ここはサイト共通の sub.css との調整だけ。
   ============================================================ */

/* sticky を効かせる：body の overflow-x:hidden は sticky を壊すため clip に */
html{scroll-behavior:auto;}
body.shijun-page{overflow-x:clip;background:#f5f1e8;}

.shijun-root{font-family:'Shippori Mincho',serif;color:#131e35;background:#f5f1e8;}
/* sub.css は h1〜h4 に Noto Serif JP を当てているので、このページでは明朝（Shippori）に戻す */
.shijun-root h1,.shijun-root h2,.shijun-root h3{font-family:'Shippori Mincho',serif;}
.shijun-root a:not(.btn){color:#131e35;}
.shijun-root a:not(.btn):hover{color:#9a7438;}
.shijun-root p{line-height:inherit;}

/* ヘッダー：ヒーロー以外では shijun.js が opacity を制御する */
body.shijun-page .site-header{will-change:opacity;}

@media (prefers-reduced-motion:reduce){
  .shijun-root *{scroll-behavior:auto;}
}

/* 説明文は太め（識字性）。英字ラベル（Cormorant）は除く */
.shijun-root p:not([style*="Cormorant"]){font-weight:600;}

/* ヒーローの背景：稲わらの飾り写真を、紺を重ねて静かに敷く（紺の層ごとスクロールで消える） */
.sj-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;display:block;}
.sj-hero-tint{position:absolute;inset:0;background:rgba(19,30,53,.80);}

/* ロゴ周りの「人・水・時・土」ラベル：写真の上でも読めるよう、縁取りではなく太字で */
[data-slabel] text{font-weight:700;fill:#131e35;}
[data-slabel] text[font-size="30"]{font-weight:500;fill:#3d3c38;}

/* ===== 識字性：サイト共通（明朝・太め）にそろえる ===== */
/* 見出し・大きい漢字・英字ラベル・「第○巡」を、細く薄くならないように */
.shijun-root h1{font-weight:600 !important;}
.shijun-root [data-layer] h2{font-weight:600 !important;}
.shijun-root [data-accent]{font-weight:500;}
.shijun-root [data-layer] p[style*="Cormorant"]{color:#56554f !important;font-weight:500;}
.shijun-root [data-layer] span[style*="letter-spacing:0.3em"]{color:#4d4c48 !important;font-weight:600;font-size:14px !important;}
.shijun-root [data-tick]{font-weight:600;}

/* スマホ：本文は15px・行間ゆったり、見出しも一回り大きく */
@media (max-width:600px){
  .shijun-root [data-layer] > p:not([style*="Cormorant"]){font-size:15px !important;line-height:2 !important;letter-spacing:.04em !important;}
  .shijun-root [data-layer] h2{font-size:clamp(22px,6.2vw,26px) !important;}
  .shijun-root [data-layer="0"] h2{font-size:clamp(21px,5.8vw,24px) !important;}
  .shijun-root [data-herotxt] p{font-size:15px !important;}
  .shijun-root [data-herotxt] h1{font-size:clamp(32px,9vw,38px) !important;}
  /* 画面の低いスマホでも、章の文章が下で切れないよう、ロゴを画面高さに応じて小さめに */
  .shijun-root [data-markwrap]{max-width:min(600px,68vh,46vh) !important;}
  .shijun-root [data-layer]{gap:14px !important;}
}
/* 画面の低いスマホ：章の文章が下で切れないよう、本文を少し詰める／さらに低ければ英字ラベルを省く */
@media (max-width:600px) and (max-height:780px){
  .shijun-root [data-layer] > p:not([style*="Cormorant"]){font-size:14px !important;line-height:1.95 !important;letter-spacing:.03em !important;}
  .shijun-root [data-layer]{gap:12px !important;}
}
@media (max-width:600px) and (max-height:780px){
  .shijun-root [data-layer] > p[style*="Cormorant"]{display:none !important;}
}