/*css
//==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>
//
// Ajaxいいねボタン用アドオン 編数君 v1.12 [ 有償ライセンス版 ]
// このプログラムはAjaxいいねボタンDXの正規ユーザーにライセンスされています。
//
// Copyright (c) phpkobo.com ( http://jpn.phpkobo.com/ )
// Email : admin@phpkobo.com
// ID : LKBCE-112J
//
//==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<
*/

/* cedit:all */
.aiin-cedit,
.aiin-cedit input,
.aiin-cedit div {
	box-sizing:border-box;
	font-family:"Arial";
	font-size:16px;
}
.aiin-cedit div:focus,
.aiin-cedit input:focus {
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
		box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
/* cedit */
.aiin-cedit {
	position:absolute;
	text-align:center;
	width:150px;
	border:5px solid #aaa;
	border:5px solid rgba(0,0,0,0.3);
	border-radius:5px;
	box-shadow: 5px 5px 10px #444;
	z-index:10000;
}
/* inner */
.aiin-cedit-inner {
	position:relative;
	padding:5px;
	background-color:#fff;
	border-radius:2px;
	overflow:hidden;
}
/* error */
.aiin-cedit.aiin-cedit-error {
	animation-name:aiin-cedit-kf-error;
	animation-duration:0.3s;
	animation-iteration-count:5;
}
@keyframes aiin-cedit-kf-error {
	25% {
		transform:rotateZ(-5deg);
	}
	75% {
		transform:rotateZ(5deg);
	}
}
/* timeout */
.aiin-cedit-timeout-msg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:3px 0;
	color:white;
	background-color:red;
	background:rgba(255,0,0,0.8);
	font-weight:bold;
	text-align:center;
	display:none;
}
.aiin-cedit.aiin-cedit-timeout .aiin-cedit-timeout-msg {
	display:block;
	transform:translate(0,-100%);
	animation-name:aiin-cedit-kf-timeout;
	animation-duration:3s;
	animation-timing-function:linear;
	animation-iteration-count:1;
}
@keyframes aiin-cedit-kf-timeout {
	100% {
		top:100%;
		transform:translate(0,0);
	}
}
/* label */
.aiin-cedit-label {
	text-align:center;
	width:100%;
	padding:2px;
	margin-bottom:3px;
	font-weight:bold;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/* input */
.aiin-cedit-inp {
	width:100%;
	padding:3px;
	margin-bottom:3px;
	text-align:right;
	border:1px solid #888;
	border-radius:3px;
	background:#fff;
}
.aiin-cedit.aiin-cedit-error .aiin-cedit-inp {
	animation-name:aiin-cedit-inp-kf-error;
	animation-duration:1.5s;
	animation-iteration-count:1;
}
@keyframes aiin-cedit-inp-kf-error {
	0% {
		background-color:red;
	}
}
/* ok & cancel */
.aiin-cedit-btn {
	position:relative;
	display:inline-block;
	margin:0 1px;
	padding:4px 0 2px 0;
	width:45px;
	height:26px;
	line-height:20px;
	font-weight:bold;
	border-radius:2px;
	vertical-align:middle;
	border:none;

	cursor:pointer;
	user-select:none;
	-moz-user-select:none;
	-webkit-tap-highlight-color:transparent;
}
.aiin-cedit-btn:active {
	top:1px;
}
.aiin-cedit-ok {
	color:white;
	background-color:#2ecc71;
}
.aiin-cedit-close {
	background:center / contain no-repeat url("%url-cmp%img/close.png") #aaa;
}