/**************************ページ全体******************************/
.shouhinsyousai{
 border: solid 1px #a19b96; /*アイコンなどの縁*/
 padding: 10px 0px 10px 0px; /*アイコンなどの内側の幅を変える*/
 margin: 0px 3px 0px 3px; /*アイコンなどの外側の幅を変える*/
 border-radius: 5px; /*角の丸み*/
 background:#e5e2e2;/*文字の所の背景*/
}
.shouhinsyousai ul{
 list-style: none; /*点を消す*/
 padding: 0px 0px 0px 0px; /*アイコンなどの内側の幅を変える*/
 margin: 0px 7px 0px 7px; /*アイコンなどの外側の幅を変える*/
}
.shouhinsyousai il{
 list-style: none; /*点を消す*/
 padding: 0px 0px 0px 0px; /*アイコンなどの内側の幅を変える*/
 margin: 0px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
}
/**************************この商品のキーワード******************************/
.taglist {
 margin: 0px 7px 10px 7px; /*アイコンなどの幅を変える*/
 font-size: 80%; /*フォントサイズ*/
 color:#000000; /*文字カラー*/
 padding: 0px 0px 0px 0px; /*アイコンなどの内側の幅を変える*/
}
.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;/*角の丸み*/
 border: solid 2px #a19b96; /*アイコンなどの縁*/
}
/**************************商品名******************************/
.shouhinsyousai_syouhinmei{
 padding: 0px 10px 0px 7px; /*アイコンなどの内側の幅を変える*/
 font-size: 130%; /*フォントサイズ*/
}
/**************************商品画像と値段と個数とカートに入れるボタン******************************/
.shouhinsyousai_ue{
 width: 100%; /*横のサイズ指定*/
}
/**************************商品画像******************************/
.shouhinsyousai_gazou{
 list-style: none; /*点を消す*/
 padding: 0px 0px 0px 0px; /*アイコンなどの内側の幅を変える*/
 margin: 0px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
}
.slick-slider{
 margin: 0px 0px 10px 0px; /*アイコンなどの外側の幅を変える*/
}
/* 商品画像 slider */
.p-product-img__main .slick-track {
  margin-left: 0;
  margin-right: 0;
}
.p-product-img__main .slick-prev, .p-product-img__main .slick-next {
  top: 50%;
  width: 30px;
  height: 30px;
  transition: all 0.4s ease;
  z-index: 1;
}

.p-product-img__main .slick-prev:before, .p-product-img__main .slick-next:before {
 content: "";
 top: 7px;
 left: -5px;


 transition: all 0.4s ease;
 z-index: 1;
}

.p-product-img__main .slick-prev:before, .p-product-img__main .slick-next:before {
 top: 15px;
}

.p-product-img__main .slick-prev {
 left: 15px;
}
.p-product-img__main .slick-prev {
 left: 0px;
}
.p-product-img__main .slick-prev:before {

}
.p-product-img__main .slick-prev:before {
 left: 17px;
}

.p-product-img__main .slick-next {
 right: 15px;
}
.p-product-img__main .slick-next {
 right: 0px;
}
.p-product-img__main .slick-next:before {


}
.p-product-img__main .slick-next:before {
 left: 13px;
}

.p-product-thumb-list {
 display: flex;
 flex-wrap: wrap;
 margin-left: -4px;
 margin-right: -4px;
 margin-top: 8px;
 justify-content: center; /*フレックスボックス中央寄せ*/
}

.p-product-thumb-list__item {
 margin: 3px 3px 3px 3px; /*アイコンなどの外側の幅を変える*/
}

.p-product-thumb-list__item:hover, .p-product-thumb-list__item.is-current {
 opacity: 0.7;
 cursor: pointer;
}

.p-product-thumb-list__item img {
 width: 20%; /*横のサイズ指定*/
}

.p-product-thumb-list__img {
  /* overflow用 */
 position: relative;
 text-align: center;
}

.p-product-thumb-list__img {
 width: 64.5px;
 text-align: center;
 margin: auto; /*画像などをセンターに寄せる*/
}

