@charset "UTF-8";

/*sec_form
--------------------------------------------------------------------*/

#sec_form .inner{
	width:945px;
	padding:55px 0px 60px 0px;
}


#sec_form h3{
	color:#ff9c00;
	font-size:1.714em;
	margin:20px 0;

}

#sec_form a{
	color:#5792b0;
	text-decoration:none;
}

#sec_form a:hover{
	color:#777;
	text-decoration:underline;
}


#sec_form .hissu{
	background:#f64315;
	color:#FFF;
	border-radius:3px;
	padding:1px 6px;
	margin-right:5px;
}


#sec_form table{
	border-top:1px solid #b6b6b6;
	width:100%;
	margin:22px 0 4px 0;
}

#sec_form table#tb1{
	margin-bottom:20px;
}


#sec_form th{
	width:200px;
	border-bottom:1px solid #b6b6b6;
	vertical-align:middle;
}

#sec_form td p{
	display:inline;
}

#sec_form th.age .fr{
		margin:-13px 20% 0 0;
}
	
#sec_form td.age .fr{
		margin:-6px 13% 0 0;
}
	
	
#sec_form th .cov{
	width:100%;
	height:100%;
	padding:32px 0px 32px 12px;
	background:#f6f6f6;
	border-radius:5px;
	display:block;
	margin:4px 0px;
}

#sec_form th .cov.place{
	padding:350px 0px 350px 12px;
}
#sec_form td .map img{ width: 70%;}

#sec_form th .cov.price,
#sec_form th .cov.cancel{
	padding:20px 0px 20px 12px;
}

#sec_form th .cov.textarea{
	padding:60px 10px 60px 12px;
	width:100%!important;
	height:100%!important;
}


#sec_form td{
	border-bottom:1px solid #b6b6b6;
	vertical-align:middle;
	padding-left:15px;
}


/*input*/
/*
#sec_form input{
	border:0;
	padding:10px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#aaa;
	/* width:250px; */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	/* background:#EEE; */
}

#sec_form input:focus {
	color:#323232;

}


#sec_form input.ss{
	width:8%!important;
	text-align:center;
	display:inline;
}

#sec_form input.ms{
	width:25.3%!important;
	display:inline-block;
}

#sec_form input.ls{
	width:80%!important;
}

*/

#sec_form textarea{
	border:0;
	padding:10px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#aaa;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	background:#EEE;
	height:120px;
}


#sec_form select{
	color:#000000;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	position:relative;
	background:none;
	z-index:2;
	outline:none;
	font-size:16px;
	font-size:1rem;
	line-height:1.5;
	border:none;
	border-radius: 5px;	
}


.custom {
	width:380px;
	overflow: hidden; /* 伸ばした分を隠す */
	padding:11px 35px 11px 11px;
	background:url(../img/select_arrow.gif) no-repeat center right;
	border:3px #000 solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


.custom > select {
  width: 130%; /* UI分を伸ばす IE用の設定*/
}




/*sec_privacy
--------------------------------------------------------------------*/

#sec_privacy h3{
	font-weight:bold;
	margin-bottom:20px;	
}



#kiyaku_wrap{
	padding:20px;
	background:#f6f6f6;
	margin-bottom:20px;
	border-radius:5px;

}


#kiyaku_wrap #kiyaku{
	height:126px;
	overflow:scroll;
	background:#FFF;
	padding:30px 40px;
	line-height:1.8em;
	margin-bottom:20px;

}




input[type='checkbox']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;

}

#sec_form  input.check{
	border:0;
	padding:10px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	width:25px;
	height:25px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	background:#EEE;
	display:inline-block;
}


#sec_form .checkpoint{
	background:url(../img/check.png) no-repeat left top;
	width:auto;
	margin-left:20px;
	height: 24px;
	display: inline-block;
	padding:0px;
	text-align:left;
	vertical-align:text-bottom;
}

#sec_form .c_on{background-position:left bottom;}






@media only screen and (max-width: 767px) {

/*form
--------------------------------------------------------------------*/


#sec_form .inner{
	padding:10% 3% 20% 3%;
}

#formarea{
	  height: 0px;
	  overflow:hidden;
	-webkit-transition: 0.2s ease-in-out;  
	-moz-transition: 0.2s ease-in-out;  
	-o-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out; 
  }

#formarea.open{
  height:auto;
}

#formarea table br{
	display:none;
}

#sec_form td.age p{
	display:block;
	width:100%;
}

#sec_form table .sp{
	display:inline;
}


#sec_form p{
	margin-bottom:20px;
}

#sec_form p#caution{
	font-size:0.65em;
	line-height:1.6em;

}

#sec_form .fr{
	float:none;
}


#sec_form table{
	width:100%!important;
	padding:0;
	border:none;
}


#sec_form tr{
	width:100%!important;
}

#sec_form th{
	vertical-align:top;
	width:100%!important;
	display:block;
	padding:20px 2% 5px 2%;
}

#sec_form td{
	width:100%!important;
	display:block;
	padding:20px 2% 5px 2%;
	border:none;
}


#sec_form th .cov{
	width:100%;
	height:auto;
	padding:10px 0px!important ;
	background: none;
	border-radius:0px;
	display:inline;
	margin: 0px;
}


#open_btn{
	background:url(../img/sp/form_btn_c.png) no-repeat;
	background-size:cover;
	display:inline-block;
	width:80%;
}

#open_btn img{
	width:100%;
	height:auto;
	-webkit-transition: 0.2s ease-in-out;  
	-moz-transition: 0.2s ease-in-out;  
	-o-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out; 
}


#open_btn img.open{
	opacity:0;
}

/*inputカスタマイズ*/



#sec_form input{
	width:100%!important;
	margin-bottom:10px;
	display:block;
}


#sec_form input.ss{
	width:20%!important;
}

#sec_form input.ms{
	width:28.3%!important;
}

#sec_form textarea{
	width:100%!important;
}



#sec_form  input.check{
	border:0;
	padding:10px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	width:25px!important;
	height:25px!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	background:#EEE;
	display:inline;
}


#sec_form .checkpoint{
	background:url(../img/check.png) no-repeat left top;
	width:auto;
	margin-left:10px;
	height: 24px;
	display: block;
	padding:0px;
	text-align:left;
	vertical-align:text-bottom;
}


#sec_form .url{
	width:300px;
	height:auto;
	display:block;
	overflow:visible;
}

    #sec_form td .map img { width: 95%;}

/*sec_privacy
--------------------------------------------------------------------*/

#sec_privacy h3{
	font-weight:bold;
	margin-bottom:20px;	
}



#kiyaku_wrap{
	padding:15px;
	background:#f6f6f6;
	margin-bottom:20px;
	border-radius:5px;

}


#kiyaku_wrap #kiyaku{
	height:300px;
	overflow:scroll;
	background:#FFF;
	padding:10px;
	line-height:1.6em;
	margin-bottom:20px;

}




}