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

/*==================================================
lazyshow
================================================== */

.lazyshow{
  visibility: hidden;
  transform: translate(0,5rem);
  opacity: 0;
  -moz-transition: all 700ms ease-out 0s;;
  transition: all 700ms ease-out 0ms;
}


/*
.lazyshow-hidden{
  visibility: hidden;
  transform: translate(0,5rem);
  opacity: 0;
  -moz-transition: all 700ms ease-out 0s;;
  transition: all 700ms ease-out 0ms;
}
*/

.lazyshow-show{
  visibility: visible;
  opacity: 1;
  transform: translate(0,0);
}

/*==================================================
fade
================================================== */


/* jQuaryスクロールCSS */
.fade-in {
  opacity: 0;
  transition-duration: 1000ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-80px, 0);
}

.fade-in-right {
  transform: translate(80px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}