#product{
	line-height:1.8em;}
	
#product form{
	/*clear:both; */
	overflow:hidden;}

.input-prepend.input-append input {
  /*font-size: 18px;
  padding-top: 11px;
  padding-bottom: 11px;
  width: 100px;
  text-align: right;*/
}

.product-image{
	float:left;
	/*margin-right:30px;*/
	max-width:380px;
	margin-right:auto;
	margin-left:auto;}
	
.img_other {
	width:100%;
	max-width:380px;
	height:auto;
	margin: auto;
	display:flex;
	justify-content:center;
	 align-items:flex-start;}

.img_other img {
	/*float:left;*/
	width:24%;
	height:auto;
	border:1px solid #ccc;
	box-sizing:border-box;
	cursor:pointer;
}

.img_other .ot0,
.img_other .ot1,
.img_other .ot2 {
	/*margin-right: 5px;*/
}
	
.product-spec{
	float:left;/**/
	margin-right: auto;
	margin-left: auto;}
	
.product-spec table{
	border-collapse:collapse;
	border-top:1px dotted #333;
	width:100%;}
	
.product-spec table th{
	border-right:1px dotted #333;
	border-bottom:1px dotted #333;
	padding:15px;
	white-space:nowrap;}
	
.product-spec table td{
	border-right:1px dotted #333;
	border-bottom:1px dotted #333;
	padding:15px;}
	
.product-spec table th:nth-last-child(1),
.product-spec table td:nth-last-child(1){
	border-right:none;}
	
.product-spec table .number{
	border:none;}
	
.product-spec table#option_tbl{
	border-collapse:collapse;
	border:1px solid #ccc;
	width:100%;}
	
.product-spec table#option_tbl th,
.product-spec table#option_tbl td{
	border:1px solid #ccc;
	text-align: center;}
	
.product-order-exp{
	max-width:720px !important;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:50px;
	padding-right: 0 !important;
	padding-left: 0 !important;}
	
.product-order-exp a{
	text-decoration:underline;}
	
.material{
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
	padding:10px 0;
	overflow:hidden;}

.recipe{
	clear:both;
	border:3px dotted #ffc000;
	border-radius:6px;
	max-width:500px;
	margin:0 auto;
	padding:25px;}
	
.recipe::after{
	/*max-width:75px;*/}

.recipe h3{
	color:#630;
	font-size:18px;
	margin-top:0;}

	
@media (max-width: 768px){/*iPad & スマホ*/
/* ~768px */

	.product-image,
	.product-spec,
	.product-order-exp{
		float:unset;
		padding: 0 !important;}

}

@media screen and (max-width:599.98px){/* スマホのみ（iPadは除く） */

	.product-order-exp img{
		margin-right:auto;
		margin-left:auto;
		display: block;}

}