@charset "utf-8";



#form{
	margin:0 auto;
}


#form .area_form{
	margin:0;
	-webkit-box-sizing:border-box;	
	-moz-box-sizing:border-box;	
	box-sizing:border-box;
}

#form .area_form .top_txt{
	padding:0 0 18px 0;
	line-height:1.8;
}

#form .horse_name{
	padding:0 0 20px 0;
	line-height:1.8;
}


/* -----------------------------------------------------------
    input
-------------------------------------------------------------- */
#form input[type="text"],
#form input[type="email"],
#form input[type="tel"],
#form input[type="number"]{
	width:400px;
	border:1px solid #D9DBE3;
	-webkit-box-sizing:border-box;	
	-moz-box-sizing:border-box;	
	box-sizing:border-box;
}
#form input.s[type="text"],
#form input.s[type="email"],
#form input.s[type="tel"],
#form input[type="number"]{
	width:200px;
}

#form input[type="text"]:focus,
#form input[type="email"]:focus,
#form input[type="tel"]:focus,
#form input[type="number"]:focus{
	/*
	border:1px solid #EBCC96;
	*/
	background:#FFF;
}

#form input[type="text"],
#form input[type="tel"],
#form input[type="password"],
#form input[type="submit"],
#form input[type="email"],
#form input[type="number"]{
	padding:15px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro W3,'ＭＳ Ｐゴシック',MS P Gothic,Verdana,sans-serif;
	-webkit-appearance:none;
	background:#EEE;
}

#form select{
	width:250px;
	padding:15px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro W3,'ＭＳ Ｐゴシック',MS P Gothic,Verdana,sans-serif;
	border:1px solid #D9DBE3;
	
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:url(../img/icon_arrow03.png) #EEE no-repeat 95% 50%;
	background-size:20px 13px;
}

#form select option selected{
	color:#999;
}


#form select:hover{
	cursor:pointer;
}

#form select:focus{
	/*
	border:1px solid #EBCC96;
	*/
	background:#FFF;
}

#form input[type="radio"],
#form input[type="checkbox"]{
	vertical-align:-2px;
	margin-right:10px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro W3,'ＭＳ Ｐゴシック',MS P Gothic,Verdana,sans-serif;
}

#form label:hover{
	cursor:pointer;
}

#form label.first{
	display:inline-block;
	margin:0 40px 0 0;
}

#form textarea{
	width:450px;
	height:180px;
	padding:15px;
	font-size:14px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro W3,'ＭＳ Ｐゴシック',MS P Gothic,Verdana,sans-serif;
	-webkit-box-sizing:border-box;	
	-moz-box-sizing:border-box;	
	box-sizing:border-box;
	border:1px solid #D9DBE3;
	background:#EEE;
}
#form textarea.long{
	width:98%;
}

#form textarea:focus{
	/*
	border:1px solid #EBCC96;
	*/
	background:#FFF;
}



/* -----------------------------------------------------------
    button
-------------------------------------------------------------- */

#form .btn{
	display:block;
}

#form .btn.entry{
	margin:60px auto 0;
	padding:0 0 50px 0;
}


#form input[type="submit"]{
	display: block;
	width: 400px;
	padding: 20px 10px;
	font-size: 20px;
	font-weight: normal;
	margin: 0 auto;
	/*
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	*/
	background:#A08D61;
	
	color: #fff;
	border: 1px solid #A08D61;
	border-radius: 5px;
	
	box-shadow: 1px 1px 2px 1px #000;
    -moz-box-shadow: 1px 1px 2px 1px #000;
    -webkit-box-shadow: 1px 1px 2px 1px #000;
}

#form input[type="submit"]:hover{
	cursor:pointer;
}
/*
#form .submit_blue{
	color:#fff;
	background:#3F85C5;
	border:1px solid #3F85C5;
	border-radius:5px;
	box-shadow:1px 1px 2px 1px #CCC;
    -moz-box-shadow:1px 1px 2px 1px #CCC;
    -webkit-box-shadow:1px 1px 2px 1px #CCC;
}

#form .submit_blue:hover{
	background:#8BC7C2;
	border:1px solid #8BC7C2;
	box-shadow:1px 1px 2px 1px #bbb;
    -moz-box-shadow:1px 1px 2px 1px #bbb;
    -webkit-box-shadow:1px 1px 2px 1px #bbb;
}
*/