.p-product-thumb-list__img:before {
 content: "";
 display: block;
 padding-top: 100%;
}
.p-product-thumb-list__img img {
 display: inline-block;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 margin: auto;
 width: auto !important;
 max-width: 100%;
 max-height: 100%;
 text-align: center;
}
.slick-slide{
padding: 0px 0px 0px 0px; /*アイコンなどの内側の幅を変える*/
}
.u-overflow-slide{

 margin: 0px 0px 5px 0px; /*アイコンなどの外側の幅を変える*/
}
.p-product-img__thumb{

}              
/**************************商品詳細右側******************************/
/* 右側全体 */
.shouhinsyousai_migi{
 padding: 0px 0px 0px 0px; /*アイコンなどの内側の幅を変える*/
 text-align: center; /*文字をセンタリング*/
}
/* 右側テーブル 価格と数量*/
.shouhinsyousai_migi_table{
 width: 95%; /*横のサイズ指定*/
 margin: 0px 10px 0px 10px; /*アイコンなどの外側の幅を変える*/
 padding: 5px 0px 5px 0px; /*アイコンなどの内側の幅を変える*/
 border-top: 1px solid #ffffff; /*上に線を引く*/
 margin-right: auto; /*テーブルなどを右に寄せる*/
}
.shouhinsyousai_migi_table tr{

}
.shouhinsyousai_migi_table th{
 padding: 5px 15px 3px 10px; /*アイコンなどの内側の幅を変える*/
 font-size: 120%; /*フォントサイズ*/
 width: 40%; /*横のサイズ指定*/
}
.shouhinsyousai_migi_table td{
 padding: 5px 0px 3px 0px; /*アイコンなどの内側の幅を変える*/
 font-size: 170%; /*フォントサイズ*/
 vertical-align: middle; /*インラインブロックの時の縦方向の真ん中寄せ*/
 width: 51%; /*横のサイズ指定*/
 margin-left: auto; /*テーブルなどを左に寄せる*/
}
/* 数量入力枠 */
.suuryou_nyuuryoku{
 width: 80px; /*横のサイズ指定*/
}
/* 数量 */
.suuryou{
 margin: 5px 5px 5px 5px; /*アイコンなどの外側の幅を変える*/
}
/* 残りわずか */
.nokoriwazuka{
 text-align: left; /*文字を左寄せ*/
}
/* 数量入力欄 */
input.product-cart-init-num {
  float: left;  
  -webkit-appearance: none;
  border: 1px solid #ffffff;
  height: 50px;
  width: 100%;
  font-size: 80%; /*フォントサイズ*/
  padding: 0px 0px 0px 30px; /*アイコンなどの内側の幅を変える*/
  border-radius: 5px; /*角の丸み*/
}
/* 数量アップダウンのボタン▲▼ */
.suuryou_botan{
 font-size: 99% !important; /*!important;は最優先に適用してくれる*/
}
.suuryou_botan a{
 color: #303d54; /*文字カラー*/
}
/* オプションテーブル */
.opusyon_table{
 margin: 5px 3px 10px 3px; /*アイコンなどの外側の幅を変える*/
 width: 98%; /*横のサイズ指定*/
 margin: 0 auto; /*画像などをセンターに寄せる*/
 text-align: center; /*文字をセンタリング*/
}
.opusyon_table tr{
 
}
.opusyon_table th{
 padding: 5px 8px 5px 8px; /*アイコンなどの内側の幅を変える*/
 margin: 1px 1px 1px 1px; /*アイコンなどの外側の幅を変える*/
 background: #f3f3f3; /*文字の所の背景*/

 font-size: 100%; /*フォントサイズ*/
 text-align: center; /*文字をセンタリング*/
 border: solid 1px #e5e2e2; /*アイコンなどの縁*/
}
.opusyon_table td{
 padding: 5px 8px 0px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 1px 1px 1px 1px; /*アイコンなどの外側の幅を変える*/
 font-size: 100% !important; /*!important;は最優先に適用してくれる*/
 background: #ffffff; /*文字の所の背景*/
 border: solid 1px #e5e2e2; /*アイコンなどの縁*/
 font-weight: nomal !important; /*!important;は最優先に適用してくれる*/
 width: 10%; /*横のサイズ指定*/
}
/**************************カートに入れるボタン******************************/
.btn-addcart {
 background-color: #83aa6c; /*文字の所の背景*/
 border-radius: 5px; /*角の丸み*/
 color: #fff; /*文字カラー*/
 padding: 15px 50px 15px 50px; /*アイコンなどの内側の幅を変える*/
 margin: 5px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 font-size: 120%; /*フォントサイズ*/
 font-weight: bold; /*フォント太字*/
 border: solid 2px #83aa6c; /*アイコンなどの縁*/
}
/*在庫数が足らない時*/
.stock_error{
 text-align: center; /*文字をセンタリング*/
 color: #ff4504; /*文字カラー*/
}
/*SOLD OUTの時*/
.btn-addcart_sold{
 background-color: #acacac; /*文字の所の背景*/
 border-radius: 5px; /*角の丸み*/
 color: #fff; /*文字カラー*/
 padding: 15px 50px 15px 50px; /*アイコンなどの内側の幅を変える*/
 margin: 5px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 font-size: 120%; /*フォントサイズ*/
 font-weight: bold; /*フォント太字*/
 border: solid 2px #acacac; /*アイコンなどの縁*/
}
/**************************商品説明枠******************************/
/*商品説明の枠*/
.syouhinsetumei_waku{
 margin: 5px 5px 5px 5px; /*アイコンなどの外側の幅を変える*/
 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; /*下に線を引く*/
}

