@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;
  }
}

/*下から特殊*/
.fadeUp_c{animation: fadeUp_c 1s ease 0s 1 normal;}

/* below */
@keyframes fadeUp_c {
  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;
  }
}

/*フェードのみ*/
.fade{animation: fade 1s ease 0s 1 normal;animation-fill-mode:forwards;}

/* fade */
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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



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

}