/* -----------------------------------------------------------
    table
-------------------------------------------------------------- */
#form .contact_table th{
	width:170px;
}

#form .contact_table th .notes{
	float:right;
	display:inline-block;
	padding:0 6px;
	margin:-25px 0 0 0;
	font-size:13px;
	font-weight:normal;
	color:#fff;
	background:#A30022;
}

/*
#form .contact_table{
	line-height:1.8;
	border-top:1px solid #2D324C;
}

#form .contact_table tr{
}

#form .contact_table th{
	padding:30px 0 30px 30px;
	width:250px;
	text-align:left;
	vertical-align:middle;
	border-bottom:1px solid #2D324C;
	font-weight:normal;

	-webkit-box-sizing:border-box;	
	-moz-box-sizing:border-box;	
	box-sizing:border-box;
}

#form .contact_table td{
	padding:30px 0 30px 70px;
	text-align:left;
	border-bottom:1px solid #2D324C;
}

#form .contact_table th .title{
	display:inline-block;
	font-size:16px;
	font-weight:normal;
}

#form .contact_table th .notes{
	float:right;
	display:inline-block;
	padding:0 12px;
	margin:3px 0 0;
	font-size:14px;
	font-weight:normal;
	color:#fff;
	background:#A30022;
}

#form .contact_table .td_old input[type="text"] {
	width:150px;
	margin:0 20px 0 0;
}

#form .contact_table .txt_old{
	padding:15px 0 0;
}


#form .back{
	margin:50px 0 0 0;
}
#form .back i{
	padding:0 10px 0 0;
}
*/


/* -----------------------------------------------------------
    フォーム完了画面
-------------------------------------------------------------- */

#form .area_thanks{
	line-height:1.8;
	text-align:center;
}

#form .area_thanks .title{
	margin:0 0 30px;
	font-size:20px;
}

#form .area_thanks .txt{
	margin:20px 0 0 0;
}

#form .area_thanks .back_link{
	margin:40px 0 0;
}
#form .area_thanks .back_link i{
	padding:0 10px 0 0;
}
#form .area_thanks .back_link a:link,
#form .area_thanks .back_link a:visited{
	color:#ccc;
	text-decoration:none;
}
#form .area_thanks .back_link a:hover{
	color:#988752;
	text-decoration:none;
}



