/*** レスポンシブテーブルデザイン ***/
#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}

table.form{
	box-sizing:border-box;
  width:75%;
  margin:0 auto;
  border: 2px solid #ccc;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
 
table.form th{
	box-sizing: border-box;
	padding: 6px 8px 5px;
	border-top: dotted 1px #ccc;
	width: 30%;
	overflow: hidden;
	color: #13131e;
	font-style: normal;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	background-color: #f6f5f2;
	letter-spacing: 0.3em;
}
 
table.form td{
	box-sizing: border-box;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	border-top: dotted 1px #ccc;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.moji {
	 font-size:14px;	
}

.recipe dl,dt,dd {
margin: 0;
padding: 0;
}

.recipe dl {
	overflow: hidden;
	margin-bottom: 10px;
	padding-top:7px;
	border-top:1px dotted #ccc;
}
.recipe dl:nth-child(1) {
	border-top:none;
}
.recipe dl dt {
	box-sizing:border-box;
	font-weight: bold;
	margin-bottom:5px;
}
.recipe dl dd {
	box-sizing:border-box;
	overflow: hidden;
	margin-bottom: 5px;
}

.recipe dl dd .recipe-item {
	float: left;
	width: 35%;
}
.recipe dl dd .recipe-select {
	float: left;
	width: 65%;
}
.req {
	font-size:0.85em;
	color:#ed796b;
}
.recipe dl dd select {
	font-size: 14px;
	width:50%;
}
.select-img {
	float: left;
	margin:0 40px 10px 0;
}
.select-img img {
	vertical-align: middle;
}
input#button {
	font-size: 1.3em;
	margin-top: 20px;
	margin-bottom: 50px;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 15px;
	padding-left: 40px;
}
.recipe-select select {
	font-size:16px;
	width:100%;
}

#address2 { width: 60% }
#postcode1 { width: 60px }
#postcode2 { width: 75px }

@media (max-width: 768px) {
	#formWrap {
		width:96%;
		margin:0 auto;
		color:#555;
		line-height:120%;
		font-size:90%;
	}
	table.form{
	box-sizing:border-box;
  width:100%;
  margin:0 auto;
  border: 2px solid #ccc;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
	table.form th{
	  width:100%;
	  display:block;
	  margin: 0 auto;
	  border:none;
	  border-radius: 2px;
	}
	table.form td{
	  display: list-item;
	  width: 100%;
	  border-top: none !important;
	}

.recipe {
	width:90%;
}
.moji {
	 font-size:90%;	
}

.recipe dl dd select {
	font-size: 16px;
	width:100%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


}/* end */