/* --------------------------------------------------
目次
1. カスタムプロパティ
    1.1 background系
    1.2 テキストの色系
    1.3 出馬表内変数
    1.4 新聞
    1.5 その他
2. 画面上部ナビゲーション
    2.1 ContentNavi01
3. 詳細情報ボタン部分
    3.1 Race_Detail_Info_Btn
    3.2 Change_Btn
    3.3 Change_Btn_CourseWrap
4. 日付選択
    4.1 DayChange_List
5. h2タイトルカラー
    5.1 Title_Sec h2
6. 共通
    6.1 SpeedIndex_Menu01
    6.2 SideBtnMore01
    6.3 NoteTable_Container
    6.4 WakuクラスとCheckMarkクラス
    6.5 HorseList クラスと td
7. State button
    7.1 SenmonshiListWrap01, BalanceWrap, StateBtn
8. 競馬専門紙
SenmonshiListWrap01, Schedule_Infomation_Box, Race_Infomation_Box
-------------------------------------------------- */


/* ==================================================
カスタムプロパティここから
================================================== */
.dark-mode {
    /* background系ここから */
    --PrimaryColorDark: #222;
    --SecondaryColorDark: #333;
    --TertiaryColorDark: #555;
    --QuaternaryColorDark: #111;
    --QuinaryColorDark: #a88d47;
    --SenaryColorDark: #3251BC;
    --SeptenaryColorDark: #262f4f;
    --OctonaryColorDark: #888;
    --NonaryColorDark: #a7a7a7;
    --DenaryColorDark: #444;
    /* background系ここまで */
    /* テキストの色系ここから */
    --PrimaryTextColorDark: #fff;
    --SecondaryTextColorDark: #f3f3f3;
    --TertiaryTextColorDark: #666;
    --QuaternaryTextColorDark: #dadada;
    --QuinaryTextColorDark: #99b8ff;
    --SenaryTextColorDark: #cacaca;
    --SeptenaryTextColorDark: #888;
    /* テキストの色系ここまで */

    /* 出馬表内変数 ここから */
    --NetkeibaRaceShutubaPrimaryColor: #374b91;
    --NetkeibaRaceShutubaSecondaryColor: #323e69;
    --NetkeibaRaceShutubaTertiaryColor: #3d1414;
    --NetkeibaRaceShutubaQuaternaryColor: #fc855d;
    --NetkeibaRaceShutubaQuinaryColor: #0033aa;
    --NetkeibaRaceShutubaSenaryColor: #de3737;
    --NetkeibaRaceShutubaSeptenaryColor: #F76B60;
    /* 馬番のbackgroundカラーここから */
    --HorseNumberPrimaryColor: #f3f3f3;
    --HorseNumberSecondaryColor: #222;
    --HorseNumberTertiaryColor: #c73636;
    --HorseNumberQuaternaryColor: #25478f;
    --HorseNumberQuinaryColor: #c9b332;
    --HorseNumberSenaryColor: #4c9644;
    --HorseNumberSeptenaryColor: #c47923;
    --HorseNumberOctonaryColor: #c2556b;
    /* 馬番のbackgroundカラーここまで */
    /* 出馬表内変数 ここまで */

    /* 画面上部ナビゲーション(.Race_Detail_Info_Btn) */
    --RaceDetailInfoBtnBackground1Color: #333;
    --RaceDetailInfoBtnBackground2Color: #555;
    --RaceDetailInfoBtnBackground3Color: #777;
    --RaceDetailInfoBtnText1Color: #fff;
    /* 画面上部ナビゲーション(.RaceList_NameBox) */
    --RaceListNameBoxBackground1Color: #222;
    --RaceListNameBoxText1Color: #fff;
    --RaceListNameBoxText2Color: #F3F3F3;
    --RaceListNameBoxText3Color: #58AF4A;
    --RaceListNameBoxText4Color: #D4781C;
    --RaceListNameBoxText5Color: #888;
    /* 画面上部ナビゲーション(#CourseInfo) */
    --CourseInfoBorder1Color: #555;
    --CourseInfoBackground1Color: #222;
    --CourseInfoBackground2Color: #444;
    --CourseInfoBackground3Color: #333;
    --CourseInfoText1Color: #f3f3f3;
    --CourseInfoText2Color: #fff;
    --CourseInfoText3Color: #D64947;
    --CourseInfoText4Color: #dadada;
    /* 画面上部ナビゲーション(.RaceInfo_Navi) */
    --RaceInfoNaviBackground1Color: #262F4F;
    --RaceInfoNaviBackground2Color: #000;
    --RaceInfoNaviText1Color: #fff;
    --RaceInfoNaviText2Color: #dadada;
    /* 画面上部ナビゲーション(.RaceInfo_Navi02_v2) */
    --RaceInfoNavi02V2Background1Color: #222;
    --RaceInfoNavi02V2Background2Color: #374B91;
    --RaceInfoNavi02V2Background3Color: #323E69;
    --RaceInfoNavi02V2Text1Color: #fff;
    --RaceInfoNavi02V2Text2Color: #dadada;
    /* 0_11 レースナンバーの四角いUI(.Race_Num) */
    --RaceNumBackgroundColor1: #2C46A3;
    --RaceNumBackgroundColor2: #B09C2C;
    --RaceNumBackgroundColor3: #AB2B2B;
    --RaceNumText1Color: #f3f3f3;
    /* 出馬表(.HorseList) */
    --HorseListBackground1Color: #222;
    --HorseListBackground2Color: #f3f3f3;
    --HorseListBackground3Color: #C73636;
    --HorseListBackground4Color: #25478F;
    --HorseListBackground5Color: #C9B332;
    --HorseListBackground6Color: #4C9644;
    --HorseListBackground7Color: #C47923;
    --HorseListBackground8Color: #C2556B;
    --HorseListBackground9Color: #333;
    --HorseListBackground10Color: #D64947;
    --HorseListBackground11Color: #3D1414;
    --HorseListText1Color: #f3f3f3;
    --HorseListText2Color: #fff;
    --HorseListText3Color: #dadada;
    --HorseListText4Color: #F76B60;
    --HorseListText5Color: #333;
    --HorseListText6Color: #99b8ff;
    --HorseListBorder1Color: #555;
    --HorseListBorder2Color: #999;
    --HorseListBorder3Color: #fff;

    /* 新聞 ここから */
    --NewsPaperRankingPrimaryColor: #332D10;
    --NewsPaperRankingSecondaryColor: #1C2A33;
    --NewsPaperRankingTertiaryColor: #332222;

    --NewsPaperRankNumBgPrimaryColor: #D9CA57;
    --NewsPaperRankNumBgSecondaryColor: #85BBCC;
    --NewsPaperRankNumBgTertiaryColor: #CC8181;
    --NewsPaperRankNumBgQuaternaryColor: #ABC6D6;

    --NewsPaperRankNumBorderPrimaryColor: #CCB834;
    --NewsPaperRankNumBorderSecondaryColor: #6AACCE;
    --NewsPaperRankNumBorderTertiaryColor: #FF9494;

    --NewsPaperRankDataPrimaryColor: #4D4828;
    --NewsPaperRankDataSecondaryColor: #133F4D;
    --NewsPaperRankDataTertiaryColor: #4D1D1D;

    --NewsPaperSellPrimaryColor: #4D4828;
    --NewsPaperSellSecondaryColor: #7C4545;
    /* 新聞 ここまで */

    /* 「選んだ馬のオッズ」のボタン(.Phase01_Btn) */
    --Phase01BtnBackground1Color: #D64947;
    --Phase01BtnText1Color: #fff;
    /* 画面下部メニュー一覧(.Top_RaceMenu) */
    --TopRaceMenuBackground1Color: #222;
    --TopRaceMenuBackground2Color: #D64947;
    --TopRaceMenuBackground3Color: #111;
    --TopRaceMenuText1Color: #dadada;
    --TopRaceMenuText2Color: #f3f3f3;
    --TopRaceMenuText3Color: #fff;
    --TopRaceMenuBorder1Color: #555;
    /* フッター部分(footer) */
    --FooterBackground1Color: #222;
    --FooterBackground2Color: #333;
    --FooterText1Color: #dadada;
    --FooterText2Color: #999;
    --FooterText3Color: #f3f3f3;
    --FooterBorder1Color: #555;
    /* ページトップスクロールボタン(#PageTop) */
    --PageTopBackground1Color: #444;
    --PageTopText1Color: #dadada;
    --PageTopText2Color: #f3f3f3;
    /* 「データ分析」[調子偏差値](#Netkeiba_RaceTop.PatternBG.dark-mode) */
    --PatternBgBackground1Color: #CC9814;
    --PatternBgBackground2Color: #CC5C1B;
    --PatternBgBackground3Color: #D64947;
    --PatternBgBackground4Color: #F3F3F3;
    --PatternBgBackground5Color: #444;
    --PatternBgBackground6Color: #C73636;
    --PatternBgBackground7Color: #2456AB;
    --PatternBgBackground8Color: #C9B332;
    --PatternBgBackground9Color: #4C9644;
    --PatternBgBackground10Color: #C47923;
    --PatternBgBackground11Color: #C2556B;
    --PatternBgText1Color: #dadada;
    --PatternBgText2Color: #f3f3f3;
    --PatternBgText3Color: #222;
    /* 特選馬情報(.Surf_Register) */
    --SurfRegisterBackground1Color: #333;
    --SurfRegisterBackground2Color: #dadada;
    --SurfRegisterBackground3Color: #555;
    --SurfRegisterBackground4Color: #99B8FF;
    --SurfRegisterBorder1Color: #555;
    --SurfRegisterText1Color: #222;
    --SurfRegisterText2Color: #99B8FF;
    --SurfRegisterText3Color: #f3f3f3;
    --SurfRegisterText4Color: #fff;
    /* 結果・着順() */
    --NetkeibaRaceResultText1Color: #F76B60;
    --NetkeibaRaceResultText2Color: #dadada;
    --NetkeibaRaceResultText3Color: #f3f3f3;
    --NetkeibaRaceResultText4Color: #99B8FF;
    --NetkeibaRaceResultBackground1Color: #222;
    --NetkeibaRaceResultBackground3Color: #333;
    --NetkeibaRaceResultBorder1Color: #555;
    /* 「データ分析」[過去10年結果] */
    --NetkeibaRaceDataBackground1Color: #222;
    --NetkeibaRaceDataBorder1Color: #555;
    --NetkeibaRaceDataText1Color: #dadada;
    --NetkeibaRaceDataText2Color: #99b8ff;

    /* その他 ここから */
    --primaryGleyColor: #999;
    --secondaryGleyColor: #777;
    --primaryAccentColor: #F26A21;
    --turfTextColor: #58af4a;
    --dirtTextColor: #D4781C;
    --buttonBackgroundColor1: #E0B448;
    --yosoPremiumColor: #C9A340;
    --backgroundLinearGradient: rgba(34, 34, 34, 0), rgba(34, 34, 34, 0.9) 60%, rgba(34, 34, 34, 0.9) 60%, var(--PrimaryColorDark) 100%;
    /* その他 ここまで */

    /* 枠番 ここから */
    --wakubanBgColor1: #fff;
    --wakubanBorderColor1: #666;
    --wakubanTextColor1: #444;
    --wakubanBgColor2: #444;
    --wakubanBorderColor2: #444;
    --wakubanBgColor3: #dc3c3c;
    --wakubanBorderColor3: #dc3c3c;
    --wakubanBgColor4: #2c53a9;
    --wakubanBorderColor4: #2c53a9;
    --wakubanBgColor5: #e4ca3b;
    --wakubanBorderColor5: #e4ca3b;
    --wakubanBgColor6: #58af4a;
    --wakubanBorderColor6: #58af4a;
    --wakubanBgColor7: #de8a26;
    --wakubanBorderColor7: #de8a26;
    --wakubanBgColor8: #dc6179;
    --wakubanBorderColor8: #dc6179;
    /* 枠番 ここまで */
}

