/* =====================================================
   Racer Detail v2：共通トークン（後から全体調整しやすい）
===================================================== */
:root{
  --br-text-main: #0f172a;
  --br-text-sub:  #64748b;
  --br-text-th:   #334155;
  --br-line:      rgba(15, 23, 42, 0.10);
  --br-accent:    rgba(56, 189, 248, 0.40);
  --br-font-sm:   12px;
  --br-font-md:   13px;
}


/* =====================================================
   Racer Detail v2：SWELL thead 上書き対策
   ===================================================== */

/* v2配下の thead は SWELL 色を無効化 */
.br-racer-basic-table thead th,
.br-table thead th,
.br-racer-basic-table thead td,
.br-table thead td{
  background-color: transparent;
  color: inherit;
}

/* 必要なら v2 用の色を明示 */

.br-table th,
.br-racer-basic-table th{
  background-color: #e2fdf4; /* 好きな色 */
  color: #0f172a;
  font-weight: 800;
}

/* 本日の出走：見出し行（thead代替）のthを中央揃い */
.br-table--today .br-tr-head th{
  text-align: center !important;
  vertical-align: middle;
}
/* =====================================================
   セクション見出し（共通）
   既存：br-pickup-head を “共通見出し” として採用
===================================================== */
.br-pickup-head{
  margin: 0 0 4px !important;
}
/* br-pickup-head は今後も全セクションで使う前提 */
.br-pickup-head{
  display:flex;
  align-items:baseline;
  gap:8px;
  line-height:1.2;
}

/* 見出しに入る期間など */
.br-head-period{
  font-size: var(--br-font-sm);
  font-weight: 600;
  opacity: 0.8;
  color: var(--br-text-sub);
}

/* =====================================================
   ページの顔：選手名ブロック
===================================================== */
.br-racer-basic-topname{
  margin: 0 0 14px;
  padding: 0 0 10px;
  position: relative;
  padding-right: 44px; /* ☆の分 */
}

/* 漢字：主役 */
.br-racer-basic-name{
  display:inline-block; /* 文字幅で箱を作る */
  font-size: 30px;
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: 0.02em;
  color: var(--br-text-main);
}

/* 漢字の直下：文字幅と同じ長さの線 */
.br-racer-basic-name::after{
  content:"";
  display:block;
  margin-top: 4px;
  width: 100%;
  height: 2px;
  border-radius: 999px;
  background: var(--br-accent);
}

/* カナ：補助 */
.br-racer-basic-kana{
  margin-top: 4px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  color: var(--br-text-sub);
}

/* お気に入り☆：右端固定（差し込み口） */
.br-racer-basic-topname .br-fav-mount{
  position:absolute;
  top:0;
  right:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* スマホ最適化 */
@media (max-width: 768px){
  .br-racer-basic-name{ font-size: 28px; }
  .br-racer-basic-kana{ font-size: 12.5px; }
}

/* =====================================================
   集計期間（小さく・右寄せ）
===================================================== */
.br-racer-basic-calc-period{
  margin: 2px 0 2px;
  font-size: var(--br-font-sm);
  font-weight: 600;
  line-height: 1.2;
  color: var(--br-text-sub);
  text-align: right;
  letter-spacing: 0.02em;
}

/* =====================================================
   テーブル共通化（超重要）
   - br-table を新設（今後の表は全部これへ）
   - 既存の br-racer-basic-table も br-table と同等に扱う（互換）
===================================================== */
.br-table,
.br-racer-basic-table{
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0 0 40px;
}

/* th/td 共通 */
.br-table th,
.br-table td,
.br-racer-basic-table th,
.br-racer-basic-table td{
  border-bottom: 1px solid var(--br-line);
  padding: 6px 6px;
  vertical-align: middle;
  font-size: var(--br-font-md);
  line-height: 1.25;
}

/* th：項目名 */
.br-table th,
.br-racer-basic-table th{
  width: 18%;
  font-weight: 800;
  color: var(--br-text-th);
  text-align: left;
  white-space: nowrap;
}

/* td：値 */
.br-table td,
.br-racer-basic-table td{
  width: 32%;
  font-weight: 700;
  color: var(--br-text-main);
  word-break: break-word;
}


/* アイコン（本日の出走で使用予定） */
.br-icon-grade{ height: 18px; vertical-align: middle; }
.br-icon-frame{ height: 18px; vertical-align: middle; }


.br-table--today thead th,
.br-table--today td{
  text-align: center;
  vertical-align: middle;
}

.br-table--chart-head th{
  text-align: center !important;
}


/* =====================================================
  選択コース別他艇実績（Other Boats）
  ※ br-table--otherboats に閉じ込める（干渉防止）
===================================================== */

/* 見出し（大） */
.br-otb-head{
  justify-content: center;   /* br-pickup-head が flex 前提 */
  text-align: center;
}

/* タイトル（小：グレー帯） */
.br-otb-title{
  text-align: center;
  padding: 10px 12px;
  background: #ceffec;
  color: #5e5e5e;
  font-weight: 800;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: .2px;
}
.br-otb-title #current-target{
  font-weight: 900;
  color: #111;
}

