@charset "utf-8";


/*-------------------- 変数 --------------------*/
:root {
	--link-color: #42454a;
	--link-hover-color: #81838a;
	--link-dot: #e5e5e5;
    --el_gray: #81838a;
    --pad1: 2rem;
    --pad2: 4rem;
    --pad3: 6rem;
    --pad4: 8rem;
    --pad5: 15rem;
    --main_min_height: 50vw;
    --main_max_height: 80vw;
    --lightseagreen: #4cb9a2;
    --lightspanishorange: #f6af89;
}


/* ------------------------ Now Loading...画面 ------------------------ */

#screenLoader {
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--el_gray) url(./images/loading.gif) center center / 64px 64px no-repeat;
}

@keyframes fadeout {
    0% {
        opacity: 100%;
    }
    100% {
        opacity: 0%;
    }
}

#screenLoader._fadeout_ {
    animation: fadeout .5s ease-out 0s 1 normal forwards;
}

body._SCRLoder_active_ {
    position: fixed;
    width: 100%;
}

@media all and (max-width: 599px) {
    #screenLoader {
        background-size: 64px 64px;
    }
}