@charset "UTF-8";
/* ==========================================================================
   状態
   ========================================================================== */

.is-hidden {
	display: none;
}

.is-disply {
	display: block;
}

.is_guidance {
	padding-top: 10px;
	background-color: var(--guide-background);
}

.is_error {
	padding-top: 10px;
	background-color: var(--warning-background);
	color: var(--error-color);
}

.is_warn {
	padding-top: 10px;
	background-color: var(--caution-background);
	color: var(--warn-color);
	height: 2.5rem;
	/* 改行禁止 */
	white-space: nowrap;
}

.is_hidden {
	display: none !important;
}

.is_invalid a {
	text-decoration: none;
	color: var(--invalid-color);
	pointer-events: none;
}

.is_link_invalid a {
	text-decoration: none;
	pointer-events: none;
}

.level_none {
	background-color: #c0c0c0;
}

.level_5 {
	background-color: #ff0000;
}

.level_4 {
	background-color: #ffa500;
}

.level_3 {
	background-color: #ffff00;
}

.level_2 {
	background-color: #00ff00;
}

.level_1 {
	background-color: #008000;
}