/* =========================
  テーブル：整形
  - 左端(th)だけ左
  - それ以外は中央
========================= */
.br-table--otherboats tbody tr > th:first-child{
  text-align: left;
  padding-left: 10px;
}

.br-table--otherboats th.course-header,
.br-table--otherboats tbody td{
  text-align: center;
}

/* =========================
  選択中コース：色だけ（枠なし）
========================= */
.br-table--otherboats th.target-course-th{
  background: #cfeeff !important;
  color: #111 !important;
  font-weight: 900;
}
.br-table--otherboats td.target-course-td{
  background: #eaf7ff !important;
  font-weight: 900;
}

/* span 分離してる場合の保険（現状不要なら残してOK） */
.br-table--otherboats td.target-course-td .br-pct-num,
.br-table--otherboats td.target-course-td .br-pct-sign{
  background: transparent !important;
}

/* =========================
  スマホ：文字12px + 横padding極小
========================= */
@media (max-width: 768px){
  .br-otb-title{
    font-size: 14px;
    padding: 12px 10px;
  }

  .br-table--otherboats th{
    font-size: 12px !important;
       padding-left: 0 !important;
    padding-right: 0 !important;
  }

    #statsTable th,
  #statsTable td{
    min-height: 34px;     /* 好みで 30〜38 あたり */
    height: 34px;         /* きっちり揃えたいならON（嫌なら消す） */
    
  }

}


/* 選択コース別他艇実績：全セルを中央寄せ */
.br-table--otherboats th,
.br-table--otherboats td{
  text-align: center !important;
}
/* SWELLの「最後の要素 margin-bottom:0」を無効化（v2ページ内だけ） */
.br-racer-basic > :last-child{
  margin-bottom: revert !important;
}


.br-section{
  padding-bottom: 40px;
}

/* 選択コース（1〜6コース）はクリックできるので手 */
#statsTable th.course-header{
  cursor: pointer;
}

/* ついでにホバー時ちょい反応（任意） */
#statsTable th.course-header:hover{
  filter: brightness(0.98);
}



/* =========================================================
   進入コース別成績（Chart.js）
   - 太すぎる原因＝親の高さがデカい → CSSで高さを固定して解決
   ========================================================= */



/* チャートの“表示領域”をここで固定する */
.br-chart-wrap{
  position: relative;
  width: 100%;
}

/* ✅ PC：ここが本丸（高さを固定） */
.br-chart-wrap--course{
  height: 480px;         /* ← ここを好みに合わせて調整（200〜320推奨） */
  max-height: 400px;
  overflow: hidden;      /* 伸びても見た目を固定 */
  border: 1px solid #d1d5db;  

    margin: 0 0 40px;
}

/* canvas は親にフィットさせる */
#courseRateChart{
  width: 100% !important;
  height: 100% !important;
  display: block;
}

/* ✅ スマホは少し低く */
@media (max-width: 768px){
  .br-chart-wrap--course{
    height: 400px;
    max-height: 400px;
  }
}

/* ✅ さらに小さい端末 */
@media (max-width: 420px){
  .br-chart-wrap--course{
    height: 240px;
    max-height: 240px;
  }
}
.br-table.br-table--chart-head{
  margin: 0 !important;         /* もしくは margin-bottom:0; */
}






/* =========================================================
   前付けデータ
   ========================================================= */
/* テーブル本体（br-table--forward） */
.br-forward-scope table.br-table.br-table--forward{
  width:100%;
  border-collapse:collapse;
}

