@charset "UTF-8";
/* Custom Style Sheet
* 商品詳細
*
*/



/*
* レイアウト
*/
body {
  padding-top: 120px !important;
  box-sizing: border-box;
}
#itemSingle {
  color: #000000;
}
#itemSingle h2.title {
  margin: 0 0 2rem 0;
  padding: 2rem 4rem;
  text-align: center;
  color: #000000;
  font-size: 3rem;
  letter-spacing: 0.2rem;
  border-top: #F1F1F1 2px solid;
  border-bottom: #F1F1F1 2px solid;
}


/*
* 商品画像スライダー
*/
.pictSlider {
  margin: 0 0 40px 0;
  padding: 0;
}
.pictSlider .slick {
  margin: 0;
  padding: 0;
}
.pictSlider .slick li {
  margin: 0;
  padding: 0;
}
.pictSlider .slick li img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
/* サムネイル */
.pictSlider .slick .slick-dots {
  position: static;
  bottom: auto;
  float: none;
  width: calc(100% + 10px);
  margin: 5px -5px;
  padding: 0;
  text-align: left;
  font-size: 0;
}
.pictSlider .slick .slick-dots li {
  position: static;
  display: inline-block;
  width: calc(16.66%);
  height: auto;
  margin: 0;
  padding: 5px;
}
.pictSlider .slick .slick-dots > li > img {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  opacity: 0.6;
}
.pictSlider .slick .slick-dots li.slick-active img { opacity: 1.0; }

/*
* 商品基本情報
*/
#itemPrime {
  display: flex;
  margin: 0 0 40px 0;
  padding: 0;
}
/* 商品スペック */
#itemSpec {
  flex: 1;
  padding: 20px;
  background-color: #F3F3F3;
}
#itemSpec p.itemDescription {
  margin: 0;
  padding: 0 0 20px 0;
}
#itemSpec dl {
  margin: 0;
  padding: 0;
}
#itemSpec dt {
  margin: 0;
  padding: 0;
  border-bottom: #b9ad86 1px solid;
}
#itemSpec dd {
  margin: 0;
  padding: 10px 10px 20px 10px;
  line-height: 180%;
}
/* SKU */
#itemInfo {
  width: 400px;
  padding: 0 0 0 20px;
}
#itemInfo section.sku {
  margin: 0 0 30px 0;
  padding: 0;
}
#itemInfo section.sku p.code {
  margin: 0;
  padding: 2px 5px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 400;
  background-color: #04abcd;
  border-radius: 2px 2px 0 0;
}
#itemInfo section.sku h3.itemName {
  margin: 0 0 10px 0;
  padding: 5px;
  font-size: 16px;
  font-size: 900;
  line-height: 140%;
  border-bottom: #b9ad86 1px solid;
}
#itemInfo section.sku .price {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: flex-end;
  font-size: 20px;
  font-size: 900;
  line-height: 1;
}
#itemInfo section.sku .price small {
  display: inline-block;
  margin: 2px 10px 0 0;
  font-size: 50%;
}
#itemInfo section.sku .price img.yen {
  display: inline-block;
  width: auto;
  height: 20px;
  margin: 0 0 0 2px;
}
/* ボタン */
#itemInfo .buttonWrap {
  display: flex;
  align-items: stretch;
  margin: 0;
  padding: 10px 0;
}
/* 数量 */
#itemInfo .quant {
  width: 100px;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
#itemInfo .quant span {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0;
}
#itemInfo .quant select {
  max-width: 5em;
  height: 100%;
  margin: 0;
  padding: 5px 10px;
  color: #333333;
  border: none;
  border: #C6C6C6 1px solid;
  border-radius: 5px;
}
/* カートボタン */
#itemInfo .intoCart {
  flex: 1;
  margin: 0 0 0 5px;
}
#itemInfo section.sku .buttonWrap .intoCart input[type='submit'] {
  width: 100%;
  margin: 0;
  padding: 10px 0;
  color: #db0404;
  font-size: 16px;
  font-weight: bold;
  background: #F7F7F7;
  border-radius: 5px;
  box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.2);
  cursor: pointer;
}
#itemInfo section.sku .buttonWrap .soldout {
  width: 100%;
  margin: 0;
  padding: 10px 0;
  text-align: center;
  color: #666666;
  font-size: 16px;
  font-weight: bold;
  background: #CCCCCC;
  border: none;
  border-radius: 5px;
}
#itemInfo .guide {
  width: 100%;
  margin: -20px 0 0 0;
  padding: 0;
  text-align: right;
  font-size: 16px;
}

/*
* 投稿本文
*/
.postBody {
  margin: 0 0 4rem 0;
  padding: 0;
}
.postBody .mce-content-body {
  width: 100%;
}










