/* forms.css */

#alert {
	display: none;
	max-width: 1100px;
	margin: auto;
	margin-bottom: 20px;
	padding: 5px;
	border: 1px solid #FF0000;
	background-color: #FFCCFF;
	color: #FF0000;
	line-height: 120%;
}
#alert p[data-error-v] {
	display: none;
}

#message {
	display: none;
	max-width: 1100px;
	margin: auto;
	margin-bottom: 20px;
	padding: 5px;
	border: 1px solid #0000FF;
	background-color: #CCCCFF;
	color: #0000FF;
	line-height: 120%;
}

form .error {
	border: 1px solid #FF0000!important;
	background-color: #FFCCFF!important;
}

form .errDtl {
	display: none;
	padding: 5px 10px;
	font-size: small;
	background-color: rgba(255, 255, 255, 0.7);
	color: #FF0000;
}


/* -----------------------------
 PC
----------------------------- */
@media not screen and (max-width:1000px) {
	.form .multichk li {
		margin-right: 1em;
	}
}

/* -----------------------------
 SP
----------------------------- */
@media screen and (max-width:1000px) {
	.form .multichk li {
		min-width: calc(100% / 3);
	}
}