/** Shopify CDN: Minification failed

Line 953:12 Unexpected "/"

**/
/***************************
common
****************************/
/* headerのアカウントアイコン表示 */
@media screen and (max-width: 699px){
  .sm-max\:hidden {
    display: block;
  }
}

/***************************
会社概要ページ
****************************/
/* 表の枠線表示 */

.custom-table{
  border:1px solid #e6e3e2;
}

.custom-table td{
  padding:1rem .75rem;
}

@media screen and (max-width: 699px){
  .custom-table td{
  width:30%!important;
}
}

/***************************
 newsletter-popup
****************************/

/* newsletter-popupの画像サイズ*/

.newsletter-popup{
  padding:0;
}

.image-link{
    width: 100%;
    margin: 0 auto;
}

.image-wrapper{
    width:100%;
    margin: 0 auto;
}

.pop-in__close-button {
    inset-block-start: 0.2rem;
    inset-inline-end: 0.2rem;
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
    padding: 2px;
}

@media screen and (min-width: 700px){
.newsletter-popup {
  max-width: min(calc(100% - (0px * 2)), 390px);
  width: auto;
}
  .pop-in {
  inset-block-end: 1rem;
  inset-inline: 1rem;
  inset-inline-start: auto;
  }
}

@media screen and (max-width: 699px){
.newsletter-popup {
    inset-inline: 0rem;
    inset-block-end: 0rem;
    width: 100%;
}

}


/* キャプションと見出しの距離 */

@media screen and (min-width: 1000px){
  .prose:not(.prose--tight) :where(:not(meta,span)+*) {
    margin-block-start: 0.6rem;
    /* margin-top: 30px; */
}
}

@media screen and (max-width: 999px){
 .prose :where(:not(meta,span)+*) {
    margin-block-start: 0.5rem;
    /* margin-top: 25px; */
}
}

/* 見出しとの距離 */
.section-stack {
    gap: 0px;
}

/***************************
slideshow.liquid
****************************/
.slideshow__slide-content .prose .h6{
  font-size: 20px;
}

@media screen and (max-width: 699px){
  .slideshow__slide-content .prose .h6{
  font-size: 14px;
}
   .slideshow__slide-content .prose .h1{
  font-size: 18px;
}
}



/***************************
Images with text scroll.liquid
****************************/
@media screen and (max-width: 699px){
  .shopify-section--images-with-text-scroll .images-with-text-scroll__text{
    margin-left: 8px;
    margin-right: 8px;
  }

  .shopify-section--images-with-text-scroll .images-with-text-scroll__text .block-content{
    text-align:left;
  }
}


/***************************
Images with text.liquid
****************************/
@media screen and (max-width: 699px){
  .shopify-section--image-with-text .richtext-content-wrapper{
    text-align:left;
  }
  }

/***************************
featured-collections
****************************/

/* .shopify-section--featured-collections .v-stack{
  margin-bottom:20px;
} */

.shopify-section--featured-collections .v-stack .h2 {
  margin-bottom:40px;
}

@media screen and (min-width: 700px){
.shopify-section--featured-collections .sm\:gap-5 {
    gap: 0.6rem;
}
}

@media screen and (max-width: 699px){
.shopify-section--featured-collections .gap-4 {
    gap: 0.5rem;
}
  .shopify-section--featured-collections .v-stack .h2 {
  margin-bottom:20px;
 }
}

/***************************
testimonials
****************************/
.shopify-section--testimonials .section-stack .testimonial-list .text-center .prose p{
  text-align:left!important;
}



/***************************
multi-column.liquid
****************************/

.shopify-section--multi-column .section-spacing{
  margin-top:0;
  margin-bottom:0;
  padding-top:90px;
  padding-bottom:90px;
}

@media screen and (max-width: 699px){
  .shopify-section--multi-column .block-heading{
    text-align:center;
  }
  .shopify-section--multi-column .section-spacing{
  padding-top:50px;
  padding-bottom:50px;
}
}



/***************************
3-contact.liquid
****************************/

.three-contact .section-spacing{
  margin-top:0;
  margin-bottom:0;
  padding-top:40px;
  padding-bottom:0;
  background:#fff;
}

.three-contact .multi-column__item{
  border: 1px #bcbcbc solid;
  border-radius: 20px;
  border: 1px #bcbcbc solid;
  border-radius: 20px;
  padding: 60px 0px;
}

