@charset "utf-8";
@-webkit-keyframes fade-in {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0;}
  100% { display: block; opacity: 1;}
}
@keyframes fade-in {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0;}
  100% { display: block; opacity: 1;}
}

/*===========================*/
@-webkit-keyframes fade-out {
  0% { display: block; opacity: 1;}
  1% { display: block; opacity: 1;}
  100% { display: none; opacity: 0;}
}
@keyframes fade-out {
  0% { display: block; opacity: 1;}
  1% { display: block; opacity: 1;}
  100% { display: none; opacity: 0;}
}
/*===========================*/
@-webkit-keyframes babyMove {
  0% { opacity: 0; -webkit-transform: translate(0,0); transform: translate(0,0);}
  40% { opacity: 1; -webkit-transform: translate(-80px,40px); transform: translate(-80px,40px);}
  100% { opacity: 0; -webkit-transform: translate(-200px,100px); transform: translate(-200px,100px);}
}
@keyframes babyMove {
  0% { opacity: 0; -webkit-transform: translate(0,0); transform: translate(0,0);}
  40% { opacity: 1; -webkit-transform: translate(-64px,40px); transform: translate(-64px,40px);}
  100% { opacity: 0; -webkit-transform: translate(-160px,100px); transform: translate(-160px,100px);}
}
/*===========================*/
@-webkit-keyframes dog_run {
  0% { opacity: 0; -webkit-transform: translate(0,0); transform: translate(0,0);}
  25% { opacity: 1; -webkit-transform: translate(-100px,75px); transform: translate(-100px,75px);}
  100% { opacity: 1; -webkit-transform: translate(-400px,300px); transform: translate(-400px,300px);}
}
@keyframes dog_run {
  0% { opacity: 0; -webkit-transform: translate(0,0); transform: translate(0,0);}
  25% { opacity: 1; -webkit-transform: translate(-100px,75px); transform: translate(-100px,75px);}
  100% { opacity: 1; -webkit-transform: translate(-400px,300px); transform: translate(-400px,300px);}
}
/*===========================*/
@-webkit-keyframes shadow_move {
  0% { opacity: 1; -webkit-transform: scale(4,4) translate(0,0); transform: scale(4,4) translate(0,0);}
  7% { opacity: 1; -webkit-transform: scale(4,4) translate(0,-12vh); transform: scale(4,4) translate(0,-12vh);}
  70% { opacity: 1; -webkit-transform: scale(4,4) translate(0,-12vh); transform: scale(4,4) translate(0,-12vh);}
  100% { opacity: 0; -webkit-transform: scale(4,4) translate(0,-12vh); transform: scale(4,4) translate(0,-12vh);}
}
@keyframes shadow_move {
  0% { opacity: 1; -webkit-transform: scale(4,4) translate(0,0); transform: scale(4,4) translate(0,0);}
  7% { opacity: 1; -webkit-transform: scale(4,4) translate(0,-12vh); transform: scale(4,4) translate(0,-12vh);}
  70% { opacity: 1; -webkit-transform: scale(4,4) translate(0,-12vh); transform: scale(4,4) translate(0,-12vh);}
  100% { opacity: 0; -webkit-transform: scale(4,4) translate(0,-12vh); transform: scale(4,4) translate(0,-12vh);}
}

/*===========================*/
@-webkit-keyframes h1_move {
  0% { -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1);}
  100% { -webkit-transform: translate3d(-330px,-348px,0) scale(0.275); transform: translate3d(-330px,-348px,0) scale(0.275);}
}
@keyframes h1_move {
  0% { -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1);}
  100% { -webkit-transform: translate3d(-330px,-348px,0) scale(0.275); transform: translate3d(-330px,-348px,0) scale(0.275);}
}

/*===========================*/

/*===========================*/

@-webkit-keyframes blink {
  0% { opacity: 0; }
  49.9% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes blink {
  0% { opacity: 0; }
  49.9% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 1; }
}
/*===========================*/