/* 行・セル共通（枠線/行間） */
.br-forward-scope table.br-table.br-table--forward tr,
.br-forward-scope table.br-table.br-table--forward th,
.br-forward-scope table.br-table.br-table--forward td{
  height:auto !important;
  line-height:1.6 !important;
  vertical-align:middle !important;
}

/* ヘッダー */
.br-forward-scope table.br-table.br-table--forward th{

  text-align:center;
  white-space:nowrap;
  word-break:keep-all;
}

/* データセル（PCは16px） */
.br-forward-scope table.br-table.br-table--forward td{
  text-align:right;
  font-size:13px;
  padding:4px 6px;
  color:#222;
}

/* 先頭列（枠アイコン列）は中央寄せ */
.br-forward-scope table.br-table.br-table--forward th:first-child,
.br-forward-scope table.br-table.br-table--forward td:first-child{
  text-align:center;
}

/* 枠番アイコン */
.br-forward-scope .br-lane-icon{
  height:18px;
  line-height:1;
  vertical-align:middle;
}

/* ▼▼ ハイライト指定 ▼▼ */
/* 出走数列＋枠=コース一致セル（水色・黒太字） */
.br-forward-scope table.br-table.br-table--forward td.is-highlight{
  background:#cceeff;
  color:#000;
  font-weight:700;
}

/* 前付けがあるセル（薄ピンク・赤太字） */
.br-forward-scope table.br-table.br-table--forward td.is-forwarded{
  background:#ffe6ea;
  color:#c40000;
  font-weight:700;
}

/* 前付けとハイライトが同時ならピンク優先 */
.br-forward-scope table.br-table.br-table--forward td.is-highlight.is-forwarded{
  background:#ffe6ea;
  color:#c40000;
}
.br-forward-scope table.br-table.br-table--forward{
  margin: 0 0 40px !important;
}

/* スマホ */
@media (max-width:768px){
  .br-forward-scope table.br-table.br-table--forward td{
    font-size:13px;  /* ✅ スマホは13px */
    padding:4px;
  }
    .br-forward-scope table.br-table.br-table--forward th{
    font-size:11px;
    padding:2px;
     text-align:center !important;
    vertical-align:middle !important;
       line-height:2.2 !important;
  }
    .br-forward-scope table.br-table.br-table--forward th:first-child,
  .br-forward-scope table.br-table.br-table--forward td:first-child{
    width:34px;          /* ← 好みで 30〜38px */
    min-width:34px;
    max-width:34px;
    padding:2px !important;
  }
}





/* =========================================================
  直近１年結果（進入コース別）テーブル
  br-table--recent-year 専用
========================================================= */

.br-table.br-table--recent-year{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  margin:0 0 40px;
}

/* 見出し行（tbody内にth出してる） */
.br-table.br-table--recent-year .br-tr-head th{
  text-align:center;
  font-size:12px;
  font-weight:600;

  padding:6px 1px;
  min-height:34px;
  line-height:2;
  vertical-align:middle;

  white-space:nowrap;
}

/* 通常セル */
.br-table.br-table--recent-year td{
  text-align:center;
  padding:6px 1px;
  font-size:13px;
  line-height:1.35;
  vertical-align:middle;
}

/* 日付列（リンク） */
.br-table.br-table--recent-year td a{
  display:inline-block;
  text-decoration:none;
  color:#0066cc;
  line-height:1.1;
}

.br-table.br-table--recent-year td a:hover{
  text-decoration:underline;
}

/* 着順は太字 */
.br-table.br-table--recent-year td.plc-cell{
  font-weight:700;
}

/* 決まり手 */
.br-table.br-table--recent-year td.wintech{
  font-weight:600;
}

/* アイコン列（格・枠・組番） */
.br-table.br-table--recent-year td img.icon-grade{
  width:18px;
  height:18px;
  display:inline-block;
  vertical-align:middle;
}

/* 2行セルの間隔を詰める */
.br-table.br-table--recent-year td small{
  display:block;
  line-height:1.05;
  margin-top:2px;
}

/* 空データ */
.br-table.br-table--recent-year .br-td-center{
  text-align:center;
  padding:14px 1px;
  font-size:13px;
  color:#666;
}

