@charset "utf-8";

/*==========================================
head
===========================================*/

.head {
    width: 100%;
    margin-top: 85px;
}

.efootball .head {
    background-color: #000000;
}

.apex .head {
    background-color: #000;
}

.Streamer .head {
    background-color: #000;
}

.pubg .head {
    background-color: #000;
}

.head img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    vertical-align: bottom;
}


@media (min-width: 1001px) {

    .head {
        width: 100%;
        margin-top: 120px;
    }

    .head img {
        display: block;
        width: 1000px;
        height: auto;
        margin: 0 auto;
        vertical-align: bottom;
    }
}

.efootball main {
    width: 100%;
    margin: 0 auto;
    padding: 0 5px;
}



/*==========================================
efootball
===========================================*/

.efootball h1 {
    text-align: center;
    font-size: 50px;
    color: #ffffff;
    background-color: #000000;
    padding: 25px 0;
}

.efootball > ul {
    width: 95%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 100px;
}

.efootball > ul > li {
    width: 95%;
}

.efootball > ul > li > img {
    display: block;
    width: 300px;
    height: auto;
    margin: 0 auto;
    vertical-align: bottom;
}

.efootball > ul > li > ul > li {
    color: #404040;
    font-weight: bold;
    line-height: 1.5;
}

.efootball > ul > li > ul > li:nth-of-type(1) {
    margin-top: 25px;
}

.efootball > ul > li > ul > li:nth-of-type(2) {
    font-size: 36px;
}

.efootball > ul > li > ul > li:nth-of-type(3) {
    margin-top: 15px;
}

.efootball > ul > li > ul > li:nth-of-type(4) {
    font-size: 36px;
}

