#product .table-bordered{
    border:0;
  margin-bottom:10px;
}
#product .table-bordered th{
  width:90px;
}
#product .table-bordered th, #product .table-bordered td{
  padding:4px 0; 
  border:0;
}
#product button.btn-block,
#product button.btn-addcart{
  background:#fff; 
  color: #333;
  border-radius: 0;
  border: 1px solid #949699;

  font-family: "FOT-筑紫ゴシック Pr5 R";
}
#product{
 margin-top:80px; 
}
#product .border-title{
     background: url(https://img05.shop-pro.jp/PA01108/727/etc/dot_line.png?cmsp_timestamp=20190130192509) repeat-x;
    height: 12px;
    background-position-y: 6px;
  width: 100%;
}
.viewed-product{margin-top: 150px;}
#product .topicpath-nav a,
#product .topicpath-nav{
    margin-left: 0;
}
#product .image-product{
 padding-left:0;
  padding-right: 0;
}
#product h2.txt_fwn{
  margin-top:10px;
}
#product .price-product ul.mar_b_20{
      margin-left: -5px;
    list-style: none;
}
.pro-box{
  width:1045px;
    margin:0 auto;
}
#product .product__image-main{    text-align: center;
    margin-bottom: 10px;
}
.viewed-product .arrival-price{color: #929292;}
.input-prepend.input-append input {
    padding-top: 11px;
    padding-bottom: 11px;
    width: 40px;
    text-align: center;
    height: 26px;
    font-size: 12px;
}
.price-info{padding-left:10px}
#product .product__image-thumb img{cursor: pointer;}
#product h2 .new_mark_img1{display:none !important;}
#product .detail-product{padding-top:40px;}
#product .quant{/*margin-left:0px;*/ margin-left: -3px;}
#product a.quantity{padding:0;}
#product ul.unstyled{}
#product i.add-quantity{font-size:20px;}
#product .btn-cart{margin-left: 0;padding-left: 0;}
#product .btn-addcart{border-radius:0;padding: 10px 30px;}
#product .prduct-option{margin-left:10px;}
#product .desc-pro{position: relative;margin-bottom: 10%;}
#product .cart-pro.col {
/*    position: absolute;
    right: 0;
    bottom: -15%;*/
    width: 265px;
    float: right;
    bottom: -15%;
}

/* ************************************************
*  cloud_zoom
* ************************************************ */
/* This is the moving lens square underneath the mouse pointer. */

.img-left{
  float:left;
    width:60%;
}
.img-right{
  float:left;
    width:40%;
}
.cloud-zoom-lens {
  margin:-4px;  /* Set this to minus the border thickness. */
  border: 4px solid #888;
  background-color:#fff;
  cursor:move;
}

/* This is for the title text. */
.cloud-zoom-title {
  position:absolute !important;
  top:0px;
  padding:3px;
  width:100%;
  background-color:#000;
  color:#fff;
  text-align:center;
  font-weight:bold;
  font-size:10px;
  font-family: "FOT-筑紫Aオールド明朝 Pr6 M";
}

/* This is the zoom window. */
.cloud-zoom-big {
  overflow:hidden;
  
  left:0 !important;
  top:0px !important;
}
/* This is the loading message. */
.cloud-zoom-loading {
  padding:3px;
  border:1px solid #000;
  background:#222;
  color:white;
}

/* Feature section in ZoomEngine page */
.zoom-section {
  clear:both;
}
* html .zoom-section {
  display:inline;
  clear:both;
}
.zoom-small-image {
  float: left;
  margin-top: 4px;
  width: 100%;
  height: auto;
  overflow:hidden;
  border: 2px solid #aadef4;
}
.zoom-small-image #wrap {
/*  position: relative;*/
  top: 0px;
  z-index: 9999;
}
.cloud-zoom {
  margin-bottom: 20px;
}
.zoom-small-image .mousetrap {
  position: absolute;
  top:0px;
  left:0px;
  z-index:999;
  width: 100%;
}
/* Feature descriptions in ZoomEngine page */
.zoom-desc {
  width: 100%;
  margin: 0 8px;
  margin-bottom:10px;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: wrap;
      /*padding-left: 10px;*/
}

