@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: 75px;
	line-height: 75px;
	z-index: 100;
	position: fixed;
	bottom: 30px;
	right: 1.2%;
	background: none; /* IE6-9 */
	color: #fff;
	border: 1px solid #fff;
	border-radius: 38px;
	animation-name: scroll;	/*上のアニメーションで指定しているkeyframesの名前（scroll）*/
	animation-duration: 1S;	/*アニメーションの実行時間*/
	animation-fill-mode: forwards;	/*アニメーションの完了後、最後のキーフレームを維持する*/
}

body .nav-fix-pos-pagetop2 a {
	display: none;
}

body.is-fixed-pagetop .nav-fix-pos-pagetop2 a {
	display: block;
	text-decoration: none;
	text-align: center;
	line-height: 12px;
	width: 110px;
	z-index: 100;
	position: fixed;
	bottom: 15px;
	right: 0%;
	background: none;
	color: #000;
	font-size: 11px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	animation-name: scroll;	/*上のアニメーションで指定しているkeyframesの名前（scroll）*/
	animation-duration: 1S;	/*アニメーションの実行時間*/
	animation-fill-mode: forwards;	/*アニメーションの完了後、最後のキーフレームを維持する*/
}

/*画面幅600px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:600px){

body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	width: 47px;
	line-height: 47px;
	bottom: 12px;
	right: 1%;
}

body.is-fixed-pagetop .nav-fix-pos-pagetop2 a {
	width: 90px;
	right: 0.3%;
	bottom: 0px;
	font-size: 9px;
}

}