.three-contact .h3{
  margin-bottom: 30px;
}

.three-contact .custom-link{
  text-decoration:none;
  background:none!important;
}

.three-contact .overflow-hidden img{
  width:70px;
  height:auto;
}

.three-contact .link-wrapper{
  margin-top:20px;
}

@media screen and (max-width: 699px){
  .three-contact .multi-column{
    grid-template-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .three-contact .multi-column__item{
  padding: 30px 0px;
  }
}

/***************************
custom-rich-text.liquid
****************************/
.custom-rich-text .section-spacing{
  background: #fff;
  margin-top: 0;
  margin-bottom: 0;
  padding-top:100px;
  padding-bottom:140px;
}


.custom-rich-text .prose{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  margin: 0 auto;
}

.custom-rich-text .h1{
  line-height: 2.25;
  letter-spacing: 0.23em;
}

.custom-rich-text .rich-text-content{
  margin-block-start: 40px;
}

.custom-rich-text .rich-text-content p{
  line-height: 2.85;
  letter-spacing: 0.16em;
}

@media screen and (max-width: 699px){
.custom-rich-text .section-spacing{
  padding-top:50px;
  padding-bottom:50px;
}    
}


/***************************
custom-rich-text-box.liquid
****************************/
.custom-rich-text-box ul{
  list-style: none;
  }

.custom-rich-text-box li{
    position: relative;
    padding-left: 15px;
  }
 
.custom-rich-text-box li:before {
    content: "";
    position: absolute;
    top: 1.0em;
    left: -.5em;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 7px;
    height: 14px;
    border-right: 3px solid #B3955E;
    border-bottom: 3px solid #B3955E;
  }

 .custom-rich-text-box ::marker {
  display:none;
}

@media screen and (max-width: 699px){
.custom-rich-text-box .list-wrapper-1, .custom-rich-text-box .list-wrapper-2, .custom-rich-text-box .list-wrapper-3, .custom-rich-text-box .list-wrapper-4{
  padding: 0px 20px;
}

.custom-rich-text-box .list-wrapper-1 li, .custom-rich-text-box .list-wrapper-2 li,.custom-rich-text-box .list-wrapper-3 li, .custom-rich-text-box .list-wrapper-4 li{
    text-indent: 0px;
    padding: 10px 10px 10px 10px;
}

}


/***************************
custom-multi-column.liquid
****************************/
.custom-multi-column .section-spacing{
  padding-top:30px;
  padding-bottom:60px;
}

.custom-multi-column .container{
  background: #F2EEE8;
  padding-top: 100px;
  padding-bottom: 140px;
}

.custom-multi-column .multi-column{
  max-width: 100%;
  margin: 0 auto;
  padding: 0 30px;
}

.custom-multi-column .h3{
  font-weight:bold;
}

@media screen and (max-width: 699px){
 .custom-multi-column .section-spacing{
  padding-top:30px;
   padding-bottom:30px;
}
  
  .custom-multi-column .container{
  padding-top: 50px;
  padding-bottom: 50px;
}
  
.custom-multi-column .multi-column{
  max-width: 100%;
  margin: 0 auto;
/*   grid:unset; */
  display: flex;
  column-gap: 25px;
  padding: 0 12px;
} 

  .custom-multi-column .prose .h2{
    font-size: 18px;
  }

  .custom-multi-column .prose .h3{
    font-size: 16px;
  }

  .custom-multi-column .multi-column .multi-column__item .prose .custom-p{
    font-size: 14px;
  }
}

/***************************
fasting-step.liquid
****************************/
.fasting-step .section-spacing {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 0!important; 
  background:#F2EEE8;
}

.fasting-step .prose {
  background: #fff;
  padding-top: 50px;
  padding-bottom: 80px;
}

.fasting-step .h6{
  color:#D2AB71;
  text-transform: none;
}

.fasting-step .h2{
  font-weight:bold;
}

.flow09 > li {
  padding: 20px 10px;
}

.flow09 > li:first-child {
  border-top: none;
}

.flow_design09 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flow09 {
  padding-left: 0;
  /* border-bottom: solid 1px #E1E8ED; */
}

.flow09 > li {
  list-style-type: none;
  display: flex;
  padding: 20px 0;
  border-top: solid 1px #E1E8ED;
}

.flow09 > li dl dt {
  font-size: 1.2em;
  line-height: 2;
  font-weight: bold;
  margin-bottom: 10px;
}

.flow09 > li .icon09 {
  line-height: 1;
  font-size: 2em;
  font-weight: bold;
  color: #E26B5D;
  text-align: center;
  width: 70px;
  position: relative;
  margin-top: 0;
}

.flow09 > li .icon09::before {
  content: 'STEP';
  font-size: 0.3em;
  display: block;
  margin-bottom: 3px;
  letter-spacing: 1px;
}

.flow09 > li .icon09::after {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 50px);
  background-color: #858585;
  position: absolute;
  left: 0;
  right: 0;
  top: 60px;
  margin: auto;
}

