/* /////////////////////////////////////////////////////////////////////////// */
@media (max-width: 1024px) {
    #section-logo {
        margin: 1rem 0 0 1.5rem;
    }

    #section-price .guage-bar {
        top: 38%;
        height: 39%;
    }
}

/* /////////////////////////////////////////////////////////////////////////// */
@media only screen and (min-width : 765px) and (max-width : 768px) {
    #elm-section-margin-tb img {
        height: 660px;
    }
}

/* /////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width : 719px) {
    #elm-section-margin-tb img {
        height: 660px;
    }
}

/* /////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width : 500px) {
    #section-logo {
        top: 50px;
        margin: unset;
        left: 50%;
        transform: translateX(-50%);
    }

    #section-logo img {
        width: 90px;
        height: auto;
    }

    #section-top-right-btn .btn-grid-parent {
        gap: 3px;
        margin: 0.6rem 0.6rem 0 0;
    }

    #section-top-right-btn .btn-grid-parent img {
        width: 55%;
        height: auto;
    }

    .pc-tb {
        display: none;
    }

    #section-content #top-title-mb {
        position: relative;
        top: 140px;
    }

    #section-content #top-title-mb img {
        width: 260px;
        height: auto;
    }

    #section-content #btn-register {
        position: relative;
        top: 140px;
    }

    #section-content #btn-register img {
        width: 65% !important;
        height: auto;
    }

    #section-content #top-event-date-mb {
        position: relative;
        top: 130px;
    }

    #section-content #top-event-date-mb img {
        width: 230px !important;
        height: auto;
        margin: auto;
    }

    #section-price {
        width: 100%;
        top: 57.5%;
        overflow: hidden;
    }

    #section-price #elm-prize-mb {
        width: 93%;
        margin: auto;
    }

    #section-price #elm-prize-mb img {
        width: 100%;
    }

    #section-price #elm-guage {
        margin-top: -7px;
    }

    #section-price #elm-guage #guage-bg-mb {
        width: 93%;
        margin: auto;
    }

    #section-price #elm-guage #guage-bg-mb img {
        width: 100%;
    }

    #section-price #elm-guage .guage-bar {
        width: 93%;
        height: 27%;
        top: 43%;
    }

    #section-price .guage-bar .bar {
        height: 85%;
    }

    #section-price #elm-guage .guage-bar #guage-pointer img {
        width: 12px;
    }

    #section-price #elm-button {
        width: 95%;
        margin: auto;
    }

    #section-price #img-download.mb,
    #section-price #img-home.mb,
    #section-price #img-share.mb {
        text-align: center;
    }

    #section-price #img-download.mb img,
    #section-price #img-home.mb img,
    #section-price #img-share.mb img {
        height: 41px;
        width: auto;
    }

    .modal#modal-download .modal-dialog {
        width: 80%;
        margin: auto;
        margin-top: 5rem;
    }

    .modal#modal-download .modal-dialog img {
        width: 100%;
        height: auto;
    }
}

/* /////////////////////////////////////////////////////////////////////////// */
@media only screen and (min-width: 510px) and (max-width : 768px) {
    
}

/* /////////////////////////////////////////////////////////////////////////// */
@media only screen and (min-width: 412px) and (max-width : 427px) {
    #section-content #top-title-mb {
        position: relative;
        top: 132px;
    }

    #section-content #btn-register {
        position: relative;
        top: 130px;
    }

    #section-content #btn-register img {
        width: 65% !important;
        height: auto;
    }

    #section-price {
        width: 100%;
        top: 56%;
        overflow: hidden;
    }

    #section-price #elm-prize-mb {
        width: 93%;
        margin: auto;
    }

    #section-price #elm-prize-mb img {
        width: 100%;
    }

    #section-price #elm-guage {
        margin-top: -7px;
    }

    #section-price #elm-guage #guage-bg-mb {
        width: 93%;
        margin: auto;
    }

    #section-price #elm-guage #guage-bg-mb img {
        width: 100%;
    }

    #section-price #elm-guage .guage-bar {
        width: 93%;
        height: 27%;
        top: 44%;
    }

    #section-price .guage-bar .bar {
        height: 85%;
    }

    #section-price #elm-guage .guage-bar #guage-pointer img {
        width: 12px;
    }

    #section-price #elm-button {
        width: 95%;
        margin: auto;
    }

    #section-price #img-download.mb,
    #section-price #img-home.mb,
    #section-price #img-share.mb {
        text-align: center;
    }

    #section-price #img-download.mb img,
    #section-price #img-home.mb img,
    #section-price #img-share.mb img {
        height: 38px;
        width: auto;
    }

    .modal#modal-download .modal-dialog {
        width: 80%;
        margin: auto;
        margin-top: 5rem;
    }

    .modal#modal-download .modal-dialog img {
        width: 100%;
        height: auto;
    }
}