.efootball > ul > li > ul > li:nth-of-type(5) {
    margin: 15px 0;
    padding: 15px 0;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.efootball > ul > li > ul > li:nth-of-type(6) {
    margin-top: 25px;
}

.efootball > ul > li > ul > li:nth-of-type(7) {
    font-size: 14px;
}

.efootball > ul > li > ul > li:nth-of-type(8) {
    margin-top: 25px;
}

.efootball > ul > li > ul > li:nth-of-type(9) {
    font-size: 14px;
}

.efootball > ul > li > ul > li:nth-of-type(10) img {
    height: 50px;
    width: auto;
    vertical-align: bottom;
    margin-top: 25px;
}

.efootball > ul > li > ul > li:nth-of-type(10) a:nth-of-type(2) {
    padding-left: 25px;
}

@media (min-width: 1001px) {

    /* 横幅が10110px以上の場合に適用するスタイル */
    .efootball h1 {
        text-align: center;
        font-size: 50px;
        color: #ffffff;
        background-color: #000000;
        padding: 25px 0;
    }

    .efootball > ul {
        width: 1000px;
        margin: 0 auto;
        margin-top: 50px;
        margin-bottom: 100px;
        display: flex;
    }

    .efootball > ul > li {}

    .efootball > ul > li {
        width: 400px;
    }

    .efootball > ul > li > img {
        width: 300px;
        height: auto;
        vertical-align: bottom;
    }

    .efootball > ul > li:nth-of-type(2) {
        width: 600px;
    }

    .efootball > ul > li > ul > li {
        color: #404040;
        font-weight: bold;
        line-height: 1.5;
    }

    .efootball > ul > li > ul > li:nth-of-type(1) {}

    .efootball > ul > li > ul > li:nth-of-type(2) {
        font-size: 36px;
    }

    .efootball > ul > li > ul > li:nth-of-type(3) {
        margin-top: 15px;
    }

    .efootball > ul > li > ul > li:nth-of-type(4) {
        font-size: 36px;
    }

    .efootball > ul > li > ul > li:nth-of-type(5) {
        margin: 15px 0;
        padding: 15px 0;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
    }

    .efootball > ul > li > ul > li:nth-of-type(6) {
        margin-top: 25px;
    }

    .efootball > ul > li > ul > li:nth-of-type(7) {
        font-size: 18px;
    }

    .efootball > ul > li > ul > li:nth-of-type(8) {
        margin-top: 25px;
    }

    .efootball > ul > li > ul > li:nth-of-type(9) {
        font-size: 18px;
    }

    .efootball > ul > li > ul > li:nth-of-type(10) img {
        height: 50px;
        width: auto;
        vertical-align: bottom;
        margin-top: 25px;
    }

    .efootball > ul > li > ul > li:nth-of-type(10) a:nth-of-type(2) {
        padding-left: 25px;
    }
}

/*==========================================
pubg
===========================================*/

.pubg h1 {
    text-align: center;
    font-size: 50px;
    color: #fff;
    background-color: #000;
    padding: 25px 0;
}

.pubg > ul {
    width: 95%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 100px;
}

.pubg > ul > li {
    width: 95%;
}

.pubg > ul > li > img {
    display: block;
    width: 300px;
    height: auto;
    margin: 0 auto;
    vertical-align: bottom;
}

.pubg > ul > li > ul > li {
    color: #404040;
    font-weight: bold;
    line-height: 1.5;
}

.pubg > ul > li > ul > li:nth-of-type(1) {
    margin-top: 25px;
}

.pubg > ul > li > ul > li:nth-of-type(2) {
    font-size: 35px;
}

.pubg > ul > li > ul > li:nth-of-type(3) {
    margin-top: 15px;
}

.pubg > ul > li > ul > li:nth-of-type(4) {
    font-size: 36px;
}

.pubg > ul > li > ul > li:nth-of-type(5) {
    margin: 15px 0;
    padding: 15px 0;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.pubg > ul > li > ul > li:nth-of-type(6) {
    margin-top: 25px;
}


.pubg > ul > li > ul > li:nth-of-type(10) img {
    height: 50px;
    width: auto;
    vertical-align: bottom;
    margin-top: 25px;
}

.pubg > ul > li > ul > li:nth-of-type(10) a:nth-of-type(2) {
    padding-left: 25px;
}

.pubg > ul > li > ul > li table {}


.pubg > ul > li > ul > li table.interview_1 td:nth-of-type(1) {
    width: 100px;
}

.pubg > ul > li > ul > li table.interview_2 {
    width: 100%;
}

.pubg > ul > li > ul > li table.interview_2 td {
    vertical-align: middle;
    color: #3B59B3;
}

.pubg > ul > li > ul > li table.interview_2 td:nth-of-type(1) {
    width: 60px;
}

.pubg > ul > li > ul > li table.interview_2 td:nth-of-type(2) {
    width: 60px;
}

.pubg > ul > li > ul > li table.interview_2 td.odd {
    color: #9f9f9f;
}

.pubg > ul > li > ul > li table.interview_2 td img {
    width: 50px;
    height: auto;
    padding-right: 10px;
}


@media (min-width: 1001px) {

    /* 横幅が10110px以上の場合に適用するスタイル */
    .pubg h1 {
        text-align: center;
        font-size: 50px;
        color: #fff;
        background-color: #000;
        padding: 25px 0;
    }

    .pubg > ul {
        width: 1000px;
        margin: 0 auto;
        margin-top: 50px;
        margin-bottom: 100px;
        display: flex;
    }

    .pubg > ul > li {}

    .pubg > ul > li {
        width: 400px;
    }

    .pubg > ul > li > img {
        width: 300px;
        height: auto;
        vertical-align: bottom;
    }

    .pubg > ul > li:nth-of-type(2) {
        width: 600px;
    }

    .pubg > ul > li > ul > li {
        color: #404040;
        font-weight: bold;
        line-height: 1.5;
    }

    .pubg > ul > li > ul > li:nth-of-type(1) {}

    .pubg > ul > li > ul > li:nth-of-type(2) {
        font-size: 36px;
    }

    .pubg > ul > li > ul > li:nth-of-type(3) {
        margin-top: 15px;
    }

    .pubg > ul > li > ul > li:nth-of-type(4) {
        font-size: 36px;
    }

    .pubg > ul > li > ul > li:nth-of-type(5) {
        margin: 15px 0;
        padding: 15px 0;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
    }

    .pubg > ul > li > ul > li:nth-of-type(6) {
        margin-top: 25px;
    }

    .pubg > ul > li > ul > li:nth-of-type(7) {
        font-size: 18px;
    }

    .pubg > ul > li > ul > li:nth-of-type(8) {
        margin-top: 25px;
    }

    .pubg > ul > li > ul > li:nth-of-type(9) {
        font-size: 18px;
    }

    .pubg > ul > li > ul > li:nth-of-type(10) img {
        height: 50px;
        width: auto;
        vertical-align: bottom;
        margin-top: 25px;
    }

    .pubg > ul > li > ul > li:nth-of-type(10) a:nth-of-type(2) {
        padding-left: 25px;
    }
}






/*==========================================
apex
===========================================*/

.apex h1 {
    text-align: center;
    font-size: 50px;
    color: #fff;
    background-color: #000;
    padding: 25px 0;
}

.Streamer h1 {
    text-align: center;
    font-size: 50px;
    color: #fff;
    background-color: #000;
    padding: 25px 0;
}

/*==========================================
cooming
===========================================*/

p.coming {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 200px;
    font-size: 100px;
    font-weight: bold;
    color: #ddd;
}

@media screen and (max-width:1000px) {
    p.coming {
        font-size: 50px;
    }
}


/*==========================================
.s_20230515_1
===========================================*/

.pubg div.s_20230515_1 {
    background-color: #000;
    padding-bottom: 50px;
}

.pubg div.s_20230515_1 a:hover {
    opacity: 0.6;
}

.pubg .s_20230515_2 {
    display: block;
    width: 1000px;
    margin: 0 auto;
    /*
    background-image: url(../img/player/20230515.jpg);
background-size: contain;
*/
}

.pubg .s_20230515_2 img {
    width: 100%;
    height: auto;
}

.sample {
    background: #000;
    font-size: 50px;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
    color: #FFF;
    text-shadow:
        0 0 0.10em #2962FF,
        0 0 0.15em #2962FF,
        0 0 0.80em #2962FF,
        0 0 1.00em #2962FF;
}

@media screen and (max-width:1000px) {
    .pubg div.s_20230515_1 {
        padding-bottom: 10px;
    }

    .pubg .s_20230515_2 {
        width: 100%;
        text-align: center;
    }

    .pubg .s_20230515_2 img {
        width: 95%;
        height: auto;

    }

    .sample {
        font-size: 18px;
    }
}

/*==========================================
SNSアイコン
===========================================*/

.sns-icons {
  display: flex;
  justify-content: flex-start; /* 左寄せ */
  gap: 15px;
  margin-top: 5px;
}

.sns-icons img {
  height: 50px;
  width: auto;
  vertical-align: middle;
}