/* =============================

    page-games.php

==============================*/
/* 検索タブ */
#games-wrapper section {
    display: none;
  }

#games-wrapper #s_all {
    display: block;
  }

/* =============================

    page-players.php

==============================*/
#players-wrapper .players_tab a {
    font-size: 2.0rem;
    font-weight: bold;
    background: var(--black-a060);
    color: var(--white);
    width: 24.0rem;
    text-align: center;
    padding: 2rem 0 1.8rem;
    display: inline-block;
}

#players-wrapper .players_tab:first-of-type {
    margin-right: 0.8rem;
}

#players-wrapper .players_tab.is-active a {
    background: var(--black);
    padding-bottom: 2rem;
}

#players-wrapper .players_panel{
    display:none;
}

#players-wrapper #tab_panel_1,
#players-wrapper #tab_panel_2 {
    padding-top: 40.0rem;
    margin-top: -40.0rem;
}

#players-wrapper .players_tab_group {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

}

#players-wrapper .players_panel.is-show{
    display:block;
}

#players-wrapper .players_panel_inner {
    background: var(--white);
    width: 100%;
    border-top: solid 2px var(--black);
}

@media screen and (max-width: 768px) {
#players-wrapper .players_tab_group {
    justify-content: center;
}

#players-wrapper .players_tab a {
    color: var(--white);
    font-size: 1.6rem;
    width: 16.1rem;
    padding: 1.7rem 0;
}
}

/* =============================

    page-fanclub.php

==============================*/
@media screen and (max-width: 768px) {
#fc-wrapper .fc_benefit table .dn {
    display: none;
}

#fc-wrapper .fc_benefit ul.fc_tab_switch {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 85%;
    margin: 3.8rem auto 0;
}

#fc-wrapper .fc_benefit .fc_tab_switch li.fc_benefit_hr {
    font-weight: bold;
    width: 100%;
    text-align: center;
    height: 9.4rem;
    padding: 1.6rem;
    font-size: 1.6rem;
}

#fc-wrapper .fc_benefit .fc_tab_switch li.fc_benefit_hr:nth-of-type(1) {
    color: var(--white);
    background: linear-gradient(to top, #F5317C, #FFA701);
    margin-right: 0.5rem;
}

#fc-wrapper .fc_benefit table.fc_tab_switch tr td.fc_benefit_vip {
    position: absolute;
    top: -2.0rem;
    left: -1.8rem;
    width: 111.5%;
    border-bottom: solid 2px #F5317C;
    border-right: 0;
    background: none;
    padding: 0;
}

#fc-wrapper .fc_benefit table.fc_tab_switch tr td.fc_benefit_regular {
    position: absolute;
    top: -2.0rem;
    left: -1.8rem;
    width: 111.5%;
    border-bottom: solid 2px var(--yellow);
    border-right: 0;
    background: none;
    padding: 0;
}

#fc-wrapper .fc_benefit .fc_tab_switch li.fc_benefit_hr:nth-of-type(2) {
    background: var(--yellow)
}

#fc-wrapper .fc_benefit .fc_tab_switch li.fc_benefit_hr .fc_benefit_pic {
    width: 3.2rem;
    height: 3.2rem;
}

#fc-wrapper .fc_benefit table tr {
    position: relative;
    z-index: 1;
}

#fc-wrapper .fc_benefit table tr:nth-child(1),
#fc-wrapper .fc_benefit table tr:nth-child(2),
#fc-wrapper .fc_benefit table tr:last-of-type {
    border: 0;
}

#fc-wrapper .fc_benefit table.fc_tab_switch td {
    border-right: 0;
}

#fc-wrapper .fc_benefit table.fc_tab_switch td.fc_benefit_td_pic {
    height: 15rem;
}

#fc-wrapper .fc_benefit table.fc_tab_switch td.fc_benefit_td_pic img {
    object-fit: contain;
}


#fc-wrapper table.fc_tab_switch tr td.fc_benefit_vip_bg {
    position: absolute;
    top: -2.0rem;
    left: -1.9rem;
    width: 112%;
    height: 158vh;
    background: rgb(245 49 124 / 0.1);
    z-index: -1;
    border: 0;
    padding: 0;
}

#fc-wrapper table.fc_tab_switch tr td.fc_benefit_regular_bg {
    position: absolute;
    top: -2.0rem;
    left: -1.9rem;
    width: 112%;
    height: 158vh;
    background: rgb(255 187 1 / 0.25);
    z-index: -1;
    border: 0;
    padding: 0;
}
}