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


/* ==========================
  アニメーション
========================== */

/*下から*/
.fadeUp{animation: fadeUp 1s ease 0s 1 normal;animation-fill-mode:forwards;}

/* below */
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
  }
}


/*上から*/
.fadeDown{animation: fadeDown 1s ease 0s 1 normal;animation-fill-mode:forwards;}

/* above */
@keyframes fadeDown {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
  }
}

/*左から*/
.fadeLeft{animation: fadeLeft 1s ease 0s 1 normal;animation-fill-mode:forwards;}

/* above */
@keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
  }
}

/*右から*/
.fadeRight{display:block;animation: fadeRight 1s ease 0s 1 normal;animation-fill-mode:forwards;}

/* above */
@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
  }
}

.below_m,.above_m,.left_m,.right_m{opacity: 0;}



@media only screen and (max-width:760px) {

}