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






/*============================================================
         For Smartphone
============================================================*/

@media (max-width:640px) {


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

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

}

/*============================================================
           For PC
============================================================*/

@media (min-width:641px) {


}