@charset "UTF-8";
/* CSS Document */

/*フェードイン*/
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
/*ズームイン*/
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/*アニメーション用*/
.sa {
    opacity: 0;
    transition: all .5s ease;
  }

  .sa.show {
    opacity: 1;
    transform: none;
  }

  .sa--lr {
    transform: translate(-100px, 0);
  }

  .sa--rl {
    transform: translate(100px, 0);
  }

  .sa--up {
    transform: translate(0, 100px);
  }

  .sa--down {
    transform: translate(0, -100px);
  }

  .sa--scaleUp {
    transform: scale(.5);
  }

  .sa--scaleDown {
    transform: scale(1.5);
  }

  .sa--rotateL {
    transform: rotate(180deg);
  }

  .sa--rotateR {
    transform: rotate(-180deg);
  }