:root {
    --font-din: "DIN Condensed", sans-serif;
}

@font-face {
    font-family: "DIN Condensed";
    src: url("../fonts/DIN-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "DIN Condensed";
    src: url("../fonts/DIN-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "DIN Condensed";
    src: url("../fonts/DIN-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.match-page-header {
    .fixtures-breadcrumb {
        border-bottom: none;
    }
}

.fixtures-banner {
    display: flex;
    justify-content: space-between;
    height: 362px;
    background-color: #001b5b;
    color: #ffffff;
    padding-left: 106px;
    overflow: hidden;

    .fixtures-banner-content {
        display: flex;
        flex-direction: column;
        gap: 73px;
        margin-top: 74px;

        .fixtures-banner-tag {
            font-family: "peckham-press", sans-serif;
            font-size: 16px;
            font-weight: 400;
            color: #ffffff;
            display: flex;
            align-items: center;
            gap: 8px;

            &::before {
                content: "";
                display: inline-block;
                width: 2px;
                height: 16px;
                background-color: #ffffff;
            }
        }

        .fixtures-banner-title {
            font-family: "Noto Sans JP", sans-serif;
            font-size: 35px;
            font-weight: 700;
            color: #ffffff;
            margin: 0;
        }
    }

    .fixtures-banner-image {
        width: 643px;
        height: 362px;
        overflow: hidden;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

.fixtures-section {
    max-width: 1040px;
    margin: 94px auto 0 auto;
    padding: 0;
    background-color: #ffffff;

    .fixtures-container {
        margin-bottom: 70px;

        &.fixtures-container-emperor {
            margin-bottom: 160px;
        }
    }

    .fixtures-category-title-2 {
        margin-bottom: 42px;
    }

    .fixtures-category-title {
        margin-bottom: 37px;
    }

    .fixture-row {
        background: #ffffff;
        border: 1px solid #e2e8f0;
        margin-bottom: 10px;

        .fixture-header {
            background: #EFF0F0;
            display: flex;
            align-items: center;
            height: 43px;

            .fixture-badge {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                font-family: var(--font-din);
                font-size: 17px;
                font-weight: bold;
                height: 100%;
                /* 大文字（ディセンダー無し）が上寄りに見える分、上paddingで下げて光学中央に。
                   box-sizing:border-boxなので高さ43pxは維持される */
                padding: 5px 24px 0;
                color: #ffffff;
                text-align: center;
                width: 78px;
                line-height: 1;

                &.badge-home {
                    background: #001B5B;
                }

                &.badge-away {
                    background: #d1d5db;
                    color: #000000;
                }
            }

            .fixture-stadium {
                /* バッジと垂直中央を揃える（非対称paddingをやめてflexで中央寄せ） */
                display: flex;
                align-items: center;
                padding: 0 0 0 25px;
                font-family: "Noto Sans JP", sans-serif;
                font-size: 15px;
                font-weight: bold;
                color: #000000;
            }
        }

        .fixture-body {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 17px 19px 31px 48px;

            .fixture-left-content {
                flex: 1;

                .fixture-tournament {
                    font-family: "Noto Sans JP", sans-serif;
                    font-size: 15px;
                    color: #000000;
                    margin-bottom: 21px;
                    font-weight: 500;
                }

                .fixture-details-row {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    margin-bottom: 18px;

                    .fixture-datetime-opponent {
                        display: flex;
                        align-items: center;
                        gap: 56px;

                        .fixture-date-block {
                            display: flex;
                            align-items: baseline;
                            color: #000000;

                            .fixture-num {
                                font-family: "DIN Condensed", sans-serif;
                                font-size: 67px;
                                font-weight: bold;
                                line-height: 1;
                            }

                            .fixture-jp-day {
                                font-family: "Noto Sans JP", sans-serif;
                                font-size: 21px;
                                font-weight: 500;
                                margin: 0 7px;
                            }

                            .fixture-num-time {
                                font-family: "DIN Condensed", sans-serif;
                                font-size: 26px;
                                font-weight: 700;
                                line-height: 1;

                                /* 時刻未定（日本語）はDINだと崩れるためNoto Sans JPで表示 */
                                &.fixture-time-tbd {
                                    font-family: "Noto Sans JP", sans-serif;
                                    font-size: 19px;
                                }
                            }

                            /* 日付未定：フリーテキスト（例 10.10[日] or 10.11[月]）用 */
                            &.fixture-date-block-text {
                                flex-wrap: wrap;

                                .fixture-num {
                                    font-size: 48px;
                                }

                                .fixture-jp-day {
                                    font-size: 17px;
                                    margin: 0 4px 0 2px;
                                }

                                /* 「or」などのつなぎ語 */
                                .fixture-date-conj {
                                    font-family: "DIN Condensed", sans-serif;
                                    font-size: 20px;
                                    font-weight: bold;
                                    line-height: 1;
                                    margin: 0 6px;
                                }

                                .fixture-num-time {
                                    margin-left: 6px;
                                }
                            }
                        }

                        .fixture-opponent {
                            display: flex;
                            align-items: center;
                            gap: 14px;

                            .fixture-logo {
                                width: 56px;
                                height: 60px;
                                object-fit: contain;
                            }

                            .fixture-opponent-name {
                                font-family: "Noto Sans JP", sans-serif;
                                font-size: 14px;
                                font-weight: 700;
                                color: #000000;
                            }
                        }
                    }

                    .fixture-score-area {
                        display: flex;
                        align-items: center;
                        gap: 37px;
                        padding-right: 34px;

                        .fixture-status {
                            display: inline-block;
                            vertical-align: middle;
                            line-height: 0;
                            /* 数字（ディセンダー無し）の光学中心に合わせて上方向へ微調整 */
                            transform: translateY(-5px);

                            &.status-win {
                                font-size: 0;
                                width: 22px;
                                height: 22px;
                                border: 4px solid #009EB4;
                                border-radius: 50%;
                                box-sizing: border-box;
                            }

                            &.status-draw {
                                font-size: 0;
                                width: 29px;
                                height: 29px;
                                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpolygon points='14.5,4.5 3.5,24.5 25.5,24.5' stroke='%23d1d5db' stroke-width='4.5' fill='none' stroke-linejoin='miter'/%3E%3C/svg%3E");
                                background-size: contain;
                                background-repeat: no-repeat;
                                background-position: center;
                                box-sizing: border-box;
                            }

                            &.status-lose {
                                font-size: 0;
                                width: 22px;
                                height: 22px;
                                background-color: #5C5757;
                                border-radius: 50%;
                                box-sizing: border-box;
                            }
                        }

                        .fixture-score-text {
                            font-family: "DIN Condensed", sans-serif;
                            font-size: 63px;
                            font-weight: bold;
                            color: #001b5b;
                            line-height: 1;
                            letter-spacing: 2px;
                        }
                    }

                    .pk-special-area {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        gap: 6px;

                        .score-upper-row {
                            display: flex;
                            align-items: center;
                            gap: 30px;

                            .fixture-status {
                                display: inline-block;
                                vertical-align: middle;
                                line-height: 0;
                                /* スマホ版：数字の光学中心に合わせて上方向へ微調整 */
                                transform: translateY(-3px);

                                &.status-lose {
                                    font-size: 0;
                                    width: 22px;
                                    height: 22px;
                                    background-color: #5C5757;
                                    border-radius: 50%;
                                    box-sizing: border-box;
                                }
                            }

                            .fixture-score-text {
                                font-family: "DIN Condensed", sans-serif;
                                font-size: 63px;
                                font-weight: bold;
                                color: #001b5b;
                                line-height: 1;
                                letter-spacing: 2px;
                            }
                        }

                        .pk-result-label {
                            font-family: "DIN Condensed", sans-serif;
                            font-size: 19px;
                            font-weight: 700;
                            color: #001B5B;
                            line-height: 1;
                            margin-left: 50px;
                        }
                    }
                }

                .fixture-broadcast {
                    display: flex;
                    align-items: center;
                    gap: 11px;

                    .broadcast-badge {
                        border: 1px solid #d1d5db;
                        padding: 3px 11px;
                        font-family: "Noto Sans JP", sans-serif;
                        font-size: 11px;
                        line-height: 1;
                        color: #000000;
                        font-weight: 500;
                        background: #ffffff;
                    }

                    .broadcast-link {
                        font-family: "DIN Condensed", sans-serif;
                        font-size: 12px;
                        line-height: 1;
                        color: #25287D;
                        text-decoration: underline;
                        font-weight: 500;
                        margin-right: 16px;
                        /* DIN Condensed（ラテン大文字）の光学中心の浮き上がりを補正 */
                        transform: translateY(2px);
                    }

                    .broadcast-channel {
                        font-family: "Noto Sans JP", sans-serif;
                        font-size: 12px;
                        line-height: 1;
                        color: #000000;
                        font-weight: bold;
                        margin-left: 6px;
                    }
                }
            }

            .fixture-right-buttons {
                display: flex;
                flex-direction: column;
                gap: 4px;
                width: 188px;
                padding-left: 50px;

                .fixture-btn {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    height: 37px;
                    width: 138px;
                    font-family: "Noto Sans JP", sans-serif;
                    font-size: 13px;
                    font-weight: 700;
                    text-align: center;
                    transition: all 0.25s ease;
                    padding: 9px 0;

                    &.btn-blue {
                        background: #001B5B;
                        color: #ffffff;
                        border: none;

                        &:hover {
                            background: #000c2e;
                        }
                    }

                    &.btn-teal {
                        background: #0096B2;
                        color: #ffffff;
                        border: none;

                        &:hover {
                            background: #007c8e;
                        }
                    }

                    &.btn-outline {
                        background: #ffffff;
                        color: #0096B2;
                        border: 1px solid #0096B2;

                        &:hover {
                            background: #0096B2;
                            color: #ffffff;
                        }
                    }
                }
            }

            .fixture-right-ticket-info {
                display: flex;
                flex-direction: column;
                gap: 15px;
                width: 338px;
                padding-left: 50px;

                &.single-ticket-layout {
                    align-items: flex-start;
                }

                &.double-buttons-layout {
                    align-items: flex-start;
                }

                .fixture-ticket-btn {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    height: 37px;
                    width: 138px;
                    font-family: "Noto Sans JP", sans-serif;
                    font-size: 13px;
                    font-weight: 700;
                    transition: all 0.25s ease;
                    padding: 9px 0;

                    &.yellow-btn {
                        background: #FFF600;
                        color: #001B5B;
                        border: none;

                        &:hover {
                            background: #e6dd00;
                        }
                    }

                    &.teal-btn {
                        background: #009EB2;
                        color: #ffffff;
                        border: none;

                        &:hover {
                            background: #007c8e;
                        }
                    }
                }

                .ticket-buttons-row {
                    display: flex;
                    gap: 2px;
                    width: auto;
                }

                .ticket-schedule-block {
                    font-family: "Noto Sans JP", sans-serif;

                    .schedule-head-label {
                        font-size: 10px;
                        font-weight: 500;
                        color: #000000;
                        margin-bottom: 8px;
                        line-height: 17px;
                    }

                    .schedule-dates-list {
                        list-style: none;
                        padding: 0;
                        margin: 0;

                        li {
                            font-size: 10px;
                            color: #000000;
                            margin-bottom: 6px;
                            line-height: 17px;
                            display: flex;
                            align-items: center;
                            gap: 3px;

                            &::before {
                                content: "";
                                display: inline-block;
                                width: 4px;
                                height: 4px;
                                background-color: #25287D;
                                border-radius: 50%;
                                flex-shrink: 0;
                                margin-right: 5px;
                            }

                            .fixture-num {
                                font-size: 10px;
                                font-weight: 400;
                            }

                            .fixture-jp {
                                font-size: 10px;
                                font-weight: 400;
                            }
                        }
                    }
                }
            }
        }

        .fixture-note {
            border-top: 1px solid #e2e8f0;
            background: #ffffff;
            padding: 14px 19px 14px 48px;

            .fixture-note-item {
                font-family: "Noto Sans JP", sans-serif;
                font-size: 13px;
                line-height: 1.7;
                color: #6b7280;
                font-weight: 400;
                margin: 0;
            }
        }
    }

    .footnote-block {
        text-align: right;
        margin-top: 32px;

        .fixture-jp {
            font-size: 15px;
            color: #000000;
            font-weight: 400;
        }
    }
}

.fixtures-nav-grid-section {
    margin-top: 113px;
    margin-bottom: 113px;

    .fixtures-nav-grid-title {
        font-family: "peckham-press", sans-serif;
        font-size: 36px;
        font-weight: 400;
        line-height: 1;
        margin-bottom: 10px;
        color: #001B5B;
        text-align: center;
    }

    .fixtures-nav-grid-subtitle {
        font-family: "Noto Sans JP", sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 1;
        margin-bottom: 52px;
        color: #04003B;
        text-align: center;
    }
}

.sp-banner-text {
    display: none !important;
}

@media (max-width: 768px) {
    .match-page-header {
        display: flex;
        flex-direction: column-reverse;

        .fixtures-banner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 100px;
            background-color: #001b5b;
            color: #ffffff;
            padding-left: 20px;
            padding-right: 0;
            overflow: hidden;
            width: 100%;

            .fixtures-banner-content {
                display: flex;
                flex-direction: column;
                gap: 6px;
                margin-top: 0;
                justify-content: center;

                .fixtures-banner-tag {
                    font-size: 11px;
                    font-weight: 400;
                    gap: 5px;

                    &::before {
                        width: 2px;
                        height: 11px;
                    }
                }

                .fixtures-banner-title {
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 1.4;
                }
            }

            .fixtures-banner-image {
                width: 178px;
                height: 100px;
                min-width: 178px;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
    }

    .fixtures-section {
        padding: 0 20px;
        margin: 30px auto;

        .fixtures-container {
            margin-bottom: 70px;

            &.fixtures-container-emperor {
                margin-bottom: 60px;
            }
        }

        .fixtures-category-title-2 {
            margin-bottom: 32px;
        }

        .fixtures-category-title {
            margin-bottom: 32px;
        }

        .fixtures-title-j1::before {
            height: 64px !important;
        }

        .fixtures-title-emperor::before {
            height: 64px !important;
        }

        .fixtures-title-levain::before {
            height: 32px !important;
        }

        .fixture-row {
            margin-bottom: 32px;

            .fixture-header {
                display: flex;
                align-items: stretch;
                height: 43px;
                background: #EFF0F0;

                .fixture-badge {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-family: var(--font-din);
                    font-size: 17px;
                    font-weight: bold;
                    padding: 15px 15px;
                    color: #ffffff;
                    text-align: center;
                    width: 78px;
                    height: 43px;
                    min-width: unset;
                }

                .fixture-stadium {
                    display: flex;
                    align-items: center;
                    padding: 0 0 0 15px;
                    font-family: "Noto Sans JP", sans-serif;
                    font-size: 13px;
                    font-weight: bold;
                    color: #000000;
                }
            }

            .fixture-body {
                flex-direction: column;
                align-items: stretch;
                padding: 0;
                gap: 0;
                padding-bottom: 15px;

                .fixture-left-content {
                    width: 100%;

                    .fixture-tournament {
                        font-family: "Noto Sans JP", sans-serif;
                        font-size: 14px;
                        color: #000000;
                        margin-bottom: 11px;
                        font-weight: 500;
                        padding: 17px 18px 0 17px;
                    }

                    .fixture-details-row {
                        display: grid;
                        grid-template-columns: 1fr auto;
                        align-items: center;
                        gap: 10px 0;
                        margin-bottom: 0;
                        padding: 0 16px 0 16px;

                        .fixture-datetime-opponent {
                            display: contents;
                        }

                        .fixture-date-block {
                            grid-column: 1;
                            grid-row: 1 / span 2;
                            display: flex;
                            align-items: baseline;
                            color: #000000;
                            align-self: start;
                            margin-top: 5px;

                            .fixture-num {
                                font-family: var(--font-din);
                                font-size: 42px !important;
                                font-weight: bold;
                                line-height: 1;

                                &.fixture-num-long {
                                    font-size: 42px !important;
                                }
                            }

                            .fixture-jp-day {
                                font-family: "Noto Sans JP", sans-serif;
                                font-size: 15px;
                                font-weight: 500;
                                margin: 0 4px;
                            }

                            .fixture-num-time {
                                font-family: var(--font-din);
                                font-size: 17px !important;
                                font-weight: 700;
                                line-height: 1;

                                /* 時刻未定（日本語）はDINだと崩れるためNoto Sans JPで表示 */
                                &.fixture-time-tbd {
                                    font-family: "Noto Sans JP", sans-serif;
                                    font-size: 13px !important;
                                }
                            }

                            /* 日付未定：フリーテキスト（例 10.10[日] or 10.11[月]）用
                               SPでは2日付が並ぶため、全体を通常表示の0.8倍サイズにする */
                            &.fixture-date-block-text {
                                flex-wrap: wrap;

                                .fixture-num {
                                    font-size: 24px !important;
                                }

                                .fixture-jp-day {
                                    font-size: 10px;
                                    margin: 0 3px 0 1px;
                                }

                                /* 「or」などのつなぎ語 */
                                .fixture-date-conj {
                                    font-family: var(--font-din);
                                    font-size: 11px;
                                    font-weight: bold;
                                    line-height: 1;
                                    margin: 0 4px;
                                }

                                /* 時刻はサイズを変えず、日付の下（次の行）に折り返す */
                                .fixture-num-time {
                                    width: 100%;
                                    margin-left: 0;
                                    margin-top: 6px;
                                }
                            }
                        }

                        .fixture-opponent {
                            grid-column: 2;
                            grid-row: 1;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            text-align: center;
                            gap: 6px;
                            justify-self: center;
                            width: 110px;

                            .fixture-logo {
                                width: 57px;
                                height: 60px;
                                object-fit: contain;
                            }

                            .fixture-opponent-name {
                                font-family: "Noto Sans JP", sans-serif;
                                font-size: 13px;
                                font-weight: 700;
                                color: #000000;
                            }
                        }

                        .fixture-score-area {
                            grid-column: 2;
                            grid-row: 2;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            gap: 10px;
                            padding: 5px 0 0 0;
                            border: none;
                            width: auto;
                            justify-self: center;

                            .fixture-status {
                                display: inline-block;
                                vertical-align: middle;
                                line-height: 0;
                                /* スマホ版：数字の光学中心に合わせて上方向へ微調整 */
                                transform: translateY(-3px);
                            }

                            .status-win,
                            .status-lose,
                            .status-draw {
                                transform: 1;
                            }

                            .fixture-score-text {
                                font-family: "DIN Condensed", sans-serif;
                                font-size: 42px;
                                font-weight: bold;
                                color: #001b5b;
                                line-height: 1;
                                letter-spacing: 2px;
                                white-space: nowrap;

                                .score-num-1 {
                                    color: #009EB4;
                                }

                                .score-num-2 {
                                    color: #001B5B;
                                }
                            }
                        }

                        .pk-special-area {
                            grid-column: 2;
                            grid-row: 2;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            gap: 4px;
                            padding: 5px 0 0 0;
                            border: none;
                            width: auto;
                            justify-self: center;

                            .score-upper-row {
                                display: flex;
                                align-items: center;
                                gap: 10px;

                                .fixture-status {
                                    display: inline-block;
                                    vertical-align: middle;
                                    line-height: 0;
                                }

                                .status-win,
                                .status-lose,
                                .status-draw {
                                    transform: 1;
                                }

                                .fixture-score-text {
                                    font-family: "DIN Condensed", sans-serif;
                                    font-size: 42px;
                                    font-weight: bold;
                                    color: #001b5b;
                                    line-height: 1;
                                    letter-spacing: 2px;
                                    white-space: nowrap;

                                    .score-num-1 {
                                        color: #009EB4;
                                    }

                                    .score-num-2 {
                                        color: #001B5B;
                                    }
                                }
                            }

                            .pk-result-label {
                                font-family: "DIN Condensed", sans-serif;
                                font-size: 15px;
                                font-weight: 700;
                                color: #001B5B;
                                line-height: 1;
                                margin-left: 0;
                            }
                        }
                    }

                    .fixture-broadcast {
                        display: grid;
                        grid-template-columns: auto 1fr;
                        gap: 8px 10px;
                        align-items: center;
                        margin-top: 15px;
                        padding: 0 17px;

                        .broadcast-badge {
                            padding: 2px 8px;
                            font-size: 10px;
                            justify-self: start;
                            height: auto;
                        }

                        .broadcast-link {
                            font-size: 11px;
                            margin-right: 0;
                        }

                        .broadcast-channel {
                            font-size: 11px;
                            margin-left: 0;
                        }
                    }

                    .fixture-row:has(.fixture-score-area) .fixture-broadcast {
                        display: none !important;
                    }
                }

                .fixture-right-buttons {
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    gap: 4px 2px;
                    width: 100%;
                    padding: 29px 10px 7px 9px;

                    .fixture-btn {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        height: 37px;
                        font-size: 13px;
                        font-weight: 700;
                        text-align: center;
                        margin: 0;
                        width: calc(50% - 1px);
                    }
                }

                .fixture-right-ticket-info {
                    width: 100%;
                    padding-left: 0;
                    border-left: none;
                    padding-top: 15px;
                    display: flex;
                    flex-direction: column-reverse;
                    gap: 15px;

                    .ticket-buttons-row {
                        display: flex;
                        flex-direction: row;
                        gap: 8px;
                        width: 100%;
                        padding: 0 10px 7px 9px;

                        .fixture-ticket-btn {
                            flex: 1;
                            width: 50%;
                            height: 38px;
                            font-size: 13px;
                        }
                    }

                    &.single-ticket-layout .fixture-ticket-btn {
                        width: 95%;
                        margin: 0 auto;
                        height: 38px;
                        font-size: 13px;
                    }

                    .ticket-schedule-block {
                        font-family: "Noto Sans JP", sans-serif;
                        padding-left: 17px;

                        .schedule-head-label {
                            font-size: 12px;
                            font-weight: bold;
                            margin-bottom: 8px;
                        }

                        .schedule-dates-list {
                            list-style: none;
                            padding: 0;
                            margin: 0;

                            li {
                                font-size: 11px;
                                color: #000000;
                                margin-bottom: 6px;
                                display: flex;
                                flex-wrap: wrap;
                                align-items: center;
                                gap: 3px;

                                .fixture-num,
                                .fixture-jp {
                                    font-size: 11px;
                                    font-weight: bold;
                                }
                            }
                        }
                    }
                }
            }

            .fixture-note {
                border-top: 1px solid #e2e8f0;
                background: #ffffff;
                padding: 12px 16px;

                .fixture-note-item {
                    font-family: "Noto Sans JP", sans-serif;
                    font-size: 11px;
                    line-height: 1.6;
                    color: #6b7280;
                    font-weight: 400;
                    margin: 0;
                }
            }
        }

        .footnote-block {
            text-align: right;
            margin-top: 32px;

            .fixture-jp {
                font-size: 12px;
                line-height: 1.4;
            }
        }
    }

    .fixtures-nav-grid-section {
        margin-bottom: 70px;
        margin-top: 43px;

        .fixtures-nav-grid-title {
            font-size: 24px;
            margin-bottom: 8px;
        }

        .fixtures-nav-grid-subtitle {
            font-size: 12px;
            margin-bottom: 24px;
            font-weight: bold;
        }
    }

    .pc-banner-text {
        display: none !important;
    }

    .sp-banner-text {
        display: block !important;
    }
}