/* PC ================================================== */
@media all and (min-width:1025px){
	/* 繝輔ぉ繝ｼ繝� */
#hakko .fadeIn {
	opacity: 0;
	transition: .5s;
	-webkit-transition: .5s;
}
#hakko .fadeIn.run {
	opacity: 1;
}
#hakko .fadeIn_up {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transition: .8s;
	-webkit-transition: .8s;
}
#hakko .fadeIn_up.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
#hakko .fadeIn_down {
	opacity: 0;
	transform: translate(0, -20px);
	-webkit-transform: translate(0, -20px);
	transition: .8s;
	-webkit-transition: .8s;
}
#hakko .fadeIn_down.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
#hakko .fadeIn_right {
	opacity: 0;
	transform: translate(20px, 0px);
	-webkit-transform: translate(20px, 0px);
	transition: .8s;
	-webkit-transition: .8s;
}
#hakko .fadeIn_right.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
#hakko .fadeIn_left {
	opacity: 0;
	transform: translate(-20px, 0px);
	-webkit-transform: translate(-20px, 0px);
	transition: .8s;
	-webkit-transition: .8s;
}
#hakko .fadeIn_left.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
/* 繝�ぅ繝ｬ繧､ */
#hakko .delay01{
	transition-delay: .1s;
}
#hakko .delay02{
	transition-delay: .2s;
}
#hakko .delay03{
	transition-delay: .3s;
}
#hakko .delay04{
	transition-delay: .4s;
}
#hakko .delay05{
	transition-delay: .5s;
}
#hakko .delay06{
	transition-delay: .6s;
}
#hakko .delay07{
	transition-delay: .7s;
}
#hakko .delay08{
	transition-delay: .8s;
}
#hakko .delay09{
	transition-delay: .9s;
}
#hakko .delay10{
	transition-delay: 1s;
}
#hakko .delay10{
	transition-delay: 1.1s;
}
/* 繝�く繧ｹ繝医い繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ�第枚蟄励★縺､ */
#hakko .text_order span{
	opacity: 0;
	-webkit-transition: .6s ease-in-out;
	transition: .6s ease-in-out;
}

/* 繝昴Κ繝ｳ縺ｨ蜃ｺ繧� */
#hakko .poyon{
	transform: scale(0);
}
#hakko .poyon01{
	transform: scale(0);
}
#hakko .poyon02{
	transform: scale(0);
}
#hakko .poyon03{
	transform: scale(0);
}
#hakko .poyon.run{
	animation: poyon cubic-bezier(0.175, 0.885, 0.32, 1.275) .8s forwards;
}
#hakko .poyon01.run{
	animation: poyon cubic-bezier(0.175, 0.885, 0.32, 1.275) .8s .1s forwards;
}
#hakko .poyon02.run{
	animation: poyon cubic-bezier(0.175, 0.885, 0.32, 1.275) .8s .2s forwards;
}
#hakko .poyon03.run{
	animation: poyon cubic-bezier(0.175, 0.885, 0.32, 1.275) .8s .3s forwards;
}
#hakko .poyon_image{
	transform: scale(0);
}
#hakko .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);
	}
}
/* 縺ｵ繧上▲縺ｨ */
#hakko .fuwafuwa{
	transform: scale(0.5);
	opacity: 0;
	filter: blur(20px);
}
#hakko .fuwafuwa.run{
	animation: fuwafuwa ease 0.5s 0.1s forwards;
}
@keyframes fuwafuwa {
	0%{
		transform: scale(0.5);
		opacity: 0;
	}
	50%{
		opacity: 0;
	}
	75%{
		transform: scale(1);
	}
	100%{
		transform: scale(1);
		opacity: 1;
		filter: blur(0);
	}
}
#hakko .min_zoom{
	transform: scale(1);
}
#hakko .min_zoom.run{
	animation: min_zoom 0.5s ease;
}
@keyframes min_zoom{
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(1.03);
	}
	100%{
		transform: scale(1);
	}
}
#hakko .fuwafuwa_2{
	transform: translate(0,-50%) scale(0.5);
	opacity: 0;
	filter: blur(20px);
}
#hakko .fuwafuwa_2.run{
	animation: fuwafuwa_2 ease 0.5s 0.4s forwards;
}
@keyframes fuwafuwa_2 {
	0%{
		transform: translate(0,-50%) scale(0.5);
		opacity: 0;
	}
	75%{
		transform: translate(0,-50%) scale(1.02);
	}
	100%{
		transform: translate(0,-50%) scale(1);
		opacity: 1;
		filter: blur(0);
	}
}
#hakko .fuwafuwa_roll{
	transform: scale(0.5);
	opacity: 0;
	filter: blur(20px);
}
#hakko .fuwafuwa_roll.run{
	animation: fuwafuwa_roll ease 0.5s forwards;
}
@keyframes fuwafuwa_roll {
	0%{
		transform: rotate(30deg) scale(0.5);
		opacity: 0;
	}
	75%{
		transform: rotate(0.000000001deg) scale(1.05);
	}
	100%{
		transform: rotate(0) scale(1);
		opacity: 1;
		filter: blur(0);
	}
}
/* 繝槭せ繧ｯ縺ｧ蜍輔￥ */
#hakko .left_to{
	overflow: hidden;
	opacity: 0;
	position: relative;
}
#hakko .right_to{
	overflow: hidden;
	position: relative;
	opacity: 0;
}
#hakko .left_to_2{
	overflow: hidden;
	opacity: 0;
	position: relative;
}
#hakko .right_to_2{
	overflow: hidden;
	position: relative;
	opacity: 0;
}
#hakko .left_to_3{
	overflow: hidden;
	opacity: 0;
	position: relative;
}
#hakko .right_to_3{
	overflow: hidden;
	position: relative;
	opacity: 0;
}
@keyframes left_to {
	0%{
		opacity: 1;
		transform: translateX(-100%);
	}
	100%{
		opacity: 1;
		transform: translateX(0%);
	}
}
@keyframes right_to{
	0%{
		opacity: 1;
		transform: translateX(100%);
	}
	100%{
		opacity: 1;
		transform: translateX(0%);
	}
}
#hakko .left_to.run{
	animation: left_to 0.6s ease forwards;
	opacity: 0;
}
#hakko .right_to.run{
	animation: right_to 0.6s ease forwards;
	opacity: 0;
}
/* 
@keyframes left_to_2 {
	0%{
		opacity: 0;
		transform: translateX(-100%);
	}
	100%{
		opacity: 1;
		transform: translateX(0%);
	}
}
@keyframes right_to_2{
	0%{
		opacity: 0;
		transform: translateX(100%);
	}
	100%{
		opacity: 1;
		transform: translateX(0%);
	}
} */
#hakko .left_to_2.run{
	animation: left_to 1s 0.2s ease forwards;
	opacity: 0;
}
#hakko .right_to_2.run{
	animation: right_to 1s 0.2s ease forwards;
	opacity: 0;
}
#hakko .left_to_3.run{
	animation: left_to 1s 0.4s ease forwards;
	opacity: 0;
}
#hakko .right_to_3.run{
	animation: right_to 1s 0.4s ease forwards;
	opacity: 0;
}

}