a.cloud-zoom-gallery {
    max-width: 32%;
    display: inline-block;
    width: 132px;
    height: 132px;
    cursor: pointer;
    overflow: hidden;
    margin: 0px;
  border:2px solid #fff;
  box-sizing: border-box;
}
.zoom-tiny-image {
  width: 100%;
  height: auto !important;
  background: #fff;
}
.zoom-tiny-image.selected {
  
}
a.cloud-zoom-gallery:hover {
  /*border: 2px solid #aadef4;*/
}

a.gallery_last{
  margin-right: 0;
}
span.flags-item {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 900;
}
span.flags-item img {
    height: 18px;
    width: auto;
}
.border-top-price{
    border-top:1px dashed #6b6666;
}
.product-order-exp{
  margin-bottom:50px;
  width: 70%;
}
.bd-bottom {
    background: url(https://img05.shop-pro.jp/PA01108/727/etc/dot_line.png?cmsp_timestamp=20190130192509) repeat-x;
  position: absolute;
  width: 100%;
  height:2px;
  padding-bottom: 10px;
}
.price-product{
  padding-left:0;
  padding-top:30px;
  float: right;
}
.item-product {
   min-height: 345px;
}
.viewed-product .title-h{
    position: relative;
    height: 132px;
    margin-bottom: 30px;
}
.title-view-product{
  writing-mode: vertical-rl;
  font-family: "FOT-筑紫Aオールド明朝 Pr6 D";
    font-weight: bold;
    padding-right: 10px;
    width: 36px;
    position: absolute;
    top: 0px;
    left: 15px;
    /*margin-left: -14px;*/
    font-size: 20px;
    letter-spacing: 10px;
    border-right: 1px solid rgb(51, 51, 51);
}
.item-view-product{
  margin:0 -30px;
}
.viewed-product .arrival-blk{
  float:left
}

/*start kongnc edit sep23th2019*/
@media (min-width: 1024px){
  .viewed-product .arrival-blk{
    float:none;
    text-align: center;
  }
  .viewed-product .arrival-price{
    float: left;
  }
}
/*end kongnc edit sep23th2019*/

@media screen and (max-width:1100px){
  .pro-box{
    width:100%;
  }
}
@media screen and (max-width:1024px){
  /*edit*/
  .title-view-product {margin-left: 0;}
  .page-box {
    width: 100%;
    margin: 0 auto;
  }
  /*end edit*/
  #product .quant {
    /*margin-left: 1px;*/
    margin-left: -3px;
}
  a.cloud-zoom-gallery {
    width: 122px;
    height: 122px;
}
  .product-order-exp,
  .price-product{
   /* padding-left: 15px;*/
}
  #product {
    padding: 0 10px 0 10px;
}
}
@media screen and (max-width:1000px){
 a.cloud-zoom-gallery {
    width: 115px;
    height: 115px;
} 
}
  @media screen and (max-width:991px){
    #product .cart-pro.col {
    position: unset;
}
    #product .desc-pro {
    margin-bottom: 0;
}
    .img-left {
    float: left;
    width: 60%;
}
}
@media screen and (max-width:960px){
 a.cloud-zoom-gallery {
    width: 105px;
    height: 105px;
}
}
@media screen and (max-width: 870px){
  a.cloud-zoom-gallery {
    width: 95px;
    height: 95px;
}
  .zoom-desc {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 810px){
  .zoom-desc {
    margin-bottom: 25px;
    padding: 0;
    margin-left: 0;
}
  .img-right {
    width: 100%;
    padding-top:10px;
}
  .img-left {
    width: 100%;
}
  a.cloud-zoom-gallery {
    width: 15.9%;
    height: auto;
}
}
@media screen and (max-width:768px){
  /*edit*/
  .viewed-product .products {padding: 0 20px !important;}
  .square-box-l { width: 100% !important;}
  .table .option {width: 30%;}
  /*end edit*/
  .img-left,
  .img-right{
    width: 100%;
}
   .zoom-desc{
     flex-wrap: unset;
    justify-content: unset;
    flex-direction: unset;
    display: block;
    margin: 20px 0 0;
    height: auto;
   }
   a.cloud-zoom-gallery {
    width: 19%;
    height: auto;
}
}
 @media screen and (max-width:767px){
  #product {
    padding: 0 5px 0 5px;
} 
}
 @media screen and (max-width:568px){
 a.cloud-zoom-gallery {
    width: 18%;
    height: auto;
} 
}
 @media screen and (max-width:480px){
  /*edit*/
.title-view-product {margin-left: -14px;}
.viewed-product .products {padding: 0 5px !important;}
.table .option {width: 50%;}
.product-order-exp{ width: 100%;}
#product .btn-cart { margin-left: -5px;}
.price-info { padding-left: 1%;}
.new-arrival .item-product{ margin: 0 0 100px 0;}
.category-list li .cate-items {
  margin-top: 10px !important;
}
   a.cloud-zoom-gallery {
    width: 32%;
    height: auto;
}

}
 @media screen and (max-width:380px){
 a.cloud-zoom-gallery {
    width: 31%;
   height: auto;
} 
}
 @media screen and (max-width:320px){
   
}

