/* CSS Document */


form{}
form li{margin-top: 30px;}
form li table{width:100%;}
form li table tr > *{
	vertical-align: middle;
	font-size: 90%;
	/* line-height: normal; */
}
form li table tr > *:nth-child(1){
	text-align: right;
	width: 200px;
	padding-right: 1em;
	font-weight: normal;
}
form li table tr > *:nth-child(2){
	text-align: left;
	width: 500px;
}
@media screen and (max-width: 999px) {
	form th{
		text-align: left;
		padding-bottom: 0.25em;
	}
	form tr:nth-child(n+2) th{padding-top: 1em;}
	form li table tr > *:nth-child(1),
	form li table tr > *:nth-child(2){width: 100%;}
	form li table tr > *:nth-child(1){
		text-align: left;
		padding-right: 0;
	}
	form li table tr > *:nth-child(2){
		margin-top: 0.25em;
	}
}
/*
@media screen and (min-width: 1000px) {}
*/
form .erm{
	position: relative;
	display:block;
	color: #fff;
	background-color: #f00;
	padding: 0.25em 0.5em;
	margin-top: 0.5em;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}
form .erm .arrow{
	position: absolute;
	bottom:100%;
	left:0.75em;
	width: 0;
	height: 0;
	margin: auto;	
	border-bottom: solid 0.75em #F00;
	border-left: solid 0.5em transparent;
	border-right: solid 0.5em transparent;
}
form .hissu{
	font-size: 80%;
	display: inline-block;
	margin-left: 0.25em;
}
form .f_frame{
	background-color: #FFF;
	border:solid 1px #DCDCDC;
	font-size: 100%;
	line-height: normal;
	padding: 1em;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}
/*
form .doui_box{
	background-color: #FFF;
	margin-top: 50px;
	padding: 1em;
	text-align: left;
}
form .doui_box h3{
	font-size: 90%;
	line-height: normal;
	margin-bottom: 0.75em;
}
*/
form .doui_check{
	/* font-size: 90%; */
	line-height: normal;
	padding: 1.125em 1em;
	margin-top: 1em;
}
form .doui_check .erm{display: inline-block;font-size: 90%;}
form .doui_check .erm .arrow{left: 0.66em;border-left: none;border-right-width: 1em;}
form input:not([type]),
form input[type="text"]{width:100%;display: block;}
form input[name="pos"]{width:30%;}
form input[type="radio"],
form input[type="checkbox"]{
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	font-size: 100%;
	vertical-align: -0.33em;
}
form input[type="checkbox"]{margin: 0; margin-right: 0.5em;}
form input[type="submit"]{
	font-size:110%;
	cursor: pointer;
	padding: 0.66em 0;
	min-width: 10em;
	border-color:#00b390;
	color:#00b390;
}
form input[type="submit"][name="sm_conf"]{
	padding: 0.66em 3em;
}
form textarea{width:100%;display: block;}

form .addr_set{margin-top: 0.5em;}
form .addr_set.step3only{display: none;}
form.form_sp.step3 .addr_set:not(.step3only){display: none;}
form.form_sp.step3 .addr_set.step3only{display:block;}
form.form_pc .addr_set .addr_label{
	display: inline-block;
	width:30%;
}
form.form_pc .addr_set input:not([type]){width:70%;}
form.form_sp .addr_set input:not([type]){width:90%;}
form .pos_auto{margin-left: 1em;}
form.form_sp .pos_auto{font-size: 80%;}
/* form input[name="mail"] + div */
form .kakunin{
	margin-top: 1em;
	margin-bottom: 0.25em;
}
form.step3 .hissu,
form.step3 .pos_auto,
form.step3 .step3_vanish{display: none;}