/* =====================================================
   IFU：海外大学進学（入口ページ）用 追加CSS【最終版】
   ・H2 / H3 見出し：水色ライン＋薄いグレー背景
   ・「このページで分かること」：控えめな要約ボックス
   ===================================================== */


/* =========================
   1) 本文見出し（H2）
   ========================= */

.page .entry-content h2,
.single .entry-content h2 {
  background: #f3f4f6;            /* 薄いグレー */
  border-left: 6px solid #39b8d6; /* 水色ライン */
  padding: 14px 16px;
  margin: 30px 0 14px;
  font-weight: 700;
  line-height: 1.45;
}


/* =========================
   2) 本文見出し（H3）
   ========================= */

.page .entry-content h3,
.single .entry-content h3 {
  background: #f7f7f7;            /* H2より少し薄い */
  border-left: 5px solid #39b8d6;
  padding: 12px 14px;
  margin: 22px 0 12px;
  font-weight: 700;
  line-height: 1.5;
}


/* 見出し直後の段落：詰めて読みやすく */
.page .entry-content h2 + p,
.page .entry-content h3 + p,
.single .entry-content h2 + p,
.single .entry-content h3 + p {
  margin-top: 10px;
}


/* =========================
   3) 要約ボックス
      「このページで分かること」（控えめ版）
   ========================= */

.page .entry-content .ifu-summary,
.single .entry-content .ifu-summary {
  background: #ffffff;              /* 白背景 */
  border: 1px solid #e5e7eb;        /* とても薄い枠 */
  border-left: 4px solid #39b8d6;   /* 左だけ水色ライン（細め） */
  padding: 14px 16px;
  margin: 18px 0 26px;
  border-radius: 8px;
}

/* 要約ボックス内の見出し文字 */
.page .entry-content .ifu-summary p,
.single .entry-content .ifu-summary p {
  margin: 0 0 8px;
  font-weight: 600;                 /* 少し控えめ */
}

/* 要約ボックス内のリスト */
.page .entry-content .ifu-summary ul,
.single .entry-content .ifu-summary ul {
  margin: 0 0 0 1.2em;
}

.page .entry-content .ifu-summary li,
.single .entry-content .ifu-summary li {
  margin: 6px 0;
}


/* =========================
   4) 全体の箇条書き微調整
   ========================= */

.page .entry-content ul,
.single .entry-content ul {
  margin: 10px 0 18px 1.2em;
}

.page .entry-content li,
.single .entry-content li {
  margin: 6px 0;
}


/* IFU FCA/FCB 比較表 */
.ifu-compare { margin: 18px 0 28px; }
.ifu-compare-intro { margin: 0 0 12px; line-height: 1.7; }
.ifu-compare-note { display: inline-block; margin-left: 6px; font-size: .95em; opacity: .9; }

.ifu-compare-table table { width: 100%; border-collapse: collapse; }
.ifu-compare-table th, .ifu-compare-table td {
  border: 1px solid rgba(0,0,0,0.12);
  padding: 12px 12px;
  vertical-align: top;
  line-height: 1.6;
}
.ifu-compare-table thead th { font-weight: 700; }
.ifu-compare-table tbody th { text-align: left; width: 28%; font-weight: 700; }


/* ===== IFU：比較表まわりの余白最適化（追加） ===== */
.ifu-compare { margin: 12px 0 6px; }
.ifu-compare-intro { margin: 0 0 10px; line-height: 1.7; }
.ifu-compare-note { margin-left: 6px; font-size: .95em; opacity: .9; }

/* 表の直後に見出しが来る時の“空きすぎ”対策 */
.ifu-compare-table { margin-bottom: 0; }

/* hr の上下余白が大きいテーマ対策（ページ全体で効きすぎないよう軽め） */
hr { margin: 18px 0; }

/* 見出しの余白を少し締める（必要なら） */
h2 { margin-top: 28px; margin-bottom: 14px; }
h3 { margin-top: 18px; margin-bottom: 10px; }


