@charset "UTF-8";
/* CSS Document */
.btn {
    display: inline-block;
}
.btn a {
    display:block;  /* ブロック要素にしてリンク範囲を作る */
    width:200px;  /* ボタンの幅 */
    background:#136ac1;  /* ボタンの背景色 */
    border-radius:10px;  /* 角丸（半径10px） */
    color:#fff;  /* リンクテキストのカラー */
    line-height:46px;  /* ボタンの高さ＋テキストを中央（上下方向）にする */
    text-decoration:none;  /* リンクの下線（装飾）を消す */
    text-align:center;  /* テキストを中央寄せ */
}
.btn a:hover {
    background:#ddd;  /* カーソルが乗った時の背景色 */
    color:#136ac1;  /* カーソルが乗った時のテキストカラー */
}

/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
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;position: fixed;animation-name: opa1;animation-duration: 1s;animation-fill-mode: forwards;
	width: 60px;		/*ボタンの幅*/
	line-height: 60px;	/*ボタンの高さ*/
	bottom: 50px;		/*画面の下からの配置場所指定*/
	right: 3%;			/*画面の右からの配置場所指定*/
	background: #555;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.5);	/*背景色。0,0,0は黒の事で、0.5は色が50%出た状態の事。*/
	color: #fff;		/*文字色*/
	border-radius: 50%;	/*円形にする指定。この１行を削除すると正方形になります。*/
}
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
	background: #999;	/*マウスオン時の背景色*/
}