/*
* スマホ用 **********************************************************************
*/


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


  /*
  * レイアウト
  */
  body {
    padding-top: 60px !important;
    box-sizing: border-box;
  }
  #itemSingle {

  }
  #itemSingle .inner {
    padding: 5vw 3vw;
  }
  #itemSingle h2.title {
    margin: 0;
    padding: 4vw 0;
    text-align: center;
    color: #FFFFFF;
    font-size: 5vw;
    letter-spacing: 0.4vw;
    background-color: #C30D23;
  }


  /*
  * 商品画像スライダー
  */
  .pictSlider {
    width: calc(100vw - 40px);
    margin: 5vw 0 5vw 0;
    padding: 0;
  }
  .pictSlider .slick {
    margin: 0;
    padding: 0;
  }
  .pictSlider .slick li {
    margin: 0;
    padding: 0;
  }
  .pictSlider .slick li img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  /* サムネイル */
  .pictSlider .slick .slick-dots {
    position: static;
    bottom: auto;
    float: none;
    width: calc(100% + 1rem);
    margin: 0 -0.5rem;
    padding: 0;
    text-align: left;
    font-size: 0;
  }
  .pictSlider .slick .slick-dots li {
    position: static;
    display: inline-block;
    width: calc(16.66%);
    height: auto;
    margin: 0;
    padding: 0.5rem;
  }
  .pictSlider .slick .slick-dots > li > img {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    opacity: 0.6;
  }
  .pictSlider .slick .slick-dots li.slick-active img { opacity: 1.0; }

  /*
  * 商品基本情報
  */
  #itemPrime {
    display: flex;
    flex-direction: column;
    margin: 0 0 40px 0;
    padding: 0;
  }
  /* 商品スペック */
  #itemSpec {
    flex: 1;
    margin: 0 0 40px 0;
    padding: 20px;
    background-color: #F3F3F3;
  }
  #itemSpec p.itemDescription {
    margin: 0;
    padding: 0 0 20px 0;
  }
  #itemSpec dl {
    margin: 0;
    padding: 0;
  }
  #itemSpec dt {
    margin: 0;
    padding: 0;
    border-bottom: #b9ad86 1px solid;
  }
  #itemSpec dd {
    margin: 0;
    padding: 10px 10px 20px 10px;
    line-height: 180%;
  }
  /* SKU */
  #itemInfo {
    width: 100%;
    padding: 0;
  }
  #itemInfo section.sku {
    margin: 0 0 30px 0;
    padding: 0;
  }
  #itemInfo section.sku p.code {
    margin: 0;
    padding: 2px 5px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    background-color: #00a652;
    border-radius: 2px 2px 0 0;
  }
  #itemInfo section.sku h3.itemName {
    margin: 0 0 10px 0;
    padding: 5px;
    font-size: 16px;
    font-size: 900;
    line-height: 140%;
    border-bottom: #b9ad86 1px solid;
  }
  #itemInfo section.sku .price {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: flex-end;
    font-size: 20px;
    font-size: 900;
    line-height: 1;
  }
  #itemInfo section.sku .price small {
    display: inline-block;
    margin: 2px 10px 0 0;
    font-size: 50%;
  }
  #itemInfo section.sku .price img.yen {
    display: inline-block;
    width: auto;
    height: 20px;
    margin: 0 0 0 2px;
  }
  /* ボタン */
  #itemInfo .buttonWrap {
    display: flex;
    align-items: stretch;
    margin: 0;
    padding: 10px 0;
  }
  /* 数量 */
  #itemInfo .quant {
    width: 100px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
  }
  #itemInfo .quant span {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0;
  }
  #itemInfo .quant select {
    max-width: 5em;
    height: 100%;
    margin: 0;
    padding: 5px 10px;
    color: #333333;
    border: none;
    border: #C6C6C6 1px solid;
    border-radius: 5px;
  }
  /* カートボタン */
  #itemInfo .intoCart {
    flex: 1;
    margin: 0 0 0 5px;
  }
  #itemInfo section.sku .buttonWrap .intoCart input[type='submit'] {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    color: #db0404;
    font-size: 16px;
    font-weight: bold;
    background: #F7F7F7;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.2);
  }
  #itemInfo section.sku .buttonWrap .soldout {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    background: #CCCCCC;
    border: none;
    border-radius: 5px;
  }
  #itemInfo .guide {
    width: 100%;
    margin: -20px 0 0 0;
    padding: 0;
    text-align: right;
    font-size: 16px;
  }

  /*
  * 投稿本文
  */
  .postBody {
    margin: 0 0 4rem 0;
    padding: 0;
  }
  .postBody .mce-content-body {
    width: 100%;
  }













}