@charset "utf-8";
/* endai.css */
/*PC first*/
/*##### PC #####*/
.fc_red{
	color:#c40026;
}

.endai_input_period{
	border:1px solid #c40026;
	padding:15px 0;
	margin:0 20px 2em 20px;
	background:rgba(196,0,38,0.05);
}

	.endai_input_period dl{
		text-align:center;
	}
	
	.endai_input_period dl dt{
		font-size:1.1em;
		font-weight:bold;
		padding:0 0 0.6em 0;
		letter-spacing:0.5em;
	}
	
	.endai_input_period dl dd{
		font-size:1.3em;
		font-weight:bold;
	}

	.endai_input_period dl dd .encho_before{
		position:relative;
		color:#555;
		padding-left:0.3em;
	}
	
		.endai_input_period dl dd .encho_before:before{
			content:"";
			position:absolute;
			top:0.6em;
			left:0;
			width:100%;
			height:0.1em;
			border-top:1px solid #000;
			border-bottom:1px solid #000;
		}
		
	.endai_input_period dl dd .encho_after{
		color:#c40026;
		margin-left:0.3em;
	}
	
	.endai_input_period dl dd p{
		font-size:0.8em;
		padding-top:0.5em;
	}
	
.endai_input_exp{
	line-height:1.7;
	border-bottom:1px dotted #aaa;
	padding:0 15px 15px 15px;
	margin-bottom:20px;
}

	.endai_input_exp p{
		margin-bottom:1em;
	}

.endai_input_header{
	margin-bottom:1.5em;
}

	.endai_input_header p{
		line-height:1.7;
		margin-bottom:1em;
	}

.m_form{
	width:100%;
	border-top:1px solid #ccc;
}

.m_form.tbl_belong{
	margin-bottom:1em;
}

	.m_form th,
	.m_form td{
		border-bottom:1px solid #ccc;
		padding:0.9em 0.6em;
		vertical-align:top;
		line-height:1.4;
	}
	
	.m_form th{
		width:150px;
		background:#e5f9fc;
	}
	
	.m_form input[type="text"]{
		border:1px solid #bbb;
		font-size:1.1em;
		padding:2px;
		box-sizing:border-box;
	}
	
	.m_form .r_belong input[type="text"]{
		width:400px;
	}
	
	.m_form .r_belong .shozoku_input_wrapper{
		margin-bottom:0.5em;
	}
	
	.m_form .r_belong .btn_add_shozoku input[type="button"]{
		background:#0068B6;
		color:#fff;
		padding:0.3em 1em;
		border-radius:4px;
		border:none;
	}
	
	.m_form .r_belong .btn_add_shozoku input[type="button"]:hover{
		opacity:0.9;
	}
	
	.m_form .r_name dl{
		display:flex;
		align-items:center;
	}
	
		.m_form .r_name dl dt{
			width:2.5em;
		}
		
		.m_form .r_name dl dd{
			margin-right:1.5em;
		}
		
		.m_form .r_name dl dd:last-child{
			margin-right:0;
		}
		
		.m_form .r_name dl dd input[type="text"]{
			width:10em;
		}
		
	.m_form .r_addr .l_zip{
		margin-bottom:0.5em;
	}
	
		.m_form .r_addr .l_zip input[type="text"]{
			width:4em;
		}
		
		.m_form .r_addr .l_addr input[type="text"]{
			width:400px;
		}
		
	.m_form .r_tel input[type="text"]{
		width:4em;
	}
	
	.m_form .r_email input[type="text"]{
		width:380px;
	}
	
	.collab_caption{
		font-weight:bold;
		margin:1.5em 0 0.25em 0;
		color:#222;
	}
	
	#tuika{
		background:#efefef;
		padding:10px;
		margin:20px 0;
		text-align:center;
	}
	
		#tuika span{
			margin-left:2em;
		}
	
		#tuika input[type="button"]{
			background:#0068B6;
			color:#fff;
			padding:0.3em 1em;
			border-radius:4px;
			border:none;
		}
		
		#tuika input[type="button"]:hover{
			opacity:0.9;
		}
		
	.m_form .r_endai_category ul{
		display:flex;
		flex-wrap:wrap;
	}
	
		.m_form .r_endai_category ul li{
			width:calc(100% / 3);
			margin-bottom:0.3em;
		}
		
		.m_form .r_endai_category ul li input[type="radio"]{
			margin-right:0.3em;
			transform:translateY(0.1em);
		}
		
		.m_form .r_endai_category td{
			padding-bottom:0.2em;
		}
		
	.m_form .r_endai_title input[type="text"]{
		width:400px;
	}
	
	.m_form .r_endai_shoroku textarea,
	.m_form .r_endai_liped textarea{
		width:100%;
		box-sizing:border-box;
		border:1px solid #bbb;
	}
	
	.m_form.tbl_confirm_endai{
		margin-top:2em;
	}
	
	.submit_btns{
		margin:30px 0 0 0;
		text-align:center;
	}
	
		.submit_btns ul li{
			margin-bottom:20px;
		}
		
		.submit_btns ul li:last-child{
			margin-bottom:0;
		}
		
		.submit_btns ul li input[type="submit"],
		.submit_btns ul li input.goto_top{
			background:#0068B6;
			color:#fff;
			font-size:1.2em;
			padding:0.3em 2em;
			border-radius:4px;
			border:none;
		}
		
		.submit_btns ul li input[type="reset"],
		.submit_btns ul li input[name="prev"]{
			background:#ddd;
			padding:0.3em 2em;
			border-radius:4px;
			border:none;
		}
		
		.submit_btns ul li input[type="submit"]:hover,
		.submit_btns ul li input[type="reset"]:hover,
		.submit_btns ul li input[name="prev"]:hover,
		.submit_btns ul li input.goto_top:hover{
			opacity:0.9;
		}

.out_period{
	text-align:center;
	font-size:1.1em;
	background:rgba(35,117,40,0.1);
	padding:0.8em 0;
	margin:1em;
	letter-spacing:0.1em;
}

.endai_end_msg{
	margin:2em 0;
}

	.endai_end_msg p{
		font-size:1.3em;
		line-height:1.6;
		text-align:center;
		color:#c40026;
		font-weight:bold;
	}



@media screen and (max-width:480px){
	/*##### SP #####*/
	.endai_input_period dl dt{
		font-size:3.6vw;
	}
	
	.endai_input_period dl dd{
		font-size:4vw;
	}
	
	table.m_form,
	table.m_form tbody,
	table.m_form tr,
	table.m_form th,
	table.m_form td{
		display:block;
		width:auto;
	}
	
	table.m_form{
		border-top:none;
	}
	
	.m_form th, .m_form td{
		border-bottom:none;
		padding:0.5em;
	}
	
	.m_form td{
		margin-bottom:0.5em;
	}
	
	.m_form .r_belong input[type="text"]{
		width:100%;
	}
	
	.m_form .r_name dl{
		flex-wrap:wrap;
	}
	
		.m_form .r_name dl dt{
			width:2.5em;
		}
		
		.m_form .r_name dl dd{
			width:calc(50% - 3em);
			margin-right:1em;
		}
		
		.m_form .r_name dl dd:last-child{
			margin-right:0;
		}
		
			.m_form .r_name dl dd input[type="text"]{
				width:100%;
			}
			
		.m_form .r_addr .l_addr input[type="text"],
		.m_form .r_email input[type="text"],
		.m_form .r_endai_title input[type="text"]{
			width:100%;
		}
		
		.m_form .r_endai_category ul li{
			width:50%;
		}
		
	.endai_end_msg p{
		font-size:4.6vw;
	}

}