.slideFadeIn {
	/* animation 非対応ブラウザ (< IE10)ではこの効果を切る */
	animation: slideFadeIn-hidden 1ms 0s 1 normal both;
	will-change: transform, opacity;
}
@keyframes slideFadeIn-hidden {
	0% { opacity: 0; }
	100% { opacity: 0; }
}

.slideFadeIn-visible {
	animation: slideFadeIn-appear 400ms 0s 1 normal both;
}
@keyframes slideFadeIn-appear {
	0% { -ms-transform: translate(0, 60px); transform: translate(0, 60px); opacity: 0; }
	100% { -ms-transform: none; transform: none; opaxity: 1; }
}

@media screen and (max-width: 640px) {
.slideFadeIn {
animation: normal;
}

@media screen and (min-width: 640px) {
.slideFadeInGroup > .slideFadeIn:nth-of-type(2) {
	animation-delay: 60ms;
}
.slideFadeInGroup > .slideFadeIn:nth-of-type(3) {
	animation-delay: 120ms;
}
.slideFadeInGroup > .slideFadeIn:nth-of-type(4) {
	animation-delay: 180ms;
}
.slideFadeInGroup > .slideFadeIn:nth-of-type(5) {
	animation-delay: 240ms;
}
.slideFadeInGroup > .slideFadeIn:nth-of-type(6) {
	animation-delay: 300ms;
}
}