/* -----------------------ヘッダー --------------------*/
.race-open .c_header_menu {
    width: 100%;
    height: 16.6rem;
    background-image: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/header_collabo_sp.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 37.5rem;
}
.race-close .c_header_menu {
    width: 100%;
    height: 16.6rem;
    background-image: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/header_collabo_sp.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 37.5rem;
}
.race-close .top_raceinfo_wrapper:before {
    background-image: none;
}
.header_jo_logo img {
    opacity: 0;
}
.c_header_block {
    background-image: none;
}

/* MENUボタン: 開催時→赤、非開催時→青 */
.race-open .header_globalmenu_icon {
    background-color: #C01F23 !important;
}
.race-close .header_globalmenu_icon {
    background-color: #3d67e0 !important;
}

/* 開門時間: 白→黒 */
.c_header_kaimon {
    color: #000 !important;
}

/* 今日の天気: 白→黒 */
.c_header_tenki {
    color: #000 !important;
}

/* 月/日: 白→黒 */
.body_top.race-open .par-racetitle_group .par-racetitle_date,
.body_top.race-open .par-racetitle_group .par-racedays_wrapper,
.body_top.race-open .par-racetitle_group .par-racedays_wrapper * {
    color: #000 !important;
}

/* 非開催時：タイトル・月/日・曜日 → 黒文字 */
.body_top.race-close .par-racetitle_group .par-racetitle_date,
.body_top.race-close .par-racetitle_group .par-racedays_wrapper,
.body_top.race-close .par-racetitle_group .par-racedays_wrapper *,
.body_top.race-close .par-racetitle_group .par-title_wrapper h2.par-racetitle,
.body_top.race-close .par-racetitle_group span.month,
.body_top.race-close .par-racetitle_group span.item_day {
    color: #000 !important;
}


/* ----------------------- メイン背景変更 --------------------*/

.par-racetitle_group.type_1 ,.par-racetitle_group.type_2 {
    height: 20rem;
    padding: 1.4rem 1rem 4rem 2rem;
    background-image: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/bg_sp.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 37.5rem;
}
/* race-close top_raceinfo_content は下でbg_sp.jpgに設定 */
.yosou_area {
    /*background-color: #E7E4E2;*/
}
.race-open .top_raceinfo_content .raceinfo_ttl_area {
    background-image: linear-gradient(to bottom, #E7E4E2, #E7E4E2);
}

/* 非開催時：bg_sp.jpg背景 + 画像が届かない部分は#E7E4E2（グレー） */
.race-close .top_raceinfo_content {
    background-color: #E7E4E2 !important;
    background-image: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/bg_sp.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: 37.5rem !important;
}
.race-close .top_raceinfo_wrapper {
    background-color: transparent !important;
    background-image: none !important;
}
.race-close .top_raceinfo_wrapper:before {
    display: none !important;
}
/* 展望エリア → 水色背景 */
.race-close .top_raceinfo_content .tenbo_kiji_block {
    background-color: #4d82b6 !important;
}
/* タイトルバー背景を透過 */
.race-close .top_raceinfo_content .raceinfo_ttl_area {
    background-color: transparent;
    background-image: none;
}

/* 次節開催カウントダウン — 茶色→オレンジ */
.race-close .top_raceinfo_content .raceinfo_content_tenbo .raceinfo_countdown.is_color_divided:after {
    content: '';
    position: absolute;
    display: block;
    width: 24rem;
    height: 12rem;
    right: 0rem;
    bottom: 1.5rem;
    background: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/img_character_collabo.png) no-repeat right bottom;
    background-size: 24rem;
    pointer-events: none;
}
.race-close .raceinfo_content_tenbo .raceinfo_countdown.is_color_divided .countdown_header {
    background: linear-gradient(-82deg, transparent 0.9rem, #2B1D1D 1rem 21.8rem, #e88600 21.9rem 35rem, transparent 35.1rem 35.5rem);
}
.race-close .raceinfo_content_tenbo .raceinfo_countdown .countdown_header .countdown_day {
    color: #FFF;
}

.race-open .top_raceinfo_content .raceinfo_common_area_wrapper {
    background-color: #E7E4E2;
}
.race-close .top_raceinfo_content .raceinfo_common_area_wrapper {
    background-color: #E7E4E2;
}

.race-open .top_information_contents ,
.race-close .top_information_contents 
{
    background-color: #E7E4E2;
}
.top_information_contents {
    background-image: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/img_character_info.png);
    background-repeat: no-repeat;
    background-size: 13rem;
    background-position: right 0.5rem top 1.5rem;
}
.top_topic_content {
    background-image: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/img_character_topic.png);
    background-repeat: no-repeat;
    background-size: 13rem;
    background-position: right 2rem top 1.5rem;
}


