@charset "utf-8";

.up, .left, .right, .transform1, .transform2 {
	opacity: 0;	
	position: relative;
}

.upstyle, .leftstyle, .rightstyle, .transform1style, .transform2style {
	opacity: 1;	
	transition: 1s;
}
.up {
	bottom: -50px;
}

.upstyle {
	bottom: 0px;
}
.left {
	opacity: 0;
	transform: translate(-50%, 0);
	transition: 1s;
}
.leftstyle {
	transform: translate(0, 0);
	opacity: 1;
}
.right {
	opacity: 0;
	transform: translate(50%, 0);
	transition: 1s;
}
.rightstyle {
	transform: translate(0, 0);
	opacity: 1;
}
.transform1 {
	transform: scaleX(0);
}
.transform1style {
	transform: scaleX(1);
}
.transform2 {
	transform: perspective(400px) rotateX(100deg);
}
.transform2style {
	transform: perspective(0px) rotateX(0deg);
}