/*edit*/
.pro-box h2{
  font-size: 22px;
  line-height: 28px;
}
.pro-box .product-order .btn{
  font-size: 14px !important;
}
.category-list .group-items {
  margin-top: 30px !important;
}
.category-list .group-items-avatar-square{
  width: 81% !important;
}
.pad_l_5{padding-left: 0 !important;}
.mar_l_10{margin-left: 0 !important;}
.input-append{ margin-left: 44px;}
.quant_01 {display: block; float: left;}
.quant_02 {float: left;}
.quant_03 {position: relative; height: 29px; display: block;}
.quant_up {position: absolute; top: 0;}
.quant_down{position: absolute; bottom: 2px;}
.square-box-l{
    position: relative;
    width: 90%;
    overflow: hidden;
}
.square-box-l:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.square-box{
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.square-box:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.square-content, .square-content-l{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-position: center;
    background-size: 100% 100%;
    background-size: cover;
}
.viewed-product .products {padding: 0 30px;}
.viewed-product .arrival-blk {
    float: left;
    position: relative;
    width: 100%;
    height: auto;
    display: inline-table;
}
.square-box:hover { border: 2px solid #aadef4;}
.price-info, .price-info .btn-cart {padding-right: 0 !important;}
.price-info .btn-cart span{margin: 0 !important;}
/*end edit*/

/*-------optionTable------------*/
#optionTable {padding:1em 0 2em;}
[class*="optionTable"] {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	width: 100%;
	max-width: 96%;
	margin:0 auto 1em; 
 }
[class*="optionTable"] td{
	text-align:center;
}
[class*="optionTable"] td, [class*="optionTable"] th {
  box-shadow: 0 0 0 1px #ccc;
  background: #fff;
  text-align: center;
  padding: 0.25em;
}
[class*="optionTable"] th {	font-weight: bold;}
[class*="optionTable"] .num_last{ color:#F00;}
[class*="optionTable"]  span.num_soldout::before {
	content: "SOLD OUT";
}
[class*="optionTable"]  span.option_name::before {
	content: "オプション名";
}
[class*="optionTable"]  span.num_before::before {
	content: "残り";
}
[class*="optionTable"]  span.num_after::before {
	content: "点";
}

[class*="optionTable"]  span.num_last_before::before {
	content: "ラスト";
}
[class*="optionTable"]  span.num_last_after::before {
	content: "点";
}
[class*="optionTable"] span.option_zaiko_label::before{
	content: "在庫数";
}
/*ie*/
@media all and (-ms-high-contrast: none) {
[class*='optionTable'] td, [class*='optionTable'] th {
    border-right-style: solid;
    border-right-color: #aaa;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #aaa;
    border-bottom-width: 1px;
}
[class*='optionTable'] {
    border-top-style: solid;
    border-top-color: #aaa;
    border-top-width: 1px;
    border-left-style: solid;
    border-left-color: #aaa;   
    border-left-width: 1px;
}

[class*='optionTable'] .num_last {
    border-bottom-color: #aaa;
}
}
/*-----------------------------*/