@charset "utf-8";
/* ******************************************************************
 *	File name		: form.css
 *	Summary			: form CSS
 * ******************************************************************
 */
 
/* -----------------------------------------------------------------
   base
----------------------------------------------------------------- */

main{
	display:block;
	position:relative;
}

/* --- responsive --- */
@media(max-width:767px){
	.contents_ch{
		width:100%;
		padding:0 20px;
	}
}

/* -----------------------------------------------------------------
   mintere_head
----------------------------------------------------------------- */

#mintere_head{
	position:relative;
	width:100%;
	min-height:0px;
	margin-bottom:15px;
	text-align:center;
	background:url(../../image/base/mintere_bg.jpg) no-repeat center 0;
	}
	#mh_box{
		position:relative;
		width:1010px;
		margin:0 auto;
		padding:25px 0 25px 20px;
		text-align:left !important;
	}
	#mh_box h1{
		position:relative;
		margin:0;
	}
/* --- responsive --- */
@media(max-width:767px){
	#mh_box{
		width:100%;
		padding:25px 20px 20px 20px;
		text-align:center !important;
	}
}

/* -----------------------------------------------------------------
   form_area
----------------------------------------------------------------- */
#form_box{
	display:block;
	position:relative;
	width:100%;
	text-align:center;
	margin:0 auto 20px;
	border-bottom:2px solid rgba(0,0,0,0.5);
	}
	#form_container{
		display:inline-block;
		position:relative;
		margin:0 auto 0px;
		padding:20px;
		text-align:center;
		background:#FFF;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
}

#form_box table{
	position:relative;
	width:800px;
	max-width:100%;
	margin:0 auto;
	border:none;
	}
	#form_box table tr{
		position:relative;
		border-bottom:20px solid #FFF;
	}
	#form_box table th,
	#form_box table td{
		position:relative;
		border:none;
		text-align:left;
		background:none;
	}
	#form_box table th{
		width:200px;
		padding:2px 10px;
		font-size:0.9rem;
		background:rgba(213,135,44,1);
		color:#FFF !important;
	}
	#form_box table td{
		width:calc(100% - 200px);
		padding:2px 20px;
		font-size:0.8rem;
		color:#000 !important;
	}
	#form_box table th:after,
	#form_box table td:after{
		content:" ";
		display:block;
		position:absolute;
		bottom:-10px;
		left:0px;
		width:100%;
		height:1px;
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
/* th */
#form_box table .check{
	margin:0 auto;
	font-size:0.7rem;
	color:#000;
}

/* td */
#form_box table td input,
#form_box table td select,
#form_box table td textarea{
	position:relative;
	margin:0 0 5px;
	padding:2px 10px;
	border:1px solid #999;
	background:rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1) inset;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1) inset;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	}
	#form_box table td input{
		min-height:35px;
		width:350px;
		max-width:100%;
		margin:0 0 0 0px;
	}
	#form_box table td input[type="radio"] {
		min-height:0px;
		width:auto;
		max-width:100%;
		margin:0 7px 4px 0;
		cursor:pointer;
		}
		#form_box table td input[type="radio"]+label{
			cursor:pointer;
	}

	#form_box table td select{
		-webkit-appearance:none;
		appearance:none;
		margin:0 0 0 0px;
		padding:2px 25px 2px 10px;
		cursor:pointer;
		}
		#form_box table td .selectbox_costom{
			display:inline-block;
			position:relative;
			}
			#form_box table td .selectbox_costom:after{
				content:" ";
				display:block;
				position:absolute;
				width:5px;
				height:5px;
				right:10px;
				top:10px;
				border-bottom:#333 2px solid;
				border-right:#333 2px solid;
				transform:rotate(45deg)translateY(-30%);
				z-index: 10;
	}
	#form_box table td textarea{
		display:block;
		width:100%;
		height:130px;
		padding:7px 10px;
		resize: none;
}


/* input */
.ex{
	display:inline-block;
	font-size:0.7rem;
}
#form_address{}
#form_address .zip1,
#form_address .zip2{
	width:auto !important;
	min-height:25px !important;
}
#form_address p{
	margin:10px 0 0;
	font-size:0.8rem;
}

/* check_info */
#check_info{
	position:relative;
	width:100%;
	margin:0 auto;
	max-width:100%;
	text-align:right;
	font-weight:bold;
	font-size:0.75rem;
	color:#000;
}

/* submit_btn */
#submit_btn{
	display:block;
	position:relative;
	width:100%;
	margin:0 0 20px;
	color:#FFF;
	}
	#submit_btn input{
		display:inline-block;
		width:auto;
		height:100%;
		padding:4px 30px 4px 30px;
		font-size:0.8rem;
		text-decoration:none;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		background:rgba(255,50,55,1);
		color:#FFF;
	}
	#submit_btn input:hover{
		background:rgba(213,135,44,1);
}

/* --- responsive --- */
@media(max-width:767px){
	#bonbon_present #present_txt{
		font-size:0.75rem;
		line-height:1.55;
	}
	#form_box table{
		width:100%;
	}
	#form_box table th,
	#form_box table td{
		display:block;
		width:100%;
	}
	#form_box table td input,
	#form_box table td select{
		width:100%;
		margin:0 0 0 0px;
	}
	#form_box table tr{
		border-bottom:none;
	}
	#form_box table th{
		margin:0 auto 7px;
	}
	#form_box table td{
		margin:0 auto 20px;
		padding:2px 0px;
	}
	#form_box table th:after,
	#form_box table td:after{
		display:none;
	}
}

/* -----------------------------------------------------------------
   comp
----------------------------------------------------------------- */

#comp{

}
#comp h2{
	display:block;
	margin:0 0 15px;
	padding:7px 25px;
	font-size:1.4rem;
	background:rgba(213,135,44,1);
	color:#FFF;
}

.mintere_back{
	display:inline-block;
	position:relative;
	margin:25px 0 0 0;
	right:0px;
	background:#000;
	color:#FFF;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	}
	.mintere_back a{
		display:block;
		width:100%;
		height:100%;
		padding:4px 15px 4px 28px;
		font-size:0.8rem;
		text-decoration:none;
		color:#FFF;
	}
	.mintere_back a:after{
		content:" ";
		position:absolute;
		top:50%;
		left:7px;
		margin-top:-7px;
		border: 6px solid transparent;
		border-right: 6px solid rgba(255,255,255,1);
	}
	.mintere_back a:hover{
		background:rgba(255,255,255,0.2);
}