@charset "UTF-8";

.loading {
    /*fixedで全面に固定*/
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: #fff;
    text-align:center;
    visibility: visible;
}

.loading-animation {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
}

/* Loading gif size　*/
.loading-animation img {
    width:465px;
}

.loading.is-active {
    visibility: hidden;
}

.loading-animation.is-active {
    visibility: visible;
}


/* ============================================================SP============================================================ */

@media screen and (max-width: 834px){
    /* Loading gif size　*/
    .loading-animation img {
        width: 330px;
    }
}