/* ----------------------- SP 波画像 --------------------*/
/* top_raceinfo_content:after の波画像は上位で設定済みのため削除 */

/* footer波画像 */
.c_footer_banner:before {
    background: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/bg_nami_1_notheld.png) no-repeat top center;
    background-size: 37.5rem;
    background-color: #E7E4E2;
}


/* -----------------------ボタン調整 --------------------*/
  .raceinfo_btn_replay:before {
    content: "";
    display: block; 
    width: 32rem;
    height: 5.5rem;
    background: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/btn_racelive.png) no-repeat right;
    background-size: contain;
    position: absolute; 
    top: 0px; 
    border: 0;
  }
  .raceinfo_btn_youtube:before {
    content: "";
    display: block; 
    width: 32rem;
    height: 5.5rem;
    background: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/btn_tube.png) no-repeat right;
    background-size: contain;
    position: absolute; 
    top: 0px; 
    border: 0;
  }
  .raceinfo_btn_net:before {
    content: "";
    display: block; 
    width: 32rem;
    height: 5.5rem;
    background: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/btn_vote.png) no-repeat right;
    background-size: contain;
    position: absolute; 
    top: 0px; 
    border: 0;
  }
  
  .raceinfo_btn_enjoy:before {
    content: "";
    display: block; 
    width: 32rem;
    height: 5.5rem;
    background: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/btn_fun.png) no-repeat right;
    background-size: contain;
    position: absolute; 
    top: 0px; 
    border: 0;
  }
  .raceinfo_btn_live:before {
    content: "";
    display: block; 
    width: 32rem;
    height: 5.5rem;
    background: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/btn_racelive.png) no-repeat right;
    background-size: contain;
    position: absolute; 
    top: 0px; 
    border: 0;
  }

/* ----------------------- SP 背景画像を上位要素に拡張 --------------------*/

/* top_raceinfo_contentにbg_sp.jpgを設定（レースタブ領域まで背景画像をカバー） */
.body_top.race-open .top_raceinfo_content {
    background-image: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/bg_sp.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: 37.5rem !important;
    background-color: transparent !important;
}

/* 中間の親要素を透明にして背景画像を透かす */
.body_top.race-open .top_raceinfo_wrapper,
.body_top.race-open .top_raceinfo_wrapper.is_kaisai {
    background-color: transparent !important;
    background-image: none !important;
    background: transparent !important;
}

.body_top.race-open .yosou_area .js-tab_race_menu,
.body_top.race-open .yosou_area .js-tab_race_menu.yosou-tab_race_menu {
    background-color: transparent !important;
    background-image: none !important;
    background: transparent !important;
}

/* ----------------------- SP レース情報エリア（トップページ開催時のみ） --------------------*/

/* レースタイトル文字色 → 黒 */
.body_top.race-open .par-racetitle_group .par-title_wrapper h2.par-racetitle {
    color: #000 !important;
}

/* 月/日、曜日 → 黒文字 */
.body_top.race-open .par-racetitle_group span.month,
.body_top.race-open .par-racetitle_group span.item_day,
.body_top.race-open .par-racetitle_group .par-racedays_wrapper,
.body_top.race-open .par-racetitle_group .par-racedays_wrapper * {
    color: #000 !important;
}

/* レースタブ外枠（1R〜12R）→ 透過 */
.body_top.race-open .yosou_area .js-tab_race_menu ul.tab_race_list {
    background-color: transparent !important;
    background: transparent !important;
}

/* レースタブ個別 → 白背景に黒文字 */
.body_top.race-open .yosou_area .js-tab_race_menu ul.tab_race_list li a.tab_race {
    background-color: #FFF !important;
    color: #000 !important;
}

/* レースタブ選択中 → 青背景に白文字 */
.body_top.race-open .yosou_area .js-tab_race_menu ul.tab_race_list li a.tab_race.selected,
.body_top.race-open .yosou_area .js-tab_race_menu ul.tab_race_list li a.tab_race.done.selected {
    background-color: #2050C9 !important;
    color: #FFF !important;
}

/* レース情報エリア（「1R 予選」等）→ 背景なし（透明） */
.body_top.race-open .yosou .raceinfo_area {
    background-color: transparent !important;
    background-image: none !important;
    background: transparent !important;
}

/* テーブルエリア → 赤（カテゴリタブ〜サブタブの間も赤で統一） */
.body_top.race-open .yosou div#js-ajaxYosouTable {
    background-color: #C01F23 !important;
    background: #C01F23 !important;
}

/* yosouエリア全体の背景 → 透明 */
.body_top.race-open .top_raceinfo_content .yosou_area {
    background-color: transparent !important;
    background: transparent !important;
}

