/*==============================================
 ●　各種調整用設定
==============================================*/

.t_duration08{transition-duration: 0.8s;}
.t_duration10{transition-duration: 1.0s;}
.t_duration15{transition-duration: 1.5s;}
.t_duration20{transition-duration: 2.0s;}
.t_duration30{transition-duration: 3.0s;}

.t_delay02{transition-delay: 0.2s;}
.t_delay03{transition-delay: 0.3s;}
.t_delay04{transition-delay: 0.4s;}
.t_delay05{transition-delay: 0.5s;}
.t_delay06{transition-delay: 0.6s;}
.t_delay07{transition-delay: 0.7s;}
.t_delay08{transition-delay: 0.8s;}
.t_delay09{transition-delay: 0.9s;}
.t_delay10{transition-delay: 1.0s;}

/*========================= ● animate */

.aniset1{
animation-delay: 0s;          /* ｎ秒待ってからアニメーション */
animation-duration: 1s;       /* ｎ秒かけてアニメーション */
animation-iteration-count: 1; /* 繰り返し */
}



/*==============================================
 ●　アニメーション定義
==============================================*/
/*========================= ● 上移動 */
.ivup{
	opacity: 0;
	transform: translateY(100px); 
	-webkit-transform: translateY(100px); 
}
.ivup-add{
	opacity: 1;
	transform: translateY(0); 
	-webkit-transform: translateY(0);
}


/*========================= ● 横移動 */
.ivfinmv{
	opacity: 0;
	transform: translateX(-100px); 
	-webkit-transform: translate(-100px); 
}
.ivfinmv-add{
	opacity: 1;
	transform: translateX(0); 
	-webkit-transform: translateX(0);
}
/*========================= ● 横移動2 */
.ivfinmv2{
	opacity: 0;
	transform: translateX(100px); 
	-webkit-transform: translateX(100px); 
}
.ivfinmv2-add{
	opacity: 1;
	transform: translateX(0); 
	-webkit-transform: translateX(0);
}


/*========================= ● フェードイン表示 */
.ivfin{
	opacity: 0;
}
.ivfin-add{
	opacity: 1.0;
}

/*========================= ● ズ－ムイン */
.ivzin{
	transform: scale(0.8, 0.8);
	-webkit-transform: scale(0.8,0.8);
}
.ivzin-add{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}

/*========================= ● ズ－ムアウト */
.ivzout{
	transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
}
.ivzout-add{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}

/*========================= ● 回転 */
.ivrotate{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.ivrotate-add{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}

/*========================= ● 3D回転 */
.iv3rotate{
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
}
.iv3rotate-add{
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
}


/*========================= ● 3D回転＋ズームイン表示 */
.iv3rozin{
	transform: scale(0, 0) rotateY(180deg);
	-webkit-transform: scale(0, 0) rotateY(180deg);
}
.iv3rozin-add{
	transform: scale(1, 1) rotateY(360deg);
	-webkit-transform: scale(1, 1) rotateY(360deg);
}