/* btn */
.%css-ctar% .aiin-btn {
	position:relative;
	display:inline-block;
	cursor:pointer;
	user-select:none;
	-moz-user-select:none;
	-webkit-tap-highlight-color:transparent;
	line-height:0;
}
.%css-ctar% .aiin-aura1 {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	opacity:0;
	background-color:#bbb;
	border-width:1px;
	border-style:solid;
	border-color:#888;
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-aura1 {
	animation-name:%css-ctar%-kf-aura1-radiate-hover;
	animation-iteration-count:1;
	animation-timing-function:linear;
	animation-duration:1.5s;
}
@keyframes %css-ctar%-kf-aura1-radiate-hover {
	0% {
		opacity:1;
		transform:scale(1,1);
	}
	100% {
		opacity:0;
		transform:scale(1.3,2);
	}
}
.%css-ctar% .aiin-aura1-1 {
	animation-delay:0s;
}
.%css-ctar% .aiin-btn.aiin-init .aiin-aura1 {
	animation-name:none;
}
.%css-ctar% .aiin-revaura1 {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	opacity:0;
	border-width:2px;
	border-style:solid;
	border-color:#ccc;
}
.%css-ctar% .aiin-btn:hover .aiin-revaura1 {
	animation-name:%css-ctar%-kf-revaura1-shrink-action;
	animation-iteration-count:1;
	animation-timing-function:ease;
	animation-duration:2s;
}
@keyframes %css-ctar%-kf-revaura1-shrink-action {
	0% {
		opacity:0;
		transform:scale(1.2,1.2);
	}
	10% {
		opacity:1;
		transform:scale(1,1);
	}
	100% {
		opacity:0;
	}
}
.%css-ctar% .aiin-framediv1 {
	position:relative;
	overflow:hidden;
}
.%css-ctar% .aiin-reldiv1 {
	position:relative;
}
/* vmp */
.%css-ctar% .aiin-vmp1 {
	display:table-cell;
	vertical-align:middle;
	line-height:1;
}
/* vmp:icon */
.%css-ctar% .aiin-vmp1-icon {
	height:23px;
}
.%css-ctar% .aiin-icon {
	position:relative;
	line-height:0;
	padding-left:10px;
	padding-right:0px;
}
.%css-ctar% .aiin-ipos1 {
	position:relative;
	width:19px;
	height:19px;
	transform:translateY(5%);
}
/* vmark */
.%css-ctar% .aiin-vm-heart1 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:opacity 1s, transform 1s;
}
.%css-ctar% .aiin-vm-heart1-off {
	background:url("%url-tpl%img/vmark-off.png");
	background-size:100% 100%;
	opacity:1;
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-vm-heart1-off {
	opacity:0;
}
.%css-ctar% .aiin-vm-heart1-on {
	background:url("%url-tpl%img/vmark-on.png");
	background-size:100% 100%;
	opacity:0;
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-vm-heart1-on {
	opacity:1;
}
/* action */
.%css-ctar% .aiin-vm-heart1-off {
	transform:scale(1);
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-vm-heart1-off {
	transform:scale(2);
}
.%css-ctar% .aiin-vm-heart1-on {
	transform:scale(0);
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-vm-heart1-on {
	transform:scale(1);
}
.%css-ctar% .aiin-label {
	position:relative;
	line-height:0.85;
	font-size:16px;
	color:black;
	padding-left:7px;
	padding-right:0px;
	font-weight:bold;
}
@media (hover:hover) {
	.%css-ctar% .aiin-label {
		top:0.10em;
	}
}
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.%css-ctar% .aiin-label {
		top:0.10em;
	}
}
/* FireFox */
@-moz-document url-prefix() {
	.%css-ctar% .aiin-label {
		top:0.08em;
	}
}
@media (hover:none) {
	.%css-ctar% .aiin-label {
		top:0.06em;
	}
}
.%css-ctar% .aiin-vcnt {
	position:relative;
	line-height:0.85;
	font-size:16px;
	color:black;
	padding-left:5px;
	padding-right:10px;
	font-weight:bold;
}
@media (hover:hover) {
	.%css-ctar% .aiin-vcnt {
		top:0.10em;
	}
}
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.%css-ctar% .aiin-vcnt {
		top:0.10em;
	}
}
/* FireFox */
@-moz-document url-prefix() {
	.%css-ctar% .aiin-vcnt {
		top:0.08em;
	}
}
@media (hover:none) {
	.%css-ctar% .aiin-vcnt {
		top:0.06em;
	}
}