.fade {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 2.5s, transform 1s;
    background-color: none;
}.fade.fadeactive {
	opacity: 1;
	transform: translateY(0px);
    background-color: none;
}



.hide{
	transform: translateX(160px); /* 上に消えるようにする */
}

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