/* ==========================================================
   honten/privacy.html  ／ ページ別CSS（v5でインライン<style>から抽出）
   mac_wordpress_common_rules.md §6-4 ＝ common → page別の順で読み込む
   ----------------------------------------------------------
   [v9.8 2026-08-10] 読みやすさ改修
   ・.doc-body-inner（独自幅コンテナ）を廃止 → common.css の
     .page-section-inner（max-width:var(--max)）へ移行。
     section 側も .page-section.tight を併用（余白・幅は共通に委譲）
   ・h2 の手打ち番号（1.〜10.）を CSS カウンターの自動連番バッジへ
   ・冒頭段落 .doc-lead／リスト・表を文章ページ向けに再装飾
   ・.doc-end は h2 帯と紛らわしいカード装飾をやめ、署名ブロック（右寄せ）へ
========================================================== */

/* 制定・最終改訂日（page-hero-title 直下の小さなメタ行） */
.page-hero .doc-meta{
  margin:18px 0 0;
  font-size:13px;
  letter-spacing:.04em;
  color:rgba(26,22,20,.62);
}

/* ----------------------------------------------------------
   本文コンテナ
   （余白・幅は .page-section.tight × .page-section-inner.narrow に委譲。
     ここでは背景と連番カウンターの初期化のみ）
---------------------------------------------------------- */
.doc-body{
  background:#fff;
  counter-reset:doc-sec;
}

/* リード（冒頭のあいさつ段落）：本文より一回り大きく、締めの罫線で区切る */
.doc-lead{
  font-size:15.5px;
  line-height:2.05;
  color:var(--ink);
  margin:0 0 36px;
  padding-bottom:28px;
  border-bottom:1px solid rgba(26,22,20,.08);
}

.doc-body p{
  font-size:14.5px;
  line-height:1.95;
  color:rgba(26,22,20,.8);
  margin:0 0 18px;
}

/* ----------------------------------------------------------
   見出し：自動連番バッジ（01〜）付きの帯見出し。
   長文ページでも「今どの条項か」がひと目で分かるようにする
---------------------------------------------------------- */
.doc-body h2{
  counter-increment:doc-sec;
  position:relative;
  font-family:var(--serif);
  font-size:19px;
  font-weight:500;
  line-height:1.5;
  color:var(--ink);
  margin:44px 0 16px;
  padding:13px 18px 13px 60px;
  background:#FBF8F2;
  border-left:3px solid var(--o);
  border-radius:0 4px 4px 0;
}
.doc-body h2::before{
  content:counter(doc-sec, decimal-leading-zero);
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  font-family:var(--en);
  font-size:15px;
  font-weight:500;
  letter-spacing:.08em;
  color:var(--o-deep);
}
.doc-body h2:first-of-type{
  margin-top:0;
}
.doc-body h3{
  font-family:var(--serif);
  font-size:16px;
  font-weight:500;
  color:var(--ink);
  margin:24px 0 10px;
}

/* ----------------------------------------------------------
   リスト：条項の列挙が多いので、行間を保ちつつドットを1行目中央へ
---------------------------------------------------------- */
.doc-body ul{
  padding-left:0;
  list-style:none;
  margin:14px 0 22px;
}
.doc-body ul li{
  position:relative;
  padding:5px 0 5px 22px;
  font-size:14px;
  line-height:1.85;
  color:rgba(26,22,20,.8);
}
.doc-body ul li::before{
  content:"";
  position:absolute;
  left:4px;
  /* 1行目テキストの垂直中央：padding-top 5px ＋ 行高1.85の半分 − ドット半径3px */
  top:calc(5px + 0.925em - 3px);
  width:6px;
  height:6px;
  background:var(--o);
  border-radius:50%;
}

/* 強調（同意・共有可否など重要語）：マーカー風の下地でさりげなく目立たせる */
.doc-body p b,
.doc-body p strong,
.doc-body li b,
.doc-body li strong{
  font-weight:700;
  color:var(--ink);
  background:linear-gradient(transparent 62%, rgba(232,154,46,.22) 62%);
  padding:0 2px;
}

/* ----------------------------------------------------------
   表（お問い合わせ窓口）：角丸カード化。
   [v10.0 2026-08-10] style.css（Twenty Twenty-One 由来 L3433〜）の
   `table td, table th { border:1px solid; }` はショートハンドで
   4辺すべてに罫線を引くため、こちらで border-bottom / border-right しか
   宣言していないと上辺・左辺に style.css の濃い罫線が残ってしまう。
   → まず border:0 で全辺リセットしてから、必要な辺だけ引き直す
---------------------------------------------------------- */
.doc-body table{
  --doc-line: rgba(26,22,20,.1);
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin:18px 0 22px;
  font-size:14px;
  border:1px solid var(--doc-line);
  border-radius:6px;
  overflow:hidden;
}
.doc-body table th,
.doc-body table td{
  padding:16px 20px;
  text-align:left;
  vertical-align:top;
  border:0;                                   /* ← style.css の border:1px solid を全辺打ち消し */
  border-bottom:1px solid var(--doc-line);    /* 行区切りだけ引き直す */
}
.doc-body table tr:last-child th,
.doc-body table tr:last-child td{
  border-bottom:0;
}
.doc-body table th{
  background:#FBF8F2;
  font-weight:500;
  font-family:var(--sans);                    /* style.css の見出しフォント指定も明示的に戻す */
  color:var(--ink);
  width:220px;
  border-right:1px solid var(--doc-line);     /* ラベル列の縦罫 */
  letter-spacing:.04em;
}
.doc-body table td{
  color:rgba(26,22,20,.78);
  line-height:1.85;
}

/* ----------------------------------------------------------
   締め（制定日・改訂日・代表者名）
   [v9.8] 旧デザイン（クリーム地＋オレンジ左罫）は h2 帯見出しと同形で
   「改定について」の本文に見えなかったため、装飾を外して
   文書末尾の署名ブロック（上罫線＋右寄せ）に変更
---------------------------------------------------------- */
.doc-end{
  margin-top:56px;
  padding-top:26px;
  border-top:1px solid rgba(26,22,20,.12);
  text-align:right;
  font-size:13.5px;
  line-height:2.2;
  color:rgba(26,22,20,.7);
}
.doc-end b{
  color:var(--ink);
  font-weight:500;
}

/* ----------------------------------------------------------
   SP
---------------------------------------------------------- */
@media (max-width:768px){
  .doc-lead{
    font-size:14.5px;
    line-height:1.95;
    margin-bottom:28px;
    padding-bottom:22px;
  }
  .doc-body h2{
    font-size:16.5px;
    margin:36px 0 14px;
    padding:11px 14px 11px 50px;
  }
  .doc-body h2::before{
    left:15px;
    font-size:13px;
  }
  /* 表は th/td を縦積みに（ラベル行＋値行のカード的表示） */
  .doc-body table,
  .doc-body table tbody,
  .doc-body table tr,
  .doc-body table th,
  .doc-body table td{
    display:block;
    width:100%;
  }
  .doc-body table th{
    border-right:0;
    border-bottom:0;
    padding:12px 16px 4px;
  }
  .doc-body table td{
    padding:0 16px 12px;
    border-bottom:1px solid var(--doc-line);
  }
  .doc-body table tr:last-child td{
    border-bottom:0;
  }
  .doc-end{
    margin-top:44px;
    padding-top:20px;
  }
}