@charset "utf-8";

.decoBox{
	transition: transform 3s ease-out;
}

.decoBox div._type1{
	animation: pr_loop1 ease-in-out infinite;
}
.decoBox div._type2{
	animation: pr_loop2 ease-in-out infinite;
}
.decoBox div._type3{
	animation: pr_loop3 ease-in-out infinite;
}

.decoBox div._delay1{
	animation-delay: 0s;
}
.decoBox div._delay2{
	animation-delay: 1s;
}
.decoBox div._delay3{
	animation-delay: 2s;
}

.decoBox div._dulation1{
	animation-duration: 20s;
}
.decoBox div._dulation2{
	animation-duration: 25s;
}
.decoBox div._dulation3{
	animation-duration: 30s;
}


@keyframes pr_loop1{
	0%{
		transform: translateX(0px)translateY(0px);
	}
	20%{
		transform: translateX(10px)translateY(10px);
	}
	40%{
		transform: translateX(-10px)translateY(0px);
	}
	60%{
		transform: translateX(0px)translateY(10px);
	}
	80%{
		transform: translateX(10px)translateY(-10px);
	}
	100%{
		transform: translateX(0px)translateY(0px);
	}
}
@keyframes pr_loop2{
	0%{
		transform: translateX(0px)translateY(0px);
	}
	20%{
		transform: translateX(-10px)translateY(-10px);
	}
	40%{
		transform: translateX(10px)translateY(10px);
	}
	60%{
		transform: translateX(10px)translateY(0px);
	}
	80%{
		transform: translateX(-10px) translateY(-10px);
	}
	100%{
		transform: translateX(0px)translateY(0px);
	}
}
@keyframes pr_loop3{
	0%{
		transform: translateX(0px)translateY(0px);
	}
	20%{
		transform: translateX(-10px)translateY(10px);
	}
	40%{
		transform: translateX(0px)translateY(0px);
	}
	60%{
		transform: translateX(-10px)translateY(0px);
	}
	80%{
		transform: translateX(0px)translateY(10px);
	}
	100%{
		transform: translateX(0px)translateY(0px);
	}
}
@keyframes pr_loop_bg{
	0%{
		transform: translateY(0px);
	}
	10%{
		transform: translateY(-15px);
	}
	20%{
		transform: translateY(-5px);
	}
	30%{
		transform: translateY(-10px);
	}
	40%{
		transform: translateY(-5px);
	}
	50%{
		transform: translateY(-10px);
	}
	60%{
		transform: translateY(0px);
	}
	70%{
		transform: translateY(-15px);
	}
	80%{
		transform: translateY(0px);
	}
	90%{
		transform: translateY(-5px);
	}
	100%{
		transform: translateY(0px);
	}
}


					/*===================sp=*/@media screen and (max-width: 860px) {
.decoBox div{
	animation: none;
}
					}/*====================*/