/*----- ズームアウト -----*/
.inviewzoomOut {
	opacity: 0;
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transition: 2.0s;
}

.zoomOut {
	opacity: 1.0;
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
} 

/*----- 上へスライド -----*/
.inviewUp {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transition: .8s;
}

.Up {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

/*----- 上へスライド（2） -----*/
.inviewUp2 {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 0);
	transition: .8s;
}

.Up2 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, -20px);
}

/*----- 下へスライド -----*/
.inviewDown {
	opacity: 0;
	transform: translate(0, -20px);
	-webkit-transform: translate(0, -20px);
	transition: .8s;
}

.Down {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

/*----- 左へスライド -----*/
.inviewLeft {
	opacity: 0;
	transform: translate(20px, 0);
	-webkit-transform: translate(20px, 0);
	transition: .8s;
	transition-delay: 0.3s;
}

.Left {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

/*----- 右へスライド -----*/
.inviewRight {
	opacity: 0;
	transform: translate(-20px, 0);
	-webkit-transform: translate(-20px, 0);
	transition: .8s;
	transition-delay: 0.3s;
}

.Right {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}