@charset "utf-8";

/* ------------------------------ */
/* レンジフェーダー */
/* ------------------------------ */
/* 表示枠 */
.range_fader_frame {
	height:70px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	cursor:pointer;
	visibility:hidden; /* 非表示 */
	-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); /* スマホハイライトカラー */
}

/* スライダー */
.range_fader {
	top:50%;
	-webkit-transform:translateY(-50%); /* Safari用 */
	transform:translateY(-50%);
	width:100%;
	height:2px;
	position:absolute;
	background-color:#333333;
	border-radius:50px;
}

/* 針 */
.range_fader_needle {
	position:absolute;
	border-radius: 50px;
	background-image: -webkit-radial-gradient(#ffffff,#000000);
	background-image: radial-gradient(#ffffff,#000000);
	width:20px;
	height:20px;
	top:50%;
	-webkit-transform:translate(-50%,-50%); /* Safari用 */
	transform:translate(-50%,-50%);
	z-index:1;
	-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;
}

/* メモリ */
.range_scale_line {
	position:absolute;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	left:0px;
	height:15px;
	width:15px;
	background-color:#ffffff;
	border:1px solid #000000;
	border-radius:50px;
	z-index:0;
}