@charset "utf-8";

@keyframes TransLP { 
	0% { opacity:0; transform:translateX(60%) } 
	100% { opacity:1; transform:translateX(0) } 
}
@keyframes TransLSP { 
	0% { opacity:0; transform:translateX(20%) } 
	100% { opacity:1; transform:translateX(0) } 
}

@keyframes TransY { 
	0% { opacity:0; transform:translateY(60px) } 
	100% { opacity:1; transform:translateY(0) } 
}
@keyframes TransYS { 
	0% { opacity:0; transform:translateY(40px) } 
	100% { opacity:1; transform:translateY(0) } 
}
@keyframes TransXL { 
	0% { opacity:0; transform:translateX(60px) } 
	100% { opacity:1; transform:translateX(0) } 
}
@keyframes TransXLS { 
	0% { opacity:0; transform:translateX(40px) } 
	100% { opacity:1; transform:translateX(0) } 
}
@keyframes TransXR { 
	0% { opacity:0; transform:translateX(-60px) } 
	100% { opacity:1; transform:translateX(0) } 
}
@keyframes TransXRS { 
	0% { opacity:0; transform:translateX(-40px) } 
	100% { opacity:1; transform:translateX(0) } 
}
@keyframes FadeIn { 
	from{ opacity:0 } 
	to{ opacity:1 } 
}
@keyframes Rotate { 
	0% { transform:rotate(0) } 
	100% { transform:rotate(360deg) } 
}
@keyframes vibration {
	0% { transform: rotate(0deg); } 
	1.5% { transform: rotate(3deg); } 
	3% { transform: rotate(-3deg); } 
	4.5% { transform: rotate(3deg); } 
	6% { transform: rotate(-3deg); } 
	7.5% { transform: rotate(0deg); } 
}

[class*="_trans"],
.fadeIn { opacity:0; }

.motion ._transLP { animation:TransLP 1s forwards; }
.motion ._transLSP { animation:TransLSP 1s forwards; }

.motion ._transY { animation:TransY 1s forwards; }
.motion ._transYS { animation:TransYS 1s forwards; }
.motion ._transXL { animation:TransXL 1s forwards; }
.motion ._transXLS {animation:TransXLS 1s forwards; }
.motion ._transXR { animation:TransXR 1s forwards; }
.motion ._transXRS { animation:TransXRS 1s forwards; }
.motion .fadeIn { animation:FadeIn 1s forwards; }

.motion .ani2 { animation-delay:.2s; }
.motion .ani3 { animation-delay:.3s; }
.motion .ani4 { animation-delay:.4s; }
.motion .ani5 { animation-delay:.5s; }
.motion .ani6 { animation-delay:.6s; }
.motion .ani7 { animation-delay:.7s; }
.motion .ani8 { animation-delay:.8s; }
.motion .ani9 { animation-delay:.9s; }
.motion .ani10 { animation-delay:1.0s; }
.motion .ani11 { animation-delay:1.1s; }
.motion .ani12 { animation-delay:1.2s; }
.motion .ani13 { animation-delay:1.3s; }
.motion .ani14 { animation-delay:1.4s; }
.motion .ani15 { animation-delay:1.5s; }
.motion .ani16 { animation-delay:1.6s; }
.motion .ani17 { animation-delay:1.7s; }
.motion .ani18 { animation-delay:1.8s; }
.motion .ani19 { animation-delay:1.9s; }
.motion .ani20 { animation-delay:2.0s; }