@keyframes move_drag1{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:1080px;
	right:100px;
  }
}
@keyframes move_drag2{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:1080px;
	right:-250px;
  }
}
@keyframes move_drag3{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:820px;
	right:100px;
  }
}
@keyframes move_drag4{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:820px;
	right:-250px;
  }
}
@keyframes move_drag5{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:560px;
	right:100px;
  }
}
@keyframes move_drag6{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:560px;
	right:-250px;
  }
}
@keyframes move_drag7{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:300px;
	right:-570px;
  }
}

@keyframes move_drag_s1{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:1080px;
	right:420px;
  }
}
@keyframes move_drag_s2{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:1080px;
	right:100px;
  }
}
@keyframes move_drag_s3{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:820px;
	right:420px;
  }
}
@keyframes move_drag_s4{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:820px;
	right:100px;
  }
}
@keyframes move_drag_s5{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:560px;
	right:420px;
  }
}
@keyframes move_drag_s6{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:560px;
	right:100px;
  }
}
@keyframes move_drag_s7{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:310px;
	right:255px;
  }
}

@keyframes move_drag_t1{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:1260px;
	right:250px;
  }
}
@keyframes move_drag_t2{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:1260px;
	right:-80px;
  }
}
@keyframes move_drag_t3{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:1000px;
	right:250px;
  }
}
@keyframes move_drag_t4{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:1000px;
	right:-80px;
  }
}
@keyframes move_drag_t5{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:750px;
	right:250px;
  }
}
@keyframes move_drag_t6{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:750px;
	right:-80px;
  }
}
@keyframes move_drag_t7{
  0% {
	bottom:100px;
	right:100px;
  } 
  100% {
	bottom:490px;
	right:100px;
  }
}



@keyframes evt_drag_guide{
  0% {
	bottom:-20px;
	right:100px;
  } 
  100% {
	bottom:120px;
	right:150px;
  }
}
@keyframes evt_drag_guide2{
  0% {
	bottom:40px;
	left:100px;
  } 
  100% {
	bottom:300px;
	left:-50px;
  }
}
@keyframes evt_drag_guide3{
  0% {
	bottom:40px;
	right:-20px;
  } 
  100% {
	bottom:420px;
	right:-300px;
  }
}
@keyframes evt_complete{
  0% {
	transform:scale(1);
  } 
  100% {
	transform:scale(.2);
  }
}
@keyframes character_zoom{
  0% {
	width:500px;
	height:300px;
  } 
  100% {
	width:798px;
	height:493px;
  }
}
@keyframes evt_expand{
  0% {
	width:0;
  } 
  100% {
	width:100%;
  }
}
@keyframes main_txt01{
  0% {
	width:100%;
  }
 
  100% {
	width:0;
  }
}
@keyframes main_txt02{
  0% {
	width:100%;
  }
 
  100% {
	width:0;
  }
}
@keyframes fire01{
  0% {
	transform:scale(0);
	top: 120px;
	left: 120px;
	opacity:0;
  }
  100% {
	transform:scale(1);
	top: 0;
	left: -100px;
	opacity:1;
  }
}
@keyframes fire02{
  0% {
	transform:scale(0);
	left: 100px;
	opacity:0;
  }
  100% {
	transform:scale(1);
	left: -76px;
	opacity:1;
  }
}

@keyframes fire03{
  0% {
	transform:scale(0);
	left: 100px;
	top:170px;
	opacity:0;
  }
  100% {
	transform:scale(1);
	left: -15px;
	top:290px;
	opacity:1;
  }
}
@keyframes fire04{
  0% {
	transform:scale(0);
	right: 60px;
	top:70px;
	opacity:0;
  }
  100% {
	transform:scale(1);
	right: -32px;
	top:0;
	opacity:1;
  }
}
@keyframes fire05{
  0% {
	transform:scale(0);
	right: 130px;
	opacity:0;
  }
  100% {
	transform:scale(1);
	right: 10px;
	opacity:1;
  }
}
@keyframes fire06{
  0% {
	transform:scale(0);
	top: 120px;
	right: 450px;
	opacity:0;
  }
  100% {
	transform:scale(1);
	top: 50px;
	right: 278px;
	opacity:1;
  }
}
@keyframes fire07{
  0% {
	transform:scale(0);
	top: 227px;
	right: 450px;
	opacity:0;
  }
  100% {
	transform:scale(1);
	top: 227px;
	right: 360px;
	opacity:1;
  }
}

@keyframes fire08{
  0% {
	transform:scale(0);
	top: 240px;
	right: 450px;
	opacity:0;
  }
  100% {
	transform:scale(1);
	top: 280px;
	right: 325px;
	opacity:1;
  }
}

@keyframes fire{
  0% {
	transform:scale(0);
	opacity:0;
  }
  100% {
	transform:scale(1);
	opacity:1;
  }
}

@keyframes zoom{
  0% {
    scale: 1;
  }
  50% {
    scale: 1.1;
  }
  100% {
    scale: 1;
  }
}
@keyframes blink{
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes arrow{
  0% {
	top: 420px
  }
  100% {
	top: 450px
   
  }
}
@keyframes typing{
  0% {
    width: 0%;
  }
  50% {
    width: 210px;
  }
  100% {
    width: 0%;
  }
}
@keyframes txt_blink{
  0% {
    opacity:1;
  }
  55% {
    opacity:.5;
  }
	60% {
    opacity:1;
  }
	70% {
    opacity:0;
  }
	80% {
    opacity:1;
  }
	90% {
    opacity:0;
  }
  100% {
		opacity:1;
  }
}
@keyframes watercan_move{
  0% {
   transform:rotate(0deg);
  }
  100% {
	transform:rotate(-10deg);
  }
}

@keyframes leaf_up{
  0% {
    bottom:-114px;
	opacity:0;
  }
  70% {
    bottom:-17px;
	opacity:0;
  }
  100% {
	bottom:0;
	opacity:1;
  }
}

@keyframes water_drop{
  0% {
   opacity:0;
   width:0;
  }
  100% {
	width:89px;
	opacity:1;
  }
}
@keyframes twinkle{
 0% {
   opacity:0;
   transform:scale(0);
  }
  50% {
	opacity:1;
  }
  100% {
	transform:scale(1);
	opacity:0;
  }
}

@keyframes h_move01{
  0% {
	right:0;
	top:150px;
  }
  100% {
	top:150px;
	right:-300px;
  }
}
@keyframes h_move02{
  0% {
	top:100px;
	left:0;	
  }
  100% {
	top:400px;
	left:-420px
  }
}
@keyframes h_move03{
  0% {
	top:200px;
	left:0;	
  }
  100% {
	top:200px;
	left:-200px
  }
}
@keyframes event_end{
  0% {
	opacity:0;
  }
  49% {
	opacity:0;
  }
  50% {
	opacity:1;
  }
  99% {
	opacity:1;
  }
  100% {
	opacity:0;
  }
}
@keyframes leaf_move{
  0% {
	left:130px;
  }
  80% {	
	opacity:1;
  }
  100% {
	left:170px;
	opacity:0;
  }
}