@charset "UTF-8";
@import url("https://use.fontawesome.com/releases/v5.15.4/css/all.css");
@import url("//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css");
@import url("//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css");
@import url("//cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css");

#pageTopBtn {
    bottom: 15px !important;
}

html.is-fixed {
    height: inherit;
}

html,
body {
    overflow-x: clip;
}

body {
    min-width: 100%;
    background: none;
}

body.opening-game2026 {
    overflow-x: clip;
    overflow-y: visible;
}

body.opening-game-dummy .main,
body.opening-game-detail .main {
    padding-top: 63px;
}

.main {
    font-family: "Noto Sans JP", sans-serif;
    overflow: visible;
}

.spDIS {
    display: block;
}

.pcDIS {
    display: none;
}

.kome {
    font-size: 10px !important;
    padding: 0;
}

.txt-bold-l {
    font-weight: bold;
    font-size: 120%;
}

.fade-up {
    transition: 0.3s ease-in-out;
}

.seasonopening2024Header__jLogo {
    left: 10px;
    top: 10px;
}

.kv_area {
    height: calc(100lvh + 128.2051282051vw);
}

.kv_area h1 {
    aspect-ratio: 780/1000;
}

.kv_area h1 img.spDIS {
    display: block;
}

.kv_area h1 img.pcDIS {
    display: none;
}

/* ==========================================================================
　  lead
========================================================================== */
.lead_area .lead_bg::after {
    background-size: 160% auto;
}

.lead_area .lead_bg img {
    transform: none !important;
}

.lead_area .lead_inner {
    padding: 80px 0 0;
}

.lead_area .lead_inner h2 {
    margin: 0 auto 60px;
}

.lead_area .lead_inner .lead_txt {
    width: 90%;
    padding-bottom: 120px;
    gap: 18px;
}

.lead_area .lead_inner .lead_txt p {
    font-size: 3.5vw;
}

.lead_area .lead_inner .lead_txt p.lead_txt_l {
    margin-top: 18px;
    font-size: 6vw;
}

/* ==========================================================================
　  bunner
========================================================================== */
.bunner_area {
    gap: 18px;
    margin-top: -1px;
    padding: 30px 0 80px;
}

.bunner_area a {
    width: 88%;
}

/* ==========================================================================
　  slide
========================================================================== */
.slide_area h2 {
    padding: 80px 0;
}

.slide_list li {
    flex: 0 0 150px;
    width: 150px;
}

.slide_list img {
    width: 150px;
}

/* ==========================================================================
　  season
========================================================================== */
.season_area {
    padding-bottom: 60px;
}

.season_area h2 {
    padding-top: 60px;
    font-size: 24px;
}

.season_area .season_box {
    padding: 60px 0;
    gap: 30px;
}

.season_area .season_box h3 {
    gap: 10px;
}

.season_area .season_box h3 .num {
    width: 25px;
}

.season_area .season_box h3 .txt {
    font-size: 18px;
}

.season_area .season_box .season_lead {
    font-size: 14px;
    text-align: left;
}

.season_area .season_box .arrow-txt {
    font-size: 28px;
    padding-bottom: 40px;
}

.season_area .season_box .arrow-txt span {
    font-size: 12px;
}

.season_area .season_box .arrow-txt:after {
    width: 45px;
    height: 15px;
}

.season_area .season_box .season_txt {
    font-size: 14px;
    text-align: left;
}

.season_area .season_box .season_txt span {
    font-size: 22px;
    color: #fff;
    background: none;
}

.season_area .season_box .season_txt b {
    font-size: 26px;
}

.season_area .season_box .season_txt_l {
    font-size: 18px;
    text-align: left;
}

.season_area .season_box .season_txt_l span {
    font-size: 30px;
    font-weight: 900;
}

.season_area .season_box .schedule_ttl {
    font-size: 24px;
}

.season_area .season_box .schedule_caption {
    margin-top: 6px;
    font-size: 11px;
    line-height: 1.45;
}

.opening_game_area > .switchNav {
    padding-top: 60px;
}

.opening_game_area .switchNav__link .switchPanel {
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.opening_game_area .switchNav__link .switchPanel li {
    width: min(100%, 320px);
}

.opening_game_area .switchNav__link .switchPanel li > a,
.opening_game_area .switchNav__link .switchPanel li > span {
    height: 50px;
    padding: 0 14px;
    font-size: 14px;
}

.openingFeaturedMatch {
    padding-bottom: 60px;
}

.openingFeaturedKv {
    width: 100%;
}

.opening-game2026.j1 .openingFeaturedKv,
.opening-game2026.j2 .openingFeaturedKv,
.opening-game2026.j3 .openingFeaturedKv {
    margin-bottom: 24px;
}

.openingFeaturedLead {
    margin: 16px auto 24px;
    padding: 0 5%;
    font-size: 18px;
}

.opening_game_area .openingFeaturedMatch .contentArea {
    margin-bottom: 20px;
}

.opening_game_area .openingFeaturedTicketActions {
    width: 90%;
}

#opening-game-league-nav {
    scroll-margin-top: 72px;
}

.opening_game_area .tabSelecter .tab li {
    background: none;
}

.opening_game_area .openingGameTabs li > a,
.opening_game_area .openingGameTabs li > span {
    padding-bottom: 10px;
    font-size: 16px;
}

.opening_game_area .openingGameTabs li.current > span::after {
    margin-left: -10px;
    border-width: 10px;
}

.opening_game_area .openingGameComingSoon {
    min-height: 200px;
    font-size: 24px;
}

.opening_game_area .matchCardActions {
    margin-top: 6px;
    gap: 8px;
}

.opening_game_area .matchActionLink {
    height: 48px;
    font-size: 14px;
}

.opening_game_area .matchActionLink:only-child {
    max-width: 320px;
}

.opening_game_area .matchActionLink .a-icons__icon {
    right: 12px;
    width: 18px;
    height: 18px;
}

.opening_game_area .matchDetailTicketActions {
    padding-top: 30px;
    margin-bottom: 0;
}

.opening_game_area .tabContentsBox .openingGamePanel .matchinner > li {
    margin-bottom: 36px;
}

.matchCard .contentArea {
    margin-bottom: 24px;
}

.matchCard .matchDetailBackNav {
    margin-bottom: 50px;
}

.matchCard .matchDetailBackNav a {
    width: min(100%, 320px);
    height: 50px;
    padding: 0 14px;
    font-size: 14px;
}

.matchCard .contentArea .highlightsArea p {
    font-size: 14px;
    line-height: 18px;
    text-indent: 1em;
}

.last_box {
    padding: 60px 0;
}

.last_box .last_box_inner {
    gap: 30px;
}

.last_box p {
    font-size: 14px;
}