/* 下から */
.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);
    }