/* CSS Document */

@charset "utf-8";

.err_block{
	display:inline-block;
	position:relative;
	text-align:left;
	width:100%;
}
.err_block input[type=text]{/* width:100%; */}
.err_block input[type=text].err_bg{/* background-color:#FCC; */}

.form_flex{
	display: flex;
	align-items: center;
}
.form_flex > .err_block{width: auto;}

.formError{
	display:block;
	position:absolute;
	bottom:115%;
	line-height:100%;
	left:0;
	background-color:#F00;
	color:#FFF;
	padding-left:0.5em;
	padding-right:0.5em;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.5);
	z-index:3;
	cursor:pointer;
	font-size:90%;
	padding-top:0.2em;
	padding-bottom:0.2em;
}
@media screen and (max-width: 799px) {
	.formError{
		font-size:75%;
	}
}
.required_na .formError{width: 7.5em;}
.required_po .formError{width: 7.5em;}
.required_ad .formError{width: 7.5em;}
.required_em .formError{width:17.5em;}
.required_ph .formError{width:14.5em;}
.formError .formErrorContent{line-height:150%;}
.formError .formErrorArrow {
	display:block;
	width:0;
	border-top:solid 0.5em #FF0000;
	border-left:solid 0.5em transparent;
	border-right:solid 0.5em transparent;
	border-bottom:none;
	position:absolute;
	top:100%;
	left:1.25em;
	z-index:2;
}

/*
#form .yoyaku_calendar .calendar_tbl{
	float:left;
	border-spacing:2px;
	border:solid 2px #002E12;
	font-size:82%;
	width: 48%;
}
@media screen and (min-width: 800px) {
	#form .yoyaku_calendar .calendar_tbl.next_month{float:right;}
}
@media screen and (max-width: 799px) {
	#form #yoyaku_date{font-size:125%;}
	#form #yoyaku_time{font-size:110%;}
	#form .yoyaku_calendar .calendar_tbl{font-size:100%; float:none; border-spacing:4px; width:100%;}
	#form .yoyaku_calendar .calendar_tbl.next_month{margin-top:20px;}
}
#form .calendar_tbl th,.calendar_tbl td{vertical-align:middle; padding:0.25em 0.5em;}
#form .calendar_tbl th{text-align:center; background-color:#DED; color:#002E12;}
#form .calendar_tbl td{text-align:right;}
#form .calendar_tbl td.nowmonth{cursor:pointer; border:solid 1px #002E12; color:#00C;}
*/