@charset "UTF-8";
/* フェードイン */
.fadeIn {
  -webkit-animation-name: fadeInAnime;
          animation-name: fadeInAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIncontents {
  opacity: 0;
}

/*反転*/
.turning {
  -webkit-animation-name: move_turning;
          animation-name: move_turning;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: steps(1);
          animation-timing-function: steps(1);
  animation-direction: reverse;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes move_turning {
  0% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}

@keyframes move_turning {
  0% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
/*# sourceMappingURL=animation.css.map */