@charset "utf-8";

/*- CONTACT -*/
.contactB1{
	overflow:hidden;
  padding: 5% 0 5%;
}
.contactB1 h3{
	text-align:center;
  margin-bottom: 3%;
}
.contactB1 h3 small{
  display: block;
  font-size: 16px;
  line-height:1.6;
	color:#3b2108;
  padding-top:8px;
}
table.mailform {
	width: 90%;
	margin:10px auto;
}
table.mailform tr th,table.mailform tr td {
	font-weight: normal;
  vertical-align: top;
	font-size: 20px;
	line-height:1.6;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
  text-align: right;
	padding: 9px 15px 5px 5px;
}
table.mailform tr th span {
	color: #fff;
	font-weight: 700;
	background: #900;
	font-size: 11px;
	letter-spacing:2px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 3px 0 4px;
	display:inline-block;
	margin-left:5px;
	position:relative;
	top:-2px;
}
table.mailform tr td input{
	border:1px solid #999;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:7px 10px 5px;
	font-size:16px;
	line-height:1.2;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
	border:1px solid #999;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:2px 5px;
	font-size:16px;
	line-height:1.2;
}
.ybtm{
  font-size: 12px !important;
  margin: 4px 0 0 10px;
  background: rgb(226,226,226);
  border: 1px solid #ccc !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.10);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgb(226,226,226) 0%, rgb(219,219,219) 50%, rgb(209,209,209) 51%, rgb(254,254,254) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(226,226,226)), color-stop(50%,rgb(219,219,219)), color-stop(51%,rgb(209,209,209)), color-stop(100%,rgb(254,254,254)));
background: -webkit-linear-gradient(top, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%);
background: -o-linear-gradient(top, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%);
background: -ms-linear-gradient(top, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%);
background: linear-gradient(to bottom, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%);
}
.submit{
  letter-spacing: 1px;
	padding:7px 30px 5px !important;
  background: rgb(226,226,226);
  border: 1px solid #ccc !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.10);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgb(226,226,226) 0%, rgb(219,219,219) 50%, rgb(209,209,209) 51%, rgb(254,254,254) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(226,226,226)), color-stop(50%,rgb(219,219,219)), color-stop(51%,rgb(209,209,209)), color-stop(100%,rgb(254,254,254)));
background: -webkit-linear-gradient(top, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%);
background: -o-linear-gradient(top, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%);
background: -ms-linear-gradient(top, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%);
background: linear-gradient(to bottom, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%);
}

.thanks{
  text-align: center;
  font-size:14px;
  line-height:1.6;
	color:#3b2108;
}
.i320{
  display: none;
}

/*-- 上：デフォルト：960px以上(PC用)の記述 --*/

@media screen and (max-width: 959px){
/*-- 959px以下(タブレット用)の記述 (max-width/max-device-width) --*/
table.mailform{
}
table.mailform tr th,table.mailform tr td {
  display: block;
  margin: 0px;
	padding: 0px 5px;
  text-align:center;
}
table.mailform tr td{
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #ccc;
}
table.mailform tr .end{
  border-bottom: none !important;
}

}

@media screen and (max-width: 479px){
/*-- 479px以下(スマートフォン用)の記述 --*/

table.mailform tr td input,
table.mailform tr td textarea {
  width: 90% !important;
}
.ybtm{
  margin: 15px 0 0 0;
}
.thanks{
  margin: 5% 0;
}
.i320{
  display: block;
}

}