/* 下から上へフェードイン Start ----------------------------*/
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 300ms;
}

.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
/* 下から上へフェードイン End ------------------------------*/

/* 左から右へフェードイン Start ----------------------------*/
.fadeinLR {
    opacity : 0;
    transform : translate(-50px, 0);
    transition : all 500ms;
}

.fadeinLR.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
/* 左から右へフェードイン End ------------------------------*/