@charset "utf-8";
/* ==========================================================================
   文字数カウンター（lib/js/charcount.js）
   input.html で attachment.css の後に読み込む。

   form.css の .form_1 textarea には margin: 10px auto があるため、
   カウンターは少し上に詰めてテキストエリアの直下に見えるようにしている。
   ========================================================================== */
.form_1 .charCount {
	margin: -4px 0 10px;
	color: #666;
	font-size: 13px;
	line-height: 1.6;
}

.form_1 .charCount .charCount__count {
	display: block;
	text-align: right;
}

.form_1 .charCount .charCount__message {
	display: block;
	text-align: left;
}

.form_1 .charCount .charCount__message:empty {
	display: none;
}

/* 上限超過時（エラーまとめ .formErrorBox と同じ赤） */
.form_1 .charCount.is-over {
	color: #d0121b;
	font-weight: bold;
}