#effect_place {
	width: 300px;
	height: 300px;
	background: url(/images/game/_ip/slot45/effect/stage/stage4.png) center bottom;
	background-size: cover;
	position: relative;
	border: 3px #c79810 solid;
	border-radius: 10px;
	margin: auto;
}
#back {
	position: absolute;
	top:0px;
	left:0px;
}
#move {
	position: absolute;
	top:0px;
	left:0px;
}
#move {
	position: absolute;
	top:0px;
	left:0px;
}

#back_result{
	position: absolute;
	top:5px;
	left:5px;
	z-index:2;
}
#counter_text{
	position: absolute;
	font-weight:bold;
	top:11px;
	left:33px;
	color:#fff;
	z-index:3;
}
#wincoin {
	position: absolute;
	top:60px;
	left:0px;
}
#testbutton{
	position: absolute;
	z-index:3;
}
/*--------------------------------------------
15th
--------------------------------------------*/

.boundOne {
	animation:
		boundOne 500ms ease-out;
}
@keyframes boundOne {
	0%		{ transform: scale(1.0, 1.0) translate(0%, 0%); }
	10%		{ transform: scale(1.1, 0.9) translate(0%, 5%); }
	20%		{ transform: scale(0.9, 1.1) translate(0%, -21%); }
	30%		{ transform: scale(1.0, 1.1) translate(0%, -10%); }
	40%		{ transform: scale(1.1, 0.9) translate(0%, 5%); }
	50%		{ transform: scale(1.0, 1.0);  translate(0%, 0%);}
	100%		{ transform: scale(1.0, 1.0);  translate(0%, 0%);}
}

.boundOneBlock {
	animation:
		boundOneBlock 300ms ease-out;
	animation-delay: 200ms;
}
@keyframes boundOneBlock {
	0%		{ transform: scale(1.0, 1.0) translate(0%, 0%); }
	10%		{ transform: scale(1.1, 0.9) translate(0%, 5%); }
	20%		{ transform: scale(0.9, 1.1) translate(0%, -10%); }
	30%		{ transform: scale(1.0, 1.1) translate(0%, -5%); }
	40%		{ transform: scale(1.1, 0.9) translate(0%, 1%); }
	50%		{ transform: scale(1.0, 1.0);  translate(0%, 0%);}
	100%		{ transform: scale(1.0, 1.0);  translate(0%, 0%);}
}

.getCoin {
	animation:
		getCoin 1500ms ease-out;
	animation-delay: 200ms;
}
@keyframes getCoin {
	0%		{ transform: scale(1.0, 1.0) translate(0%, 0%); }
	10%		{ transform: scale(1.0, 1.0) translate(0%, -10%); }
	20%		{ transform: scale(1.0, 1.0) translate(0%, -40%);}
	30%		{ transform: scale(1.0, 1.0) translate(0%, -35%);}
	40%		{ transform: scale(1.0, 1.0) translate(0%, -30%); }
	50%		{ transform: scale(1.0, 1.0);  translate(0%, -10%);}
	95%		{ transform: scale(1.0, 1.0);  translate(0%, -1%); opacity:1;}
	100%		{ transform: scale(1.0, 1.0);  translate(0%, 0%);opacity:0;}
}



@keyframes chakuchi {
	0%		{ transform: scale(1.0, 1.0) translate(0%, -60%); }
	25%		{ transform: scale(1.0, 1.0) translate(0%, 0%); }
	50%		{ transform: scale(1.0, 1.0) translate(0%, -10%); }
	75%		{ transform: scale(1.0, 1.0) translate(0%, 0%); }
	100%	{ transform: scale(1.0, 1.0) translate(0%, 0%); }
}

