/* ¾¦ÉʾܺÙ
*************************************************************/
.product-wrap{
display: flex;
}

.product-image {
padding-bottom: 30px;
text-align: center;
flex-basis: 55%;
margin-right: 3em;
}


.product-image img {
/*-webkit-box-shadow: 0 1px 4px rgba(25, 25, 25, 0.2);
-moz-box-shadow: 0 1px 4px rgba(25, 25, 25, 0.2);
box-shadow: 0 1px 4px rgba(25, 25, 25, 0.2);*/
}
.product-image-main {margin-bottom: 30px;}
.product-image-main img {/*border: 1px solid #b2a487;*/}

.product-image-thumb {
display: flex;
flex-wrap: wrap;
margin: 0;
}

.product-image-thumb li {
margin-bottom: 20px;
/*padding: 0 10px;*/
cursor: pointer;
/*width: 150px;*/
/*display: inline-block;*/
/*margin: 0 10px;*/
width: calc( 100% / 3 - 10px);
}

.product-image-thumb li:nth-child(3n+1){
margin-left: 0;
margin-right: 8px;
}
.product-image-thumb li:nth-child(3n+2){
margin-left: 7px;
margin-right: 7px;
}
.product-image-thumb li:nth-child(3n+3) {
margin-left: 8px;
margin-right: 0;
}

.product-image-thumb img {
/*display: block;
margin: 0 auto;
max-width: 100%;
max-height: 150px;*/
}

.product-content {
flex-basis: 45%;
}


.product-content h2{
margin: 0;
margin-bottom: 0.5em;
}
.prduct-price{
font-size: 1.4em;
font-weight: 600;
margin-bottom: 2em;
}
.prduct-regular-price{
margin: 0;
font-size: 1.2em;
text-decoration: line-through;
}
.product_discount{
margin-left: 0.5em;
font-size: 0.8em;
color: red;
}

.product-content th, .product-content td{
padding: 8px 0;
border: none;
}
.product-content th{
font-weight: normal;
}
.product_sales {
  line-height: 1.5;
  font-weight: 700;
  font-size: 1.2em;
}
input.product-cart-init-num {
  float: left;  
  -webkit-appearance: none;
  border: 1px solid #ccc;
  height: 30px!important;
  width: 20%!important;
}
.product-unit {
  float: left;
  padding: 5px;
}
.product-order-form input[type="text"] {
  width: calc(100% - 14px);
  height: 30px!important;
}
.product_cart_area {
  margin-bottom: 1.5em;
}
.btn-addcart {
  background-color: #000;
  border: medium none;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.1em;
  padding: 18px 0;
  transition: 0.3s;
}
.btn-addcart i{
  margin-right: 0.5em;
}

.btn-addcart:hover {
  background-color: #000;
  color: #fff;
  opacity: 0.7;
}

.fb_adjust {
  position: relative;
  top: 1px;
}

.product-table {
  border: 1px solid #ddd;
  border-collapse: separate;
  border-top: 0;
  border-left: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  *border-collapse: collapse;
}

.product-table th,
.product-table td {
  padding: 4px 5px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  vertical-align: middle;
  text-align: left;
  line-height: 20px;
  border-radius: 0;
}

.product-badge{
display: inline-flex;
}
.product-badge div{
max-width: 150px;
background-color: #000;
padding: 0.3em 0.7em;
margin-right: 0.5em;
font-size: 0.7em;
color: #fff;
}
.product-badge div.product-badge-bl{ background-color: #0070c0;}
.product-badge div.product-badge-yel{ background-color: #ffd966;}
.product-badge div.product-badge-grn{ background-color: #00b050;}


@media (max-width: 768px) {
.product-wrap{display: block;}
.product-image {margin-right: 0;}
.product-image-main {margin-bottom: 20px;}
}
@media (max-width: 480px) {
.product-image-main {margin-bottom: 15px;}
.product-image-thumb li {
margin-bottom: 10px;

width: calc( 100% / 3 - 6px);
}

.product-image-thumb li:nth-child(3n+1){
margin-left: 0;
margin-right: 3px;
}
.product-image-thumb li:nth-child(3n+2){
margin-left: 6px;
margin-right: 3px;
}
.product-image-thumb li:nth-child(3n+3) {
margin-left: 3px;
margin-right: 0;
}
.prduct-price{
font-size: 1.2em;
margin-bottom: 1em;
}
.prduct-regular-price{
font-size: 1.1em;
}
.product_discount{
margin-left: 0.3em;
}
}