@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:10px;
	position:absolute;
	/* background-color:#f1f1f1; */
	border-radius:50px;
}

/* 針 */
.range_fader_needle {
	position:absolute;
	width: 100%;
	height: 100%;
	border-radius: 50px;
/*
	background-image: -webkit-radial-gradient(#dddddd,#333333);
	background-image: radial-gradient(#dddddd,#333333);
*/
	background-color:#333333;

	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_fader > .range_scale_line:nth-child(n+2):nth-last-child(n+2) {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	left:0px;
	height:10px;
	width:5x;
	border-left:1px solid #000000;
	z-index:0;
}
*/

.range_scale_line {
	position:absolute;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	left:0px;
	height:15px;
	width:15px;
	background-color:#cccccc;
	border-radius:50px;
	z-index:0;
}