/*読み込み*/

#loader-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: white;
    z-index: 1;
}
#loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center;
    color: #fff;
    z-index: 2;
}


/*フェードイン */

.fadein {
    opacity: 0;
    transform : translate(0, 50px);
    transition : all 1000ms;
}

.fadein.scrollin{
    opacity: 1;
    transform: translate(0, 0);
}

.fadein-auto{
    opacity: 0;
    transform : translate(0, 50px);
    transition : all 1000ms;
}

.fadein-auto.scrollin{
    opacity: 1;
    transform: translate(0, 0);
}


/*End フェードイン*/