.ifu-compare-table tbody th{
  width: 26%;
  min-width: 170px;
  white-space: nowrap;
}




  /* 左列（比較の視点）の強調を弱める */
  .ifu-compare-table tbody th {
    font-weight: 600;        /* 太すぎを防ぐ（bold → semibold） */
    white-space: normal;     /* スマホでは自然改行を許可 */
    width: auto;
    min-width: unset;
  }

  /* 表全体の文字サイズバランス */
  .ifu-compare-table th,
  .ifu-compare-table td {
    font-size: 0.95em;
    line-height: 1.6;
  }
}




  /* 表全体：文字サイズを少しだけ落ち着かせる */
  .ifu-compare-table th,
  .ifu-compare-table td {
    font-size: 0.92em;
    line-height: 1.55;
  }

  /* 左列（比較の視点）：控えめに・2行OK */
  .ifu-compare-table tbody th {
    width: 26%;              /* スペースを取りすぎない */
    min-width: unset;
    font-weight: 500;        /* 強調しすぎない */
    white-space: normal;     /* 2行以上OK */
    color: #555;             /* トーンダウン */
  }

  /* FCA / FCB 列：主役として横幅を確保 */
  .ifu-compare-table tbody td {
    width: 37%;              /* 右2列を広く */
    font-weight: 400;
  }

  /* 見出し行（FCA / FCB）のバランス調整 */
  .ifu-compare-table thead th {
    font-size: 0.95em;
    line-height: 1.4;
    padding: 10px 8px;
  }

  /* セルの余白をスマホ用に最適化 */
  .ifu-compare-table tbody th,
  .ifu-compare-table tbody td {
    padding: 10px 8px;
  }
}


/* ===== スマホ最終版：左列を小さく、FCA/FCBに幅を渡す（統一） ===== */
@media (max-width: 768px) {

  /* テーブル全体の基本 */
  .ifu-compare-table table { width: 100%; table-layout: fixed; }
  .ifu-compare-table th,
  .ifu-compare-table td {
    padding: 10px 8px !important;
    font-size: 0.92em !important;
    line-height: 1.55 !important;
    vertical-align: top;
  }

  /* 見出し行（比較の視点 / FCA / FCB） */
  .ifu-compare-table thead th {
    font-size: 0.93em !important;
    line-height: 1.35 !important;
    padding: 10px 8px !important;
  }

/* 左列（比較の視点）：必ず太字にする */
.page .entry-content .ifu-compare-table tbody th,
.single .entry-content .ifu-compare-table tbody th {
  width: 22% !important;
  font-weight: 700 !important;   /* ← ここが重要 */
  color: #555 !important;
  white-space: normal !important;
  min-width: 0 !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}


  /* FCA/FCB列：主役として幅を確保 */
  .ifu-compare-table tbody td {
    width: 39% !important;           /* 右2列を広く */
    font-weight: 400 !important;
    overflow-wrap: anywhere !important;
  }
}


/* =====================================================
   FCA/FCB 比較表：左列（比較の視点）を必ず太字に見せる（最終）
   ・テーマの !important 上書きに勝つ
   ・フォントが太字を持たない場合は疑似太字で補強
   ===================================================== */

/* FCA/FCB比較表：左列（比較の視点）をフロントで強制的に太字にする */
.page .entry-content .ifu-compare .ifu-compare-table table tbody th,
.single .entry-content .ifu-compare .ifu-compare-table table tbody th {
  font-weight: 700 !important;
}


/* 注記（※）の統一スタイル */
.entry-content p.note,
.entry-content .ifu-note {
  font-size: 0.9em;
  color: #666;
  line-height: 1.6;
}


/* IFU共通：※注記用スタイル */
.entry-content .ifu-note {
  font-size: 0.9em;      /* 本文より少し小さく */
  color: #666666;        /* 文字を少し薄く */
  line-height: 1.6;      /* 詰まりすぎない行間 */
  margin-top: 0.5em;
}