@charset "utf-8";

/* ------------------------------ */
/*画面上下スクロールボタン*/
/* ------------------------------ */

/* コントローラーボタン */
.draggable_controller_button {	
	position: absolute;
	width:30px;
	text-align:center;
	height:20px;
	border-radius: 5px;
	top:-30px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background-color: rgba(0, 0, 0, 0.3);
	border: 1px solid #cccccc;
	cursor:move;
	opacity: 0;
	padding:2px;
	-webkit-user-select: none; /* Chrome or Safari */
	-webkit-touch-callout: none; /* Android and iOS*/
	-moz-user-select: none; /* FireFox */
	-ms-user-select: none; /* IE */
	-o-user-select: none; /* Opera */
	user-select: none;
}
/* スマホ */
@media only screen and (max-width:599px) {
	.draggable_controller_button {	
		display:none;
	}
}
/* スマホ以外 */
@media only screen and (min-width: 600px) {
	.draggable_controller_button:hover {	
		opacity: 1;
	}
}