#loading {
    width: 100vw;
    height: 100vh;
    transition: all 2s;
    background-color: #0bd;
    position: relative;
}
#loading p{
    color: white;
    font-size: 25px;
    font-family: corporate-logo-ver2,
    sans-serif;
    font-style: normal;
    font-weight: 500;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.spinner {
    width: 100px;
    height: 100px;
    margin: 40vh auto;
    background-color: #fff;
    border-radius: 100%;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

/* ローディングアニメーション */
@keyframes sk-scaleout {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1.0);
        opacity: 0;
    }
}

/* コンテンツ部分の装飾 */
.gallery {
    /* display: grid; */
    /* overflow: hidden; */
}


#loading {
    width: 100vw;
    height: 100vh;
    transition: all 2s;
    background-color: #E4979B;

    /* 以下のコードを追加 */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    
}

.loaded {
    opacity: 0;
    visibility: hidden;
}


/* body {
    animation: disableScroll .1s linear 1.5s both;

}

@keyframes disableScroll {
     0% {
        overflow: hidden;
        
    }

    100% {
         overflow: auto;
        
    }

    
} */
body{
    overflow: hidden;
}