/* bxSlider関連 */
.container-section {
  opacity: 0; 
  transition: opacity .0s linear; /*簡易アニメーション*/
}
.bx-wrapper {
  margin: 0 !important;
}

ul.bxslider {
  margin-left: 0px !important;
}

.bx-wrapper .bx-viewport {
  border: none;
  box-shadow: none;
  left: 0;
  background: transparent;
}




/* IE11だけで適用されるスタイルシート */
@media all and (-ms-high-contrast:none) {

  *::-ms-backdrop,
  .custom-thumb img {
    width: 100%; //IE11のmax-width崩れ
  }
}
p { font-size: 12px;
  font-weight:normal !important;
}

/**************************ページ全体******************************/
.shouhinsyousai{
 border: solid 1px #a19b96; /*アイコンなどの縁*/
 padding: 0px 10px 0px 10px; /*アイコンなどの内側の幅を変える*/
 border-radius: 5px; /*角の丸み*/
 background:#e5e2e2;/*文字の所の背景*/
}
/**************************この商品のキーワード******************************/
.taglist {
 margin: 0px 0px 10px 0px; /*アイコンなどの幅を変える*/
 color:#000000; /*文字カラー*/
 padding: 10px 0px 5px 10px; /*アイコンなどの内側の幅を変える*/
}
.taglist p {
 margin: 0 0 10px;
}
.taglist .button--tag {
 margin: 0 6px 10px 0;
 background:#a19b96;/*文字の所の背景*/
 color:#ffffff; /*文字カラー*/
 padding: 5px 10px 5px 10px; /*アイコンなどの内側の幅を変える*/
 border-radius:5px;/*角の丸み*/
}
/**************************商品名******************************/
.shouhinsyousai_syouhinmei{
 padding: 0px 0px 0px 5px; /*アイコンなどの内側の幅を変える*/
}
/**************************商品画像と値段と個数とカートに入れるボタン******************************/
.shouhinsyousai_ue{
 display: flex; /*フレックスボックス*/
}

/**************************商品詳細右側******************************/
/* 右側全体 */
.shouhinsyousai_migi{
 padding: 0px 3px 0px 10px; /*アイコンなどの内側の幅を変える*/
 max-width: 450px; /*横のサイズ指定*/
}
/* 右側テーブル 価格と数量*/
.shouhinsyousai_migi_table{
 display: inline-block; /*ブロック化してpaddingやmarginを適用させる*/
 width: 100%; /*横のサイズ指定*/
 margin: 0px 0px 10px 0px; /*アイコンなどの外側の幅を変える*/
 padding: 5px 0px 5px 0px; /*アイコンなどの内側の幅を変える*/
 border-top: 2px solid #ffffff; /*上に線を引く*/
 border-bottom: 2px solid #ffffff; /*下に線を引く*/
}
.shouhinsyousai_migi_table tr{
 
}
.shouhinsyousai_migi_table th{
 padding: 5px 15px 0px 10px; /*アイコンなどの内側の幅を変える*/
 font-size: 120%; /*フォントサイズ*/
}
.shouhinsyousai_migi_table td{
 padding: 5px 10px 0px 0px; /*アイコンなどの内側の幅を変える*/
 font-size: 180%; /*フォントサイズ*/
}
/* 数量入力枠 */
.suuryou_nyuuryoku{
 width: 80px; /*横のサイズ指定*/
}
/* 数量 */
.suuryou{
 margin: 5px 5px 5px 5px; /*アイコンなどの外側の幅を変える*/
}
/* 数量入力欄 */
input.product-cart-init-num {
  float: left;  
  -webkit-appearance: none;
  border: 1px solid #ffffff;
  height: 30px;
  width: 120%;
}
/* 数量アップダウンのボタン▲▼ */
.suuryou_botan{
 font-size: 99% !important; /*!important;は最優先に適用してくれる*/
}


