/* body ===================================== */
body{
  display: block !important;
  width: 100%;
  min-height: 750px;
  .l-wrapper-none{
      display: flex;
      flex-direction: column;
  }
}
/* main ===================================== */
main{
  min-height: calc(100dvh - 230px);
}
main.l-container{
  padding: 0!important;
  max-width:none;
}
/* アラート */
main .control-alert{
  position: absolute;
  z-index: 1;
  top: 120px;
  left: 50%;
  transform:translate(-50%,0);
  padding: 0;
  margin: 0;
  transition: all .6s ease;
  .text{
      box-shadow: 10px 8px 12px rgba(0, 0, 0, .1);
      padding: 16px 40px;
  }
}
main .control-alert.hide{
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%,24px);
}
@media screen and (max-width: 560px){
  main .control-alert{
      top: 100px;
      width: calc(100% - 24px);
      .text{
          padding: 16px;
      }
  }
}
/* header ===================================== */
.is-active__show .p-burgerMenu__button {
  background: url(../../../../assets/img/icon/close.svg);
}
.p-header__nav{
  padding-right: 8px;
}
.p-header__nav__list:not(.p-header__nav__list--action) a, .p-header__nav__list--action:not(.p-header__nav__list--action) a{
  color: #fff;
}
.p-header__nav__list:not(.p-header__nav__list--action) a:hover, .p-header__nav__list--action:not(.p-header__nav__list--action) a:hover{
  opacity: .7;
  color: #fff;
}
@media screen and (max-width: 1080px){
  .p-header--toHome{
      padding-left: 0 !important;
  }
}
/* メニュー ===================================== */
.p-burgerMenu__cover__title{
  color: #176e3a;
}
.p-burgerMenu__cover__title:before{
  background: #176e3a;
}
.c-button--cart:before{
  background: url(../../../../assets/img/icon/cart.svg);
  background-size: 20px 20px !important;
}
/* ぱんくず ===================================== */
.p-bread__list>li+li:before{
  background: url(../../../../assets/img/icon/arrow.svg);
  background-size: contain !important;
}
/* footer ===================================== */
.p-footer__info__list>li a:hover {
  color: #fff !important;
  text-decoration: underline;
}
/* 商品一覧 ===================================== */
@media screen and (max-width:480px){
.p-racbaki__item{
  .info{
      .p-correctionLevel{
          align-items: center;
          gap: 5px;
          .star{
              width: 86px;
              height: 16px;
          }
      }
  }
}
.p-new_product{
.p-racbaki__item{
  .info{
      .p-correctionLevel{
          flex-direction: column;
          align-items: flex-start;
          gap: 3px;
          .star{
              width: 86px;
              height: 16px;
          }
      }
  }
}
}
}
.p-recommend_product{
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 220px;
}
@media screen and (max-width: 768px) {
  .p-recommend_product{
      padding-bottom: 120px;
  }
}
/* お知らせ ===================================== */
.c-news_item{
border: none;
border-bottom: solid 1px #c9d4cb !important;
.c-news_item__inner{
    padding: 30px 40px;
    min-height: 60px;
    align-items: center;
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 60px;
    position: relative;
    .c-news_item__inner__date{
        font-size: 14px !important;
        letter-spacing: .06em;
        color: #318b3e !important;
        font-weight: 600;
    }
    .c-news_item__inner__title{
        font-size: 16px !important;
        color: #333 !important;
        font-weight: 500;
        padding-left: 20px;
    }
}
}
@media screen and (max-width: 719px){
.c-article_nav__inner{
  gap: 20px 0;
  padding: 32px 0 0;
  .c-button--line{
      order:2;
      margin: 0 10px;
      min-width: 140px !important;
  }
  .c-article_nav__inner__prev.is-inactive, .c-article_nav__inner__next.is-inactive{
      position: absolute;
  }
}
}
@media screen and (max-width:480px){
  .c-news_item{
    .c-news_item__inner{
      grid-template-columns: 1fr;
      padding: 30px 0;
      gap: 10px;
      .c-news_item__inner__date{
        font-size: 12px !important;
        letter-spacing: .06em;
        color: #318b3e !important;
      }
      .c-news_item__inner__title{
        font-size: 14px !important;
        padding-left: 0;
      }
      .arrow_wrap {
        position: absolute;
        right: 10px;
      }
    }
  }
}
.p-news__inner{
  max-width:1000px;
}
@media screen and (max-width:719px){
  .p-news{
      padding-right: 40px;
      padding-left: 40px;
      margin-bottom: 40px;
  }
}
@media screen and (max-width:480px){
  .p-news{
      padding-right: 16px;
      padding-left: 16px;
  }
}
/* トップページ ===================================== */
.p-page--home{
  /* FV */
  .p-racbakiHome__fvImage{
      background: #016f3a;
      img{
          max-height: 520px;
          width: auto;
          display: block;
          margin: auto;
      }
  }
  /* About Banner */
  .p-racbakiHome__mainBanner{
      margin: 56px 0 80px;
      .l-container{
        max-width: 800px;
      }
      a{
          display: block;
          background: #eee;
          box-shadow: 0 8px 14px rgba(0, 0, 0, .06);
          border-radius: 8px;
      }
      a:hover{
          opacity:.7;
      }
  }
  /* インフォメーション */
  .p-news{
      /* background: #e4ebe7; */
      .p-news__inner{
          max-width: 1200px;
          .p-news__inner__list {
              display: flex;
              align-items: center;
              gap: 120px;
              }
          .c-news_item{
              border: none !important;
              .c-news_item__inner{
                  padding: 30px 40px;
                  min-height: 60px;
                  align-items: center;
                  position: relative;
                  border-bottom: solid 1px #eee;
                  .c-news_item__inner__date{
                      letter-spacing: .06em;
                      color: #318b3e !important;
                      font-weight: 600;
                  }
                  .c-news_item__inner__title{
                      color: #333 !important;
                      font-weight: 500;
                  }
              }
              .c-news_item__inner:before {
              }
          }
          .c-news_item:first-of-type{
              .c-news_item__inner{
                  border-top: solid 1px #eee;
              }
          }
      }
  }
  .p-new_product{
      padding: 0;
  }
  .p-new_product__title{
      display:none;
  }
  /* サブバナー */
  .p-racbakiHome__banner{
      margin: 80px 0;
      grid-template-columns: repeat(2, minmax(auto, 488px));
  }
}
.l-container--information {
  max-width: 1080px !important;
}
/* 人気商品 ===================================== */
.p-racbakiHome__products--recommended {
  margin: 0 0 80px;
  .p-racbaki__productsList{
      grid-template-columns: repeat(3, 1fr);
      .p-racbaki__item{
          gap: 0;
          border: solid 1px #eee;
          height: 100%;
          display: grid;
          grid-template-rows: auto 1fr;
          .p-racbaki__itemImage{
              background: #f5f5f5;
              img{
                  max-width: 90%;
                  display: block;
                  margin: auto;
              }
          }
          .info{
          padding: 24px 32px 32px;
          .name{
                  font-size:20px;
                  font-weight:600;
          }
          .description{
              margin: 20px 0 0 !important;
              font-size: 13px;
              line-height: 1.8em;
          }
          }
      }
  }
}
@media screen and (max-width:1080px){
.p-page--home{
  .p-racbakiHome__mainBanner{
    margin: 32px 0;
  }
}
.p-racbakiHome__products--recommended {
    .p-racbaki__productsList{
      .p-racbaki__item{
        .info{
          padding: 16px;
        }
      }
    }
  }
}
@media screen and (max-width:768px){
.p-page--home{
  .p-racbakiHome__mainBanner{
  }
  .p-racbakiHome__banner {
      margin: 48px 0;
      grid-template-columns: 1fr;
      gap: 16px;
  }
}
.p-racbakiHome__products--recommended {
    .p-racbaki__productsList{
      grid-template-columns: repeat(1, 1fr);
      .p-racbaki__item{
         .p-racbaki__itemImage{
             img{
                 max-width: 340px;
                 margin: -24px auto;
             }
          }
        .info{
          padding: 16px 24px 24px;
        }
      }
    }
  }
}
@media screen and (max-width:560px){
.p-racbakiHome{
    padding: 0 0 56px;
}
.p-page--home {
  .p-racbakiHome__fvImage{
      img{
          width: 100%;
          object-fit: contain;
      }
  }
  
}
.p-racbakiHome__products--recommended {
      margin: 0 0 40px;
    .p-racbaki__productsList{
      grid-template-columns: repeat(1, 1fr);
      .p-racbaki__item{
          .p-racbaki__itemImage{
             img{
                 max-width: 300px;
             }
          }
        .info{
          padding: 16px;
          .p-correctionLevel{
               flex-direction: row !important;
              align-items: center !important;
          }
        }
      }
    }
  }
}
@media screen and (max-width:480px){
.p-racbakiHome{
    padding: 0 0 56px;
}
}
/* 商品詳細 ===================================== */
.p-racbakiDetail__imageGrid.multiple{
  grid-template-columns: repeat(2, 1fr);
}
.p-product_content__inner__img{
  width: 100%;
}
.c-product_img__slider--thumbnail:not(:has(#splide01-slide02)){
  display:none;
}
.splide__slide img{
  background: #f5f5f5;
}
.c-product_img__slider--thumbnail .c-product_img__item.is-active img{
  border: solid 1.5px #458138;
}
.c-product_info__form__variant > div > div > select{
  color: #444;
  padding-top: 2px;
}
.c-order_quantity *{
  color: #444 !important;
}
.imageWrap{
  margin: 48px 0 0;
}
.p-racbakiDetail__main > .imageWrap{
  display:none;
}
.modal-scrollable .modal .modal-body form a{
  background: #318b3e !important;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .04em;
  border-radius: 4px;
}
.c-button--soldout {
  height: 56px;
  background: #eee;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #999;
}
.c-product_info__form__variant > div > label{
  color: #444;
  min-width: 70px;
}
/* 価格 */
.p-racbakiDetail__info .info .price--subsc{
  flex-direction: column;
  .data{
      display: flex;
      align-items: baseline;
      gap: 8px;
  }
  .firstTime{
      .number{
          color: #fe4646;
      }
  }
  .default{
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 2px 0 0;
      padding: 10px 0 0;
     border-top: solid 1px #eee;
     .number{
         font-size: 16px;
         font-weight: 500;
         .unit--yen{
              font-size: 16px;
          }
     }
     .c-text__note{
          font-size: 12px;
      }
  }
}
.p-racbakiDetail__info{
  transition: all .2s ease;
  position:relative;
}
.p-racbakiDetail__info--fixed{
  position: fixed;
  top: 120px;
  width: 100%;
  max-width: 410px;
  transform: translate(0, 40px);
  opacity: 0;
  pointer-events: none;
  .info {
      .name{
          font-size: 20px;
      }
      .price{
          margin: 16px 0 0;
      }
      .c-input--selectColor{
          margin:24px 0 -6px;
          .title{
              font-size: 13px;
              margin: 0 0 4px;
          }
      }
  }
  .size{
      margin: 24px 0 0;
      .c-product_info__form__quantity{
          margin-top: 12px;
      }
  }
  .p-buttonWrap{
      margin: 20px 0 0;
  }
  .c-product_info__favorite{
      margin-top: 16px;
  }
}
.p-racbakiDetail__info--fixed.is-active{
  transform: translate(0, 0);
  opacity: 1;
  pointer-events: all;
}
.p-racbakiDetail__info--fixed.is-active.is-end{
  position: absolute;
  top: auto;
  bottom: 32px;
  left: 0;
}

@media screen and (max-width:768px){
.p-racbakiDetail__main{
  .imageWrap{
      display:block;
      margin: 0;
  }
}
.p-racbakiDetail__visual .imageWrap{
    display:none !important;
}
}
@media screen and (max-width:560px){
  .p-racbakiDetail__main{
      gap: 24px 56px;
      margin: 0 20px 20px;
  }
  .p-racbakiDetail__info .info .p-correctionLevel{
      margin: 0;
  }
}
@media screen and (max-width:480px){
  .c-product_img__slider--thumbnail{
      margin-top: 4px;
  }
}
/* フォーム ===================================== */
.formError{
  height: auto !important;
  border: none;
  font-size: 12px !important;
  background: #ff3c3c;
  width: auto !important;
  color: #fff;
  font-weight: 600;
  z-index: 1;
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 8px !important;
  white-space: nowrap;
  border-radius: 4px !important;
}
.p-account_form__inner__bottom__btn.u-text--btn{
  font-size: 14px !important;
  font-weight: 500;
}
@media screen and (max-width: 719px){
  .c-form_table > tbody > tr > td #view-input-card-number input{
      width:100% !important;
  }
}

