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


/* ---------------------------------------------------------------------------------------------

   load.css めくれる画像

--------------------------------------------------------------------------------------------- */

/*領域に入ってからアクションする*/


.img-animation {
  animation: img-opacity 1s cubic-bezier(.2, 0, .2, 0);
  overflow: hidden;
  position: relative;
}

.img-animation:before {
  animation: img-animation 1.5s cubic-bezier(.2, 0, .2, 0) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes img-opacity {
  0% {
    opacity: 1;/*0*/
  }
}

/*下から上へ*/
@keyframes img-animation {
  100% {
    transform: translateY(-100%);
  }
}

/*左から右へ*/
/*@keyframes img-animation {
  100% {
    transform: translateX(100%);
  }
}*/