@charset "UTF-8";
/* =========================================================
   標準「テーブル」ブロック 6スタイル（is-style-table01〜06）
   functions.php の register_block_style('core/table', ...) で追加。
   enqueue_block_assets でエディタ・フロント両方に読み込む。

   使い方（編集者）:
   - 「テーブル」ブロックを挿入 → 右サイドバー「スタイル」で 01〜06 を選択
   - 上端の見出し行を出すには、ブロック設定の「ヘッダーセクション」をON
     （ONにすると <thead> になり、見出し行が装飾されます）
   - 左端の見出し列は、各行の1セル目が自動で装飾されます
   ========================================================= */

/* ---- 共通 ---- */
.wp-block-table[class*="is-style-table"] {
  overflow-x: auto;
}
.wp-block-table[class*="is-style-table"] table {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
}
.wp-block-table[class*="is-style-table"] th,
.wp-block-table[class*="is-style-table"] td {
  padding: 20px;             /* 管理画面(rem=16px)とフロント(rem=10px)で差が出ないよう px 固定（2rem相当） */
  border: none;              /* 標準ブロックの既定罫線をリセット */
  vertical-align: middle;
  line-height: 1.6;
}
/* 既定は中央寄せ。ただしブロックの配置指定（左/中央/右）があるセルは指定を優先 */
.wp-block-table[class*="is-style-table"] th:not([class*="has-text-align"]),
.wp-block-table[class*="is-style-table"] td:not([class*="has-text-align"]) {
  text-align: center;
}
.wp-block-table[class*="is-style-table"] td{
  font-weight: 500;
}

.wp-block-table thead{
  border-bottom: none;
}

/* ---- 01 濃紺／左上白・上＋左見出し ---- */
/* ヘッダー行（濃紺・白文字・縦区切り線） */
.wp-block-table.is-style-table01 thead th { background: #002d4d; color: #fff; border-left: 1px solid #dfddd9; }
/* 左上セルは白 */
.wp-block-table.is-style-table01 thead th:first-child { background: #fff; color: inherit; border-left: none; }
/* 本文セル（下線） */
.wp-block-table.is-style-table01 tbody td { background: #fff; border-bottom: 1px solid #dfddd9; }
/* 左端の見出し列 */
.wp-block-table.is-style-table01 tbody td:first-child { background: #f7f6f3; font-weight: 700; }

/* ---- 02 濃紺・上見出し／全td f7f6f3 ---- */
/* ヘッダー行（濃紺・白文字・縦区切り線） */
.wp-block-table.is-style-table02 thead th { background: #002d4d; color: #fff; border-left: 1px solid #dfddd9; }
.wp-block-table.is-style-table02 thead th:first-child { border-left: none; }
/* 本文セル（全て f7f6f3・縦区切り線） */
.wp-block-table.is-style-table02 tbody td { background: #f7f6f3; border-left: 1px solid #dfddd9; border-bottom: 1px solid #dfddd9; }
.wp-block-table.is-style-table02 tbody td:first-child { border-left: none; }

/* ---- 03 濃紺・上見出し／td行ごとに白・f7f6f3の交互 ---- */
/* ヘッダー行（濃紺・白文字・縦区切り線） */
.wp-block-table.is-style-table03 thead th { background: #002d4d; color: #fff; border-left: 1px solid #dfddd9; }
.wp-block-table.is-style-table03 thead th:first-child { border-left: none; }
/* 本文セル（縦区切り線） */
.wp-block-table.is-style-table03 tbody td { border-left: 1px solid #dfddd9; }
.wp-block-table.is-style-table03 tbody td:first-child { border-left: none; }
/* 行ごとに背景を交互に */
.wp-block-table.is-style-table03 tbody tr:nth-child(odd) td { background: #fff; }
.wp-block-table.is-style-table03 tbody tr:nth-child(even) td { background: #f7f6f3; }

/* ---- 04 濃紺・上見出し／全td 白 ---- */
/* ヘッダー行（濃紺・白文字・縦区切り線） */
.wp-block-table.is-style-table04 thead th { background: #002d4d; color: #fff; border-left: 1px solid #dfddd9; }
.wp-block-table.is-style-table04 thead th:first-child { border-left: none; }
/* 本文セル（全て 白・縦区切り線） */
.wp-block-table.is-style-table04 tbody td { background: #fff; border-left: 1px solid #dfddd9; border-bottom: 1px solid #dfddd9; }
.wp-block-table.is-style-table04 tbody td:first-child { border-left: none; }

/* ---- 05 背景なし・罫線のみ（濃紺）／左上あき ---- */
/* 全セル 背景なし・濃紺の罫線 */
.wp-block-table.is-style-table05 th,
.wp-block-table.is-style-table05 td { background: transparent; border: 1px solid #002d4d; }
/* 上見出し・左見出しの文字色は濃紺 */
.wp-block-table.is-style-table05 thead th { color: #002d4d; font-weight: 700; }
.wp-block-table.is-style-table05 tbody td:first-child { color: #002d4d; font-weight: 700; }
/* 左上セルは開ける（上・左の罫線なし） */
.wp-block-table.is-style-table05 thead th:first-child { border-top: none; border-left: none; }

/* ---- 06 背景なし・横線のみ ---- */
/* 全セル 背景なし・縦の区切り線なし */
.wp-block-table.is-style-table06 th,
.wp-block-table.is-style-table06 td { background: transparent; border-left: none; border-right: none; }
/* 上見出し：上下線 濃紺・文字も濃紺 */
.wp-block-table.is-style-table06 thead th { color: #002d4d; font-weight: 700; border-top: 1px solid #002d4d; border-bottom: 1px solid #002d4d; }
/* 本文セル：下線のみ（dfddd9） */
.wp-block-table.is-style-table06 tbody td { border-top: none; border-bottom: 1px solid #dfddd9; }

/* ---- SP ---- */
@media screen and (max-width: 768px) {
  /* 内容幅まで表を伸ばす → 画面より広い時だけ図全体を横スクロール（重なり防止） */
  .wp-block-table[class*="is-style-table"] table {
    width: auto;
    min-width: 100%;
  }
  .wp-block-table[class*="is-style-table"] th,
  .wp-block-table[class*="is-style-table"] td {
    padding: 8px 10px;
    white-space: nowrap;
  }
}