@charset "utf-8";
/* CSS Document */

.mailform { width:100%; margin:0.3em auto 0 auto; }
.mform { font-size:small; color:#16A4AB; }
.mform1 { width:100%; margin-top:0.8em; }

.fname1, .fname2, .fplace, .fmember { width:32em; }
.fmail { width:27em; }
.ftel { width:16em; }
.fbox { width:27em; height:9em; }
.fbiko { width:32em; height:9em; }
.fbutton { width:200px; height:28px; margin:0.8em 0.7em 0 0.7em; background-color: #CBEBF4; }
.fbutton2 { width:200px; height:28px; margin:0.8em 0.7em 0 0.7em; background-color: #CBEBF4; }

table{
border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

th{
border-bottom:solid 1px #EEE;
font-weight:normal;
width:264px;
padding:0.6em 1em;
text-align:left;
}

td{
border-left:solid 1px #EEE;
border-bottom:solid 1px #EEE;
font-size:large;
font-weight:normal;
width:576px;
padding:0.6em 1em;
text-align:left;
}

.button{
text-align:center;/*文字を中央寄せ*/
padding:10px 0;/*内側への余白上下10px*/
font-size:large;	
}

#areaSbg { padding:20px 0; text-align:center; border-bottom:#16A4AB 1px solid; border-top:#16A4AB 1px solid;  background-color:#fafaf1; width:936px; }

.mform1 th, td {
	vertical-align:middle;
	line-height:1.6em;
	padding:0.5em;
	text-align:center;
}

.menuSelect, .fplace, .fmember {height: 2.5em; width:27em; }

input {
	border: thin solid #666666;
	height: 2em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:8px 0;
   }
   
#note {
	border: thin solid #666666;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top:4px;
   }

@media screen and (max-width:895px) {
.mailform { width:100%; margin:0 auto; }
th { width:28%; }
td { width:65%; }
}

@media screen and (max-width:680px) {
	
.mailform { width:100%; margin:0.3em 0 0 0; }

table { margin:0.6em 0; }
th { width:23%; }
td { width:70%; }

.fname1, .fname2, .fplace, .fmember, .fbiko, .ftel, .fmail, .menuSelect, .fplace, .fmember { width:94%; }
.fbox, .fbiko { width:94%; height:10.5em; }
.fbutton { width:90%; height:2.4em; }
.fbutton2 { width:90%; height:2.4em; display:none; }

.mform1 th, td {
	vertical-align:middle;
	line-height:1.6em;
	padding:0.35em;
	text-align:left;
}

}