/* ========== Extra Extra Large ≥1400px ========== */
@media (max-width: 1400px) {
    .gatchamanContentMainLayout {
        width: 100%;
        max-width: 650px;
    }
}

/* ========== Extra Large ≥1200px ========== */
@media (max-width: 1200px) {}

/* ========== Large ≥992px ========== */
@media (max-width: 992px) {
    .gatchamanContentMainLayout {
        width: 100%;
        max-width: 100%;
    }

    .gatchamanCharacterLayout {
        width: 100%;
        height: 100%;
    }

    .gatchamanLogo {
        max-width: 120px;
    }

    .gatchamanTitle {
        max-width: 500px;
    }

    .gatchamanCharacterImg {
        width: 990px;
        height: 600px;
    }

    .gatchamanCharacterImg img {
        padding-right: 30px;
    }

    .gatchamanCharacterImg img {
        width: 990px;
        height: 600px;
    }
}

/* ========== Medium ≥768px ========== */
@media (max-width: 768px) {}

/* ========== Small ≥576px ========== */
@media (max-width: 576px) {
    .gatchamanDateLayout {
        width: 450px;
        height: 38px;
    }

    .gatchamanDateLayout span {
        font-size: 11px;
        font-weight: 600;
        color: #fff;
    }

    .bannerFooterC {
        font-size: 12px;
    }

    .gatchamanButton {
        width: 180px;
        height: 60px;
        transition: all .5s;
    }
}

@media (max-width: 460PX) {
    .gatchamanDateLayout {
        width: 350px;
        height: 38px;
    }

    .gatchamanDateLayout span {
        font-size: 11px;
        font-weight: 600;
        color: #fff;
    }
}