@charset "UTF-8";


div#mf_wrapper {
	width: 640px;
	text-align: left;
	margin: 0px auto 0px auto;
	font-family: sans-serif;
}
div#mf_header h1 {
	font-size: 24px;
	margin: 0px;
	padding: 0px;
}
div#mf_header h2 {
	font-size: 16px;
	color: #999999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
form#mailform {
}
table.mailform {
	width: 100%;
}
table.mailform tr th,
table.mailform tr td {
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    padding: 15px 5px 10px 5px;
    line-height: 1.4em;
	  border: none !important;
}
@media screen and (max-width: 480px) {
	table.mailform tr th,
	table.mailform tr td {
	    box-sizing:border-box;
	    display: block;
	    width: 100% !important;
	    padding: 15px 5px 10px 5px;
	}
	table.mailform tr th {
	    background: #eee;
    padding: 15px 15px 12px;
	}
	table.mailform tr th p {
    display: inline;
    padding-left: 5px !important;
	}
	table.mailform tr td {
	    padding: 15px 5px;
	}
}
table.mailform tr:last-child th,
table.mailform tr:last-child td {
	border-bottom: none;
}
table.mailform tr th {
	width: 150px;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
    width: 100%;
    height: 260px;
}





/***********************************************
  13.form
***********************************************/
input{
 font-size:16px;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
select::-ms-expand {
	display: none;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px;
    font-size: 100%;
    line-height: 1.1em;
    border-radius: 3px;
    border: none;
    background-image: url(icon_arrow.svg);
    background-repeat: no-repeat;
    background-size: 12px 10px;
    background-position: right 10px center;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    display: block;
    font-size: 20px;
    transform: scale(calc(12 / 16));
    position: relative;
    right: 66px;
	  width: 100%;
}

@media screen and (max-width: 767px) {
	select {
	    right: 0px;
	}
}

textarea,
input[type="text"] {
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    padding: 10px 10px;
}
input[type=checkbox] {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
input[type=radio] {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
input[type=checkbox] {
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
	font-size: 16px;
	padding: 10px 25px;
}

#mailform {
 font-size: 18px;
}
@media screen and (max-width: 480px) {
	#mailform .checkbox,
	#mailform .zip {
	 text-align: left;
	}
	#mailform .checkbox {
	 padding-left: 2%;
	}
}
#mailform input[type="submit"]{
    background: #685000;
    color: #fff;
    border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
@media screen and (max-width: 480px) {
	#mailform input[type="submit"]{
    width: 80%;
    -webkit-appearance: none;
    color: #fff;
    display: block;
    margin: 0 auto;
	}
}
#mailform input[type="submit"]:hover{
   cursor: pointer;
   background: #d34400;
    color: #fff;
}
textarea:focus,
input:focus {
  outline: 0;
}


@media screen and (max-width: 480px) {
	#mailform textarea,
	#mailform input[type="text"]{
		width: 100% !important;
		box-sizing:border-box;
	}
	#mailform input[type="text"].zip{
		width: 40% !important;
	}
}