@charset "utf-8";

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

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