.effect_big_piyo {
	animation:
		effect_big_piyo 3000ms ease-out;
		/*effect_big_piyo_up 2000ms ease-in 6000ms forwards;*/
}
@keyframes effect_big_piyo {
	0%		{ transform: scale(1.0, 1.4) translate(0%, -300%); }
	10%		{ transform: scale(1.0, 1.4) translate(0%, -15%); }
	20%		{ transform: scale(1.4, 0.6) translate(0%, 30%); }
	30%		{ transform: scale(1.0, 1.1) translate(0%, -10%); }
	40%		{ transform: scale(1.0, 1.2) translate(0%, -30%); }
	50%		{ transform: scale(1.0, 1.2) translate(0%, -10%); }
	60%		{ transform: scale(1.1, 0.9) translate(0%, 5%); }
	70%		{ transform: scale(1.0, 1.2) translate(0%, -10%); }
	80%		{ transform: scale(1.1, 0.9) translate(0%, 5%); }
	90%		{ transform: scale(1.0, 1.0) translate(0%, -5%); }
	95%		{ transform: scale(1.0, 1.0) translate(0%, 0%); }
	100%	{ transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes effect_big_piyo_up {
	95%		{ transform: translateY(-35%); }
	100%	{ transform: translateY(-100%); }
}

.conLine {
	animation:conLine 500ms linear infinite;
}

@keyframes conLine{
	0% {filter:brightness(100%);opacity:0;}
	50% {filter:brightness(200%);opacity:1;}
	100% {filter:brightness(100%);opacity:0;}
}



.move_chara {
	position: absolute;
	width: 100px;
	height: auto;
	border-radius: 50%;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate;
}
.m1{
	animation: wobbling_x 0.9s ease-in-out infinite alternate,
		wobbling_y 1.6s ease-in-out infinite alternate;
		left: 17px;
		top: 110px;
		transform: scale(-1, 1);
}
.m2{
	animation: wobbling_x 1.0s ease-in-out infinite alternate,
		wobbling_y 1.3s ease-in-out infinite alternate;
		left: 10px;
		top: 165px;
		transform: scale(-1, 1);
}
.m3{
	animation: wobbling_x 1.0s ease-in-out infinite alternate,
		wobbling_y 1.3s ease-in-out infinite alternate;
		left: -2px;
		top: 50px;
		transform: scale(-1, 1);
}
.m4{
	animation: wobbling_x 1.5s ease-in-out infinite alternate,
		wobbling_y 1.4s ease-in-out infinite alternate;
		left: -22px;
		top: 120px;
		transform: scale(-1, 1);
}
.m5{
	animation: wobbling_x 1.4s ease-in-out infinite alternate,
		wobbling_y 1.3s ease-in-out infinite alternate;
		left: 188px;
		top: 30px;
}
.m6{
	animation: wobbling_x 1.8s ease-in-out infinite alternate,
		wobbling_y 1.6s ease-in-out infinite alternate;
		left: 133px;
		top: 200px;
}
.m7{
	animation: wobbling_x 1.2s ease-in-out infinite alternate,
		wobbling_y 1.8s ease-in-out infinite alternate;
		left: 168px;
		top: 100px;
}
.m8{
	animation: wobbling_x 1.0s ease-in-out infinite alternate,
		wobbling_y 1.2s ease-in-out infinite alternate;
		left: 192px;
		top: 144px;
}
.m9{
	animation: wobbling_x 1.3s ease-in-out infinite alternate,
		wobbling_y 1.3s ease-in-out infinite alternate;
		left: 212px;
		top: 34px;
}
.buruburu {
	display: inline-block;
	animation: hurueru .5s  infinite;
}

@keyframes hurueru {
	0% {transform: translate(2px, 0px) rotateZ(0deg)}
	25% {transform: translate(2px, 0px) rotateZ(1deg)}
	50% {transform: translate(0px, 2px) rotateZ(0deg)}
	75% {transform: translate(2px, 0px) rotateZ(-1deg)}
	100% {transform: translate(0px, 2px) rotateZ(0deg)}
}
@keyframes wobbling_x {
	0% {
		margin-left: 8px;
	}

	100% {
		margin-left: 0px;
	}
}

@keyframes wobbling_y {
	0% {
		margin-top: 0px;
	}

	100% {
		margin-top: 8px;
	}
}