body {
    margin: 0;
}
/*-- PC/スマホ切り替え --*/
.view-pc {
    display: block;
}
.view-sp {
    display: none;
}
@media (max-width: 750px) {
    .view-pc {
        display: none;
    }
    .view-sp {
        display: block;
    }
}

.container{
    padding: 0;
    margin: 0 auto;
    text-align: center;
}
.container img {
    max-width: 100%;
    margin: 0 auto;
}

/*-- ボタン --*/
.btn-cm {
    max-width: calc( 480 / 750 * 100% );
    margin-left: auto;
    margin-right: auto;
}
.mg-top {
    margin-top: 3rem;
}
.btn-official {
    max-width: calc( 480 / 750 * 100% );
    margin-left: auto;
    margin-right: auto;
}
.btn-cm  a:hover,
.btn-official a:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
@media (max-width: 750px) {
    .mg-top {
        margin-top: 0;
    }
}

/*-- コピーライト --*/
#CopyRight {
    font-size: 1rem !important;
}
@media (max-width: 992px) {
    #CopyRight {
        font-size: .8rem !important;
    }
}
@media (max-width: 500px) {
    #CopyRight {
        font-size: .5rem !important;
    }
}

/*-- 余白調整 --*/
.mg_btm5 {
    margin-bottom: 5% !important;
}