@charset "utf-8";

/* ------------------------------ */
/* スティックコントローラー */
/* ------------------------------ */
/* 表示枠 */
.stick_controller_frame {
	height:100px;
	width:100px;
	padding:10px;
	left: 10px;
	bottom:20px;
	position:fixed;
	z-index: 4;
	cursor:pointer;
	-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;
	-webkit-tap-highlight-color:rgba(0,0,0,0); /* スマホハイライトカラー */
}

/* 表示枠 */
.stick_controller_frame_inner {
	background-color:rgba(0,0,0,0.1);
	border:1px solid #cccccc;
	width:100%;
	height:100%;
	border-radius:50px;
}

/* 針 */
.stick_controller_needle {
	height:30px;
	width:30px;
	background-image: -webkit-radial-gradient(#dddddd,#333333);
	background-image: radial-gradient(#dddddd,#333333);
	border-radius:50px;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%); /* Safari用 */
	transform:translate(-50%,-50%);
	cursor:pointer;
	text-align:center;
	-webkit-tap-highlight-color:rgba(0,0,0,0); /* スマホハイライトカラー */
}

/* スマホ */
@media only screen and (max-width:599px) {
	.stick_controller_frame {
		height:100px;
		width:100px;
		left:60px;
		bottom:0px;
	}
}

.stick_button {
	display:block;
}
/* フォーカスの枠を消す */
.stick_button:focus {
	outline: none;
}
.stick_button_sub:focus {
	outline: none;
}