@charset "UTF-8";

/*アニメーション*/
.text .effect {
	display: inline-block;
}

.text.offs .effect {
	opacity: 0;
}

.text.offs .effect.e01 {
	transform: rotateX(-43deg) rotateY(54deg) translate3d(4px, 12px, 10px) translateY(50px);
}

.text.offs .effect.e02 {
	transform: rotateX(43deg) rotateY(-54deg) translate3d(4px, 12px, 10px) translateY(50px);
}

.text.ons .effect.e01,
.text.ons .effect.e02 {
	opacity: 1;
	transition-duration: 1s;
	transform: rotate3d(0, 0, 0, 0deg) translate3d(0, 0, 0) translateY(0);
}

/*遅延の設定*/
.delay-1 {
	transition-delay: 0.2s;
}

.delay-2 {
	transition-delay: 0.4s;
}

.delay-3 {
	transition-delay: 0.6s;
}

.delay-4 {
	transition-delay: 0.8s;
}

.delay-5 {
	transition-delay: 1s;
}

.delay-6 {
	transition-delay: 1.2s;
}

.delay-7 {
	transition-delay: 1.4s;
}

.delay-8 {
	transition-delay: 1.6s;
}

.delay-9 {
	transition-delay: 1.8s;
}

.delay-10 {
	transition-delay: 2s;
}

.delay-11 {
	transition-delay: 2.2s;
}

.delay-12 {
	transition-delay: 2.4s;
}

.delay-13 {
	transition-delay: 2.6s;
}

.delay-14 {
	transition-delay: 2.8s;
}

.delay-15 {
	transition-delay: 3s;
}

.delay-16 {
	transition-delay: 3.2s;
}

.delay-17 {
	transition-delay: 3.4s;
}