@charset "utf-8";

/* ------------------------------ */
/*画面上下スクロールボタン*/
/* ------------------------------ */
#up_arrow_button,
#down_arrow_button,
#up_arrow_button_top,
#down_arrow_button_bottom {
	position: fixed;
	width: 30px;
	height:30px;
	border-radius: 50px;
	right: 25px;
	background-color: rgba(0,0,0,0.1);
	border: 1px solid #cccccc;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0); /* スマホハイライトカラー */
	font-size:10px;
	text-align:center;
	color:#ffffff;
	transition:0.2s;
	z-index:2;
}
#up_arrow_button div,
#down_arrow_button div,
#up_arrow_button_top div,
#down_arrow_button_bottom div {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%); /* Safari用 */
	transform:translateY(-50%);
}

/* ------------------------------ */
/* 上スクロール */
#up_arrow_button {
}

/* 下スクロール */
#down_arrow_button {
}

/* 最上部 */
#up_arrow_button_top {
	bottom: 90px;
}

/* 最下部 */
#down_arrow_button_bottom {
	bottom: 20px;
}

/* ------------------------------ */
#up_arrow_button:active, #down_arrow_button:active, #up_arrow_button_top:active, #down_arrow_button_bottom:active {
	border:5px solid #ff0000;
	color:#ff0000;
}

/* ------------------------------ */
/* スマホ */
@media only screen and (max-width:599px) {

	/* 最上部 */
	#up_arrow_button_top {
		width:30px;
		height:30px;
		bottom: 60px;
	}

	/* 最下部 */
	#down_arrow_button_bottom {
		width:30px;
		height:30px;
		bottom: 10px;
	}

}