@charset "UTF-8";
.bg-white {
  background: #fff;
}

.text-center {
  text-align: center;
}

.position-relative {
  position: relative;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}

.fzp-11px {
  font-size: 11px !important;
}

.fzp-12px {
  font-size: 12px !important;
}

.fzp-17px {
  font-size: 17px !important;
}

.fzp-18px {
  font-size: 18px !important;
}

.fzp-20px {
  font-size: 20px !important;
}

.fzp-21px {
  font-size: 21px !important;
}

.fzp-24px {
  font-size: 24px !important;
}

.fzp-25px {
  font-size: 25px !important;
}

.fzp-27px {
  font-size: 27px !important;
}

.fzp-30px {
  font-size: 30px !important;
}

.fzp-35px {
  font-size: 35px !important;
}

.mb-30px {
  margin-bottom: 30px !important;
}

.mt-0px {
  margin-top: 0px !important;
}

.mt-10px {
  margin-top: 10px !important;
}

.mt-15px {
  margin-top: 15px !important;
}

.mt-20px {
  margin-top: 20px !important;
}

.mt-30px {
  margin-top: 30px !important;
}

.mt-40px {
  margin-top: 40px !important;
}

.mt-50px {
  margin-top: 50px !important;
}

.mt-75px {
  margin-top: 75px !important;
}

.mt-n30px {
  margin-top: -30px !important;
}

.mx-n5p {
  margin-inline: -5% !important;
}

.mx-n11p {
  margin-inline: -11% !important;
}

.mx-0px {
  margin-inline: 0px !important;
}

.mx-n30px {
  margin-inline: -30px !important;
}

.px-0px {
  padding-inline: 0 !important;
}

.px-10px {
  padding-inline: 10px !important;
}

.px-30px {
  padding-inline: 30px !important;
}

.px-2p {
  padding-inline: 2% !important;
}

.px-4p {
  padding-inline: 4% !important;
}

.px-9p {
  padding-inline: 9% !important;
}

.top-n30px {
  top: -30px !important;
}

.right-n15px {
  right: -15px !important;
}

.w-50p {
  width: 50% !important;
}

.w-70p {
  width: 70% !important;
}

@media screen and (min-width: 768px) {
  .fzp-md-11px {
    font-size: 11px !important;
  }
  .fzp-md-12px {
    font-size: 12px !important;
  }
  .fzp-md-17px {
    font-size: 17px !important;
  }
  .fzp-md-18px {
    font-size: 18px !important;
  }
  .fzp-md-20px {
    font-size: 20px !important;
  }
  .fzp-md-21px {
    font-size: 21px !important;
  }
  .fzp-md-24px {
    font-size: 24px !important;
  }
  .fzp-md-25px {
    font-size: 25px !important;
  }
  .fzp-md-27px {
    font-size: 27px !important;
  }
  .fzp-md-30px {
    font-size: 30px !important;
  }
  .fzp-md-35px {
    font-size: 35px !important;
  }
  .mb-md-30px {
    margin-bottom: 30px !important;
  }
  .mt-md-0px {
    margin-top: 0px !important;
  }
  .mt-md-10px {
    margin-top: 10px !important;
  }
  .mt-md-15px {
    margin-top: 15px !important;
  }
  .mt-md-20px {
    margin-top: 20px !important;
  }
  .mt-md-30px {
    margin-top: 30px !important;
  }
  .mt-md-40px {
    margin-top: 40px !important;
  }
  .mt-md-50px {
    margin-top: 50px !important;
  }
  .mt-md-n30px {
    margin-top: -30px !important;
  }
  .mx-md-n5p {
    margin-inline: -5% !important;
  }
  .mx-md-n11p {
    margin-inline: -11% !important;
  }
  .mx-md-0px {
    margin-inline: 0px !important;
  }
  .mx-md-n30px {
    margin-inline: -30px !important;
  }
  .px-md-0px {
    padding-inline: 0 !important;
  }
  .px-md-10px {
    padding-inline: 10px !important;
  }
  .px-md-30px {
    padding-inline: 30px !important;
  }
  .px-md-2p {
    padding-inline: 2% !important;
  }
  .px-md-4p {
    padding-inline: 4% !important;
  }
  .px-md-9p {
    padding-inline: 9% !important;
  }
  .top-md-n30px {
    top: -30px !important;
  }
  .right-md-n15px {
    right: -15px !important;
  }
  .w-md-300px {
    width: 300px !important;
  }
}
.ff-mincho, .product_pageContents #point .newtitleWrap p {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif !important;
}