/* -----------------------------------------------------------
    SP
-------------------------------------------------------------- */
@media screen and (max-width:667px){

		
	#form{
		width:100%;
		margin:0 auto;
		padding:0 0 20px 0;
		box-sizing:border-box;
	}
	
	#form .area_form{
		margin:-20px 0 0 0;
		padding:0;
		border:none;
	}
	
	#form .area_form .top_txt{
		padding:0 15px 20px 15px;
	}
	

	#form .horse_name{
		padding:0 20px 20px 20px;
		font-size:90%;
		line-height:1.6;
	}

	/* -----------------------------------------------------------
		input
	-------------------------------------------------------------- */
	#form input[type="text"],
	#form input[type="email"],
	#form input[type="tel"],
	#form input[type="number"]{
		width:100%;
		border:1px solid #D9DBE3;
	}
	
	#form input[type="text"]:focus,
	#form input[type="email"]:focus,
	#form input[type="tel"]:focus,
	#form input[type="number"]:focus{
		border:1px solid #3F85C5;
	}
	
	#form input[type="text"],
	#form input[type="tel"],
	#form input[type="password"],
	#form input[type="submit"],
	#form input[type="email"],
	#form input[type="number"]{
		-webkit-appearance:none;
		font-size:100%;
	}
	
	#form select{
		width:100%;
		padding:15px;
		font-size:100%;
		font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro W3,'ＭＳ Ｐゴシック',MS P Gothic,Verdana,sans-serif;
		border:1px solid #D9DBE3;
		
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		background:url(../img/icon_arrow03.png) #EEE no-repeat 95% 50%;
		background-size:20px 13px;
	}
	
	#form select option selected{
		color:#999;
	}
	
	
	#form select:hover{
		cursor:pointer;
	}
	
	#form select:focus{
		border:1px solid #3F85C5;
	}
	
	#form input[type="radio"],
	#form input[type="checkbox"]{
		vertical-align:-2px;
		margin-right:10px;
		font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro W3,'ＭＳ Ｐゴシック',MS P Gothic,Verdana,sans-serif;
	}
	
	#form label:hover{
		cursor:pointer;
	}
	
	#form label.first{
		display:inline-block;
		margin:0 40px 0 0;
	}
	
	#form textarea{
		width:100%;
		height:150px;
		padding:15px;
		font-size:100%;
		font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro W3,'ＭＳ Ｐゴシック',MS P Gothic,Verdana,sans-serif;
		-webkit-box-sizing:border-box;	
		-moz-box-sizing:border-box;	
		box-sizing:border-box;
		border:1px solid #D9DBE3;
	}
	
	#form textarea:focus{
		border:1px solid #3F85C5;
	}

	

		
	
	
	/* -----------------------------------------------------------
		table
	-------------------------------------------------------------- */
	#form .contact_table{
		border-bottom:1px solid #2D324C;
	}
	
	#form .contact_table tr{
		border-bottom:none;
	}
	
	#form .contact_table th{
		display:block;
		width:100%;
		padding:20px 15px 5px 15px;
		border-top:1px solid #2D324C;
		border-bottom:none;
	
		-webkit-box-sizing:border-box;	
		-moz-box-sizing:border-box;	
		box-sizing:border-box;
	}
	
	#form .contact_table td{
		display:block;
		width:100%;
		padding:10px 15px 30px;
		border-top:none;
		border-bottom:none;

		-webkit-box-sizing:border-box;	
		-moz-box-sizing:border-box;	
		box-sizing:border-box;
	}
	
	#form .contact_table th.vtop{
	}
	
	#form .contact_table th .title{
		display:inline-block;
		font-size:105%;
		font-weight:bold;
	}
	
	#form .contact_table th .notes{
		float:none;
		display:inline-block;
		/*padding:7px 12px;*/
		margin:-5px 0 0 10px;
		font-size:90%;
	}
	
	
	/*		ご相談項目		*/
	#form .contact_table td.ask label{
		font-size:16px;
	}
	
	#form .contact_table td.ask label.first{
		margin:0 0 12px;
	}
	
	#form .contact_table td.ask input[type="radio"]{
		vertical-align:0;
	}
	
	#form .contact_table td.ask .txt{
		margin:30px 0 10px;
		color:#332C2C;
	}
	
	/*		住所		*/
	
	#form .contact_table td.add .zip{
		width:250px;
	}
	
	#form .contact_table td.add .select{
		margin:15px 0;
	}
	



	
	#form table td.base input[type="text"]{ /*ベース*/
		width:100%;
	}
	


	/* -----------------------------------------------------------
		button
	-------------------------------------------------------------- */
	
	#form .btn{
	}
	
	#form .btn.entry{
		margin:0;
		padding:30px 20px 40px 20px;
	}
	
	
	#form input[type="submit"]{
		display:block;
		width:100%;
		padding:20px 10px;
		font-size:120%;
		
		-webkit-appearance:none;

		-webkit-box-sizing:border-box;	
		-moz-box-sizing:border-box;	
		box-sizing:border-box;
	}
	
	#form input[type="submit"]:hover{
		cursor:pointer;
	}



	#form .back{
		display:none;
		/*margin:30px 0 0 0;*/
	}

	
	
	/* -----------------------------------------------------------
		フォーム完了画面
	-------------------------------------------------------------- */
	
	#form .area_thanks{
		line-height:1.8;
		text-align:left;
		padding:0 20px;
	}
	
	#form .area_thanks .title{
		margin:20px 0 0;
		font-size:110%;
		text-align:center;
	}
	
	#form .area_thanks .txt{
		margin:20px 0 0 0;
	}
	
	#form .area_thanks .back_link{
		margin:30px 0 0;
	}
	#form .area_thanks .back_link i{
		padding:0 10px 0 0;
	}
	
	#form .area_thanks .back_link a:link,
	#form .area_thanks .back_link a:visited,
	#form .area_thanks .back_link a:hover{
		color:#ccc;
		text-decoration:none;
	}



}