/* マイページ ===================================== */
.p-account__inner__content__title,
.p-favorite__header{
  margin-top: 0;
}
/* 固定ページ ===================================== */
.p-pageImages{
  max-width: 1980px;
  margin: 0 auto;
  .item{
      display: flex;
      justify-content: center;
      max-width: 100vw;
      overflow: hidden;
  }
}
.p-racbaki__productsBox__foot{
  display: flex;
  justify-content: center;
  margin: 40px 0 0;
  .c-button{
      text-decoration: none;
  }
}
/* 重曹美人LP =====================================*/
.p-onlineJusobijin img {
  width: revert-layer;
}
/* 打ち消し =====================================*/
body{
.u-text--input,
.u-text--body,
.u-color--body,
.c-order_quantity *,
.u-color--input{
  color: #444 !important;
  a[href]{
      color:  !important;
      text-decoration: underline;
  }
}
.u-text--link,
.u-color__btn,
.u-text--btn--reverse,
.u-text--btn--overlay--reverse{
    color:#318b3e !important;
}
.u-color__border--input{
    border-color:#ddd;
}
.c-cart_item__img__inner{
      padding-top: 100%;
      background-color: #f5f5f5;
}
/* 固定ページ */
.p-page_content{
    padding-right: 0px;
    padding-left: 0px;
}
.p-page_content__inner{
    max-width:none;
}
}
.p-page_content__inner p {
  margin-top: 0 !important;
}
.p-company__body{
  margin: 0 !important;
}
:root {
--color-text-head: #222 !important;
--color-text-body: #444 !important;
--color-text-overlay: #FFFFFF;
--color-text-link: #318b3e !important;
--color-btn-bg: #318b3e !important;
--color-btn-text: #FFFFFF;
--color-input-text: #9A9A9A;
--color-input-border: #BDC1C2;
--color-page-bg: #FFFFFF;
--color-page-border: #D8DDDF;
--color-page-accent: #318b3e !important;

--font-size-text-head: 24px;
--font-size-text-subhead: 17px;
--font-size-text-body: 13px;
--font-size-text-link: 13px;
}
/* 固定ページタイトル =====================================*/
.p-heading--center .p-heading__title--vertical {
font-size: 48px;
}
@media screen and (max-width:480px){
  .p-heading--center .p-heading__title--vertical {
      font-size: 32px;
  }
}
/* 会社概要 =====================================*/
.p-company__list {
counter-reset: number 0;
}
.p-company__list > li + li {
margin: 16px 0 0;
padding: 16px 0 0;
border-top: solid 1px #eee;
}
.p-company__list__item .c-iframe{
min-height: 360px;
}
@media screen and (max-width:480px){
  .p-company__list__item .description{
      font-size: 13px;
      line-height: 1.5em;
  }
}
/* プライバシー =====================================*/
.p-company--privacy{
  .p-company__list__item{
      .description{
          line-height: 2em;
          strong{
              margin: 0 0 10px;
          }
      }
  }
}
/* ご利用ガイド ダウンロードボタン =====================================*/
.p-button--download .c-button--line{
padding-right: 16px !important;
}