@charset "utf-8";

@keyframes scroll {

0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

body .nav-fix-pos-pagetop a {
	display: none;
}
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	display: block;
	text-decoration: none;
	text-align: center;
	width: 50px;
	line-height: 50px;
	z-index: 100;
	position: fixed;
	bottom: 20px;
	right: 8%;
	background: #4f1c1b;
	color: #fff;
	border-radius: 50px;
	animation-name: scroll;	/*上のアニメーションで指定しているkeyframes（scroll）*/
	animation-duration: 1S;	/*アニメーションの実行時間*/
	animation-fill-mode: forwards;	/*アニメーションの完了後、最後のキーフレームを維持*/
}
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
	background: #999;
}
/* SP 768px以下 */
@media (max-width: 768px){
	body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	display: block;
	text-decoration: none;
	text-align: center;
	width: 40px;
	line-height: 40px;
	z-index: 100;
	position: fixed;
	bottom: 40px;
	right: 2%;
	background: #4f1c1b;
	color: #fff;
	border-radius: 40px;
	animation-name: scroll;	/*上のアニメーションで指定しているkeyframes（scroll）*/
	animation-duration: 1S;	/*アニメーションの実行時間*/
	animation-fill-mode: forwards;	/*アニメーションの完了後、最後のキーフレームを維持*/
	}
}