@charset "utf-8";

/*========= スクロール途中でヘッダーが表示＆非表示するためのCSS ===============*/

.hide {
  transform: translateY(-100%); /* 上に消えるようにする */
}

#scrollArea {
  width: 100%;
  position: fixed; /* 固定して表示されるようにする */
  top: 0; /* 表示場所を一番上に */
  transition: 0.5s; /* スクロール時に一瞬で消えると物足りないので.hideの処理を0.5秒で行う */
  z-index: 100; /* 前面に表示されるようにする */
}