@charset "UTF-8";  

.scrollView {
  opacity: 1 !important;
}

/* フェードイン */
.fadein {
	opacity : 0;
	transform : translate(0, 30px);
	transition : all 1500ms;
}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

@keyframes expansion {
	from {
		transform: scale(1,1);
	}
	40% {
		transform: scale(1,1);
	}
	47% {
		transform: scale(1.2,1.2);
	}
	50% {
		transform: scale(1,1);
	}
	54% {
		transform: scale(1.1,1.1);
	}
	60% {
		transform: scale(1,1);
	}
	100% {
		transform: scale(1,1);
	}
}
@keyframes move1 {
	from {
		transform : translate(0, 0);
	}
	18% {
		transform : translate(0, 0);
	}
	20% {
		transform : translate(0, -10px);
	}
	22% {
		transform : translate(0, 0);
	}
	100% {
		transform : translate(0, 0);
	}
}
@keyframes move2 {
	from {
		transform : translate(0, 0);
	}
	to {
		transform : translate(-122px, 0);
	}
}
@keyframes move3 {
	from {
		transform : translate(0, 0);
	}
	30% {
		transform : translate(0, 0);
	}
	40% {
		transform : translate(0, -10px);
	}
	50% {
		transform : translate(0, 0);
	}
	60% {
		transform : translate(0, -10px);
	}
	70% {
		transform : translate(0, 0);
	}
	100% {
		transform : translate(0, 0);
	}
}
@keyframes anim1 {
	from {
		transform: scale(1.2,1.2);
	}
	100% {
		opacity : 1;
		transform: scale(1,1);
	}
}