
.fadein {
	opacity : 0.1;
	transform : translate(0px, 100px);
	transition : all 500ms;
	}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
	}

/* 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;
    }
/* 3つ目の要素に400msのdelayをかける */
#effect2 .fadein:nth-of-type(3) {
    -moz-transition-delay:400ms;
    -webkit-transition-delay:400ms;
    -o-transition-delay:400ms;
    -ms-transition-delay:400ms;
    }
/* 4つ目の要素に600msのdelayをかける */
#effect2 .fadein:nth-of-type(4) {
    -moz-transition-delay:600ms;
    -webkit-transition-delay:600ms;
    -o-transition-delay:600ms;
    -ms-transition-delay:600ms;
    }
/* 5つ目の要素に800msのdelayをかける */
#effect2 .fadein:nth-of-type(5) {
    -moz-transition-delay:800ms;
    -webkit-transition-delay:800ms;
    -o-transition-delay:800ms;
    -ms-transition-delay:800ms;
    }
/* 6つ目の要素に1000msのdelayをかける */
#effect2 .fadein:nth-of-type(6) {
    -moz-transition-delay:1000ms;
    -webkit-transition-delay:1000ms;
    -o-transition-delay:1000ms;
    -ms-transition-delay:1000ms;
    }
/* 7つ目の要素に1200msのdelayをかける */
#effect2 .fadein:nth-of-type(7) {
    -moz-transition-delay:1200ms;
    -webkit-transition-delay:1200ms;
    -o-transition-delay:1200ms;
    -ms-transition-delay:1200ms;
    }
/* 8つ目の要素に1400msのdelayをかける */
#effect2 .fadein:nth-of-type(8) {
    -moz-transition-delay:1400ms;
    -webkit-transition-delay:1400ms;
    -o-transition-delay:1400ms;
    -ms-transition-delay:1400ms;
    }