/* Tablet ================================================== */
@media all and (min-width:600px) and (max-width:1024px){
	

}

/* SP ================================================== */
@media all and (max-width:599px){
	@keyframes fuwafuwa_roll {
		0%{
			transform: rotate(30deg) scale(0.5);
			opacity: 0;
		}
		75%{
			transform: rotate(0.000000001deg) scale(1.05);
		}
		100%{
			transform: rotate(0) scale(1);
			opacity: 1;
			filter: blur(0);
		}
	}
	/* 繝槭せ繧ｯ縺ｧ蜍輔￥ */
	#hakko .left_to{
		overflow: hidden;
		opacity: 0;
		position: relative;
	}
	#hakko .right_to{
		overflow: hidden;
		position: relative;
		opacity: 0;
	}
	#hakko .left_to_2{
		overflow: hidden;
		opacity: 0;
		position: relative;
	}
	#hakko .right_to_2{
		overflow: hidden;
		position: relative;
		opacity: 0;
	}
	#hakko .left_to_3{
		overflow: hidden;
		opacity: 0;
		position: relative;
	}
	#hakko .right_to_3{
		overflow: hidden;
		position: relative;
		opacity: 0;
	}
	@keyframes left_to {
		0%{
			opacity: 1;
			transform: translateX(-100%);
		}
		100%{
			opacity: 1;
			transform: translateX(0%);
		}
	}
	@keyframes right_to{
		0%{
			opacity: 1;
			transform: translateX(100%);
		}
		100%{
			opacity: 1;
			transform: translateX(0%);
		}
	}
	#hakko .left_to.run{
		animation: left_to 0.6s ease forwards;
		opacity: 0;
	}
	#hakko .right_to.run{
		animation: right_to 0.6s ease forwards;
		opacity: 0;
	}
	/* 
	@keyframes left_to_2 {
		0%{
			opacity: 0;
			transform: translateX(-100%);
		}
		100%{
			opacity: 1;
			transform: translateX(0%);
		}
	}
	@keyframes right_to_2{
		0%{
			opacity: 0;
			transform: translateX(100%);
		}
		100%{
			opacity: 1;
			transform: translateX(0%);
		}
	} */
	#hakko .left_to_2.run{
		animation: left_to 1s 0.2s ease forwards;
		opacity: 0;
	}
	#hakko .right_to_2.run{
		animation: right_to 1s 0.2s ease forwards;
		opacity: 0;
	}
	#hakko .left_to_3.run{
		animation: left_to 1s 0.4s ease forwards;
		opacity: 0;
	}
	#hakko .right_to_3.run{
		animation: right_to 1s 0.4s ease forwards;
		opacity: 0;
	}

}