@charset "UTF-8";

/* sb_userからの追加分 */
/* 40行 */
img {
  max-width: inherit;
  vertical-align: bottom;
}

/* 5995行 */
.itemList {
  margin: 3px 0 0;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

/* 6003行 */
.itemList li {
  border-bottom: 1px solid #DDDDDD;
  background: #fff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.01);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.01);
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.01);
  -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.01);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.01);
  margin: 0 0 3px;
}

/* 6111行 */
.itemList li,
.itemList li .trigInner {
  overflow: hidden;
}

/* 8411行 */
.sentence.addImgL .addImg {
  text-align: left;
  float: left;
}

/* 8416行 */
.sentence.addImgR .addImg {
  float: right;
  text-align: right;
}

/* 8430行 */
.sentence .addImg {
  display: block;
  width: 130px;
}

/* 11475行 */
.com_txt_bold {
  font-weight: bold !important;
}

/* 14580行 */
.itemDetailBox .sentence .addImg {
  width: 110px;
}

/* 14653行 */
.itemDetailBox .sentence.addImgR .addImg {
  text-align: right;
  float: right;
}

/* 14658行 */
.itemDetailBox .sentence.addImgL .addImg {
  text-align: left;
  float: left;
}

/* 14664行 */
.itemDetailBox .sentence.addImgR.rspace .addImg {
  margin-right: -10px;
}

/* 14668行 */
.itemDetailBox .sentence.addImgL.lspace .addImg {
  margin-left: -10px;
}

/* 14689行 */
.itemDetailBox .subSentenceBox,
.itemDetailBox .subContentBox {
  margin: 0 25px;
  padding: 10px 0 0;
  overflow: hidden;
  line-height: 1.6;
}

/* 14718行 */
.itemDetailBox .subSentenceBox .subHead {
  margin: 20px 0;
}

/* 14722行 */
.itemDetailBox .subSentenceBox .subHead.keyIngr {
  background: #f2f2f2;
  padding: 5px 7px;
}

/* 14736行 */
.itemDetailBox .subSentenceBox .addImgR {
  float: right;
  text-align: right;
}

/* 14753行 */
.itemDetailBox .subSentenceBox .head,
.itemDetailBox .subContentBox .head,
.accordCont .head,
.innerCnt .head,
.innerCnt02 .head,
.stepCare .head {
  font-weight: bold;
  margin: 0 0 3px;
}

/* 14764行 */
.itemDetailBox .subSentenceBox .exp,
.itemDetailBox .subSentenceBox .expTxt,
.itemDetailBox .subContentBox .exp,
.accordCont .exp,
.innerCnt .exp,
.innerCnt02 .exp,
.stepCare .exp {
  margin: 0 0 12px;
  text-align: justify;
  word-break: break-word;
}

/* 14775行 */
.accordCont .exp,
.howtoBox .explast {
  overflow: hidden;
  display: block;
  text-align: justify;
  word-break: break-word;
}

/* 14913行 */
.ingredientsBox,
.howtoBox {
  padding: 20px 10px;
}

/* 15390行 */
.aHeadBox .sentence {
  padding: 0;
  margin-top: 15px;
}

/* 16116行 */
.itemDetailBox .itemDatasBox>.head {
  margin: 0 -10px;
  padding: 0 10px 0;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -1px;
}

/* 16120行 */
.itemDetailBox .itemDatasBox .itemDatas .title {
  margin-bottom: 5px;
  font-weight: bold;
}

/* 16124行 */
.itemDetailBox .itemDatasBox .itemDatas .accordCont+.title {
  margin-top: 40px;
}

/* 16187行 */
.titleItemDetail {
  position: relative;
  padding: 15px 45px;
  font-weight: bold;
}

/* 16192行 */
.titleItemDetail:before,
.titleItemDetail:after {
  content: "";
  display: block;
  position: absolute;
  background: #333;
}

/* 16198行 */
.titleItemDetail:before {
  width: 18px;
  height: 1px;
  top: 50%;
  right: 18px;
  margin-top: -2px;
}

/* 16205行 */
.titleItemDetail:after {
  width: 1px;
  height: 18px;
  top: 14px;
  right: 26px;
}

/* 16211行 */
.titleItemDetail.open:after {
  display: none;
}

/* 16214行 */
.titleItemDetail+.ingredientsBox,
.titleItemDetail+.howtoBox {
  display: none;
  padding-top: 10px;
}

/* 16223行 */
.titleItemDetail+.ingredientsBox .sentence,
.titleItemDetail+.howtoBox .sentence {
  padding: 0;
}

/* 16260行 */
.titleSelectDetail {
  padding: 15px 10px;
  font-weight: bold;
  background: #fff;
}

/* 16297行 */
/* 16818行 */
.itemDatasBox .subSentenceBox,
.itemDatasBox .subContentBox {
  margin: 0;
}

/* 18785行 */
.ac_color .color li {
  border-bottom: none !important;
  margin: 0 0 6px !important;
}

/* 18789行 */
.ac_color .colorDetail {
  margin-top: 4px !important;
}