.flow09 > li dl dt{
text-align:left;
}

.flow09 > li dl dd {
  margin: 0;
text-align:left;
}

.flow09 > li dl {
  width: calc(100% - 70px);
  margin-top: 0.8em;
}

@media screen and (max-width: 699px) {
  .flow09 > li .icon09 {
    width: 51px;
  }
  .fasting-step .section-spacing {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}


/***************************
subsuku-step.liquid
****************************/
.subsuku-step .section-spacing {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 140px;
}

.subsuku-step .prose {
  background: #F2EEE8;
  padding-top: 50px;
  padding-bottom: 80px;
}

/* .flow_design07 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flow07 {
  padding-left: 0;
}

.flow07 > li {
  list-style-type: none;
  display: flex;
}

.flow07 > li:not(:last-child) {
  margin: 0 0 27px;
}

.flow07 > li .icon07 {
  width: 90px;
  box-sizing: border-box;
  padding: 20px 10px 10px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #B058D6;
  border-radius: 5px 5px 0 0;
  position: relative;
  line-height: 125%;
  margin: 0;
}

.flow07 > li .icon07::after {
  content: ' ';
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 20px solid #B058D6;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.flow07 > li dl {
  padding: 0 0 0 30px;
  width: calc(100% - 115px);
}

.flow07 > li dl dt {
  padding: 0 0 5px;
  margin: 0 0 15px;
  font-size: 1.2em;
  font-weight: bold;
  position: relative;
  text-align: left;
}


.flow07 > li dl dd {
  margin: 0;
} */

/* .stepbar {
  margin: 0 auto;
  width: 80%;
}

.stepbar .stepbarwrap {
  margin: 2em 0;
  position: relative;
}

.stepbar .stepbarwrap .steptitle {
  display: inline-flex;
  align-items: center;
}

.stepbar .stepbarwrap .steptitle .stepcircle {
  display: inline-block;
  width: 3em;
  height: 3em;
  content: "";
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  text-align: center;
}

.stepbar .stepbarwrap .steptitle .stepcircle span {
  display: inline-block;
  line-height: 1.2em;
  font-size: 0.8em;
  font-weight: bold;
  position: relative;
  top: 0.9em;
}

.stepbar .stepbarwrap .steptitle .title {
  margin: 0.5em;
  font-weight: bold;
  font-size: 1.2em;
}

.stepbar .stepbarwrap .steptxt {
  padding-left: 3.5em;
}

.stepbar .stepbarwrap .steptxt .txt {
  font-size: 0.9em;
}

.stepbar .stepbarwrap .stepline {
  width: 1px;
  height: calc(100% + 1em);
  background-color: #000;
  position: absolute;
  top: 1em;
  left: 1.5em;
  z-index: -1;
}

.stepbarwrap:last-of-type .stepline:last-of-type {
  display: none;
} */

/***ステップバーデザイン4***/
.flow09 > li .icon09{
  color: #D2AB71;
}

.icon09:before{
  color: #D2AB71;
}

.step-wrap4 {
 counter-reset: count;
 margin: 2em 0;
 position: relative;
}
.step-content4 {
 padding: 1em 0 1.3em 2.5em;
 margin: 0;
 position: relative;
 width: 70%;
 margin: 0 auto;
}
.step-content4::before {
 content: "";
 display: block;
 width: 55px;
 height: 55px;
 background: #D2AB71;
 border-radius: 50%;
 position: absolute;
 top: 0;
 left: -3px;
}
.step-content4::after {
 content: "";
 display: block;
 height: calc(100% - 30px);
 border-left: solid 2px #ddd;
 position: absolute;
 top: 55px;
 left: 22px;
}
.step-label4 {
 color: #fff;
 font-weight: bold;
 font-size: 12px;
 position: absolute;
 top: 6px;
 left: 9px;
}
.step-label4::after {
 counter-increment: count;
 content: counter(count);
 position: absolute;
 font-size: 25px;
 top: 8px;
 left: 9px;
}
.step-title4 {
 font-weight: normal;
 font-size: 120%;
 margin-left: 1.5em;
 text-align: left;
 border-bottom: dotted 2px #ddd;
 margin-top: 0px;
 margin-block-start: 0!important;
 padding-bottom: 14px;
}

.step-wrap4 > :last-of-type::after {
 display: none;
}
/***ステップバーデザイン４***/


@media screen and (max-width: 699px){
  .subsuku-step .section-spacing {
  padding-top: 50px;
  padding-bottom: 50px;
}

  .step-content4 {
 width: 85%;
}

.step-content4::after {
 top: 50px;
 left: 21px;
}

  .step-content4::before {
 width: 50px;
 height: 50px;
}

.step-label4 {
 font-size: 10px;
 top: 5px;
 left: 9px;
}

  .step-label4::after {
 font-size: 22px;
 top: 9px;
 left: 7px;
}

  .step-title4 {
 font-size: 14px;
}

/*   .stepbar {
    width: 90%;
  } */
}

/***************************
apps.liquid
****************************/

.shopify-section--apps .section-spacing{ 
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 140px;
}


.shopify-section--apps .prose{
  text-align:center;
  margin-bottom: 40px;
}

@media screen and (max-width: 699px){
  .shopify-section--apps .section-spacing {
  padding-top: 50px;
  padding-bottom: 50px;
}

  .shopify-section--apps .prose{
  margin-bottom: 30px;
 }
}

/***************************
faq.liquid
****************************/
.shopify-section--faq .accordion__toggle{
  font-size: 14px;
}

@media screen and (max-width: 699px){
  .shopify-section--faq .accordion__toggle{
  font-size: 13px;
  }

  .shopify-section--faq .accordion__content .prose p{
    font-size:13px;
  }
}


/***************************
featured-collections.liquid
****************************/
.shopify-section--featured-collections .section-stack{
  gap:0;
}

/***************************
custom-blog-post.liquid
****************************/
.custom-blog-post .blog-post-list{
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.custom-blog-post .blog-post-card__info{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #CCC;
  padding-top: 20px;
  padding-bottom: 20px;
}

.custom-blog-post .blog-post-card__info .blog-post-card__title{
  font-size:18px
}

.custom-blog-post .airticle-date{
  margin-right:20px;
}

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

.custom-blog-post .blog-post-card{
  gap:0.6rem;
}
  
.custom-blog-post .blog-post-card__info{
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
}

.custom-blog-post .blog-post-card__info .blog-post-card__title{
  font-size:15px
}
}

/***************************
custom-blog-post-columns.liquid
****************************/

.custom-blog-post-columns .blog-post-card__info .blog-post-card__category{
  background: #CE8D78;
  padding: 2px 8px;
  color: #ffff;
}

/***************************
main-airticle.liquid
****************************/
.shopify-section--main-article .link-faded{
  background: #CE8D78;
  padding: 2px 8px;
  color: #ffff;
}


/***************************
judge.me
****************************/

/*レビューページのプレフィックス非表示*/
.jdgm-all-reviews-widget .jdgm-all-reviews__body .jdgm-rev__header .jdgm-rev__prod-link-prefix{
  display:none;
}

/* 商品名見切れているの修正 */
.jdgm-carousel-item__product-title {
  line-height: 1em!important;
}


/***************************
酵素ドリンク　成分表
****************************/
.custom-drink-table{ 
  border-collapse: collapse; /* セルの枠線を統一する */ 
  table-layout:fixed;
 }
 
 .custom-drink-table td { 
  border: 1px solid #e6e3e2; /* 各セルの枠線 */
} 

.custom-drink-table td:nth-child(1) { 
  background-color:#CE8E78; 
  color:#fff; padding-left:var(--table-cell-padding-inline); 
  width: 130px; /* タイトル列の幅 */ } 
  
  .custom-drink-table tr>*:last-child { 
    padding-right:var(--table-cell-padding-inline); 
  } 
  
  .custom-drink-table tr:nth-child(1) td:nth-child(1) { 
    background-color: #FDFDFD; /* 背景色を指定 */ 
    border: 0; /* 上と左の枠線を完全に削除 */ 
    border-right: 1px solid #e6e3e2; /* 必要に応じて右の線を再追加 */ 
    border-bottom: 1px solid #e6e3e2; /* 必要に応じて下の線を再追加 */ 
  } 
  
  .custom-drink-table td:nth-child(2) { 
    background: linear-gradient(to bottom right, #eae6d3, #ffffff); /* background:#DDCEAA; */ 
    width: 38%; /* タイトル列の幅 */ 
  }
  
  .custom-drink-table tr:nth-child(1) td:nth-child(2) { 
    background: linear-gradient(to bottom right, #e8d7b9, #eae6d3); /* 任意の色 */ 
  } 
  
  .custom-drink-table tr:nth-child(1) td:nth-child(2) { 
    font-size:24px; 
  } 
  
  .custom-drink-table tr:nth-child(1) td:nth-child(3),.custom-drink-table tr:nth-child(1) td:nth-child(4) { 
    background-color:#F5F6F5; 
  } 
  
  .custom-drink-table .custom-span{ 
    font-size:36px; 
  } 
  
  /* 成分表 */ 
  /* .custom-table-nutrition td:nth-child(2) { 
    width: 20%; /* タイトル列の幅 */ 
  /* }  */ */

  .custom-table-nutrition{
    table-layout:fixed;
    /* min-width: 600px; */
  }

  .custom-table-nutrition-scroll .table-scroller{
    overflow-x: auto;
  }

   .custom-table-nutrition td:nth-child(1) ,.custom-table-nutrition td:nth-child(2) { 
    width: auto;
  }

  
  /* 同一要素に .custom-table-scroll と .custom-table-nutrition が付いているケースだけに適用 */ 
  .custom-table-nutrition tr:first-child td:nth-child(2) { 
    /* まずグラデ（背景画像）を消す */ 
    background: none !important; 
    background-image: none !important; 
    /* そのうえで単色背景を指定 */ 
    background-color: #f5f6f5 !important; 
    /* 文字サイズも戻す */ 
    font-size: inherit !important; } 
    /* スパンのサイズ上書き（必要なら） */ 
    
    .custom-table-nutrition .custom-span { 
      font-size: inherit !important; 
    } 

    .custom-table-nutrition td:nth-child(2) { 
      background: none !important; 
      background-image: none !important; 
      background-color: inherit; 
    }


   .custom-table-nutrition td:nth-child(1) {
     /* background-color: #E9EAED !important; */
     background-color: #ffffff !important;
     color: inherit !important;
    }

    .custom-table-nutrition tr:nth-child(1) td:nth-child(1){
      border-top: 1px solid #e6e3e2;
      border-left: 1px solid #e6e3e2;
    }

    .custom-table-nutrition tr:first-child td:nth-child(1){
      background-color: #f5f6f5 !important;
    }

     .custom-table-nutrition tr:nth-child(1){
      background-color: #f5f6f5 !important;
    }


    /* 　藍ソープ比較表 */
   .custom-soap-comparative-table td:nth-child(1) {
     background-color: #f5f6f5;
     color: inherit !important;
    }

    .custom-soap-comparative-table tr:nth-child(1) td:nth-child(1){
      /* border-top: 1px solid #e6e3e2;
      border-left: 1px solid #e6e3e2; */
      border-top:none;
      border-left:none;
      background-color: #FDFDFD; /* 背景色を指定 */ 
    }

    .custom-soap-comparative-table td:nth-child(1) {
      background-color: #f5f6f5;
   
    }


    
    @media screen and (max-width: 699px){ 
      .custom-drink-table td:nth-child(1) {
         width: 22%; /* タイトル列の幅 */ 
        }
        
        .custom-drink-table td:nth-child(2) { 
          width: 34%; /* タイトル列の幅 */ 
        } 
        
        .custom-drink-table{ 
          font-size:12px; 
        } 
        
        .custom-drink-table tr:nth-child(1) td:nth-child(2) { 
          font-size:16px; 
        } 
        
        .custom-drink-table .custom-span{ 
          font-size:23px; 
        } 

              
      /*藍ソープ成分表*/
        .custom-table-nutrition td:nth-child(1) ,.custom-table-nutrition td:nth-child(2) {
          width: auto;
        }
      }