/*
 * 画像認証用フロントエンドスタイル
 */

.image_auth_jp_quiz {
	/* 初期状態は非表示 */
	display: none;
}

.image_auth_jp_description {
	/* 初期状態は非表示 */
	display: none;
}

/* 画像が正常に読み込まれた場合の表示 */
.image_auth_jp_quiz.loaded {
	display: inline-block;
}

.image_auth_jp_description.loaded {
	display: block;
}

/* エラーメッセージ表示用 */
.image_auth_jp_error_message {
	display: none;
	padding: 10px;
	margin: 5px 0;
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	border-radius: 4px;
	color: #721c24;
	font-size: 14px;
	text-align: center;
}

.image_auth_jp_error_message.show {
	display: block;
}