/*商品説明の下にある画像*/
.dtl_asd{
 list-style: none; /*点を消す*/
}
.dtl_asd img{
 margin: 1px 0px 1px 0px; /*アイコンなどの外側の幅を変える*/
}
/**************************商品説明サイズテーブル（グレー）******************************/
.saizuhyou2{
 max-width:1000px;
 color:#000000; /*文字カラー*/
 background: #ffffff; /*文字の所の背景*/
}
.saizuhyou2 tr{
 border: solid 1px #ffffff; /*アイコンなどの縁*/
}
.saizuhyou2 th{
 background: #b4b4b4; /*文字の所の背景*/
 padding: 3px 3px 3px 3px; /*アイコンなどの内側の幅を変える*/
}
.saizuhyou2 td{
 padding: 3px 5px 3px 5px; /*アイコンなどの内側の幅を変える*/
 background: #f3f3f3; /*文字の所の背景*/
}
/**************************商品説明の下の文******************************/
.unstyled{
 padding: 5px 7px 5px 7px; /*アイコンなどの内側の幅を変える*/
 list-style: none; /*点を消す*/
}
/**************************お気に入りボタン******************************/
.hato__fav-items {
 position: relative;/*親要素にrelative*/
 z-index: 5;/*重なり指定*/
}
.hato__fav-items button {
 position: absolute;/*重ねたい子要素にabsolute*/
 top:50%;
 left: 79%;
 display: inline-block;/*ブロック化してpaddingやmarginを適用させる*/
 cursor: pointer;
 transition: .2s;
 color: #c0c0c0; /*文字カラー*/
 border: 0;
 outline: none;
 font-size: 180% !important;/*!important;は最優先に適用してくれる*/
 margin: 7px 10px 0px 5px; /*アイコンなどの外側の幅を変える*/
 background-color: transparent; /*文字の所の背景透明*/
}
/*お気に入りボタン押した時*/
.favorite-button.fav-items{
 color: #FF0461; /*文字カラー*/
}
/**************************パンクズリスト******************************/
/*パンクズリスト*/
.pamkuzu1{
 margin: 0px 10px 0px 10px; /*アイコンなどの外側の幅を変える*/
 padding: 5px 0px 5px 0px; /*アイコンなどの内側の幅を変える*/
}
.pamkuzu1 a{
 margin: 0px 0px 0px 3px; /*アイコンなどの外側の幅を変える*/
 color:#7e756e; /*文字カラー*/
}
.pamkuzu1 ul{
 list-style: none; /*点を消す*/
 display: flex; /*フレックスボックス*/
 flex-wrap: wrap; /*フレックスボックスで折り返し*/
 justify-content: flex-start; /*フレックスボックス左寄せ*/
}
.tpamkuzu1_2{
 padding: 0px 0px 0px 0px; /*アイコンなどの内側の幅を変える*/
 margin: 0px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
}







