/* iPad2 1,024 × 768ピクセル解像度、132 ppi 1px = 0.019cm */
* {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	outline: none;
}
html, body {
	width: 100%;
	height: 100%;
}
body {
	font-family: Quantico, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	overflow: hidden;
}
#wrapper {
	/*width: 790px;15.01cm*/
	width: 526px;/*9.994cm*/
	margin: 50px auto;
}
#ctrl {
	margin-top: 150px;
}
#ctrl .result {
	margin: 15px 0;
	position: relative;
	line-height: 100px;
}
#ctrl span {
	width: 100px;
	height: 100px;
	display: inline-block;
	font-size: 1em;
	text-align: center;
	border-radius: 10px;
	box-shadow: inset 2px 2px 1px rgba(0,0,0,.2), inset 0px 0px 2px rgba(0,0,0,.2);
}
#ctrl .cover {
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	top: 0;
	left: 0;
	background: #ccc;
	-webkit-transition: -webkit-transform 300ms ease-out 0s;
	transition: transform 300ms ease-out 0s;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	box-shadow: inset 2px 2px 1px rgba(0,0,0,.4), inset 0px 0px 2px rgba(0,0,0,.4);
}
#ctrl .float {
	float: left;
	margin: 0 10px 0 0;
}

/* handle */
.noUi-handle:after {
	display: none;
}
.noUi-handle:before {
	height: 25px;
	width: 2px;
	left: 15px;
	background: #c3b7ef;
}

/* ruler font */
.noUi-value-large {
	font-size: .5em;
}


@-webkit-keyframes turn_scale {
	from {
		-webkit-transform: scaleY(0);
	}
    to {
		-webkit-transform: scaleY(1);
	}
}

@-webkit-keyframes back_scale {
	from {
		-webkit-transform: scaleY(1);
	}
	to {
		-webkit-transform: scaleY(0);
	}
}

.target_in {
	-webkit-animation-name: turn_scale;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 300ms;
	-webkit-transform-origin: 100% 0;
}
.target_out {
	-webkit-animation-name: back_scale;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 300ms;
	-webkit-transform-origin: 100% 0;
}