@charset "utf-8";
/* CSS Document */
/*---------------------------------
トップに戻るボタン
-----------------------------------*/
#toTop{
	position:fixed;
	right:15px;
	bottom:15px;
	font-size:14px;
	border-radius:5px;
	color:#ffffff;
	padding:10px 15px 10px 25px;
	text-decoration:none;
}
#toTop img{
    	opacity:0.6;
}
#toTop img:hover{
    opacity:1;
}
#toTop::before{
	content:'';
	position:absolute;
	top:50%;
	left:8px;
	transform: translateY(-50%);
}
#toTop.show{
	display:block;
	/*ふわっと表示させる*/
	-webkit-animation:fadeInUp 0.5s ease-in-out forwards;
	animation:fadeInUp 0.5s ease-in-out forwards;
    z-index:999;
}
@keyframes fadeInUp{
	0%{
		opacity:0;
		-webkit-transform:translateY(100%);
		transform:translateY(100%);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}
#toTop.hide{
	bottom:15px;
	-webkit-animation:fadeOutDown 0.5s ease-in-out forwards;
	animation:fadeOutDown 0.5s ease-in-out forwards;
}
@keyframes fadeOutDown{
	0%{
		opacity:1;
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
	100%{
		opacity:0;
		-webkit-transform:translateY(100%);
		transform:translateY(100%);
	}
}