/* btn */
.%css-ctar% .aiin-btn {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	width:125px;
	height:125px;
	cursor:pointer;
	user-select:none;
	-moz-user-select:none;
	-webkit-tap-highlight-color:transparent;
	line-height:1;
}
.%css-ctar% .aiin-btn.aiin-sel {
}
.%css-ctar% .aiin-btn.aiin-not-allowed {
	cursor:default;
}
/* circle */
.%css-ctar% .aiin-circle {
	position:relative;
	margin:0 auto;
	padding-top:0px;
	width:100px;
	height:100px;
	background:#4cf;
	border-radius:50%;
	text-align:center;
}
.%css-ctar% .aiin-btn:hover .aiin-circle {
	background:#6ef;
}
/* ring */
.%css-ctar% .aiin-ring {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition:transform 0.5s;
}
.%css-ctar% .aiin-btn:hover .aiin-ring {
	transform:scale(1.25);
}
.%css-ctar% .aiin-ring-frame {
	position:relative;
	width:100%;
	height:100%;
	border-radius:50%;
	border-width:3px;
	border-color:#4cf;
	border-style:solid;
}
.%css-ctar% .aiin-btn:hover .aiin-ring-frame {
	border-style:dotted;
	border-color:#6ef;
	animation-name:%css-ctar%-kf-ring-frame-hover;
	animation-iteration-count:1;
	animation-timing-function:linear;
	animation-duration:20s;
}
@keyframes %css-ctar%-kf-ring-frame-hover {
	0% {
		transform:rotateZ(0deg);
	}
	100% {
		transform:rotateZ(360deg);
	}
}
/* label */
.%css-ctar% .aiin-label-ctar {
	margin:4px 0;
}
.%css-ctar% .aiin-label {
	position:relative;
	text-align:center;
	vertical-align:middle;
	height:16px;
	width:auto;
}
/* vcnt */
.%css-ctar% .aiin-vcnt-ctar {
	margin:4px 0;
}
.%css-ctar% .aiin-vcnt {
	position:relative;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	min-width:15px;
	vertical-align:middle;
	letter-spacing:1px;
}
/* icon */
.%css-ctar% .aiin-check-ctar {
	position:relative;
	padding:13px 0 2px 0;
}
.%css-ctar% .aiin-check {
	position:relative;
	margin:0 auto;
}
.%css-ctar% .aiin-check,
.%css-ctar% .aiin-check-back,
.%css-ctar% .aiin-check-front {
	width:14px;
	height:14px;
}
.%css-ctar% .aiin-check-back,
.%css-ctar% .aiin-check-front {
	position:absolute;
	top:0;
	left:0;
	background:url("%url-tpl%img/check.png");
	background-size:100% 100%;
	opacity:0;
	transition:transform 2s, opacity 2s;
}
.%css-ctar% .aiin-check-back {
	transform:scale(4);
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-check-back {
	opacity:1;
	transform:scale(1);
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-check-front {
	opacity:1;
}