@charset "utf-8";
/* CSS Document */

/*	.mod-tit-demo01{
		border-bottom: 1px solid #34495e;
		color: #34495e;
		padding: 20px 20px;
		font-size: 24px;
    margin-bottom: 50px;
	}
	.mod-tit-demo02{
		margin-top: 100px;
		background-color: #34495e;
		color: #eee;
		font-size: 24px;
		padding: 10px 10px;
	}
	.inner{
		width: 900px;
		margin: 0 auto;
	}
	
	.list{
	margin: 50px 50px 50px 50px;
	list-style-type: none;
	overflow: hidden;
}*/



.list div{
	/*margin: 50px 20px 50px 20px;*/
	/*float: left;*/
	transition: .8s;
}
	
/* 1つ目：縮小・拡大 */
.reduction_expansion{
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
}
.mv01{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}

/* 2つ目：opacity*/
.opacity{
	opacity: 0;
}
.mv02{
	opacity: 1.0;
}

/* 3つ目：回転 */
.rotation{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.mv03{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}


	/* 4つ目：3D回転 */
	.3d_rotation{
		transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
	}
	.mv04{
		transform:rotateY(360deg);
		-webkit-transform:rotateY(360deg);
	}

/* 5つ目：移動 */
.move_move{
	transform: translate(0,40px); 
	-webkit-transform: translate(0,40px); 
}
.mv05{
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/* ６つ目：縮小・拡大＆3D回転 */
.reduction_expansion_3d{
	transform: scale(0, 0) rotateY(180deg);
	-webkit-transform: scale(0, 0) rotateY(180deg);
}
.mv06{
	transform: scale(1, 1) rotateY(360deg);
	-webkit-transform: scale(1, 1) rotateY(360deg);
}


/* ７つ目：移動＋透明度 */
.opacity_move{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}