/* 払戻金の表の変数 */
table.Payout_Detail_Table {
    --ResultPayBackBackgroundColor1: #565EB0;
    --ResultPayBackBackgroundColor2: #D9DDE9;
    --ResultPayBackBackgroundColor3: #CB5353;
    --ResultPayBackBackgroundColor4: #E9DADA;
    --ResultPayBackBackgroundColor5: #52A455;
    --ResultPayBackBackgroundColor6: #DCE7D7;
    --ResultPayBackBackgroundColor7: #87599A;
    --ResultPayBackBackgroundColor8: #E4D7E7;
    --ResultPayBackBackgroundColor9: #529FA8;
    --ResultPayBackBackgroundColor10: #D7E5E7;
    --ResultPayBackBackgroundColor11: #E5A339;
    --ResultPayBackBackgroundColor12: #E9E5D2;
    --ResultPayBackBackgroundColor13: #4A94BC;
    --ResultPayBackBackgroundColor14: #D7E1E7;
    --ResultPayBackBackgroundColor15: #E4813E;
    --ResultPayBackBackgroundColor16: #E6E1D7;
}
/* 「出馬表」[通常] 内変数 */
body.dark-mode#Netkeiba_Race_Shutuba {
    /* 1_1_1 「予想を共有」ボタン(#share_my_yoso) */
    --ShareMyYosoBackground1Color: #222;
    --ShareMyYosoBorder1Color: #555;
    --ShareMyYosoText1Color: #fff;
    /* 1_1_2　「Myレースに登録する」部分(.MyRaceCheckBtn) */
    --MyRaceCheckBtnBackground1Color: #333;
    --MyRaceCheckBtnBackground2Color: #D64947;
    --MyRaceCheckBorder1Color: #555;
    --MyRaceCheckBorder2Color: #999;
    --MyRaceCheckBorder3Color: #fff;
    --MyRaceCheckText1Color: #cacaca;
    --MyRaceCheckText2Color: #fff;
}
/* 「出馬表」[新聞](tag-riot-shutuba-past,tag-riot-shutuba-past-v,tag-riot-racedetail-past5-data,tag-riot-racedetail-past5v-data */
body.dark-mode#Netkeiba_Race_Shutuba :where([id^=tag-riot-shutuba-past],[id^=tag-riot-shutuba-past-v],[id^=tag-riot-racedetail-past5-data],[id^=tag-riot-racedetail-past5v-data]) {
    --tagRiotShutubaPastTextColor1: #F3F3F3;
    --tagRiotShutubaPastBorderColor1: #555;
}
/* ==================================================
カスタムプロパティここまで
================================================== */


    /* 全体共通 */
    html.dark-mode{
        background-color: var(--PrimaryColorDark);
    }
    body.dark-mode {
        background-color: var(--PrimaryColorDark);
        /* メインコンテンツ部分(.Main_Column) */
        .Main_Column {
            background-color: var(--MainColumnBackground1Color);
        }
        .News_Headline{
            background-color: var(--MainColumnBackground1Color);
        }
        .Contents_Box{
            border-color: var(--PrimaryColorDark);
        }
        .Race_Num {
            background: var(--RaceNumBackgroundColor1) !important;
            color: var(--RaceNumText1Color);
        }
        .Race_Num.Race_Next {
            background: var(--RaceNumBackgroundColor2) !important;
        }
        .Race_Num.Race_Fixed {
            background: var(--RaceNumBackgroundColor3) !important;
        }
        /* 画面上部ナビゲーション(.Race_Detail_Info_Btn) */
        .Race_Detail_Info_Btn {
            background-color: var(--RaceDetailInfoBtnBackground1Color);
        }
        :is(.Change_Btn.Change_Day, .Icon_Change_ArrowB, .Icon_Change_ArrowT, .CourseChange_List li a, .Change_Btn.Day a, .Prev_Race a, .Next_Race a, .AllMenuOpenBtn a, .Change_Btn.Change_Day + .DayChange_List a) {
            background-color: var(--RaceDetailInfoBtnBackground2Color);
            color: var(--RaceDetailInfoBtnText1Color);
        }
        :where(.Change_Btn.Change_Day, .Icon_Change_ArrowB, .Change_Btn.Day a, .Prev_Race, .Next_Race) :where(a,.Change_Btn) {
            color: var(--RaceDetailInfoBtnText1Color);
        }
        :is(.Change_Btn.Change_Day + .DayChange_List li + li, .CourseChange_List li) {
            border-top-color: var(--RaceDetailInfoBtnBackground3Color);
        }
        /* 画面上部ナビゲーション(.RaceList_NameBox) */
        .RaceList_NameBox {
            background-color: var(--RaceListNameBoxBackground1Color);
        }
        .RaceList_NameBox .Race_Name {
            color: var(--RaceListNameBoxText1Color);
        }
        .RaceList_NameBox .Icon_ArrowB {
            border-top: 2px solid var(--RaceListNameBoxText5Color);
            border-right: 2px solid var(--RaceListNameBoxText5Color);
        }
        .RaceList_NameBox .Race_Data {
            color: var(--RaceListNameBoxText2Color);
        }
        :where(.RaceList_NameBox .Turf, .RaceList_NameBox .Turf + span) {
            color: var(--RaceListNameBoxText3Color);
        }
        #dark-mode :where(.RaceList_NameBox .Dirt, .RaceList_NameBox .Dirt + span) {
            color: var(--RaceListNameBoxText4Color);
        }
        /* 画面上部ナビゲーション(#CourseInfo) */
        #CourseInfo {
            background-color:  var(--CourseInfoBackground1Color);
        }
        #CourseInfo .Course_Header {
            border-top: 1px solid var(--CourseInfoBorder1Color);
        }
        #CourseInfo .Race_Info {
            color: var(--CourseInfoText1Color);
        }
        #CourseInfo .SpecialPageLink a {
            background-color: var(--CourseInfoBackground2Color);
            color: var(--CourseInfoText1Color);
        }
        #CourseInfo .CourseRecord tbody {
            background-color: var(--CourseInfoBackground3Color);
            border: solid 1px var(--CourseInfoBorder1Color);
        }
        #CourseInfo .CourseRecord th[rowspan^="1"] {
            background-color: var(--CourseInfoBackground2Color);
            color: var(--CourseInfoText2Color);
        }
        #CourseInfo .CourseRecord :where(th, td) {
            border-color: var(--CourseInfoBorder1Color);
        }
        #CourseInfo .CourseRecord td {
            color: var(--CourseInfoText4Color);
        }
        #CourseInfo .CourseRecord td.Time {
            color: var(--CourseInfoText3Color);
        }
        #CourseInfo .AboutCouseTxt p {
            color: var(--CourseInfoText1Color);
        }
        /* 画面上部ナビゲーション(.RaceInfo_Navi) */
        :is(.RaceInfo_Navi .RaceInfo_Tab a, .RaceInfo_Navi .RaceInfo_Tab li.Tab_Active) {
            background-color: var(--RaceInfoNaviBackground1Color);
        }
        .RaceInfo_Navi .RaceInfo_Tab li.Tab_Active a {
            background-color: var(--RaceInfoNaviBackground2Color);
        }
        .RaceInfo_Navi .RaceInfo_Tab li.Tab_Active a {
            color: var(--RaceInfoNaviText1Color);
        }
        .RaceInfo_Navi .RaceInfo_Tab li:not(.Tab_Active) a {
            color: var(--RaceInfoNaviText2Color);
        }
        /* 画面上部ナビゲーション(.RaceInfo_Navi02_v2) */
        .RaceInfo_Navi02_v2 {
            background-color: var(--RaceInfoNavi02V2Background1Color);
        }
        :is(div[class*="tArrow"][style^="display: block;"] ) {
            background: none;
        }
        div[class*="tArrow"]::before {
            background-color: var(--RaceInfoNavi02V2Background3Color);
            box-shadow: 0 0 6px 0 var(--PrimaryColorDark);
        }
        /* div[class*="tArrow"]:not([class*="tArrowInner"]):after {
            display: none;
        } */
        div[class*="tArrow"] [class*="tArrowInner"] {
            position: relative;
            top: 50%;
            left: 0;
            z-index: 10;
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
        }
        div[class*="tArrow"] [class*="tArrowInner"]::before,
        div[class*="tArrow"] [class*="tArrowInner"]::after {
            content: "";
            position: absolute;
            width: 7px;
            height: 2px;
            top: 50%;
            border-radius: 50px;
            background-color: var(--PrimaryTextColorDark);
        }
        div.LeftArrow [class*="tArrowInner"]::before,
        div.LeftArrow [class*="tArrowInner"]::after {
            right: 6%;
        }
        div.RightArrow [class*="tArrowInner"]::before,
        div.RightArrow [class*="tArrowInner"]::after {
            left: 33%;
        }
        div.LeftArrow [class*="tArrowInner"]::before {
            transform-origin: left;
            transform: translateY(calc(-50% + 0.7px)) rotate(-45deg);
        }
        div.LeftArrow [class*="tArrowInner"]::after {
            transform-origin: left;
            transform: translateY(calc(-50% + -0.7px)) rotate(45deg);
        }
        div.RightArrow [class*="tArrowInner"]::before {
            transform-origin: right;
            transform: translateY(calc(-50% + 0.7px)) rotate(45deg);
        }
        div.RightArrow [class*="tArrowInner"]::after {
            transform-origin: right;
            transform: translateY(calc(-50% + -0.7px)) rotate(-45deg);
        }
        .RaceInfo_Navi02_v2 li[id*="navi02_"]:not(.Active) a {
            color: var(--RaceInfoNavi02V2Text2Color);
        }
        .RaceInfo_Navi02_v2 li[id*="navi02_"].Active a {
            background-color: var(--RaceInfoNavi02V2Background2Color);
        }
        /* h2タイトルカラー ここから */
        :where(.Title_Sec, .DevTitle2nd) h2 {
            color: var(--QuaternaryTextColorDark);
        }
        /* h2タイトルカラー ここまで */
        /* h3タイトルカラー ここから */
        :where(.Title_3rd) {
            color: var(--QuaternaryTextColorDark);
        }
        /* h3タイトルカラー ここまで */
        :where(.Main_Column a) {
            color: var(--QuinaryTextColorDark);
        }
        /* 出馬表(.HorseList) */
        .Shutuba_Table .tablesorter-headerRow > th {
            background-color: var(--HorseListBackground9Color);
            border: solid 1px var(--HorseListBorder1Color);
        }
        .Shutuba_Table .tablesorter-header-inner {
            color: var(--HorseListText1Color);
        }
        .Shutuba_Table_Btn01 {
            background-color: var(--HorseListBackground1Color);
            border-color: var(--HorseListBorder1Color);
            color: var(--HorseListText1Color);
        }
        .Shutuba_Table .sort_icon::before {
            border-bottom-color: var(--HorseListBorder2Color);
        }
        .Shutuba_Table .sort_icon::after {
            border-top-color: var(--HorseListBorder2Color);
        }
        .HorseList {
            background-color: var(--HorseListBackground1Color);
            border-left: solid 1px var(--CourseInfoBorder1Color);
            border-color: var(--HorseListBorder1Color);
        }
        .HorseList td{
            border-color: var(--HorseListBorder1Color);
        }
        :where(#dark-mode .HorseList td:not([class^=cellcolor_])) {
            background-color: var(--PrimaryColorDark);
        }
        #dark-mode .HorseList td {
            border-color: var(--HorseListBorder1Color);
        }
        .HorseList td .HorseLink a {
            color: var(--HorseListText2Color);
        }
        .HorseList .Horse_Info .Age,
        .HorseList .Horse_Info .Jockey a {
            color: var(--HorseListText3Color) !important;
        }
        #dark-mode .HorseList .Horse_Info .Jockey em {
            color: var(--HorseListText6Color);
        }
        .Shutuba_Table .Popular [id^=ninki-1],
        .Shutuba_Table .Popular [id^=ninki-1] + span {
            color: var(--HorseListText3Color);
        }
        .Shutuba_Table .Popular [id^=odds-1] {
            color: var(--HorseListText1Color);
        }
        :where(.HorseList, .Cancel) td[class^="Waku"],
        .HorseList td:last-child {
            border-right: solid 1px var(--HorseListBorder1Color);
            border-left: solid 1px var(--HorseListBorder1Color);
        }
        .AiTenkaiArea02 .PredictRap_Table .HorseList td:last-child{
            border-right: solid 1px var(--HorseListBorder1Color);
        }
        .Shutuba_Table .Weight {
            border-right: solid 1px var(--HorseListBorder1Color);
            color: var(--HorseListText1Color);
        }
        .Shutuba_Table .Weight span {
            color: var(--HorseListText3Color);
        }
        :where(.selectBox) {
            border-color: var(--TertiaryColorDark);
            color: var(--CourseInfoText2Color);
        }
        .HorseCheckBtn {
            background-color: var(--CourseInfoBackground3Color);
            border-color: var(--TertiaryColorDark);
            cursor: pointer;
        }
        .HorseCheckBtn::after {
            border-color: var(--HorseListBorder2Color);
        }
        .HorseCheck_Select:checked + label {
            background-color: var(--CourseInfoText3Color);
            border-color: var(--CourseInfoText3Color);
        }
        .HorseCheck_Select:checked + label::after {
            border-color: var(--CourseInfoText2Color);
        }
        .HorseList.Selected :where(td, dt).Horse_Select .HorseCheckBtn {
            background-color: var(--HorseListBackground10Color);
            border-color: var(--HorseListBackground10Color);
        }
        .HorseList.Selected :where(td, dt).Horse_Select .HorseCheckBtn::after {
            border-color: var(--HorseListBorder3Color);
        }
        #dark-mode :where(.HorseList .Waku1) {
            color: var(--HorseListText5Color);
        }
        .HorseList .Waku5 {
            color: var(--HorseListText5Color) !important;
        }
        .HorseList .Waku1 {
            background-color: var(--HorseListBackground2Color);
        }
        .HorseList .Waku2 {
            background-color: var(--HorseListBackground1Color);
        }
        .HorseList .Waku3 {
            background-color: var(--HorseListBackground3Color);
        }
        .HorseList .Waku4 {
            background-color: var(--HorseListBackground4Color);
        }
        .HorseList .Waku5 {
            background-color: var(--HorseListBackground5Color);
        }
        .HorseList .Waku6 {
            background-color: var(--HorseListBackground6Color);
        }
        .HorseList .Waku7 {
            background-color: var(--HorseListBackground7Color);
        }
        .HorseList .Waku8 {
            background-color: var(--HorseListBackground8Color);
        }
        #dark-mode .HorseList .Horse_Info .Jockey {
            color: var(--NetkeibaRaceDataText1Color);
        }
        #dark-mode .HorseList .db_link a::after {
            position: relative;
            background-image: url(../img/icon/icon_horse_db01_dark.png);
        }
        #dark-mode .HorseList .db_link a {
            padding: 3px 0 0;
        }
        .HorseList .Icon_HorseMark {
            background-image: url(../img/icon/icon_horse_mark_dark.png);
        }
        #dark-mode .Shutuba_HorseList .Cancel {
            border-right: solid 1px var(--CourseInfoBorder1Color);
        }
        #dark-mode .Shutuba_HorseList .Cancel :is(.Cancel_Txt, .Horse_Info, .Cancel_NoData, .DataCellWrap01) {
            background-color: var(--CourseInfoBackground3Color) !important;
            border-right: solid 1px var(--CourseInfoBorder1Color);
            color: var(--CourseInfoBorder1Color);
        }
        #dark-mode .Shutuba_HorseList .Cancel .Horse_Info :where(a, .Age, .Jockey) {
            color: var(--CourseInfoBorder1Color);
        }
        #act-manual_update {
            background-color: var(--PrimaryColorDark);
            border-color: var(--TertiaryColorDark);
        }
        #act-manual_update::before {
            background-image: url(../img/icon/icon_update_01_dark.png);
        }
        #act-manual_update #official_time {
            color: var(--CourseInfoText1Color);
        }
        .NoMovie {
            background-color: var(--CourseInfoBackground3Color);
            color: var(--CourseInfoText1Color);
        }
        #dark-mode .selectBox.NoChoice {
            display: block;
            line-height: 1.6em;
        }
        /* 様々なパターンでAIが予想(.BalanceAna) */
        .BalanceAna .Active[data-tab^="AiTenkaiArea0"] a {
            color: var(--QuinaryTextColorDark);
        }
        /* 広告背景色 */
        .nk_AdvBox_sp_01[style^="background: #F7FBFC;"] {
            background-color: var(--RaceInfoNavi02V2Background1Color) !important;
        }
        /* 続きプレミアム */
        :where(.Premium_Regist_Box02) {
            background-color: var(--PrimaryColorDark);
            border-color: var(--TertiaryColorDark);
        }
        .Premium_Regist_Box02[class*=DataTop] {
            background-color: var(--PrimaryColorDark);
            border-color: var(--TertiaryColorDark);
        }
        .Premium_Regist_Box02[class*=DataTop] .Premium_Regist_Msg_Campaign01 {
            color: var(--QuinaryColorDark);
        }
        .Premium_Regist_Box02[class*=DataTop] :where(.Premium_Regist_MsgArea01,.Premium_Regist_Txt02 a) {
            color: var(--CourseInfoText1Color);
        }
        .Premium_Regist_Box02[class*=DataTop] .Premium_Regist_Btn {
            background-color: var(--QuinaryColorDark);
        }
        .Premium_Regist_Box02[class*=DataTop] .Premium_Regist_Btn#premium_info_new_01 {
            background-color: var(--QuinaryColorDark) !important;
        }
        .Premium_Regist_Box02 .Premium_Regist_MsgArea01 p {
            color: var(--CourseInfoText1Color);
        }
        .Premium_Regist_Box02 .Premium_Regist_MsgArea01 .Premium_Regist_Msg02 {
            border-color: var(--QuinaryColorDark);
        }
        .Premium_Regist_Box02 .Premium_Regist_Btn {
            background-color: var(--QuinaryColorDark);
            color: var(--CourseInfoText2Color);
        }
        .Premium_Regist_Box02 .Premium_Regist_Msg_Campaign01 {
            color: var(--QuinaryColorDark);
        }
        .Premium_Regist_Txt02 a {
            color: var(--CourseInfoText1Color);
        }
        .Premium_Regist_Box .Premium_Regist_Msg_Campaign {
            color: var(--CourseInfoText1Color);
        }
        #tag-race-match .Shutuba_Table.Shutuba_Past5_Table.MatchTable {
            border-right: none;
        }
        .Main_Column .Rank_A{
            color:#FB1D1B !important;
        }
        .Main_Column .Rank_B{
            color:#007EFF !important;
        }
        .Main_Column .Rank_C{
            color:var(--QuaternaryTextColorDark) !important;
        }
        .Main_Column .Rank_Sp {
            background: var(--PrimaryColorDark);
            color: #fff !important;
        }
        /* 特集 */
        .Contents_Box .Jra_RaceList_Inner #TopRaceSub .LinkBox_01 {
            background-color: var(--PrimaryColorDark);
            border-color: var(--TertiaryColorDark);
        }
        .Contents_Box .Jra_RaceList_Inner #TopRaceSub .RaceTitle {
            color: var(--CourseInfoText2Color);
        }
        .Contents_Box .Jra_RaceList_Inner #TopRaceSub .RaceData {
            color: var(--CourseInfoText4Color);
        }
        /* 色分けの詳細について */
        .Description_Box.DataTableHelp .Description_Inner :where(p, strong) {
            color: var(--RaceListNameBoxText2Color);
        }
        .DataTableHelp .HelpColorSample {
            border: none;
        }
        /* 映像の公開時間 */
        .Description_Box.Shutuba_Update_Time p {
            color: var(--RaceListNameBoxText2Color);
        }
        /* 払戻金の表 */
        table.Payout_Detail_Table {
            th {
                border-top: solid 1px var(--TertiaryColorDark);
                border-bottom: solid 1px var(--TertiaryColorDark);
                color: var(--QuaternaryTextColorDark);
            }
            td {
                border-color: var(--TertiaryColorDark);
            }
            td span {
                color: var(--DenaryColorDark);
            }
            tr:not([class*=tan],[class*=Tan]) td span::before {
                background-color: var(--DenaryColorDark);
            }
            :is([class*=tan],[class*=Tan]) td span::before {
                border-top-color: var(--DenaryColorDark);
                border-right-color: var(--DenaryColorDark);
            }
            .Tansho th {
                background-color: var(--ResultPayBackBackgroundColor1);
            }
            .Tansho td {
                background-color: var(--ResultPayBackBackgroundColor2);
            }
            .Fukusho th {
                background-color: var(--ResultPayBackBackgroundColor3);
            }
            .Fukusho td {
                background-color: var(--ResultPayBackBackgroundColor4);
            }
            .Wakuren th {
                background-color: var(--ResultPayBackBackgroundColor5);
            }
            .Wakuren td {
                background-color: var(--ResultPayBackBackgroundColor6);
            }
            .Umaren th {
                background-color: var(--ResultPayBackBackgroundColor7);
            }
            .Umaren td {
                background-color: var(--ResultPayBackBackgroundColor8);
            }
            .Wide th {
                background-color: var(--ResultPayBackBackgroundColor9);
            }
            .Wide td {
                background-color: var(--ResultPayBackBackgroundColor10);
            }
            .Umatan th {
                background-color: var(--ResultPayBackBackgroundColor11);
            }
            .Umatan td {
                background-color: var(--ResultPayBackBackgroundColor12);
            }
            .Fuku3 th {
                background-color: var(--ResultPayBackBackgroundColor13);
            }
            .Fuku3 td {
                background-color: var(--ResultPayBackBackgroundColor14);
            }
            .Tan3 th {
                background-color: var(--ResultPayBackBackgroundColor15);
            }
            .Tan3 td {
                background-color: var(--ResultPayBackBackgroundColor16);
            }
        }
        /* 「レース前日14時頃公開です。」の表示 */
        .Race_Infomation_Box {
            background-color: var(--CourseInfoBackground3Color);
            color: var(--CourseInfoText4Color);
        }
    }
    body.dark-mode .Contents,
    body.dark-mode .Contents#dark-mode {
        background-color: var(--PrimaryColorDark);
        margin-bottom: 20px;
        .SpeedIndex_Menu01 ul li + li::before {
            background-color: var(--TertiaryColorDark);
        }
        .SpeedIndex_Menu01 ul li a {
            background-color: var(--SecondaryColorDark);
            color: var(--PrimaryTextColorDark);
        }
        .SpeedIndex_Menu01 ul li .Active a {
            background-color: var(--DenaryColorDark);
        }
        .SideBtnMore01 a {
            background-color: var(--DenaryColorDark);
            color: var(--PrimaryTextColorDark);
        }
        tbody :where(.Header, .Header + .Header) {
            :where(
                .Waku,
                .CheckMark,
                .CheckMark + dt,
                .CheckMark + th,
                .CheckMark + th ~ th,
                th,
                th ~ th
            ) {
                background-color: var(--SecondaryColorDark);
                border-top-color: var(--TertiaryColorDark);
                border-bottom-color: var(--TertiaryColorDark);
                border-left: solid 1px var(--TertiaryColorDark);
                color: var(--PrimaryTextColorDark);
            }
            th:last-child {
                border-right: solid 1px var(--TertiaryColorDark);
            }
        }
        li.Selectable {
            border-top-color: var(--TertiaryColorDark);
            border-bottom-color: var(--TertiaryColorDark);
        }
        .Waku1 {
            background-color: var(--HorseNumberPrimaryColor) !important;
            color: var(--SecondaryColorDark) !important;
        }
        .Waku1 a {
            color: var(--SecondaryColorDark);
        }
        .Waku2 {
            background-color: var(--HorseNumberSecondaryColor) !important;
        }
        .Waku3 {
            background-color: var(--HorseNumberTertiaryColor) !important;
        }
        .Waku4 {
            background-color: var(--HorseNumberQuaternaryColor) !important;
        }
        .Waku5 {
            background-color: var(--HorseNumberQuinaryColor) !important;
            color: var(--SecondaryColorDark) !important;
        }
        .Waku6 {
            background-color: var(--HorseNumberSenaryColor) !important;
        }
        .Waku7 {
            background-color: var(--HorseNumberSeptenaryColor) !important;
        }
        .Waku8 {
            background-color: var(--HorseNumberOctonaryColor) !important;
        }
        :where(.Waku2,.Waku3,.Waku4,.Waku6,.Waku7,.Waku8) {
            border-color: var(--TertiaryColorDark);
            color: var(--PrimaryTextColorDark) !important;
        }
        .Description_Box.SpeedIndex .Description_Inner dl {
            border-color: var(--TertiaryColorDark);
        }
        .Description_Box.SpeedIndex .Description_Inner dl dt {
            background-color: var(--TertiaryColorDark);
            color: var(--PrimaryTextColorDark);
        }
        .Description_Box.SpeedIndex .Description_Inner dl dd {
            background-color: var(--PrimaryColorDark);
            color: var(--PrimaryTextColorDark);
            border-color: var(--TertiaryColorDark);
        }
        .Icon_Shirushi {
            background-image: url(../img/icon/icon_yoso_shirushi_dark.png);
            background-color: var(--PrimaryColorDark);
            opacity: 1;
        }
        .NoteTable_Container :where(.NoteBtn03,.MoreBtn) {
            background-color: var(--PrimaryColorDark);
            border-color: var(--TertiaryColorDark);
            color: var(--PrimaryTextColorDark);
        }

        .MoreBtn_Inenr::before {
            background:linear-gradient(to bottom, var(--backgroundLinearGradient));
        }
        .NoteIcon {
            background-color: var(--TertiaryColorDark);
        }
        :where(.NoteIcon::before,.NoteIcon::after) {
            background-color: var(--PrimaryTextColorDark);
        }
        .App_ReadMore a.AppRead {
            color: var(--PrimaryTextColorDark);
        }
        .Main_Column .Horse_Info_Detail span {
            color: var(--QuaternaryTextColorDark);
        }
        .Main_Column .Horse_Info_Detail :where(.Time,.Odds) {
            color: var(--QuaternaryTextColorDark);
        }
        .Main_Column .Horse_Info_Detail :where(.Time,.Odds) :where(dt:not(.Odds_Ninki),dd) {
            color: var(--QuaternaryTextColorDark);
        }
        .Ninki {
            color: var(--QuaternaryTextColorDark) !important;
        }
        .Result_Pay_Back table.Payout_Detail_Table tr td.Ninki{
            color: var(--SecondaryColorDark) !important;
        }
        .Ninki [id^="Ninki-"] {
            color: var(--QuaternaryTextColorDark);
        }
        .FileLoader {
            background-color: var(--PrimaryColorDark);
        }
        /* 共通 ここまで */
        /* 「続きはプレミアムコース登録でご覧いただけます」ここから */
        .Stable_LastBox {
            border-color: var(--TertiaryColorDark);
        }
        :where(.Stable_LastBox .Btn a) {
            background-color: var(--yosoPremiumColor);
            color: #fff;
        }
        /* 「続きはプレミアムコース登録でご覧いただけます」ここまで */
        .Change_Btn.Course.Icon_Change_ArrowB {
            background-color: var(--TertiaryColorDark);
        }
        .Main_Column .h2 {
            color: var(--QuaternaryTextColorDark);
        }
        .Change_Btn.Day a {
            background-color: var(--TertiaryColorDark);
        }
        .Prev_Race a,
        .Next_Race a {
            background-color: var(--TertiaryColorDark);
            color: var(--SecondaryTextColorDark);
        }
        .AllMenuOpenBtn a {
            background-color: var(--TertiaryColorDark);
        }
        .RaceList_NameBox .RaceList_Item02 .Race_Name,
        .RaceList_NameBox .RaceList_Item02 .Race_Data,
        .Icon_GradeType,
        .RaceInfo_Tab a,
        .RaceInfo_Tab.Tab_Active a {
            color: var(--PrimaryTextColorDark);
        }
        .Tab_Active {
            background-color: var(--SeptenaryColorDark);
        }
        .Tab_Active a {
            background-color: var(--QuaternaryColorDark);
        }
        .RaceInfo_Tab li:not(.Tab_Active) a {
            background-color: var(--SeptenaryColorDark);
        }
        ul.RaceInfo_Tab02_v2 li.Active a {
            color: var(--PrimaryTextColorDark);
        }
        ul.RaceInfo_Tab02_v2 li a {
            color: var(--QuaternaryTextColorDark);
        }
        .Tab01 ul,
        .ContentsBoxRanking ul.Tab_1 {
            border: solid 1px var(--TertiaryColorDark);
        }
        .Tab01 ul li a,
        .ContentsBoxRanking ul li div,
        .Tab01 ul li span{
            background-color: var(--PrimaryColorDark);
            color: var(--PrimaryTextColorDark);
        }
        .ContentsBoxRanking ul li + li > div{
            border-left:none;
        }
        .Tab01 ul li,
        .ContentsBoxRanking ul li {
            border-right-color: var(--TertiaryColorDark);
        }
        .Tab01 ul li.Active a,
        .ContentsBoxRanking ul li div.Tab_Active {
            color: var(--PrimaryTextColorDark);
            background-color: var(--TertiaryColorDark);
        }
        .Main_Column .DataPickupHorseWrap {
            background: var(--SecondaryColorDark);
            border: 1px solid var(--SecondaryColorDark);
        }
        .Main_Column .PickupDataBox ul {
            background: var(--PrimaryColorDark);
            border: 1px solid var(--PrimaryColorDark);
        }
        .Main_Column .RaceDataPickup .Title_3rd {
            color: var(--QuaternaryTextColorDark);
        }
        .Main_Column .RaceCommon_Table {
            border: solid 1px var(--TertiaryColorDark);
        }
        .Main_Column table.PickupHorseTable01.PickupRaceDataTable01 th {
            background-color: var(--SecondaryColorDark);
            color: var(--PrimaryTextColorDark);
        }
        .Main_Column table.PickupHorseTable01.PickupRaceDataTable01 td {
            background-color: var(--PrimaryColorDark);
        }
        .Main_Column table.PickupHorseTable01.PickupRaceDataTable01 td a span.Txt {
            color: var(--PrimaryTextColorDark);
        }
        .Main_Column table.PickupHorseTable01 td .arrow:after {
            border-top: solid 2px var(--NonaryColorDark);
            border-right: solid 2px var(--NonaryColorDark);
        }
        .Main_Column .MoreColumnList a {
            border: solid 1px var(--TertiaryColorDark);
            color: var(--PrimaryTextColorDark);
        }
        .Main_Column .Title_BtnMore a {
            background-color: var(--DenaryColorDark);
            color: var(--PrimaryTextColorDark);
        }
        .Main_Column .PickupTendencyBox {
            background-color: var(--SecondaryColorDark);
        }
        .Main_Column .PickupTendencyBox .PickupTendencyTitle01 {
            color: var(--PrimaryTextColorDark);
        }
        .Main_Column span.PickupTendencyTime {
            color: var(--QuaternaryTextColorDark);
        }
        .Main_Column ul.Btn_List_01 li a {
            background-color: var(--PrimaryColorDark);
            color: var(--SenaryTextColorDark);
        }
        :where(.Umaban li) {
            background-color: var(--PrimaryColorDark);
        }
        /* ハーフモーダル ここから */
        .HalfModal.OpenDraw :where(.Main_Column .Top_RaceMenu_Inner .Icon_Nk_New_bg,.RaceStrategyMenu .RaceSubMenu .Icon_Nk_New_bg,.RaceAllMenuWrap .RaceMenuList .Icon_Nk_New_bg)  {
            background-color: #f7f7f7;
        }
        .HalfModal.OpenDraw .Icon_Label {
            color: var(--TertiaryTextColorDark);
        }
        .HalfModal.OpenDraw :where(.Top_RaceMenu_Inner .RaceMenuSub dt,.RaceSubMenu dt,.RaceAllMenuWrap .RaceMenuList > dt ) {
                color: var(--DenaryColorDark);
        }
        /* ハーフモーダル ここまで */
    }
    /* ==================================================
    ニュース詳細ここから
    ================================================== */
    body.dark-mode .Main_Column{
        .News_Detail{
            background-color: var(--PrimaryColorDark);
        }
        .News_Detail .News_Title{
            color: var(--SecondaryTextColorDark);
        }
        .News_Data .News_Data_Time{
            color: var(--QuaternaryTextColorDark)
        }
        .News_Detail .News_Photo_Box_02 .thumb{
            background-color: var(--PrimaryColorDark);
        }
        [class*="Photo_Box"] > .thumb + p.Caption{
            background-color: var(--PrimaryColorDark);
            color: var(--QuaternaryTextColorDark)
        }
        .News_Txt{
            color: var(--SecondaryTextColorDark);
        }
        .attention_button .Icon_ColumnBtn{
            background-color: var(--PrimaryColorDark);
        }
        .Chumoku_Btn_Inner{
            color: var(--SecondaryTextColorDark);
            border-color: var(--TertiaryColorDark);
        }
        .RelatedContents p.Content_Cate{
            color: var(--QuaternaryTextColorDark)
        }
        .ContentMainTitle{
            color: var(--SecondaryTextColorDark);
        }
        .Sns_Btn.fb:before{
            background: url(../img/icon/icon_facebook_dark.png) no-repeat center /contain;
        }
        .News_Detail .Title_Sec .CommnentCount{
            color: var(--QuaternaryTextColorDark);
        }
        .Contents_Box .Mute_Icon{
            color: var(--QuaternaryTextColorDark);
        }
        .Comment_DispNone label{
            color: var(--QuaternaryTextColorDark);
        }
        .Comment_DispNone input:checked + label:after{
            border-color: var(--secondaryGleyColor)
        }
        input.jqm-input-text,
        textarea.jqm-input-text{
            background-color: var(--TertiaryColorDark);
            border: none;
            color: var(--SecondaryTextColorDark)
        }
        .CommentBoxWrap_Inner .Comment_Area textarea:placeholder-shown,
        .CommentBoxWrap_Inner .Comment_Area textarea::placeholder{
            color: var(--QuaternaryTextColorDark);
        }
        .CommentCautionText{
            color: var(--QuaternaryTextColorDark);
        }
        .Comment_Form_Notice > dl > dt{
            color: var(--SecondaryTextColorDark);
        }
        .Comment_Form_Notice > dl > dd ul li{
            color: var(--QuaternaryTextColorDark);
        }
        .Comment_Form_Notice > dl > dd ul li.notice{
            color: var(--SecondaryTextColorDark);
        }
        .BBS_Balloon .Avatar_Name p a{
            color: var(--QuaternaryTextColorDark);
        }
        .BBS_Balloon .Avatar_Name p span{
            color: var(--QuaternaryTextColorDark) !important;
        }
        .CommentMuteSVG{
            fill: var(--QuaternaryTextColorDark);
            color: var(--QuaternaryTextColorDark);
        }
        .BBS_Balloon .BBS_Box_Wrapper .BBS_Box{
            background-color: var(--DenaryColorDark);
        }
        .BBS_Balloon .BBS_Comment p{
            color: var(--SecondaryTextColorDark);
        }
        .BBS_Balloon .BBS_Comment .BBS_TimeStump{
            color: var(--QuaternaryTextColorDark) !important;
        }
        .BBS_Balloon .BBS_Box .BBS_btn_like .Nice p span[class*="_count"]{
            color: var(--SenaryTextColorDark);
        }
        .RelatedContents .PhotoThumb_01{
            background-color: var(--DenaryColorDark);
        }
        .ContentsBoxRanking .AvatarTxt h4{
            color: var(--SecondaryTextColorDark);
        }
        ul.List_01 li .LinkBox_01 p.UserInfoTxt{
            color: var(--SecondaryTextColorDark);
        }
        .Premium_Regist_Box{
            background-color: var(--PrimaryColorDark);
            border-color: var(--TertiaryColorDark);
        }
        .Premium_Regist_Box .Premium_Regist_Msg{
            color: var(--SecondaryTextColorDark);
        }
        .Premium_Regist_Box .Premium_Regist_Btn{
            background-color:var(--QuinaryColorDark);
            color: var(--PrimaryTextColorDark);
        }
        .Fav_Modal_CloseBtn01 a,
        .Fav_Modal_OKBtn a{
            color: #777;
        }
        .Column_Detail_Txt_Box .BtnType_01 a{
            border-color: var(--QuinaryTextColorDark);
            color:var(--QuinaryTextColorDark);
        }
    }
    /* ==================================================
    ニュース詳細ここまで
    ================================================== */

    /* ==================================================
    ニュース一覧ここから
    ================================================== */
    body.dark-mode .Main_Column{
        .NewsNewsRankList ul.List_01 li .LinkBox_01 h2{
            color: var(--SecondaryTextColorDark);
        }
        .LinkBox_Footer{
            color: var(--QuaternaryTextColorDark);
        }
        .NewsNewsRankList .PhotoThumb_01 {
            background-color: var(--DenaryColorDark);
        }
    }
    /* ==================================================
    ニュース一覧ここまで
    ================================================== */

    /* ==================================================
    ニュースランキングここから
    ================================================== */
    body.dark-mode .Main_Column{
        .RankingNavi{
            background-color: var(--PrimaryColorDark);
        }
        .RankingNavi{
            border-color: var(--TertiaryColorDark);
        }
        .RankingNavi a{
            color: var(--SenaryTextColorDark);
        }
        .RankingNavi a.Active{
            color: var(--QuaternaryTextColorDark);
            border-color: #5D81FF;
        }
        .ContentsBoxRanking .PhotoThumb_01{
            background-color: var(--DenaryColorDark);
        }
    }
    /* ==================================================
    ニュースランキングここまで

    /* ==================================================
    ニュース検索 ここから
    ================================================== */
    body.dark-mode .Main_Column{
        .Key_Search_Input{
            background-color: var(--SecondaryColorDark);
            border-color: var(--TertiaryColorDark);
        }
        .InputTxt_Form_Box input{
            background-color: var(--SecondaryColorDark) !important;
            border-color: var(--TertiaryColorDark);
            color: var(--PrimaryTextColorDark);
        }
        .Submit_Btn_Box input{
            background-color: var(--SecondaryColorDark);
        }
        .News_Update_List li a{
            background-color: var(--PrimaryColorDark);
            border-color: var(--TertiaryColorDark);
            color:var(--QuinaryTextColorDark);
        }
        .SearchResultCount,
        .SearchResultCount strong{
            color: var(--QuaternaryTextColorDark);
        }
        .Content_Cate{
            color: var(--QuaternaryTextColorDark);
        }
        .Inner_Txt{
            color: var(--QuaternaryTextColorDark);
        }
    }
    /* ==================================================
    ニュース検索 ここまで
    ================================================== */

    /* ==================================================
    コラムtop ここから
    ================================================== */
    body.dark-mode .Main_Column {
        .NewColumn_List li a{
            background-color: var(--DenaryColorDark);
            color: var(--SecondaryTextColorDark)
        }
        .MovieListItem .MovieListTitle{
            color: var(--SecondaryTextColorDark)
        }
        .MovieListItem .MovieListFoot .MovieName,
        .MovieListItem .MovieListFoot .MovieTime{
            color: var(--SecondaryTextColorDark)
        }
        .ColumnPaddockItem_Category{
            color: var(--QuaternaryTextColorDark);
        }
        .ColumnPaddockItem_Title{
            color: var(--SecondaryTextColorDark)
        }
        .LinkColumnBacknumber{
            color: var(--SecondaryTextColorDark)
        }
    }
    /* ==================================================
    コラムtop ここまで
    ================================================== */

    /* ==================================================
    コラム詳細 ここから
    ================================================== */
    body.dark-mode .Main_Column {
        .Column_Head_Box .Column_Title{
            color: var(--SecondaryTextColorDark);
        }
        .Column_Data_Time{
            color: var(--QuaternaryTextColorDark);
        }
        .Column_Detail_Txt_Box > div.ColumnRead,
        .Column_Detail_Txt_Box_inner > div.ColumnRead{
            background-color: var(--SecondaryColorDark);
            color: var(--SecondaryTextColorDark);
        }
        .ColumnRead p{
            color: var(--SecondaryTextColorDark);
        }
        .Column_Detail_Txt_Box{
            color: var(--SecondaryTextColorDark);
        }
        .Column_Detail_Txt_Box p{
            color: var(--SecondaryTextColorDark);
        }
        .ColumnArticle_Body .Photo_Block_01 p,
        .ColumnArticle_Body .Photo_Block_02 p {
            background-color: var(--PrimaryColorDark);
            color: var(--QuaternaryTextColorDark);
        }
        .favorite_text{
            color: var(--QuaternaryTextColorDark);
        }
        .ArticleKeywords{
            background-color: var(--SecondaryColorDark);
        }
        .ArticleKeywords_Title{
            color: var(--QuaternaryTextColorDark);
        }
        .ArticleKeywords_List li a{
            color: var(--QuaternaryTextColorDark);
        }
        .ColumnInfo{
            background-color: var(--SecondaryColorDark);
            color: var(--QuaternaryTextColorDark);
            border:none;
        }
        .Column_Category_List li a{
            background-color: var(--PrimaryColorDark);
            color: var(--QuinaryTextColorDark);
            border-color: var(--TertiaryColorDark);
        }
        .Column_Pager_Btn ul{
            border-color: var(--TertiaryColorDark);
        }
        .Column_MainImgBox .SlideTxtArea .SlideTxtInner{
            border-color: var(--TertiaryColorDark);
        }
        .Column_Fav a{
            background-color: var(--DenaryColorDark);
        }
        .Column_Fav a:before {
            background-position: -1px -85px;
        }
        .Column_Fav.Registered a {
            background-color: var(--SenaryColorDark);
        }
        .cheer_message_box .bg_line{
            border-color: var(--TertiaryColorDark);
        }
        .cheer_message_title{
            color: var(--QuaternaryTextColorDark);
        }
        .cheer_message_box p{
            color: var(--QuaternaryTextColorDark);
        }
        span.darkmode-color-green{
            color: #3BB33D !important;
        }
        span.darkmode-color-blue{
            color: #8585FF !important;
        }
        .Column_Detail_ReadMore{
            background: linear-gradient(180deg, rgb(255, 255, 255, 0) 0%, rgb(34, 34, 34, 1) 60%);
        }
    }
    /* ==================================================
    コラム詳細 ここまで
    ================================================== */

    /* ==================================================
    曜日別コラム一覧 ここから
    ================================================== */
    body.dark-mode .Main_Column {
        .Weekly_List li a{
            color: var(--QuaternaryTextColorDark);
            border-color: var(--TertiaryColorDark);
        }
        .Weekly_List li.Today a{
            border-color: var(--OctonaryColorDark);
        }
        .Column_WeeklyList .Column_List_Name,
        .NewColumn_SlideBox01 .Column_List_Name{
            color: var(--QuaternaryTextColorDark);
        }
        .Column_List_Title{
            color: var(--SecondaryTextColorDark);
        }
        .Column_List_Sub_Txt{
            color: var(--SecondaryTextColorDark);
        }
        .Column_List_Update span{
            color: var(--SecondaryTextColorDark);
        }
        .TopBtnBox_01 a{
            color: var(--SecondaryTextColorDark);
            border-color: var(--TertiaryColorDark);
        }
    }
    /* ==================================================
    曜日別コラム一覧 ここまで
    ================================================== */

    /* ==================================================
    コラムバックナンバー ここから
    ================================================== */
    body.dark-mode .Main_Column {
        .ColumnWriter_Profile{
            background-color: var(--DenaryColorDark);
            color: var(--SecondaryTextColorDark);
            border:none;
        }
        .ColumnWriter_Copy{
            color: var(--SecondaryTextColorDark);
        }
        .ColumnWriter_Name{
            color: var(--SecondaryTextColorDark);
        }
        .ColumnWriter_Name span{
            color : var(--QuaternaryTextColorDark);
        }
        .ColumnWriter_Category{
            color: var(--QuaternaryTextColorDark);
        }
        .ColumnWriterBacknumberSubTitle{
            color: var(--SecondaryTextColorDark);
        }
        .Column_List_Name{
            color: var(--SecondaryTextColorDark);
        }
        .Column_List_Update{
            color: var(--QuaternaryTextColorDark);
        }
        .ColumnWriterInfo{
            background-color: var(--SecondaryColorDark);
        }
        .ColumnWriterInfo p,
        .ColumnWriterInfo > div{
            color: var(--SecondaryTextColorDark);
        }
        .Content_FooterTxt{
            color: var(--QuaternaryTextColorDark);
        }
    }
    /* ==================================================
    コラムバックナンバー ここまで
    ================================================== */