@charset "UTF-8";
/* ============================================================
   custom-privacy.css
   プライバシーポリシー専用の余白調整
   ※ style.min.css は変更せず、本ファイルで上書きする
   ※ 読み込みは header.php で is_page('privacy') 時のみ
   作成: 2026-06-18
   ============================================================ */

/* --- 段落どうしの余白を詰める ---------------------------------
   既存 .privacy-content__txt は padding-bottom:30px(SP)/74px(PC) を
   「セクション下の余白」として持つ設計。新本文はpが連続するため
   p間が空きすぎる。ここで打ち消し、段落間は控えめなマージンに。   */
.privacy-content .privacy-content__txt {
  padding-bottom: 0;
  margin-bottom: 12px;
}

/* --- 見出し（各セクション）の上に区切りの余白を作る -----------
   直前がp/リスト/テーブルのいずれでも一定の間隔が空くようにする。
   これで「2.取得する情報の上に余白がない」も解消。               */
.privacy-content .privacy-content__head {
  margin-top: 40px;
  margin-bottom: 16px;
}

/* --- リスト：既存の負の上マージン(margin-top:-19px)を解除 ------
   pの余白を詰めた結果、負マージンだと詰まりすぎる/重なるため。     */
.privacy-content .privacy-content__list {
  margin: 4px 0 14px;
}

/* --- テーブル下の余白 ----------------------------------------- */
.privacy-content .privacy-content__table {
  margin: 0 0 14px;
}

/* ===== PC ===== */
@media all and (min-width: 600px) {
  .privacy-content .privacy-content__txt {
    padding-bottom: 0;
    margin-bottom: 16px;
  }

  .privacy-content .privacy-content__head {
    margin-top: 60px;
    margin-bottom: 26px;
  }

  .privacy-content .privacy-content__list {
    margin: 6px 0 18px;
  }

  .privacy-content .privacy-content__table {
    margin: 0 0 18px;
  }
}

/* ============================================================
   <ol> を「1. 2. 3.」の番号表示にする
   ・テーマの reset (ul,ol{list-style:none}) で標準番号が出ないため
     CSSカウンターで番号を生成する
   ・対象は <ol class="privacy-content__list"> のみ。
     <ul class="privacy-content__list"> は従来どおり黒丸のまま
   ============================================================ */
.privacy-content ol.privacy-content__list {
  counter-reset: privacy-num;
}

.privacy-content ol.privacy-content__list > li {
  padding-left: 1.9em;          /* 2桁番号(例:17.)でも収まる幅 */
}

.privacy-content ol.privacy-content__list > li::before {
  counter-increment: privacy-num;
  content: counter(privacy-num) ".";
  top: 0;
  left: 0;
  width: 1.6em;
  height: auto;
  background: none;             /* 既存の黒丸(背景)を消す */
  border-radius: 0;
  text-align: left;
  color: #10aebb;              /* テーマのアクセント色。黒にしたいなら #333 等へ */
  font-weight: 600;
}

/* ============================================================
   テーブル（「個人情報取扱事業者の表示」「共同利用」の key-value 表）
   ・<th>（見出しセル）= メインカラー #10aebb ベタ塗り＋白文字
   ・濃いめにしたい場合は背景を #08575d に変更（白文字の可読性UP）
   ============================================================ */
.privacy-content .privacy-content__table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #d6dede;
}

.privacy-content .privacy-content__table th,
.privacy-content .privacy-content__table td {
  border: 1px solid #d6dede;
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
  line-height: 1.7;
}

.privacy-content .privacy-content__table th {
  width: 30%;
  background: #10aebb;        /* メインカラーでベタ塗り */
  color: #fff;                /* 文字は白 */
  font-weight: 600;
}

@media all and (min-width: 600px) {
  .privacy-content .privacy-content__table th,
  .privacy-content .privacy-content__table td {
    padding: 14px 18px;
    font-size: 1.6rem;
  }
  .privacy-content .privacy-content__table th {
    width: 28%;
  }
}