/* ----------------------------------------------------
product
---------------------------------------------------- */
#product .inn {  margin-bottom: 35px; }
#product .inn .img { width: 470px; }
#product .inn .img .main { margin-bottom: 10px; }
#product .inn .img .main img { width: 100%; height: auto; }
#product .inn .img .thumb {  }
#product .inn .img .thumb ul { width: 470px; }
#product .inn .img .thumb ul li { width: 100px; height: 100px; float: left; background-color: #ccc; margin: 8px; overflow: hidden; }
#product .inn .img .thumb ul li img { width: 100%; height: auto; }
#product .inn .detail { width: 282px;  color: #3b3b3b; }
#product .inn .detail h3 { font-size: 15px; font-weight: bold; line-height: 20px; margin-bottom: 25px; }
#product .inn .detail .category { font-size: 13px; margin-bottom: 10px; }
#product .inn .detail .regular_price { font-size: 15px; text-align: right; margin-bottom: 10px; }
#product .inn .detail .price { font-size: 18px; font-weight: bold; text-align: right; margin-bottom: 20px; }
#product .inn .detail .discount { font-size: 15px; color: #CC0000; text-align: right; margin-bottom: 10px; }

#product .inn .detail dl,
#product .inn .detail dt,
#product .inn .detail dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#product .inn .detail dl { font-size: 15px; line-height: 25px; /*margin-bottom: 25px; */border-bottom: dashed 1px #a0a0a0; }
#product .inn .detail dl dt,
#product .inn .detail dl dd { padding: 15px 0 0 0; border-top: dashed 1px #a0a0a0; }
#product .inn .detail dl dt { width: 120px; float: left; }
#product .inn .detail dl dd { margin-left: 120px; padding-bottom: 15px; }
#product .inn .detail dl dd:after { content: ''; display: block; clear: both; }

#product .inn .detail .cart { margin-bottom: 25px; }
#product .inn .detail .cart .num { width: 30px; margin-right: 13px; padding: 7px; }
#product .inn .detail .cart .btn { display: block; text-align: center; width: 100%; height: 36px; margin: 20px 0; color: #fff; background-color: #ec859a; font-weight: bold; border: solid #ec859a 2px; border-radius: 5px; font-size: 100%; }
#product .inn .detail .cart span { font-size: 15px; vertical-align:center; }

#product .inn .detail ul.related { font-size: 15px; }
#product .inn .detail ul.related li { margin-bottom: 20px; }
#product .inn .detail ul.related li a { display: block; padding: 10px; background-color: #fff; border: solid #a0a0a0 1px; text-align: center; }

#product .inn .detail ul.related li a.btn_blue { background-color: #1774ba; border: solid #1774ba 1px; color: #fff; text-align: center; }
#product .inn .detail ul.related li .btn_blue a:hover { background-color: #FFC400; border: solid #FFC400 2px; }

#product .explain { font-size: 15px; line-height: 25px; color: #3b3b3b; }

#together .list ul li{ float: left; width: 240px; margin: 11px; }
#together .list ul li img { width:100%; border:#d4d4d4 1px solid; box-sizing:border-box; }
#together .list ul li p{ padding: 5px 0; }
#together .list ul li p.price{ margin-top: 5px; color: #eb7f95;}

.product-order-spec{ width: 100%; margin-bottom: 25px; }
.product-order-spec tr th , .product-order-spec tr td{font-size: 15px; line-height: 25px; margin-bottom: 25px; border-bottom: dashed 1px #a0a0a0; padding: 15px; text-align: left;}
.product-order-spec tr th{ font-weight: normal; padding-left: 0; padding-right: 0; }
.product-order-spec tr td select{ padding: 10px; width: 100%; }

.item-description {  width: 100%;  margin: 0 0 20px;}
.item-description p {  padding: 0 10px;  line-height: 1.8;  letter-spacing: 0.1;}

.item-description-title { width: 100%;margin: 0 0 10px;}
.item-description-title p{ padding: 0 10px; margin: 0 0 10px; font-weight: bold;}

.item-description { width: 100%; margin: 0 0 20px;}
.item-description p { padding: 0 10px; line-height: 1.8; letter-spacing: 0.1;}
.item-description p.red { color:#FF0000;}

table.item-info { width: 100%; margin: 0 0 20px; }
table.item-info th { background-color: #f4f4f4;  width: 20%;  padding: 10px; color: #333; border: 1px solid #ddd; text-align: center;}
table.item-info td { padding: 10px; color: #333; border: 1px solid #ddd;}

@media only screen and (max-width:480px) {

.item-description-title { width: 90%; margin: 0 0 10px; font-weight: bold; display: block;}

.item-description { width: 90%; margin: 0 0 10px; display: block;}
.item-description p { line-height: 2.0; letter-spacing: 0.1;}
		
table.item-info { margin: 0 0 20px; }
table.item-info th { width: 90%; padding: 2%; display: block; border-top: 1px solid #CCC;}
table.item-info td { width: 90%; padding: 2%; display: block; border-top: 1px solid #CCC;}

}

.mb10{ margin: 0 0 10px;}
.mb15{ margin: 0 0 15px;}
.mb20{ margin: 0 0 20px;}