/* btn */
.%css-ctar% .aiin-btn {
	position:relative;
	display:inline-block;
	padding:5px 10px;
	background-color:white;
	border-radius:5px;
	border:1px solid #ddd;
	cursor:pointer;
	user-select:none;
	-moz-user-select:none;
	-webkit-tap-highlight-color:transparent;
	line-height:0;
	overflow:hidden;
}
.%css-ctar% .aiin-btn.aiin-sel {
}
.%css-ctar% .aiin-btn.aiin-not-allowed {
	cursor:default;
}
/* top & bottom */
.%css-ctar% .aiin-top {
	position:relative;
	margin:0 auto;
	width:110px;
	height:30px;
	overflow:hidden;
}
.%css-ctar% .aiin-bottom {
	position:relative;
	width:100%;
	padding:3px 0;
	text-align:center;
}
/* front */
.%css-ctar% .aiin-front {
	position:relative;
	width:100%;
	height:100%;
	background:url("%url-tpl%img/front.png");
	background-size:100% 100%;
}
/* back */
.%css-ctar% .aiin-back {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background:#f88;
	background:linear-gradient(to right,
		#f88 0%,
		#88f 33%,
		#8f8 66%,
		#f88 100%);
}
.%css-ctar% .aiin-back1 {
	left:0;
}
.%css-ctar% .aiin-back2 {
	left:-100%;
}
.%css-ctar% .aiin-btn:hover .aiin-back {
	animation-name:%css-ctar%-kf-back-hover;
	animation-iteration-count:infinite;
	animation-duration:2s;
	animation-timing-function:linear;
}
@keyframes %css-ctar%-kf-back-hover {
	100% {
		transform:translate(100%,0);
	}
}
/* vcnt */
.%css-ctar% .aiin-vcnt {
	position:relative;
	display:inline-block;
	padding:0 20px;
	vertical-align:middle;
	color:#888;
	font-family:"Verdana";
	font-weight:bold;
	font-size:11px;
	line-height:normal;
	letter-spacing:0.02em;
	border-radius:5px;
	background-color:#f0e8e8;
	text-shadow:1px 1px #fff;
	box-shadow:
		0 0 1px 0 #F8f4f4,
		0 0 2px 0 #F8f4f4,
		0 0 4px 0 #F8f4f4,
		0 0 8px 0 #F8f4f4;
}
/* check */
.%css-ctar% .aiin-check {
	display:inline-block;
	position:relative;
	vertical-align:middle;
	width:10px;
	height:10px;
	background:url("%url-tpl%img/check.png");
	background-size:100% 100%;
	opacity:0;
	transition:opacity 1s, transform 1s;
	z-index:1;
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-check-l {
	transform:translate(16px,0);
	opacity:1;
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-check-r {
	transform:translate(-16px,0);
	opacity:1;
}