/*アニメーション関連*/
.fade {
	animation-timing-function: ease-out;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-duration:0.5s;
	backface-visibility: hidden;
}
.fadeup {
	opacity: 0;
}
.fadeupon {
	opacity: 1;
	animation-name:fadeupanime;
}
@keyframes fadeupanime {
	0% {transform: translate3d(0px,80px,0);
	opacity: 0}
	100% {transform: translate3d(0px,0px,0);
	opacity: 1}
}
.fadedown {
	opacity: 0;
}
.fadedownon {
	opacity: 1;
	animation-name:fadedownanime;
}
@keyframes fadedownanime {
	0% {transform: translate3d(0px,-80px,0);
	opacity: 0}
	100% {transform: translate3d(0px,0px,0);
	opacity: 1}
}
.fadeleft {
	opacity: 0;
}
.fadelefton {
	animation-name:fadeleftanime;
}
@keyframes fadeleftanime {
	0% {transform: translate3d(400px,0px,0);
	opacity: 0}
	100% {transform: translate3d(0px,0px,0);
	opacity: 1}
}
.faderight {
	opacity: 0;
}
.faderighton {
	animation-name:faderightanime;
}
@keyframes faderightanime {
	0% {transform: translate3d(-400px,0px,0);
	opacity: 0}
	100% {transform: translate3d(0px,0px,0);
	opacity: 1}
}
.fadein,
.fadein-one {
	animation-duration:0.8s;
	opacity: 0;
}
.fadeinon,
.fadeinon-one {
	opacity: 1;
	animation-name:fadeinanime;
}
@keyframes fadeinanime {
	0% {opacity: 0}
	100% {opacity: 1}
}
.delay1 {
	animation-delay:0.1s;
}
.delay2 {
	animation-delay:0.2s;
}
.delay3 {
	animation-delay:0.3s;
}
.delay4 {
	animation-delay:0.4s;
}
.delay5 {
	animation-delay:0.5s;
}
.delay6 {
	animation-delay:0.6s;
}
.delay7 {
	animation-delay:0.7s;
}
.delay8 {
	animation-delay:0.8s;
}
.delay9 {
	animation-delay:0.9s;
}
.delay10 {
	animation-delay:1.0s;
}
.delay20 {
	animation-delay:2.0s;
}