@charset "UTF-8" ;

/*ボタンの領域*/
#re-top {
	position:fixed; /*画面に固定*/
	bottom:10%; /*画面下へ*/
	right:5%; /*画面右へ*/
	z-index:10; /*レイヤー順序を上に*/
	background-color:transparent; /*領域の背景色（透明）*/
}
/*丸ボタン*/
.re-topB {
	position:relative;
	display:block; 
	background-color:rgba(0,0,0,0.7); /*丸ボタンの色*/
	color:rgb(255,255,255); /*三角と文字色*/
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	width:60px;
	height:60px;
	text-align:center;
	line-height:24px;
	border-radius:30px;
	padding-top:30px;
	box-sizing:border-box;
}
/*三角部分*/
.re-topB:before {
	content:'\25B2';
	position:absolute;
	top:10px;
	left:0;
	width:100%;
	text-align:center;
	font-size:20px;
}
/*マウスオーバーで色を変更*/
#re-top:hover .re-topB {
	transition: .85s ;
	color:#ffd700; /*三角と文字色*/
	background-color:rgba(0,0,0,0.9); /*丸ボタンの色*/
}
.scrollFixIt {
	position:relative;
  font-size:80%;
	color:green;
	padding: 2px;
	z-index:10; /*レイヤー順序を上に*/
	border-radius: 5px;
	background-color:rgba(0,0,0,0.2); 
	cursor: pointer;
	display:block;	/* 最初は表示 */
}
.scrollMove {
	position:relative;
	font-size:80%;
	color: green;
	padding: 2px;
	z-index:10; /*レイヤー順序を上に*/
	background-color:rgba(0,0,0,0.2); 
	border: 0px solid #2d424f;
	border-radius: 5px;
	cursor: pointer;
	display:none; /* 最初は非表示 */
}
.move_on {
	color: #ffffff;
	background-color: green;
	font-weight: bold;
}