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

/* ハンバーガーを押すと背景色が変わる ------------- */
.humbergar_open.active {
  filter: blur(5px) grayscale(100%);
}

/* hoverで画像が大きくなる ------------- */
.img_scale {
  overflow: hidden;
}
.img_scale img {
  transition: transform 0.4s ease;
}
.img_scale img:hover {
  transform: scale(1.1);
}

/* スクロールでfadeup ------------- */
.fadeUp {
  opacity: 0;
  transform: translate(0,30);
  transition: translate all 0.5s;
}
.fadeUp.active {
  opacity: 1;
  transform: translate(0,0);
  animation-name: fadeUpAnime;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}