/* オプションテーブル */
.opusyon_table{
 margin: 0px 0px 10px 0px; /*アイコンなどの外側の幅を変える*/
}
.opusyon_table tr{
 
}
.opusyon_table th{
 padding: 5px 8px 5px 8px; /*アイコンなどの内側の幅を変える*/
 margin: 2px 2px 2px 2px; /*アイコンなどの外側の幅を変える*/
 background: #f3f3f3; /*文字の所の背景*/
 width: 150px; /*横のサイズ指定*/
 font-size: 80%; /*フォントサイズ*/
 text-align: center; /*文字をセンタリング*/
 border: solid 2px #e5e2e2; /*アイコンなどの縁*/
}
.opusyon_table td{
 padding: 5px 8px 0px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 2px 2px 2px 2px; /*アイコンなどの外側の幅を変える*/
 font-size: 100% !important; /*!important;は最優先に適用してくれる*/
 background: #ffffff; /*文字の所の背景*/
 border: solid 2px #e5e2e2; /*アイコンなどの縁*/
 font-weight: nomal !important; /*!important;は最優先に適用してくれる*/
 width: 300px; /*横のサイズ指定*/
}
/**************************カートに入れるボタン******************************/
.btn-addcart {
 background-color: #83aa6c; /*文字の所の背景*/
 border-radius: 5px; /*角の丸み*/
 color: #fff; /*文字カラー*/
 padding: 15px 0px 15px 0px; /*アイコンなどの内側の幅を変える*/
}
.btn-addcart:hover{
 background-color: #c86509; /*文字の所の背景*/
 color: #fff; /*文字カラー*/
}
/*在庫数が足らない時*/
.stock_error{
 text-align: center; /*文字をセンタリング*/
 color: #ff4504; /*文字カラー*/
}
/**************************商品説明枠******************************/
/*商品説明の枠*/
.syouhinsetumei_waku{
 margin: 0px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 padding: 10px 10px 10px 10px;/*アイコンなどの内側の幅を変える*/
 border-radius: 5px; /*角の丸み*/
 background:#fff;/*文字の所の背景*/
 text-align: left; /*文字を左寄せ*/
}
/*商品説明の商品説明*/
.syouhinsetumei_waku1{
 margin: 0px 0px 5px 0px; /*アイコンなどの外側の幅を変える*/
 padding: 0px 5px 5px 10px;/*アイコンなどの内側の幅を変える*/
 font-size: 100%; /*フォントサイズ*/
 border-bottom: 1px solid #7e756e; /*下に線を引く*/
}
/**************************商品説明サイズテーブル（グレー）******************************/
.saizuhyou2{
 max-width:1000px;
 border-radius: 4px;/*角の丸み*/
 background:#dcdcdc;/*文字の所の背景*/
 color:#000000; /*文字カラー*/
}
.saizuhyou2 th{
 text-align:center; /*文字をセンタリング*/
 padding: 3px 5px 3px 5px; /*アイコンなどの内側の幅を変える*/
 border-bottom: 1px solid #ffffff;/*下に線を引く*/
 border-left: 1px solid #ffffff;/*左に線を引く*/
}
.saizuhyou2 td{
 padding: 3px 10px 3px 10px; /*アイコンなどの内側の幅を変える*/
 border-bottom: 1px solid #ffffff;/*下に線を引く*/
 border-left: 1px solid #ffffff;/*左に線を引く*/
 background:#f5f5f5;/*文字の所の背景*/
}










/**************************商品画像大と小******************************/


/* ************************************************
*  clearfix
* ************************************************ */

.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

/* ************************************************
*  cloud_zoom
* ************************************************ */
/* This is the moving lens square underneath the mouse pointer. */
.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:Arial, Helvetica, sans-serif;
}

/* This is the zoom window. */
.cloud-zoom-big {
  overflow:hidden;
  border: 4px solid #c86464;
}

/* This is the loading message. */
.cloud-zoom-loading {
  padding:3px;
  border:1px solid #000;
  background:#222;
  color:white;
}

a.cloud-zoom-gallery {
  display: block;
  float: left;
  margin: 5px 5px 5px 5px; /*アイコンなどの外側の幅を変える*/
  height: 95px;
  cursor: pointer;
}
.zoom-tiny-image {
  padding: 3px;
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  background: #efefef;
}
.zoom-tiny-image.selected {
  border: 1px solid #323e55;

}
.zoom-tiny-image:hover {
  border: 1px solid #a19b96;
}

a.gallery_last{
  margin-right: 0;
}



/* ************************************************
*  search_page
* ************************************************ */

.search_result {
  margin: 20px 0;
  padding: 10px 0;
  background: #ddd;
  text-align: center;
}

.none {
  margin: 50px 0;
  text-align: center;
}



/*******************************/
.product_images {
  display: inline-block;
  float: left;
  width: 450px;
}
.product_images div img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height:auto;
  border: 1px solid #ddd;
}
.product_images div p.detail {
  margin-top: 10px;
  line-height: 20px;
}

/* Feature section in ZoomEngine page */
.zoom-section {
  clear:both;
}

* html .zoom-section {
  display:inline;
  clear:both;
}
.zoom-small-image {
  float: left;
  width: 450px;
}
.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 {
  clear: left;
  width: 100%;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
/**************************商品画像大と小ここまで******************************/