/* 本日のレース一覧・レース結果一覧ボタン → コラボ用画像 */
.body_top.race-open a.category_btn.category_racelist {
    background-image: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/btn_racelist.png) !important;
    background-color: transparent !important;
}
.body_top.race-open a.category_btn.category_resultlist {
    background-image: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/btn_raceresultlist.png) !important;
    background-color: transparent !important;
}

/* ボタン選択時 → 赤画像 */
/* ※ .selected は <a> ではなく親の <li> に付与される */
.body_top.race-open .yosou_category_btn_list li.selected a.category_btn.category_racelist,
.body_top.race-open a.category_btn.category_racelist:active {
    background-image: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/btn_racelist_active.png) !important;
    background-color: transparent !important;
}
.body_top.race-open .yosou_category_btn_list li.selected a.category_btn.category_resultlist,
.body_top.race-open a.category_btn.category_resultlist:active {
    background-image: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/btn_raceresultlist_active.png) !important;
    background-color: transparent !important;
}

/* カテゴリタブ外枠（出走表・前日予想 等）→ 赤 */
.body_top.race-open .yosou-tab_category_menu.category_tab_menu {
    background-color: #C01F23 !important;
}

/* カテゴリタブ（選択中）→ 赤 */
.body_top.race-open .yosou-tab_category_menu li.tab_category.selected a.category_tab_item {
    background-color: #C01F23 !important;
    background-image: none !important;
    color: #FFF !important;
}

/* カテゴリタブ（非選択）→ 薄いピンク */
.body_top.race-open .yosou-tab_category_menu li.tab_category a.category_tab_item {
    background-color: #DFB9B9 !important;
    background-image: none !important;
    color: #000 !important;
}

/* | 選手成績 見出しバー → 赤（出走表タブと同じ #C01F23） */
.body_top.race-open .yosou h4.unit_title,
.body_top.race-open .yosou h4.unit__title {
    background-color: #C01F23 !important;
    color: #FFF !important;
    border-left-color: #FFF !important;
}

/* 選手成績の下のコンテンツエリア → 赤 */
.body_top.race-open .yosou div.js-unit,
.body_top.race-open .yosou div.js-unit.slick-slide {
    background-color: #C01F23 !important;
}

/* タブコンテンツスライダー（枠番別・得点率等）→ 赤 */
.body_top.race-open .yosou div#js-mover,
.body_top.race-open .yosou div.js-mover,
.body_top.race-open .yosou div.slider {
    background-color: #C01F23 !important;
}

/* サブタブ外枠（選手成績/モーター等のタブ行）→ 赤（出走表タブと同じ） */
.body_top.race-open .yosou div.syussou-tabs,
.body_top.race-open .yosou div.syussou-tabs div.unitTabWrap {
    background-color: #C01F23 !important;
}

/* サブタブ（選択中 .state-current）→ 赤 */
.body_top.race-open .yosou div.unitTabWrap a.unitTab.state-current {
    background-color: #C01F23 !important;
    color: #FFF !important;
}

/* サブタブ（非選択）→ 薄いピンク */
.body_top.race-open .yosou div.unitTabWrap a.unitTab {
    background-color: #DFB9B9 !important;
    color: #000 !important;
}
/* 選択中は白文字に戻す */
.body_top.race-open .yosou div.unitTabWrap a.unitTab.state-current {
    color: #FFF !important;
}


  /* footerナビ */
  .category-globalmenu nav {
    background-color: #8a8a8a;
}

/* フッターバナーエリアの背景 → 青を消す */
.c_footer_banner {
    background-color: #E7E4E2 !important;
    background-image: none !important;
}

/* フッターバナー周辺の親要素も青を消す */
.c_footer_banner_inner,
.c_footer_banner .slick-list,
.c_footer_banner .slick-track,
.c_footer_banner .slick-slide,
.c_footer_global_menu,
.footer_divider {
    background-color: #E7E4E2 !important;
    background-image: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/bg_nami_1_notheld.png) !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: 37.5rem !important;
}
.footer_banner_wrapper {
    background-color: #E7E4E2 !important;
}

/* footer_dividerの波線疑似要素も差し替え */
.footer_divider::before,
.footer_divider::after {
    background-image: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/bg_nami_1_notheld.png) !important;
    background-size: 37.5rem !important;
}

/* INFORMATION上の波線 → コラボ用波画像に差し替え */
.raceinfo_common_area_wrapper::after {
    background-image: url(/uploads/data/collaboration/20260325081223865/collabo_data/img/cdn/sp/bg_nami_1_notheld.png) !important;
    background-size: 37.5rem !important;
}

/* ----------------------- SPインフォメーション見出し --------------------*/
.top_information_contents .information_ttl,
.top_information_contents h2.top_sub_ttl,
.top_topic_content .topic_ttl,
.top_topic_content h2.top_sub_ttl,
h2.top_sub_ttl {
    color: #9B7650 !important;
}