@charset "utf-8";

@media only screen and (max-width:767px) {

    body {
        min-width: auto;
        font-size: 3vw;
    }

    .pc-only {
        display: none;
    }

    .sp-only {
        display: block;
    }

    /* ヘッダーここから */
    header {
        min-height: auto;
    }

    .head-wrap {
        width: 100%;
        padding: 2vw 0;
    }

    .container {
        width: 90%;
    }

    .head-logo-wrapper {
        display: block;
    }

    .head-logo-left {
        text-align: center;
        margin: 0 auto;
        max-width: 170px;
    }

    .num-wrapper {
        display: flex;
        position: absolute;
        top: 0;
        left: 60%;
        transform: translateX(-50%);
    }

    .head-logo-overlay {
        height: 34px
    }

    .head-title {
        width: 100%;
        margin-bottom: -3rem;
        margin-top: 0rem;
    }

    /* ヘッダーここまで */

    /* フッターここから */
    .foot-btm {
        font-size: 0.7rem;
        padding: 1.2rem 0;
    }

    /* フッターここまで */

    .pc_set_disp {
        display: inline
    }

    #top-contents {
        margin: 0;
    }

    #top-contents .main-bnr {
        width: 100%;
        margin-top: 1rem;
    }

    #top-contents .main-bnr-sensyu {
        width: 100%;
        padding: 0.5rem;
    }

    .main-bnr-sensyu .body {
        padding: 0.3rem;
    }

    .main-bnr-sensyu .body table tbody tr td {
        font-size: 0.6rem;
    }

    .main-bnr-sensyu .body table tbody tr td:nth-child(1) {
        padding-left: 0.5rem;
    }

    .main-bnr-sensyu .body table tbody tr td:nth-child(2) {
        padding-left: 0.5rem;
    }

    .head-ranking {
        width: 67%;
    }

    .main-bnr-sensyu .body table tbody tr td span.btn {
        width: 18px;
        height: 18px;
        line-height: 18px;
    }

    .main-bnr-sensyu .body table tbody tr td a img {
        width: 30px;
        height: 30px;
    }

    #top-contents td .up,
    #top-contents td .down,
    #top-contents td .same,
    #top-contents td .new {
        display: inline-block;
        width: 15px;
        height: 15px;
        line-height: 15px;
        margin-left: 0px;
        font-size: 10px;
    }

    #top-contents .main-bnr-left-top {
        margin-top: 0.5rem;
    }

    #top-contents .main-bnr-left-bottom {
        margin-top: 0.5rem;
    }

    #top-contents .main-bnr-sensyu {
        height: 420px;
    }

    #top-contents .main-bnr-left-top h2 {
        font-size: 1.1rem;
    }

    #top-contents .main-bnr-left-bottom h2 {
        font-size: 1.1rem;
    }
}