@charset "UTF-8";


h3{
	font-size: 20px;
}

.goaisatsu div{
	margin: 20px 0;
}

.tanto{
	display: inline-block;
	font-weight: bold;
	font-size: 1.6em;
	margin-top: 20px;
}

div.contact{
	width: 100%;
}

div.contact div.row:nth-of-type(odd){
	background-color: #EEFFE3;
}

div.contact div.row:nth-of-type(even){
	background-color: #DCF0D0;
}

div.contact div.text,
div.contact div.input{
	font-size: 1.6rem;
	float: left;
	padding: 10px;
}

div.contact div.text{
	font-weight: bold;
	width: 120px;
}

div.contact div.input{
	width: 540px;
}

div.contact input[type="text"]{
	border: 1px solid #5C5C5C;
	padding: 3px;
}

div.contact div.input.syurui{
	text-align: left;
}

#mailformpro .input1    { width: 300px; }
#mailformpro .inputYubin{ width: 80px;  }
#mailformpro .inputJusho{ width: 400px; }
#mailformpro .input2    { width: 400px; }
#mailformpro .naiyo     { width: 500px; height: 200px;}

::-webkit-input-placeholder{ color: #aaa; }
:-moz-placeholder          { color: #aaa; }
:-ms-input-placeholder     { color: #aaa; }

.submitBox{
	text-align: center;
	padding: 50px 0;
}

#submitButton{
	cursor: pointer;
}

div#access{
	margin-bottom: 30px;
}

div#access div.left{
	float: left;
}

div#access div.right{
	float: left;
	margin-left: 10px;
}


#googleMaps .place-card{
	display: none;
}


/* mailformpro4 向けの設定 ************************************************************ */

input{
	display: inline;
}

/* [確認画面] などの表示を消す*/
ul#mfp_phase_stat {
	display: none;
}

/*div#mfp_overlay_background,
div#mfp_overlay{
	display: none !important;
}*/

div#mfp_overlay_inner{
	margin: 50px auto 0;
	box-shadow: 0 10px 20px rgba(0,0,0,0.4);
}

/* 確認画面の左側の幅 */
table#mfp_confirm_table{
	table-layout: fixed;
}

/* 確認画面の左側の幅 */
table#mfp_confirm_table tr th {
	/*width: 120px;*/
}

table#mfp_confirm_table tr th,
table#mfp_confirm_table tr td{
	border-top: 0;
	white-space: normal;
}

table#mfp_confirm_table .mfp_achroma th,
table#mfp_confirm_table .mfp_achroma td,
table#mfp_confirm_table .mfp_achroma{
	background-color: #EEFFE3;
}

table#mfp_confirm_table .mfp_colored th,
table#mfp_confirm_table .mfp_colored td,
table#mfp_confirm_table .mfp_colored{
	background-color: #DCF0D0;
}

form#mailformpro label{
	display: inline;
}

button#mfp_button_send,
button#mfp_button_cancel{
	cursor: pointer;
	color: #fff;
	border-radius: 3px;
	border-style: none;
	/*background-color: #9b6;*/
	font-size: 13px;
	font-weight: normal;
	
	background: #bfd69e; /* Old browsers */
	background: -moz-linear-gradient(top,  #bfd69e 0%, #86b551 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd69e), color-stop(100%,#86b551)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bfd69e 0%,#86b551 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bfd69e 0%,#86b551 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bfd69e 0%,#86b551 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bfd69e 0%,#86b551 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd69e', endColorstr='#86b551',GradientType=0 ); /* IE6-9 */
}

button#mfp_button_send{
	margin-right: 50px;
}

/*#errormsg_Name,
#errormsg_email,
#errormsg_Message{
	display: none !important;
}*/


/* PC向け ******************************************************************************************* */

@media (min-width: 651px) {
}



/* スマホ向け **************************************************************************************** */

@media (max-width: 650px) {
	a.button{
		width: 94%;
		padding: 3%;
		margin: 1% 0;
	}

	.tanto{
		font-size: 1em;
		margin-top: 2%;
	}

	img[src*="title."]   {max-width: 100%}
	img[src*="tel."]     {max-width: 70%}
	img[src*="jikan."]   {max-width: 65%}
	img[src*="kakunin."] {max-width: 80%}

	div.contact{
		text-align: center;
	}

	div.contact div.text{
		float: none;
		width: 94%;
		padding: 3% 3% 0 3%;
	}

	div.contact div.input{
		width: 94%;
		padding: 3%;
	}

	#mailformpro .input1    { width: 97%; }
	#mailformpro .inputYubin{ width: 40%; }
	#mailformpro .inputJusho{ width: 97%; }
	#mailformpro .input2    { width: 97%; }
	#mailformpro .naiyo     { width: 97%; height: 200px;}

	/* mailformpro4 向けの設定 ************************************************************ */
	div#mfp_overlay_inner{
		width: 90%;
	}

	/* 確認画面の右側の幅 */
	table#mfp_confirm_table tr th {
		width: 100px;
	}

	div#access div.left{
		float: none;
	}

	div#access div.right{
		float: none;
		width: 95%;
		margin-left: 5%;
	}

}