/* スマホ */
@media (max-width:768px){

  .br-table.br-table--recent-year .br-tr-head th{
    font-size:11px;
    padding:4px 1px;
    min-height:30px;
  }

  .br-table.br-table--recent-year td{
    font-size:13px;
    padding:4px 1px;
  }

  .br-table.br-table--recent-year td img.icon-grade{
    width:16px;
    height:16px;
  }
}

/* スマホ：3,4,6列目を極限まで細くする */
@media (max-width:768px){

  /* 列幅固定 */
  .br-table.br-table--recent-year{
    table-layout:fixed;
  }
    /* 1列目（日付）40px固定 */
  .br-table.br-table--recent-year tr > th:nth-child(1),
  .br-table.br-table--recent-year tr > td:nth-child(1){
    width:40px;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  /* 2列目 52px固定 */
  .br-table.br-table--recent-year tr > th:nth-child(2),
  .br-table.br-table--recent-year tr > td:nth-child(2){
    width:52px;
    padding-left:0 !important;
    padding-right:0 !important;
    white-space:nowrap;
  }
  /* 3列目（グレードアイコン） */
  .br-table.br-table--recent-year tr > th:nth-child(3),
  .br-table.br-table--recent-year tr > td:nth-child(3){
    width:22px;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* 4列目（枠アイコン） */
  .br-table.br-table--recent-year tr > th:nth-child(4),
  .br-table.br-table--recent-year tr > td:nth-child(4){
    width:22px;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* 5列目（進入）を2文字ギリギリ */
  .br-table.br-table--recent-year tr > th:nth-child(5),
  .br-table.br-table--recent-year tr > td:nth-child(5){
    width:26px;
    padding-left:0 !important;
    padding-right:0 !important;

  }


  /* 6列目（着順） */
  .br-table.br-table--recent-year tr > th:nth-child(6),
  .br-table.br-table--recent-year tr > td:nth-child(6){
    width:22px;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* アイコンは列幅に収める */
  .br-table.br-table--recent-year td img.icon-grade{
    width:16px;
    height:16px;
  }
    /* 7列目 46px固定 */
  .br-table.br-table--recent-year tr > th:nth-child(7),
  .br-table.br-table--recent-year tr > td:nth-child(7){
    width:46px;
    padding-left:0 !important;
    padding-right:0 !important;
    white-space:nowrap;
  }
    /* 8列目 45px固定 */
  .br-table.br-table--recent-year tr > th:nth-child(8),
  .br-table.br-table--recent-year tr > td:nth-child(8){
    width:38px;
    padding-left:0 !important;
    padding-right:0 !important;
    white-space:nowrap;
  }
    .br-table.br-table--recent-year td.wintech.is-makurizashi{
    font-size:11px !important;
  }
}



/* =========================================================
  直近1年 節間情報（series）
========================================================= */
.br-series-scope .br-series-head{
  background:#d9e6fd;
  display:flex; align-items:center; gap:6px;
  padding:2px 6px; margin:0;
}
.br-series-scope .br-series-head .icon{ width:24px; height:auto; flex:0 0 auto; }
.br-series-scope .br-series-head .text{ position:relative; padding:4px 6px 4px 12px; line-height:1.1; }
.br-series-scope .br-series-head .text::before{
  content:""; position:absolute; left:2px; top:50%; transform:translateY(-50%);
  width:8px; height:85%; background:#4c4c4c;
}
.br-series-scope .br-series-head .meta{ font-size:12px; display:flex; align-items:center; gap:4px; color:#111; }
.br-series-scope .br-series-head .meta .venue{ font-weight:700; }
.br-series-scope .br-series-head .title{ margin-top:1px; font-size:14px; font-weight:700; color:#111; }

/* テーブル */
.br-series-scope .racer-detail-table{
  width:100%;
  border-collapse:collapse;
  margin:0 !important;
  border:1px solid #aaa;
}
.br-series-scope .racer-detail-clean th.motor{
  background:#7e7e7e; color:#fff; text-align:center;
  border:1px solid #aaa;
  font-size:12px; font-weight:600;
  padding:4px 6px;
  white-space:nowrap;
}
.br-series-scope .racer-detail-clean td.motor{
  text-align:center;
  border:1px solid #aaa;
  font-size:14px;
  padding:4px 6px;
  vertical-align:middle;
}

/* 連続時の余白潰し */
.br-series-scope .br-series-head + table.racer-detail-table{ margin-top:0 !important; }
.br-series-scope table.racer-detail-table + .br-series-head{ margin-top:0 !important; }

/* 枠番アイコン */
.br-series-scope .br-lane-icon{ height:18px; }

.br-table--series th,
.br-table--series td{
  text-align: center;        /* 左右 */
  vertical-align: middle;    /* 上下 */
}

/* アイコン等が入っても崩れないように */
.br-table--series td img{
  display: inline-block;
  vertical-align: middle;
}

/* 余白も中央寄せを崩さない */
.br-table--series td,
.br-table--series th{
  padding-left: 0;
  padding-right: 0;
}
@media (max-width:768px){
  .br-series-scope .br-series-head .meta{ font-size:11px; }
  .br-series-scope .br-series-head .title{ font-size:12px; }
  .br-series-scope .racer-detail-clean th.motor,
  .br-series-scope .racer-detail-clean td.motor{
    font-size:11px; padding:2px 3px;
  }
  .br-series-scope .br-lane-icon{ height:16px; }
   /* レイアウトを崩さず幅を効かせる */
  .br-table--series{
    table-layout: fixed;
    width: 100%;
  }

  /* 8列分：12,12,11,11,11,16,11,11 */
  .br-table--series th:nth-child(1),
  .br-table--series td:nth-child(1){ width:12%; } /* 日 */

  .br-table--series th:nth-child(2),
  .br-table--series td:nth-child(2){ width:12%; } /* R */

  .br-table--series th:nth-child(3),
  .br-table--series td:nth-child(3){ width:11%; } /* 枠 */

  .br-table--series th:nth-child(4),
  .br-table--series td:nth-child(4){ width:11%; } /* 進入 */

  .br-table--series th:nth-child(5),
  .br-table--series td:nth-child(5){ width:11%; } /* 着順 */

  .br-table--series th:nth-child(6),
  .br-table--series td:nth-child(6){ width:16%; } /* 決まり手 */

  .br-table--series th:nth-child(7),
  .br-table--series td:nth-child(7){ width:11%; } /* ST */

  .br-table--series th:nth-child(8),
  .br-table--series td:nth-child(8){ width:11%; } /* ST順 */

  /* はみ出し防止（文字が長い時） */
  .br-table--series th,
  .br-table--series td{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.br-table--series{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* br-pickup-head / ヘッダー直後も詰めたいなら（必要ならON） */
.br-series-head{
  margin-bottom: 0 !important;
}

.br-series-head + .br-table--series{
  margin-top: 0 !important;
}

.br-table--series + .br-series-head{
  margin-top: 0 !important;
}



/* =========================================================
  直近1年フィルタUI（PC: 1行 / SP: 2行）
  HTML:
  .br-recent-year-filters
    .br-recent-year-filter-left  (3 buttons)
    .br-recent-year-filter-right (2 selects)
========================================================= */

/* ===== PC: 全部1行 ===== */
.br-section--recent-year .br-recent-year-filters{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 4px 0 4px !important;
  flex-wrap: nowrap !important; /* PCは折り返さない */
}

/* 左：ボタン3つ */
.br-section--recent-year .br-recent-year-filter-left{
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-wrap: nowrap !important;
  min-width: 0;
}

/* 右：セレクト2つ（PCも横並び） */
.br-section--recent-year .br-recent-year-filter-right{
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-wrap: nowrap !important;
  min-width: 0;
}

/* ===== ボタン（角丸弱め） ===== */
.br-section--recent-year .br-ryf-btn{
  appearance: none;
  border: 1px solid rgba(15, 23, 42, .18) !important;
  background: rgba(255,255,255,.92) !important;
  color: #0f172a !important;
  padding: 9px 12px !important;
  border-radius: 7px !important; /* ✅ 弱め */
  font-size: 14px !important;
  line-height: 1 !important;
  cursor: pointer;
  white-space: nowrap !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .05s ease;
}

/* hover：黒禁止（薄いグレー） */
.br-section--recent-year .br-ryf-btn:hover{
  background: rgba(248, 250, 252, 1) !important;
  border-color: rgba(15, 23, 42, .24) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .06) !important;
}

/* active：黒ベタ禁止（淡い選択） */
.br-section--recent-year .br-ryf-btn.is-active{
  background: #d1fcff !important;
  border-color: rgba(15, 23, 42, .30) !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .06) !important;
}

/* ===== セレクト（角丸不要） ===== */
.br-section--recent-year .br-ryf-select{
  width: 210px;
  max-width: 100%;
  padding: 9px 10px !important;
  border-radius: 0 !important;  /* ✅ 角丸なし */
  border: 1px solid rgba(15, 23, 42, .18) !important;
  background: #fff !important;
  color: #0f172a !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

/* hover：黒禁止 */
.br-section--recent-year .br-ryf-select:hover{
  background: rgba(248, 250, 252, 1) !important;
  border-color: rgba(15, 23, 42, .24) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .06) !important;
}

/* ===== SP: 2行構成（1行目ボタン3つ、2行目セレクト2つ） ===== */
@media (max-width: 768px){
  .br-section--recent-year .br-recent-year-filters{
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
  }

  /* 1行目：ボタン3つ横並び */
  .br-section--recent-year .br-recent-year-filter-left{
    width: 100%;
    justify-content: space-between !important;
    gap: 4px !important;
  }
  .br-section--recent-year .br-ryf-btn{
    flex: 1 1 0 !important;     /* ✅ 3つ均等 */
    min-width: 0 !important;
    padding: 10px 8px !important;
    font-size: 13px !important;
  }

  /* 2行目：セレクト2つ横並び */
  .br-section--recent-year .br-recent-year-filter-right{
    width: 100%;
    justify-content: space-between !important;
    gap: 4px !important;
  }
  .br-section--recent-year .br-ryf-select{
    flex: 1 1 0 !important;     /* ✅ 2つ均等 */
    min-width: 0 !important;
    width: auto !important;
  }
}


.br-table--skeleton .br-skel{
  display:inline-block;
  width:100%;
  height:14px;
  border-radius:6px;
  background: rgba(0,0,0,.08);
}

.br-table--skeleton .br-skel--icon{
  width:34px;
   height:15px;
  border-radius:8px;
}

.br-table--skeleton .br-skel--short{
  width:60%;
}
/* ST情報の切替ボタン行は gap いらない（余白に見えるのを潰す） */
.br-section--stinfo.br-section--recent-year .br-recent-year-filters{
  gap: 0 !important;
}

  /* ST表のth/tdを中央寄せ（横） */
  .br-table--stinfo th,
  .br-table--stinfo td{
    text-align: center !important;
    vertical-align: middle !important;
  }
@media (max-width: 768px){
  .br-table--stinfo th,
  .br-table--stinfo td{
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  /* 左列th（1ヶ月/3ヶ月…）のフォント */
  .br-table--stinfo tbody tr:not(.br-tr-head) > th{
    font-size: 12px !important;
  }

  /* 上ヘッダー行th（総合〜6コース）も12pxにするなら */
  .br-table--stinfo .br-tr-head th{
    font-size: 12px !important;
  }
}

/* ST情報（switchブロック）だけ */
.br-section.br-section--stinfo{
  padding-bottom: 0 !important;
}


/* =========================================================
  全場まとめ（br-table--venue-matrix）
  全セルを中央揃い（上下左右）
========================================================= */
.br-table--venue-matrix th,
.br-table--venue-matrix td{
  text-align: center !important;
  vertical-align: middle !important;
}
.br-table--venue-matrix th{
  padding-left: 1px !important;
  padding-right: 1px !important;
}
.br-table--venue-matrix{
  table-layout: fixed;
  width: 100%;
}

/* =========================================================
  全場まとめ（br-table--venue-matrix）
  スマホ時だけ：1列目=5文字 / 残り6列=均等
========================================================= */
@media (max-width: 768px){
  .br-table--venue-matrix{
    table-layout: fixed;
    width: 100%;
  }

  .br-table--venue-matrix .br-tr-head th:first-child{
    width: 5em !important;
  }

  .br-table--venue-matrix .br-tr-head th:not(:first-child){
    width: calc((100% - 5em) / 6) !important;
  }

  /* 左の項目名は折り返さない */
  .br-table--venue-matrix tbody tr > th{
    white-space: nowrap;
  }
}
/* セレクトが入ってる左側の箱に余白を作る */
#brVenueMatrixSwitch .br-recent-year-filter-left{
  padding-bottom: 4px !important;
}
/* 全場まとめ：tdだけパディング2px */
.br-table--venue-matrix td{
  padding: 2px !important;
}