@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;
	border-bottom: solid 1px #ccc;
	margin: 0px;
	padding: 0px;
}
div#mf_header h2 {
	font-size: 16px;
	/* color: #999999; */
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
form#mailform {
	padding: 5px;
}
table.mailform {
	width: 60%;
	margin:  0 auto;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;

	border-bottom: solid 1px #ccc;
	padding: 14px 5px 14px 5px;
}
table.mailform tr {
	display: flex;
	justify-content: center;
	flex-direction: row;
}

table.mailform tr th {
	width: 210px;
	font-size: 14px;
	font-weight: bold;
}

table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	/* color: #999999; */
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}
table.mailform tr td  {
padding-left: 1em;
width: 440px;
}
table.mailform input[type=text],table.mailform textarea{
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	display: inline-block;
	border: 1px solid #ccc;
}
table.mailform select,table.mailform input[type=button]{
	border: 1px solid #ccc;
}
.must {
    display: block;
    background-color: #C00;
    border: solid 2px #C00;
    text-shadow: 0px 1px 2px #933;
    padding: 2px 5px;
    font-size: 10px;
    color: #FFF;
    float: left;
    margin: 0px 5px;
    border-radius: 4px;
    box-shadow: 0px 0px 5px #ccc;
    background-image: url(_images/mfp_header.png);
    background-size: 100% 100%;
}
.row-submit th,.row-submit td{
	border-bottom: none!important;
}

.row-submit input {
    border-radius: 5px;
    padding: 5px 10px;
    border: solid 1px #CCC;
    background: gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
    background: -webkit-gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
    background: -moz-linear-gradient(top, #EEE, #CCC);
    background: -ms-linear-gradient(top, #EEE 0%, #CCC 100%);
    text-shadow: 0px 2px 0px #fff;
    font-size: 18px;
    cursor: pointer;
    outline: none;
}

@media (max-width: 760px) {
	form{
		width: 90vw;
	}
	table.mailform {
		width: 100%;
		margin:  0 auto;
	}

	table.mailform tr {
		flex-direction: column;
		justify-content: center;
	}
	table.mailform tr th{
		border-bottom: none;
		width: 60%;
		padding:5vw 1vw 0vw;
	}

	table.mailform tr td  {
		width: 100%;
		padding-left: 1vw;
		}
		table.mailform input[type=text],table.mailform textarea{
			width: 100%;
			margin: 0 auto;
			display: inline-block;
		}
		table.mailform input[type=button]{
			margin-top: 2vw;
		}
		.row-submit th{
			display: none;
		}
		.row-submit td{
			text-align: center!important;
			padding: 3vw 0!important;
		}
	
}