.product_pageContents #point .newtitleWrap {
  width: 100%;
  aspect-ratio: 373/187;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/oil_subttl_bg.png);
}

.product_pageContents #point .newtitleWrap p {
  text-align: center;
}

.product_pageContents #point .newtitleWrap .subttl {
  font-size: 26px;
  color: #846B52;
  padding-top: 10%;
}
@media screen and (max-width: 767px) {
  .product_pageContents #point .newtitleWrap .subttl {
    font-size: 18px;
  }
}

.product_pageContents #point .newtitleWrap .ttl {
  font-size: 40px;
  line-height: 1.5;
  color: #2A1A0D;
}
@media screen and (max-width: 767px) {
  .product_pageContents #point .newtitleWrap .ttl {
    font-size: 24px;
  }
}

/*既存要素の調整*/
@media screen and (min-width: 768px) {
  .product_pageContents sup {
    top: -10px;
  }
}

.product_pageContents .productSection {
  margin-top: 0;
}

.product_pageContents #point .pointListWrap {
  margin-top: 0;
  padding-top: 25px;
}

.product_pageContents #point .pointListWrap.bg-cream::before {
  height: 2600px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbf8f5), color-stop(80%, #fff), to(#fff));
  background: linear-gradient(180deg, #fbf8f5 0%, #fff 80%, #fff 100%);
}

.product_pageContents .recommend-sec {
  position: relative;
}
@media screen and (min-width: 768px) {
  .product_pageContents .recommend-sec {
    margin-inline: -11%;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .product_pageContents .recommend-sec {
    margin-inline: -5%;
    padding-top: 85px;
  }
}
@media screen and (min-width: 768px) {
  .product_pageContents .recommend-sec .numWrap {
    top: -150px !important;
    left: -15.5% !important;
  }
}
@media screen and (max-width: 767px) {
  .product_pageContents .recommend-sec .numWrap {
    top: -110px !important;
    left: -20% !important;
  }
}

.product_pageContents .recommend_content_txt {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .product_pageContents .recommend_content_txt {
    padding-inline: 30px;
  }
}
@media screen and (max-width: 767px) {
  .product_pageContents .recommend_content_txt {
    margin-inline: 15px;
  }
}

.product_pageContents .recommend_content_txt + .recommend_content_txt {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .product_pageContents .recommend_content_txt + .recommend_content_txt {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .product_pageContents #point .pointListWrap .productSectionInner {
    padding: 0 4%;
  }
}

@media screen and (max-width: 767px) {
  .product_pageContents #point .pointListWrap .pointList .point .numWrap {
    left: -27%;
  }
}

@media screen and (max-width: 767px) {
  .product_pageContents #point .pointListWrap .productSectionInner > .titleWrap .title {
    width: 92%;
  }
}

@media screen and (max-width: 767px) {
  .product_pageContents #point > .productSectionInner > .sectionTitleWrap .enTitle {
    width: 24.5333333333vw;
    top: -30px;
  }
}

@media screen and (max-width: 767px) {
  .product_pageContents .productSection .productSectionInner > .sectionTitleWrap::before {
    top: -30px;
    height: 13.3333333333vw;
  }
}

@media screen and (max-width: 767px) {
  .product_pageContents .sectionTitleWrap .minText {
    font-size: 18px !important;
    line-height: 1.38;
  }
}

@media screen and (max-width: 767px) {
  .product_pageContents #point > .productSectionInner > .sectionTitleWrap .sectionTitle {
    font-size: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .product_pageContents #point > .productSectionInner > .sectionTitleWrap .sectionTitle span {
    font-size: 20px !important;
  }
}