/* 下から */
.fadein {
	opacity : 0.1;
	transform : translate(0, 30px);
	transition : all 600ms;
	}
/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

/* 横（右）から　*/
.fadein01 {
        opacity : 0.1;
        transform : translate(30px, 0);
        transition : all 600ms;
        }
.fadein01.scrollin {
        opacity : 1;
        transform : translate(0, 0);
        }
 /* 横（左）から　*/
.fadein02 {
    opacity : 0.1;
    transform : translate(-30px, 0);
    transition : all 600ms;
    }
.fadein02.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

    /* 2つ目の要素に200msのdelayをかける */
    #effect2 .fadein:nth-of-type(2) {
        -moz-transition-delay:200ms;
        -webkit-transition-delay:200ms;
        -o-transition-delay:200ms;
        -ms-transition-delay:200ms;
        }
    #effect2 .fadein:nth-of-type(3) {
        -moz-transition-delay:400ms;
        -webkit-transition-delay:400ms;
        -o-transition-delay:400ms;
        -ms-transition-delay:400ms;
        }