/*ひとつめのフェード*/
.fadeinf {animation-name: fadeinfanm;animation-duration: 1s;}
@keyframes fadeinfanm {
from {opacity: 0;transform: translateY(30px);}
to {opacity: 1;transform: translateY(0);}
}


/*ふたつめ以降のフェード*/

.fadein {
	opacity : 0;
	transform : translate(0px, 100px);
	transition : all 1000ms;
	}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
	}


@keyframes fadein {
from {
    opacity: 0.1;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


/*ふたつめ以降のフェードの中のフェード*/
.fadein.finfade {
	-moz-transition-delay: 20ms;
	-webkit-transition-delay: 20ms;
	-o-transition-delay: 20ms;
	-ms-transition-delay: 20ms;
	}