.fadein {
    opacity : 0;
    transform : translate(0, 0);
    transition : all 1000ms;
}
.fadeup {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 600ms;
}
.fadedown {
    opacity : 0;
    transform : translate(0, -50px);
    transition : all 600ms;
}
.fadeleft {
    opacity : 0;
    transform : translate(50px, 0);
    transition : all 600ms;
}
.faderight {
    opacity : 0;
    transform : translate(-150px, 0);
    transition : all 600ms;
}
.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
.fade-first {
    -moz-transition-delay:100ms;
    -webkit-transition-delay:100ms;
    -o-transition-delay:100ms;
    -ms-transition-delay:100ms;
}
/* 2つ目の要素にdelayをかける */
.fade-second {
    -moz-transition-delay:300ms;
    -webkit-transition-delay:300ms;
    -o-transition-delay:300ms;
    -ms-transition-delay:300ms;
}
/* 3つ目の要素にdelayをかける */
.fade-third {
    -moz-transition-delay:500ms;
    -webkit-transition-delay:500ms;
    -o-transition-delay:500ms;
    -ms-transition-delay:500ms;
}