@charset "utf-8";
/*＠animation
/////////////////////////////////////////////////////////////////////*/
/*fadeIn*/
@-webkit-keyframes fadeIn {
	0% { opacity:0;}
	100% { opacity:1;}
}
@keyframes fadeIn {
	0% { opacity:0;}
	100% { opacity:1;}
}
.fadeIn {
	-webkit-animation:fadeIn 1s;
	animation:fadeIn 1s;
}

/*fadeOut*/
@-webkit-keyframes fadeOut {
	0% { opacity:1;}
	100% { opacity:0;}
}
@keyframes fadeOut {
	0% { opacity:1;}
	100% { opacity:0;}
}

/*fadeInDown*/
@-webkit-keyframes fadeInDown {
	from {
		opacity:0;
		-webkit-transform:translate3d(0, -150%, 0);
		transform:translate3d(0, -150%, 0);
	}
	to {
		opacity:1;
		-webkit-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
	}
}
@keyframes fadeInDown {
	from {
		opacity:0;
		-webkit-transform:translate3d(0, -150%, 0);
		transform:translate3d(0, -150%, 0);
	}
	to {
		opacity:1;
		-webkit-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
	}
}

/*slide*/
@-webkit-keyframes slideIn {
	0% { -webkit-transform:translateY(-150%); transform:translateY(-150%);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes slideIn {
	0% { -webkit-transform:translateY(-150%); transform:translateY(-150%);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}

/*pop*/
@-webkit-keyframes pop {
	50% { -webkit-transform:scale(1.2); transform:scale(1.2);}
}
@keyframes pop {
	50% { -webkit-transform:scale(1.2); transform:scale(1.2);}
}
.pop {
	opacity:1 !important;
	-webkit-animation:pop 0.3s linear 1;
	animation:pop 0.3s linear 1;
}

/*jump*/
@-webkit-keyframes jump {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	50% { -webkit-transform:translateY(-25px); transform:translateY(-25px);}
	80% { -webkit-transform:translateY(5px); transform:translateY(5px);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes jump {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	50% { -webkit-transform:translateY(-25px); transform:translateY(-25px);}
	80% { -webkit-transform:translateY(5px); transform:translateY(5px);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}

/*wobble-up*/
@-webkit-keyframes wobble-up {
	5% { -webkit-transform:translateY(6px); transform:translateY(6px);}
	10% { -webkit-transform:translateY(-6px); transform:translateY(-6px);}
	15% { -webkit-transform:translateY(4px); transform:translateY(4px);}
	20% { -webkit-transform:translateY(-2px); transform:translateY(-2px);}
	25% { -webkit-transform:translateY(1px); transform:translateY(1px);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes wobble-up {
	5% { -webkit-transform:translateY(6px); transform:translateY(6px);}
	10% { -webkit-transform:translateY(-6px); transform:translateY(-6px);}
	15% { -webkit-transform:translateY(4px); transform:translateY(4px);}
	20% { -webkit-transform:translateY(-2px); transform:translateY(-2px);}
	25% { -webkit-transform:translateY(1px); transform:translateY(1px);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}

/*bound*/
@-webkit-keyframes bound {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	20% { -webkit-transform:translateY(-30px); transform:translateY(-30px);}
	40% { -webkit-transform:translateY(0); transform:translateY(0);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes bound {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	20% { -webkit-transform:translateY(-30px); transform:translateY(-30px);}
	40% { -webkit-transform:translateY(0); transform:translateY(0);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}
/**/
@-webkit-keyframes bound_sp {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	20% { -webkit-transform:translateY(-20px); transform:translateY(-20px);}
	40% { -webkit-transform:translateY(0); transform:translateY(0);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes bound_sp {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	20% { -webkit-transform:translateY(-20px); transform:translateY(-20px);}
	40% { -webkit-transform:translateY(0); transform:translateY(0);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}

/**/
@-webkit-keyframes bound_sp1 {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	20% { -webkit-transform:translateY(-20px); transform:translateY(-20px);}
	40% { -webkit-transform:translateY(0); transform:translateY(0);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes bound_sp1 {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	20% { -webkit-transform:translateY(-20px); transform:translateY(-20px);}
	40% { -webkit-transform:translateY(0); transform:translateY(0);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}
@-webkit-keyframes bound_sp2 {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	20% { -webkit-transform:translateY(0); transform:translateY(0);}
	40% { -webkit-transform:translateY(-20px); transform:translateY(-20px);}
	60% { -webkit-transform:translateY(0); transform:translateY(0);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes bound_sp2 {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	20% { -webkit-transform:translateY(0); transform:translateY(0);}
	40% { -webkit-transform:translateY(-20px); transform:translateY(-20px);}
	60% { -webkit-transform:translateY(0); transform:translateY(0);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}
@-webkit-keyframes bound_sp3 {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	40% { -webkit-transform:translateY(0); transform:translateY(0);}
	60% { -webkit-transform:translateY(-20px); transform:translateY(-20px);}
	80% { -webkit-transform:translateY(0); transform:translateY(0);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes bound_sp3 {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	40% { -webkit-transform:translateY(0); transform:translateY(0);}
	60% { -webkit-transform:translateY(-20px); transform:translateY(-20px);}
	80% { -webkit-transform:translateY(0); transform:translateY(0);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}
@-webkit-keyframes bound_sp4 {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	60% { -webkit-transform:translateY(0); transform:translateY(0);}
	80% { -webkit-transform:translateY(-20px); transform:translateY(-20px);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes bound_sp4 {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	60% { -webkit-transform:translateY(0); transform:translateY(0);}
	80% { -webkit-transform:translateY(-20px); transform:translateY(-20px);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}

/*shadow*/
@-webkit-keyframes shadow {
	0% { width:80%;}
	20% { width:50%;}
	40% { width:80%;}
	100% { width:80%;}
}
@keyframes shadow {
	0% { width:80%;}
	20% { width:50%;}
	40% { width:80%;}
	100% { width:80%;}
}