/* sb_goods.cssの中身 */
/* 使用 */
.page-goods .sentence {
  overflow: hidden;
  padding: 0;
  line-height: 1.6;
  text-align: justify;
  word-break: break-word;
}

/* 使用 */
.page-goods .ingredientsBox,
.page-goods .constituentBox {
  padding: 0 10px;
}

/* 使用 */
.page-goods .ingredientsBox .goods-detail-description dt,
.page-goods .constituentBox .goods-detail-description dt {
  display: block;
  width: 100%;
  padding: 0 15px 3px;
  font-weight: bold;
  border-bottom: 1px solid #b1b1b1;
}

/* 使用 */
.page-goods .ingredientsBox .goods-detail-description dt:before,
.page-goods .constituentBox .goods-detail-description dt:before {
  content: none;
}

/* 使用 */
.page-goods .ingredientsBox .goods-detail-description dd,
.page-goods .constituentBox .goods-detail-description dd {
  display: block;
  width: 100%;
  padding: 5px 15px 21px;
}

/* 使用 */
.page-goods .ingredientsBox .goods-detail-description:nth-child(1) dt,
.page-goods .constituentBox .goods-detail-description:nth-child(1) dt {
  display: none;
}

/* 使用 */
.page-goods .ingredientsBox .goods-detail-description:nth-child(1) dd,
.page-goods .constituentBox .goods-detail-description:nth-child(1) dd {
  margin: 0 0 10px;
  padding: 10px 15px;
  font-weight: bold;
  background: #f2f2f2;
}

/* 使用 */
.page-goods .ingredientsBox .block-goods-comment2:before,
.page-goods .ingredientsBox .block-goods-comment3:before,
.page-goods .constituentBox .block-goods-comment2:before,
.page-goods .constituentBox .block-goods-comment3:before {
  display: block;
  width: 100%;
  padding: 0 15px 3px;
  font-weight: bold;
  border-bottom: 1px solid #b1b1b1;
}
/* 使用 */
.page-goods .ingredientsBox .block-goods-comment2 dd,
.page-goods .ingredientsBox .block-goods-comment3 dd,
.page-goods .constituentBox .block-goods-comment2 dd,
.page-goods .constituentBox .block-goods-comment3 dd {
  padding: 5px 15px 21px;
}
/* 使用 */
.page-goods .ingredientsBox .block-goods-comment2:before,
.page-goods .constituentBox .block-goods-comment2:before {
  content: "全成分";
}

/*
=======================================*/
/* 使用 */
.itemDetailBox {
  margin: 0 0 16px;
  border-bottom: 1px solid #DDDDDD;
  background: #fff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.01);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.01);
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.01);
  -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.01);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.01);
}

/* 使用 */
.itemDetailBox .dataHeadBox {
  padding: 10px 10px 13px;
}

/* 使用 */
.itemDetailBox .dataHeadBox .exp {
  line-height: 1.6;
  text-align: justify;
  word-break: break-word;
}

/* 子商品
=========================*/
/* 使用 */
.itemDetailBox .itemDatasBox>.head,
.itemDetailBox .itemDatasBox .itemDatas {
  margin-top: 15px;
}

/* 使用 */
.itemDetailBox .itemDatasBox .itemDatas .title {
  margin: 0 0 12px;
}

/* 使用 */
.itemDetailBox .itemDatasBox .addImgR img {
  width: 90px;
  height: auto;
  margin: 5px 10px 0 0;
}

/*全成分のアイコン*/
/* 使用 */
.data_use .titleItemDetail,
.data_constituent .titleItemDetail,
.data_wash .titleItemDetail {
  background: none;
}

/* 追加分 */
h3 {
  font-size: 13px;
}

.titleItemDetail {
  padding: 15px 45px 15px 20px;
}

.page-goods .data_constituent .block-goods-comment2 {
  margin: 0;
}

.page-goods .block-add-cart {
  padding: 0 0 10px;
}

.page-goods .block-goods-comment3,
.page-goods .block-goods-comment4 {
  font: 13px/1.5 'Roboto', 'Raleway', 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "メイリオ", sans-serif;
  color: #666;
  letter-spacing: 0;
}

.page-goods .block-goods-comment3 {
  margin: 0;
  padding-top: 16px;
  border-top: 1px solid #DDDDDD;
}

.page-goods:has(.block-goods-comment1) .block-goods-comment3 {
  margin-top: 10px;
}

.page-goods:has(.block-goods-comment4) .block-goods-comment3 {
  border: none;
}

.page-goods .block-goods-comment4 {
  order: 800;
  border-top: 1px solid #DDDDDD;
  margin: 0;
  text-align: center;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.01);
  background: #f4f4f4;
}

.page-goods .block-goods-comment4 dd {
  padding: 10px 10px 10px;
  background: #fff;
  margin-bottom: 10px;
  border-bottom: 1px solid #DDDDDD;
}

.colorName {
  padding-left: 3px;
}

.block-goods-detail .goods-detail-description {
  width: 100%;
}