/* /////////////////////////////////////////////////////////////////////////// */
@media only screen and (width : 375px) {
    #section-price {
        top: 70%;
    }

    #section-price #img-download.mb img,
    #section-price #img-home.mb img,
    #section-price #img-share.mb img {
        height: 35px !important;
    }
}

/* /////////////////////////////////////////////////////////////////////////// */
@media only screen and (min-width: 374px) and (max-width : 400px) {
    #section-content #top-title-mb {
        position: relative;
        top: 120px;
    }

    #section-content #btn-register {
        position: relative;
        top: 118px;
    }

    #section-content #btn-register img {
        width: 65% !important;
        height: auto;
    }

    #section-content #top-event-date-mb {
        position: relative;
        top: 125px;
    }

    #section-content #top-event-date-mb img {
        width: 210px !important;
        height: auto;
        margin: auto;
    }

    #section-price {
        width: 100%;
        overflow: hidden;
    }

    #section-price #elm-prize-mb {
        width: 93%;
        margin: auto;
    }

    #section-price #elm-prize-mb img {
        width: 100%;
    }

    #section-price #elm-guage {
        margin-top: -7px;
    }

    #section-price #elm-guage #guage-bg-mb {
        width: 93%;
        margin: auto;
    }

    #section-price #elm-guage #guage-bg-mb img {
        width: 100%;
    }

    #section-price #elm-guage .guage-bar {
        width: 93%;
        height: 27%;
        top: 44%;
    }

    #section-price .guage-bar .bar {
        height: 85%;
    }

    #section-price #elm-guage .guage-bar #guage-pointer img {
        width: 12px;
    }

    #section-price #elm-button {
        width: 95%;
        margin: auto;
    }

    #section-price #img-download.mb,
    #section-price #img-home.mb,
    #section-price #img-share.mb {
        text-align: center;
    }

    #section-price #img-download.mb img,
    #section-price #img-home.mb img,
    #section-price #img-share.mb img {
        height: 36px;
        width: auto;
    }
}

/* /////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width : 370px) {
    #section-content #top-title-mb {
        position: relative;
        top: 110px;
    }

    #section-content #btn-register {
        position: relative;
        top: 108px;
    }

    #section-content #btn-register img {
        width: 65% !important;
        height: auto;
    }

    #section-content #top-event-date-mb {
        position: relative;
        top: 120px;
    }

    #section-content #top-event-date-mb img {
        width: 190px !important;
        height: auto;
        margin: auto;
    }

    #section-price {
        width: 100%;
        top: 56.5%;
        overflow: hidden;
    }

    #section-price #elm-prize-mb {
        width: 93%;
        margin: auto;
    }

    #section-price #elm-prize-mb img {
        width: 100%;
    }

    #section-price #elm-guage {
        margin-top: -7px;
    }

    #section-price #elm-guage #guage-bg-mb {
        width: 93%;
        margin: auto;
    }

    #section-price #elm-guage #guage-bg-mb img {
        width: 100%;
    }

    #section-price #elm-guage .guage-bar {
        width: 93%;
        height: 26%;
        top: 43%;
    }

    #section-price #elm-guage .guage-bar #guage-pointer img {
        width: 12px;
    }

    #section-price #elm-button {
        width: 95%;
        margin: auto;
    }

    #section-price #img-download.mb,
    #section-price #img-home.mb,
    #section-price #img-share.mb {
        text-align: center;
    }

    #section-price #img-download.mb img,
    #section-price #img-home.mb img,
    #section-price #img-share.mb img {
        height: 33px;
        width: auto;
    }
}