@charset "utf-8";
/* フェード */
.fadeIn {
	opacity: 0;
	transition: .8s;
	-webkit-transition: .8s;
}
.fadeIn.run {
	opacity: 1;
}
.fadeIn_up {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transition: .8s;
	-webkit-transition: .8s;
}
.fadeIn_up.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_down {
	opacity: 0;
	transform: translate(0, -20px);
	-webkit-transform: translate(0, -20px);
	transition: .8s;
	-webkit-transition: .8s;
}
.fadeIn_down.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_right {
	opacity: 0;
	transform: translate(20px, 0px);
	-webkit-transform: translate(20px, 0px);
	transition: .8s;
	-webkit-transition: .8s;
}
.fadeIn_right.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_left {
	opacity: 0;
	transform: translate(-20px, 0px);
	-webkit-transform: translate(-20px, 0px);
	transition: .8s;
	-webkit-transition: .8s;
}
.fadeIn_left.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
/* ディレイ */
.delay01{
	transition-delay: .1s;
}
.delay02{
	transition-delay: .2s;
}
.delay03{
	transition-delay: .3s;
}
.delay04{
	transition-delay: .4s;
}
.delay05{
	transition-delay: .5s;
}
.delay06{
	transition-delay: .6s;
}
.delay07{
	transition-delay: .7s;
}
.delay08{
	transition-delay: .8s;
}
.delay09{
	transition-delay: .9s;
}
.delay10{
	transition-delay: 1s;
}
/* テキストアニメーション１文字ずつ */
.text_order span{
	opacity: 0;
	-webkit-transition: .6s ease-in-out;
	transition: .6s ease-in-out;
}
.fuwafuwa{
	animation: fuwafuwa 1.5s ease-in-out infinite alternate;
}

@keyframes fuwafuwa {
	0%{
		transform: translateY(-5px);
	}
	100%{
		transform: translateY(0px);
	}
}
/* ポヨンと出る */
.poyon{
	transform: scale(0);
}
.poyon01{
	transform: scale(0);
}
.poyon02{
	transform: scale(0);
}
.poyon03{
	transform: scale(0);
}
.poyon.run{
	animation: poyon cubic-bezier(0.175, 0.885, 0.32, 1.275) .8s forwards;
}
.poyon01.run{
	animation: poyon cubic-bezier(0.175, 0.885, 0.32, 1.275) .8s .1s forwards;
}
.poyon02.run{
	animation: poyon cubic-bezier(0.175, 0.885, 0.32, 1.275) .8s .2s forwards;
}
.poyon03.run{
	animation: poyon cubic-bezier(0.175, 0.885, 0.32, 1.275) .8s .3s forwards;
}
.poyon_image{
	transform: scale(0);
}
.poyon_image.run{
	animation: poyon_image cubic-bezier(0.175, 0.885, 0.32, 1.275) .8s forwards;
}
@keyframes poyon {
	0%{
		transform: scale(0);
	}
	65%{
		transform: scale(1.12);
	}
	100%{
		transform: scale(1);
	}
}
@keyframes poyon_image {
	0%{
		transform: scale(0);
	}
	60%{
		transform: scale(1.01);
	}
	100%{
		transform: scale(1);
	}
}
/* SP ================================================== */
@media all and (max-width:820px){

}