@charset "utf-8";

.slidein-left {
	opacity: 0;
	transition: all 1.0s;
	transform: translate3d(-150px, 0, 0);
}

.slidein-left.is-slide {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.slidein-right {
	opacity: 0;
	transition: all 1.0s;
	transform: translate3d(150px, 0, 0);
}

.slidein-right.is-slide {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.slidein-top {
	opacity: 0;
	transition: all 1.0s;
	transform: translate3d(0, 150px, 0);
}

.slidein-top.is-slide {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.slidein-bottom {
	opacity: 0;
	transition: all 1.0s;
	transform: translate3d(0, -150px, 0);
}

.slidein-bottom.is-slide {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.animation-grow {
	opacity: 0;
	transform: scale(0);
	transform-origin: left;
	transition: transform 0.5s, opacity 1.0s;
}

.animation-grow.is-grow {
	opacity: 1;
	transform: scale(1);
}

.animationfadein {
	opacity: 0;
	transition: transform 1s, opacity 2.5s;
}

.animationfadein.is-show {
	opacity: 1;
}