/** Shopify CDN: Minification failed

Line 287:49 Expected ":"
Line 821:360 Expected ")" to end URL token

**/
@charset "UTF-8";

:root{
  --ff-main:  '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝';
}

body{
  font-family: var(--ff-main);
}
.sidebar-drawer__header-container, .promo-block--content, .product .brand, .quick-shop-content .brand, .product-area .brand, .lsrp-header-title, .lsrpp-header-title, .template-search .result .details .brand, .product-callout, .product-tabs__label, .collapsible-tab__heading, .product__description .go-to-product, .password-page-logo .store-title, .template-page .sidebar .title, .template-contact .sidebar .title, .order-item-label-mobile, .customer.order .order-history .table td.product-item .label.vendor, .sidebar-title, .template-cart .table td.product-item .label.vendor, .template-cart .table th, .comments .date, .comments-wrap .title, .article-date, .article-author-writtenby, .article-tags-filedunder, .article-comments-discussion, .blog-sidebar-recentposts-title, .blog-sidebar-tags-title, .customer.account .title, .customer .table th, .twitter-tweet .timestamp, .shopify-section--blog-posts .article .date, .rte .tabs>li:not(.grouped-content-content), .pxs-newsletter-text .tabs>li:not(.grouped-content-content), .mobile-dropdown .list .list-item a, .mega-nav .list .label, .main-header nav.full .nav-item>.label, .main-header nav.full .nav-item>details .label, .main-footer .connect .title,.section-title, .picture-block-heading{
  font-family: var(--ff-main);
}
.cart-tools .totals .price,
.template-cart .table td.product-item .label.title,
.cart-item-label-mobile,
.main-footer .sub-footer,
.page-title .label,
.template-cart .table td.total,
.cart-item-original-price, .cart-item-final-price,
.shopify-section--blog-posts .article .title,
.product .title, .quick-shop-content .title, .product-area .title,
.product-item__price,.customer .table td,
.customer.account .account-info .name,
.customer.addresses .address-list .action a,.customer .back-link,
.customer.account .account-info .view-addresses,.product__price,
.option-name, .product-quantity-label, .sidebar-title, .comments-wrap label, .customer.addresses .edit-add-address .wrap>label, .customer .account-form .field-wrap label,
html .shopify-payment-button__more-options,.product-interaction,.sharethis-trigger,
.search-filters__filter-group-title, .option-value-name, .collection-filters__filter-group-title, .product-quantity-input, .password-page-field-wrap .password-page-input, .pxs-newsletter-form-input, .comments-wrap textarea, .comments-wrap input[type=text], .newsletter-wrap .email, .field, .select-wrapper,
h1, h2, h3, h4, h5, h6{
    font-family: var(--ff-main);
}

.cart-item-remove {
    font-family: var(--ff-main);
    font-size: 12px;
}

html .shopify-payment-button .shopify-payment-button__button--unbranded, .lsr-footer-viewall, .collections .collection .browse, .featured-collections .collection .browse, .subcollection-link, .pxs-newsletter-form-button, .newsletter-wrap .submit, .shopify-challenge__button, .action-button, .promo-block--button, .promo-block--secondary .promo-block--button, .product-card-interaction, .disclosure__submit, .cart-mini-actions .action-button, html .shopify-payment-button .shopify-payment-button__button, .product-form-has-spb .submit, .product-form .product-submit, .password-page-field-wrap .submit, .cart-submit, .cart-update, .customer.addresses .edit-add-address .submit-wrap .action-button, .customer .account-form .submit-button, .slide .content .call-to-action, .action-button.submit, .action-button.unavailable {
    font-family: var(--ff-main);
}

.content-area, .collection-title-header{
  max-width: 1200px;
}

button.menu{
  appearance: none;
  background: none;
  border: none;
}



/* ============================================
TOP :Heading
==============================================*/

.section-heading{
  padding-top: 80px;
}

.section-heading + *{
  margin-top: 30px;
}
.section-heading + * .home-section{
  padding-top: 0;
}

.heading{
  text-align: center;
  font-family: var(--ff-main);
  padding: 1em 0;
  background-color: #f2f2f2;
  margin: 0 auto 0;
  max-width: 1000px;
}

@media screen and (max-width: 768px) {
  .heading{
    font-size: 20px;
  }

}

/* ============================================
TOP :colleciton
==============================================*/

.home-section .section-title-wrap{
  display: flex;
  justify-content: space-between;
  padding: 2.22222% 2.77778% 2.22222% 3.88889%;
  border-radius: 10px;
  margin-bottom: 4%;
}
.section-title-wrap .section-title{
  padding-top: 0;
  text-align: left;
  margin: 0;
}
.section-title-wrap p{
  margin: 0;
}
.section-title-wrap a{
  color: currentColor;
}


@media screen and (min-width:751px) {
  .featured-collection .product-list.is-centered::before,
  .featured-collection .product-list.is-centered::after{
    content: none !important;
  }

  .featured-collection .product-list.is-centered{
    justify-content: center;
    gap: 20px;
  }
}


.home-section .detail{margin-bottom:8.09935%}
.home-section .detail dl{border-bottom:1px solid #b5b5b5;display:flex;align-items:center;}
.home-section .detail dl:first-child{border-top:1px solid #b5b5b5}
.home-section .detail dl dt{padding-left:1.07991%;width:14.03888%;font-weight:bold}
.home-section .detail dl dd{padding:1em 1.07991% 1em 0;width:84.88121%;line-height:1.71429;text-align: left;}

@media (max-width: 750px){

  .home-section .section-title-wrap{
    padding: 3.1746% 3.1746% 3.1746% 3.1746%;
    border-radius: 5px;
    align-items: center;
  }
  .section-title-wrap .section-title{
    font-size: 14px;
  }
  .section-title-wrap p{
    font-size: 12px;
    white-space: nowrap;
  }

	.home-section .detail dl{padding:3.1746% 0;display:block;}
	.home-section .detail dl dt{padding-left:0;width:auto; font-size: 18px;}
	.home-section .detail dl dd{padding:0;width:auto; margin-left: 0; margin-top:1rem; font-size: 13px;}}


/* ============================================
TOP : slider with image and text
==============================================*/

.index-button {
  text-align: center;
  margin-bottom: 20px;
}
.index-button li{
  display: inline-block;
  margin: 0 4px;
}
.index-button button{
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #81550d;
  font-size: 0.75em;
  color: #81550d;
  transition: all .3s;
}
.index-button button.is-active,
.index-button button:hover{
  background: #81550d;
  color: #fff;
}

.picture-block-link{
  margin-top: 30px;
}
.picture-block-link a{
  display: inline-block;
  border: 1px solid #81550d;
  padding: 12px 50px;
}
.picture-block-heading{
  font-size: 24px;
  font-weight: bold;
}

.dmopMx {
    position: relative;
    width: 64px;
    margin: auto;
    display: none;
}


section.home-section.featured-text-container.content-area{
  padding-top: 0;
  margin-top: 0;
}

/* ============================================
TOP : Shoplist
==============================================*/
#ec_shop dl,#ec_shop dd {margin: 0;}
@media (min-width: 751px){
#ec_shop{margin-bottom:50px}

#ec_shop h2{margin-bottom:44px}
#ec_shop .layout{margin:0 auto 0;max-width:899px;display:flex;flex-wrap:wrap;align-items:flex-start}
#ec_shop .layout section{position:relative;width:33.25918%}
#ec_shop .layout section:nth-child(4) dl,
#ec_shop .layout section:nth-child(5) dl,
#ec_shop .layout section:nth-child(6) dl{border-top:none}
#ec_shop .layout section:nth-child(3) dl,
#ec_shop .layout section:nth-child(6) dl{border-right:1px solid #505050;box-sizing:border-box}
#ec_shop .layout section:nth-child(3).open dl,
#ec_shop .layout section:nth-child(6).open dl{width:100%}
#ec_shop .layout section dl{border:1px solid #505050;border-style:solid none solid solid;width:100%;z-index:1}
#ec_shop .layout section dl dt{padding:1em;position:relative;background-color:#fff;text-align:center;letter-spacing:.2em;cursor:pointer}
#ec_shop .layout section dl dd{display:none;background-color:#fff}
#ec_shop .layout section dl dd ul{margin-left:17px;padding:0 1em 1em}
#ec_shop .layout section dl dd ul li{margin-bottom:.5em;list-style-type:disc;color:#3e3a39;}
#ec_shop .layout section.ec_close dl dt::after{margin-top:-8px;border-top:1px solid #696969;border-right:1px solid #696969;position:absolute;top:50%;right:5%;width:12px;height:12px;content:"";-webkit-transform:rotate(135deg);transform:rotate(135deg)}
#ec_shop .layout section.open dl{position:absolute;width:99.5%;z-index:2}
#ec_shop .layout section.open dl dt::after{margin-top:-3px;border-top:1px solid #696969;border-right:1px solid #696969;position:absolute;top:50%;right:5%;width:12px;height:12px;content:"";-webkit-transform:rotate(315deg);transform:rotate(315deg)}
#ec_shop .layout section.open:nth-child(1) dl,
#ec_shop .layout section.open:nth-child(2) dl,
#ec_shop .layout section.open:nth-child(4) dl,
#ec_shop .layout section.open:nth-child(5) dl{border-right-style:solid}}
#ec_shop img{
margin: 0;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
@media (max-width: 750px){
#ec_shop{margin-bottom:8%}
#ec_shop h2{margin-bottom:0;border-bottom:1px solid #bfbfbf}
#ec_shop section{border-bottom:1px solid #bfbfbf}
#ec_shop section.ec_close dl dt::after{margin-top:-8px;border-top:1px solid #696969;border-right:1px solid #696969;position:absolute;top:50%;right:5%;width:12px;height:12px;content:"";-webkit-transform:rotate(135deg);transform:rotate(135deg)}
#ec_shop section.open dl dt::after{margin-top:-3px;border-top:1px solid #696969;border-right:1px solid #696969;position:absolute;top:50%;right:5%;width:12px;height:12px;content:"";-webkit-transform:rotate(315deg);transform:rotate(315deg)}
#ec_shop section dl dt{font-size:4vw;padding:1em;position:relative;text-align:center;letter-spacing:.5em;cursor:pointer}
#ec_shop section dl dd{display:none}
#ec_shop section dl dd ul{margin:0 auto 0%;max-width:84%;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}
#ec_shop section dl dd ul li{font-size:3.2vw;margin-bottom:2em;width:44.44444%;color:#3e3a39}}



 .layout{margin:0 auto 0;max-width:900px}@media (max-width: 750px){
   .layout{width:auto}}
 #localNav{margin-bottom:5.55556%}
 #localNav ul{display:flex;justify-content:space-between;list-style: none}
 #localNav ul li{width:31.66667%}
 #localNav ul li.normal a{background-color:#70cec6}
 #localNav ul li.koso a{background-color:#eda7b4}
 #localNav ul li.premium a{background-color:#959595}
 #localNav ul li a{padding:.8em 2em .8em 0;display:block;position:relative;color:#fff;font-size:20px;;text-decoration:none;text-align:center}
 #localNav ul li a::after{margin-top:-6px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;top:50%;right:20px;width:12px;height:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);content:""}
 #localNav ul li a:hover:hover{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:.7;-khtml-opacity:.7;zoom:1;-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s}@media (max-width: 750px){
   #localNav{margin-bottom:6.66667%}
   #localNav ul{margin:0 auto 0%;max-width:84%;display:block;padding: 0px}
   #localNav ul li{margin-bottom:1.5873%;width:auto}
   #localNav ul li:last-child{margin-bottom:0}
   #localNav ul li a{font-size:4vw;padding:.8em 0}
   #localNav ul li a::after{margin-top:-6px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;top:50%;right:20px;width:12px;height:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);content:""}
   #localNav ul li a:hover:hover{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:.7;-khtml-opacity:.7;zoom:1;-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s}}
 .type{margin-bottom:8.88889%}
 .type#normal h3{background-color:#c7e7e4;margin-top: 0px}
 .type#koso h3{background-color:#f1d0d7;margin-top: 0px}
 .type#premium h3{background-color:#eee;margin-top: 0px}
 .type .summary{margin-bottom:5.55556%}
 .type .summary h3{margin-bottom:6.66667%;padding:.8em 0;font-size:20px;;text-align:center}
 .type .summary .inner{padding:0 4.33333%;display:flex;justify-content:space-between}
 .type .summary .inner .image{width:31.14355%}
 .type .summary .inner .image p{padding:.5em 1em;color:#676767;background-color:#f2f2f2;font-weight:bold;font-size:15px;text-align:center}
 .type .summary .inner .image p span{font-size1px}
 .type .summary .inner .txt{width:61.80049%}
 .type .summary .inner .txt p{font-family:var(--ff-main);margin-bottom:1em;padding-top:.5em;line-height:1.57143;color:#505050;font-size:24px}
 .type .component{border:1px solid #959595}
 .type .component h3{margin-bottom:3.78619%;padding:.8em 0;color:#505050;font-size:24px;text-align:center}
 .type .component .desc{font-family:var(--ff-main);margin-bottom:4.89978%;line-height:1.875;;text-align:center}
 .type .component .inner{margin:0 auto 0%;max-width:90.20045%;display:flex;justify-content:space-between;flex-wrap:wrap}
 .type .component .inner section{margin-bottom:3em;width:48.39506%}
 .type .component .inner section.carnitine .image{margin-top:-24px}
 .type .component .inner section.saracia .image{margin-top:-20px}
 .type .component .inner section.yokinin .image{margin-top:-10px}
 .type .component .inner section.phase2 .ttl .copy{font-size:12px}
 .type .component .inner section.papaya .ttl .copy{font-size:13px}
 .type .component .inner section .ttl{margin-bottom:1em;float:left;width:43.36735%}
 .type .component .inner section .ttl .copy{font-family:var(--ff-main);margin-bottom:1em;padding:.5em .1em;color:#fff;background-color:#676767;font-size:15px;text-align:center}
 .type .component .inner section .ttl h4{font-family:var(--ff-main);padding-top:.5em;line-height:1.33333;font-weight:bold;font-size:24px}
 .type .component .inner section .ttl h4.twoLine{padding-top:0}
 .type .component .inner section .image{float:right;width:51.02041%}
 .type .component .inner section p{font-family:var(--ff-main);clear:both;line-height:1.85714;font-size:14px}
 .type .component .add{margin:0 auto 3.89755%;max-width:64.58797%;display:flex;justify-content:space-between}
 .type .component .add .txt{width:60.34483%}
 .type .component .add .txt .copy{font-family:var(--ff-main);margin-bottom:1em;padding:.5em .1em;width:66.28571%;color:#fff;background-color:#676767;font-size:15px;text-align:center}
 .type .component .add .txt h4{font-family:var(--ff-main);margin-bottom:.5em;font-weight:bold;font-size:24px}
 .type .component .add .txt p{font-family:var(--ff-main);line-height:1.85714;font-size:14px}
 .type .component .add .image{width:34.65517%}
 .type .component .grainCasket{margin:0 auto 0%;max-width:78.28508%;padding-bottom:7.01559%}
 .type .component .grainCasket h4{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-family:var(--ff-main);margin-bottom:1.5em;padding:.8em 1em;color:#fff;background-color:#676767;font-size:24px;text-align:center}
 .type .component .grainCasket p{font-family:var(--ff-main);margin-bottom:3em;padding:0 2em;line-height:1.85714;font-size:14px;text-align:center}
 .type .component .grainCasket .detail{display:flex;justify-content:space-between}
 .type .component .grainCasket .detail dl{width:percentaeg(211/703)}
 .type .component .grainCasket .detail dl.alumilase dt{background-color:#8ac2c9}
 .type .component .grainCasket .detail dl.prosthesis dt{background-color:#8ac9ab}
 .type .component .grainCasket .detail dl.lipase dt{background-color:#a28ac9}
 .type .component .grainCasket .detail dl dt{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:.5em;color:#fff;font-size:18px;text-align:center}@media (max-width: 750px){
   .type .summary{margin-bottom:6.66667%}
   .type .summary h3{margin-bottom:8%;}
   .type .summary .inner{padding:0 6.66667%;display:block}
   .type .summary .inner .image{margin:0 auto 5%;width:60%}
   .type .summary .inner .image p{font-size:12px}
   .type .summary .inner .image p span{display:block}
   .type .summary .inner .txt{width:auto}
   .type .summary .inner .txt p{padding-top:0;font-size:22px}
   .type .summary .inner .txt .pic{text-align:center}
   .type .component{margin:0 auto 0%;max-width:95%}
   .type .component h3{font-size:20px;}
   .type .component .desc{padding:0 1em;font-size:14px}
   .type .component .inner{margin:0 auto 0%;max-width:92.06349%;display:block;width:auto}
   .type .component .inner section{width:auto}
   .type .component .inner section.carnitine .image{margin-top:0}
   .type .component .inner section.saracia .image{margin-top:0}
   .type .component .inner section.yokinin .image{margin-top:0}
   .type .component .inner section.phase2 .ttl .copy{font-size:13px}
   .type .component .inner section .ttl{margin-bottom:1em;width:51.72414%}
   .type .component .inner section .ttl .copy{font-size:13px}
   .type .component .inner section .ttl h4{padding-top:0;}
   .type .component .inner section .image{float:right;width:43.10345%}
   .type .component .add{margin:0 auto 7.93651%;max-width:92.06349%}
   .type .component .add .txt{width:51.72414%}
   .type .component .add .txt .copy{width:auto;font-size:13px}
   .type .component .add .txt h4{}
   .type .component .add .image{width:43.10345%}
   .type .component .grainCasket{margin:0 auto 0%;max-width:92.06349%;padding-bottom:7.93651%}
   .type .component .grainCasket h4{font-size:20px;}
   .type .component .grainCasket p{padding:0;text-align:left}
   .type .component .grainCasket .detail{margin:0 auto 0%;max-width:68.96552%;display:block}
   .type .component .grainCasket .detail dl{margin-bottom:12.5%;width:auto}
   .type .component .grainCasket .detail dl:last-child{margin-bottom:0}
   .type .component .grainCasket .detail dl dt{font-size:15px}}
 img {
    margin: 0;
      max-width: 100%;
      height: auto;
      vertical-align: top
  }



  @media screen and (max-width: 719px) {
    .shopify-section--blog-posts .article.last{
      padding-top: 20px;
    }
    .slideshow--mobile-height-small .image-wrap{
      /* height: auto; */
      height: 45vw;
    }
    .slide img, .slide svg{

      /* display: block;
      transform: translate(0,0); */
    }

  }

  @supports (-webkit-appearance: none) {
    .slide img {
      width: 100%;
      height: auto;
    }
  }


/* ============================================
TOP : logo list
==============================================*/
.rows-of-2 .logo-list-item{
  width: 50%;
}
.rows-of-2 .logo-list-item .logo-list-item-wrap{
  max-width: 500px;
}
.rows-of-2 .logo-list-item .logo-list-item-wrap img{
  width: 100%;
}

@media screen and (max-width: 750px) {
  .rows-of-2 .logo-list-item{
    width: 100%;
  }

}


/* ============================================
TOP : About
==============================================*/
/* #ec_about{margin-bottom:64px}
#ec_about h2{margin-bottom:43px}
#ec_about{margin:0 auto 0;max-width:1000px}
#ec_about .visual{margin-bottom:4.8%}
#ec_about .desc{font-family:'游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝';margin-bottom:4%;text-align:center}
#ec_about .desc h3{margin-bottom:1em;font-size:20px}
#ec_about .desc p{line-height:2.14286;font-size:14px} */
#ec_about .content{margin:0 auto 0%;max-width:90%}
#ec_about .content section{zoom:1}
#ec_about .content section:after{display:block;clear:both;height:0;visibility:hidden;content:" "}
#ec_about .content section h3{font-family:'游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝';padding:.5em 0;color:#fff;background-color:#c2ad88;font-size:20px;text-align:center}
#ec_about .content section .image{float:left}
#ec_about .content section p{font-family:'游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝';padding-top:.5em;float:right;line-height:1.6;font-size:18px}
#ec_about .content section.safety{margin-bottom:3.11111%;float:left;width:48.33333%}
#ec_about .content section.safety h3{margin-bottom:4.36782%}
#ec_about .content section.safety .image{width:38.62069%}
#ec_about .content section.safety p{width:57.47126%}
#ec_about .content section.price{float:right;width:48.33333%}
#ec_about .content section.price h3{margin-bottom:4.36782%}
#ec_about .content section.price .image{width:34.48276%}
#ec_about .content section.price p{width:62.06897%}
#ec_about .content section.featureBnr{margin-bottom:6.66667%; text-align: center;}
#ec_about .content section.featureBnr a:hover:hover{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:.7;-khtml-opacity:.7;zoom:1;-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s}
#ec_about .content section.component{margin-bottom:5.11111%;clear:both}
#ec_about .content section.component h3{margin-bottom:3.33333%}
#ec_about .content section.component .image{margin:0 3.33333% 2.66667% 0;padding-left:14.66667%;width:19.11111%}
#ec_about .content section.component p{width:62.66667%}
#ec_about .content section.component .detail{border:1px solid #b5b5b5;display:flex;clear:both}
#ec_about .content section.component .detail h4{padding-top:1.8em;width:13.25167%;line-height:1.4;background-color:#f2f2f2;font-size:20px;text-align:center}
#ec_about .content section.component .detail ul{padding:2.22717% 16.70379% 2.22717% 2.22717%;width:67.81737%}
#ec_about .content section.component .detail ul li{margin-right:1em;padding-left:.5em;display:inline-block;line-height:1.875;background:url(../img/icon_disc_black.png) 0 46% no-repeat;font-size:16px}
#ec_about .content section.component .detail ul li.plus{color:#ee859a;background:url(../img/icon_disc_pink.png) 0 46% no-repeat}
#ec_about .content section.beautyLife h3{margin-bottom:2.88889%}
#ec_about .content section.beautyLife p{margin-bottom:1em;padding-top:0;float:none}
#ec_about .content section.beautyLife .images{display:flex}
#ec_about img{
	margin: 0;
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
#ec_about * {
	box-sizing: unset;
}
#ec_about .beautyLife picture{
  display: block;
}
#ec_about .beautyLife img{
  width: 100%;
}

@media (max-width: 750px){
	#ec_about{margin-bottom:8%}
	#ec_about h2{margin-bottom:0}
	#ec_about{margin:0 auto 0;max-width:750px;display:block}
	#ec_about .visula{margin-bottom:5.33333%}
	#ec_about .desc{margin-bottom:5.33333%;padding:0 8%}
	#ec_about .desc h3{font-size:4vw;line-height:1.6}
	#ec_about .desc p{font-size:3.2vw;line-height:1.83333;text-align:left}
	#ec_about .content{margin:0 auto 0%;max-width:95%}
	#ec_about .content section h3{font-size:4vw}
	#ec_about .content section p{font-size:3.2vw;line-height:1.83333}
	#ec_about .content section.safety{margin-bottom:9.52381%;float:none;width:auto}
	#ec_about .content section.safety h3{margin-bottom:5.07937%}
	#ec_about .content section.safety .image{padding-left:6.19048%;width:35.71429%}
	#ec_about .content section.safety p{width:52.38095%}
	#ec_about .content section.price{margin-bottom:9.52381%;float:none;width:auto}
	#ec_about .content section.price h3{margin-bottom:6.03175%}
	#ec_about .content section.price .image{padding-right:4.7619%;float:right;width:32.38095%}
	#ec_about .content section.price p{padding-left:4.7619%;float:left;width:55.55556%}
	#ec_about .content section.featureBnr{margin-bottom:9.52381%}
	#ec_about .content section.component{margin-bottom:9.52381%}
	#ec_about .content section.component h3{margin-bottom:4.7619%}
	#ec_about .content section.component .image{margin:0 0 6.66667%;padding:1em 0 0 0;width:34.92063%}
	#ec_about .content section.component p{margin-bottom:6.66667%;width:63.49206%}
	#ec_about .content section.component .detail{display:block}
	#ec_about .content section.component .detail h4{font-size:4vw;padding:.5em 0;width:auto;line-height:1}
	#ec_about .content section.component .detail ul{padding:3.1746%;width:auto}
	#ec_about .content section.component .detail ul li{font-size:3.2vw;margin:0 0 1em 5%;padding-left:5%;display:block;line-height:1.83333}
	#ec_about .content section.beautyLife h3{margin-bottom:4.7619%}
	#ec_about .content section.beautyLife p{float:none}
	#ec_about .content section.beautyLife .images{flex-wrap:wrap}
	#ec_about .content section.beautyLife .images li{width:33.333333%}

}


#ec_guide{margin:0 auto 90px;max-width:898px;border:1px solid #bfbfbf}
#ec_guide h3{padding:1em;border-bottom:1px solid #bfbfbf;line-height:1;background-color:#f2f2f2;font-size:20px;text-align:center;letter-spacing:.1em}
#ec_guide>section{border-bottom:1px solid #bfbfbf}
#ec_guide>section:last-child{border-bottom:0}
#ec_guide>section h4{padding:1em;position:relative;line-height:1;font-size:20px;text-align:center;letter-spacing:.1em;cursor:pointer}
#ec_guide>section h4.ec_close::after{margin-top:-6px;border-top:1px solid #696969;border-right:1px solid #696969;position:absolute;top:50%;right:5%;width:12px;height:12px;content:"";-webkit-transform:rotate(135deg);transform:rotate(135deg)}
#ec_guide>section h4.open::after{margin-top:-3px;border-top:1px solid #696969;border-right:1px solid #696969;position:absolute;top:50%;right:5%;width:12px;height:12px;content:"";-webkit-transform:rotate(315deg);transform:rotate(315deg)}
#ec_guide>section .inner{padding:2.22717% 5.45657% 5.79065% 5.45657%;display:none}
#ec_guide>section.flow .inner section{width:48%}
#ec_guide>section.flow .inner section:nth-child(odd){clear:both;float:left}
#ec_guide>section.flow .inner section:nth-child(even){float:right}
#ec_guide>section.flow .inner section:first-child{margin-bottom:4.25%}
#ec_guide>section.flow .inner section:last-of-type{margin-bottom:6.75%}
#ec_guide>section.flow .inner section h5{margin-bottom:.5em;color:#70cec6;font-size:14px}
#ec_guide>section.flow .inner section p{margin-bottom:1em;min-height:3em;font-size:12px}
#ec_guide>section.flow .inner .note{clear:both;font-size:12px;text-align:center}
#ec_guide>section.method .inner .card{margin-bottom:7.5%;display:flex;justify-content:center}
#ec_guide>section.method .inner .card li{width:30.5%}
#ec_guide>section.method .inner .card li:first-child{margin-right:2.5%;width:50%}
#ec_guide>section.method .inner .pay{margin-bottom:6.25%;display:flex;justify-content:space-around}
#ec_guide>section.method .inner .pay ul{margin-left:17px}
#ec_guide>section.method .inner .pay ul li{list-style-type:disc;font-size:14px}
#ec_guide>section.method .inner .pay ul li span{font-size:12px}
#ec_guide>section.method .inner .attention{padding-left:4.75%}
#ec_guide>section.method .inner .attention li{padding-right:1em;line-height:1.83333;text-indent:-1em;font-size:12px}
#ec_guide>section.return .inner section,
#ec_guide>section.send .inner section{margin-bottom:2.25%}
#ec_guide>section.return .inner section:last-child,
#ec_guide>section.send .inner section:last-child{margin-bottom:0}
#ec_guide>section.return .inner section h5,
#ec_guide>section.send .inner section h5{color:#70cec6;font-weight:bold;font-size:14px}
#ec_guide>section.return .inner section h6,
#ec_guide>section.send .inner section h6{margin-top:2.25%;font-size:12px}
#ec_guide>section.return .inner section p,
#ec_guide>section.send .inner section p{line-height:1.66667;font-size:12px}
#ec_guide>section.return .inner section p em,
#ec_guide>section.send .inner section p em{font-weight:bold}
#ec_guide>section.return .inner section ul,
#ec_guide>section.send .inner section ul{margin-left:17px}
#ec_guide>section.return .inner section ul li,
#ec_guide>section.send .inner section ul li{list-style-type:disc;font-size:12px}
#ec_guide img{
	margin: 0;
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
@media (max-width: 750px){
	#ec_guide{margin:0 auto 13.33333%;max-width:78.66667%}
	#ec_guide h3{font-size:3.46667vw}
	#ec_guide>section h4{font-size:3.46667vw}
	#ec_guide>section .inner{padding:6.12245% 7.48299% 6.12245% 7.48299%}
	#ec_guide>section.flow .inner section{margin-bottom:12%;width:auto;text-align:center}
	#ec_guide>section.flow .inner section:nth-child(odd){float:none}
	#ec_guide>section.flow .inner section:nth-child(even){float:none}
	#ec_guide>section.flow .inner section:first-child{margin-bottom:12%}
	#ec_guide>section.flow .inner section:last-of-type{margin-bottom:6%}
	#ec_guide>section.flow .inner section h5{font-size:3.2vw}
	#ec_guide>section.flow .inner section p{font-size:3.2vw;min-height:none}
	#ec_guide>section.flow .inner section .image{margin:0 auto 0%;max-width:52%}
	#ec_guide>section.flow .inner .note{font-size:3.2vw}
	#ec_guide>section.method .inner{padding:6.12245% 10.88435% 6.12245% 10.88435%}
	#ec_guide>section.method .inner .card{margin-bottom:13.04348%;display:block}
	#ec_guide>section.method .inner .card li{width:90%}
	#ec_guide>section.method .inner .card li:first-child{margin-bottom:1em;padding-bottom:1em;border-bottom:2px solid #dadada;width: 90%}
	#ec_guide>section.method .inner .pay{margin-bottom:11.95652%;display:block}
	#ec_guide>section.method .inner .pay ul{margin-bottom:1em;margin-left:17px}
	#ec_guide>section.method .inner .pay ul li{font-size:3.2vw;margin-bottom:1em}
	#ec_guide>section.method .inner .pay ul li:last-child{margin-bottom:0}
	#ec_guide>section.method .inner .pay ul li span{font-size:2.66667vw}
	#ec_guide>section.method .inner .attention{padding-left:8.26087%}
	#ec_guide>section.method .inner .attention li{font-size:3.2vw;margin-bottom:1em;line-height:1.58333}
	#ec_guide>section.return .inner,
	#ec_guide>section.send .inner{padding:6.12245% 10.88435% 6.12245% 10.88435%}
	#ec_guide>section.return .inner section,
	#ec_guide>section.send .inner section{margin-bottom:10.86957%}
	#ec_guide>section.return .inner section:last-child,
	#ec_guide>section.send .inner section:last-child{margin-bottom:0}
	#ec_guide>section.return .inner section h5,
	#ec_guide>section.send .inner section h5{font-size:3.2vw;margin-bottom:.5em;text-align:center}
	#ec_guide>section.return .inner section h6,
	#ec_guide>section.send .inner section h6{font-size:3.2vw;margin-top:10.86957%;text-align:center}
	#ec_guide>section.return .inner section p,
	#ec_guide>section.send .inner section p{font-size:3.2vw;line-height:1.58333}
	#ec_guide>section.return .inner section ul li,
	#ec_guide>section.send .inner section ul li{font-size:3.2vw}}



/* ============================================
TOP : News
==============================================*/
.shopify-section--blog-posts .articles{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  max-width: 900px;
  margin: 0 auto;
}

.shopify-section--blog-posts .articles .article{
  border: 1px solid #ddd;
  width: 100%;
  padding: 20px;
}
.shopify-section--blog-posts .articles .article:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
.shopify-section--blog-posts .articles .article:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
.shopify-section--blog-posts .articles .article:nth-child(3) { grid-area: 2 / 2 / 3 / 3; }
.shopify-section--blog-posts .articles .article:nth-child(4) { grid-area: 3 / 1 / 4 / 2; }
.shopify-section--blog-posts .articles .article:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }

.shopify-section--blog-posts .articles .article{
  display: flex;
}
.shopify-section--blog-posts .article .article-image{
      margin-bottom: 0;
    flex-shrink: 0;
    width: 30%;
  margin-right: 20px;
}

.shopify-section--blog-posts .article.first .article-image{
    width: 200px;
}


.shopify-section--blog-posts .article .title{
  line-height: 1.25;
  font-weight: bold;
}

p.linkbtn a {
    display: inline-block;
    border: 1px solid #81550d;
    padding: 10px 20px;
    transition: all .4s ease;
}
p.linkbtn a:hover{
    background-color: #81550d;
    color: #fff;
}

p.linkbtn{
    padding-top: 40px;
    text-align:center;
}

@media screen and (max-width:750px) {
  .shopify-section--blog-posts .articles{
    display: block;
  }
  .shopify-section--blog-posts .article{
        flex-direction: row;
  }
  .shopify-section--blog-posts .article .title{
    font-size: 16px;
  }
  .shopify-section--blog-posts .articles .article{
    margin: 0 0 20px;
  }
}


/* ============================================
Product List
==============================================*/
@media screen and (max-width: 750px) {
  .product-card-details .title{
    font-size: 15px;
  }
}


/* ============================================
Product
==============================================*/
@media screen and (max-width: 719px){

  .template-product .product-recommendations{
    margin-bottom: 0;
  }
}


/* ============================================
 article
==============================================*/

.blog-articles .article-content{
  width: 100%;
  padding-left: 0;
    display: flex;
    flex-direction: row-reverse;
}

.blog-articles .article .article-image{
  width: 100px;
  margin-bottom: 0;
  flex-shrink: 0;
}

.blog-articles .article .article-image img{
  width: 100%;
}

.blog,.blog-articles, .blog-article{
  max-width: 760px;
  margin: 0 auto;
}

.article-title{
  font-size: 20px;
}

.template-article .page-title,
.template-blog .page-title{
    max-width: 760px;
  margin: 0 auto;
}

.article-meta{
  width: 100%;
}


.blog-articles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.blog-articles .article{
    display: block;
      border: 1px solid #ccc;
    padding: 20px;
}
.blog-articles .article-header{
  padding-left: 20px;
  margin-bottom: 0;
  border: none !important;
  text-align: left;
}

.article-author{
  display: none !important ;
}

@media screen and (max-width: 750px){
  .blog-articles{
    grid-template-columns: repeat(1,1fr);
      text-align: left;
    }
  .blog-articles .article-header{
    padding-bottom: 0;
  }
  .article-title {
      font-size: 17px;
      line-height: 1.5;
      font-weight: bold;
    margin: 0 0 10px;
  }
}


.order-history-title-wrap{
  display: flex;
  align-items: center;
}



/* ============================================
 Cart Deliver Cart
==============================================*/
/* .template-cart .page-title::after {
    content: '';
    display: block;
    width: 50px;
    margin: 20px auto 0;
    height: 2px;
    background: #000;
} */

/* ============================================
 Cart Deliver Time
==============================================*/

.Cart__DeliverContainer__field {
/*     max-width: 400px; */
    margin-left: auto;
    margin-right: 0;
  display: flex;
    align-items: center;
    justify-content: space-between;
}

.Cart__DeliverContainer__fieldItem{
  width:47%;
  text-align:left;
}

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.Cart__DeliverContainer__fieldItem select {
    display: block;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    max-width: 300px;
    margin: 10px 0 10px auto;
    height: 40px;
    padding: 10px 1rem;
    font-size: 14px;
    border: 1px solid var(--color-body-text);
  background-color: #fff;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.707%22%20height%3D%227.061%22%20viewBox%3D%220%200%2012.707%207.061%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1544%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201544%22%20transform%3D%22translate(12.354%200.354)%20rotate(90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1534%22%20data-name%3D%22%E3%83%91%E3%82%B9%201534%22%20d%3D%22M233.639%2C303.47l6%2C6-6%2C6%22%20transform%3D%22translate(-233.639%20-303.47)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center right 10px;
  font-family: inherit;
}

.Cart__DeliverContainer__fieldItem input{
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 10px 0 10px auto;
  height: 40px;
  padding: 10px 1rem;
  font-size: 14px;
  border: 1px solid var(--color-body-text);
  font-family: inherit;
  border-radius: 2px;
}

/* ============================================
 吉岡 モバイルアカウント位置
==============================================*/

.customer .account-form {
    margin: auto;
}

@media screen and (max-width: 500px) {
.account-options{
  position:relative;
  left:20px;
}

  .mini-cart-wrap{
     position:relative;
  left:5px;
  }
}


/* ============================================
 Account: Re-order
==============================================*/
.hulkapps .hulk_pop_up .hulk_modal-content .hulk_prod_action .hulk_deletebtn{
  white-space: nowrap;
  font-size: 12px;
}


.customer.account .account-info .view-addresses {
    display: block;
    background: #919eab;
    padding: 18px 1rem;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
}
.customer.addresses .address-list .action a{
  font-size: 12px;
}
.customer.account .account-info .address-wrap .phone {
    font-size: 12px;
    margin-top: 12px;
    display: block;
    font-weight: 500;
}

/* ============================================
TOP :カスタマーカスタム
==============================================*/

.a-flex{
  display: flex;
    align-items: center;
  border-bottom: 1px solid #ebebeb;
  padding:10px 0px;
}

.a-flex p{
  width:30%;
  margin-right:15px;
  text-align:left;
}

.a-flex span{
  text-align:left !important;
}

.customer.addresses .address-list {
    margin: 0 auto;
}

.customer.addresses .address-list .name {
    margin-bottom: 0;
    font-family: inherit;
}

.customer.addresses .address-list p {
    margin: 10px;
}


.customer-logout{
  text-align: center;
}
.customer-logout a {
    color: #919eab;
    font-size: 14px;
}

.page-title::after {
    content: '';
    display: block;
    width: 50px;
    margin: 20px auto 0;
    height: 2px;
    background: #000;
}

@media screen and (max-width: 719px){
    .customer .page-title .label {
      font-size: 20px;
  }

  .customer.order .shipping-info .address-wrap{
    width: 100%;
  }

.page-title::after {
    content: '';
    display: block;
    width: 50px;
    margin: 20px auto 0;
    height: 2px;
    background: #000;
}

.page-title .label{
    font-size:20px !important;
    position:relative;
  }

  .shopify-policy__title h1{
      font-size:20px !important;
    position:relative;
  }

/*    h1.label:after{
  content: '';
    display: block;
    width: 50px;
    margin: 20px auto 0;
    height: 2px;
    background: #000;
   } */
}

/* ============================================
ドロワー
==============================================*/
    .mobile-dropdown .list.secondary.is-show {
      display: block;
      overflow: visible;
      padding-left: 20px;
      background: inherit;
  }

  .mobile-dropdown .list.secondary.is-show a {
      padding: 8px 16px;
      background: inherit;
      font-size: 12px;
  }

li.list-item.last.first ul{
  padding-left:0px !important;
}

li.list-item.first-of-second {
/*   position:relative;
  margin-top:10px;
  padding-top:10px; */
}

li.list-item.first-of-second:before {
/*  content: ""; 
  width: 80%;
    height: 1px;
    background: #000;
    width: 90%;
    margin: auto;
    display: block;
  position: relative;
    top: -10px; */
}


.second-item__wrapper{
  width: 100%;
  position:relative;
  margin-top:20px;
  padding-top:10px;
  display: flex;
}

.second-item__wrapper::before{
  content: ""; 
  width: 80%;
    height: 1px;
    background: #000;
    width: 90%;
    margin: auto;
    display: block;
  position: absolute;
    top: -10px;
  left:0;
  right: 0;
}

.second-item__wrapper > * {
    flex: 1;
}

.second-item__wrapper > ul{
/*   border-top: 1px solid #000; */
}

.social-links{
/*  bottom:120px;  */
  z-index:9999;
}

.mobile-accountlink a {
    color: #000;
    font-size: 13px;
  padding: 16px 18px;
  display: inline-block;
}


.mobile-dropdown--inner {
    overflow: auto;
  padding-bottom: 80px;
display: flex;
    flex-direction: column;
    justify-content: space-between;
  height: 100%;
}

.mobile-dropdown--inner .menu-item {
    display: flex;
    flex-direction: column-reverse;
}


.mobile-dropdown .mobile-dropdown--content{
  height: auto;
}
.main-header--minimal .main-header .mobile-dropdown .social-links{
  padding: 16px 18px;
}


/* ============================================
  送料無料
==============================================*/
.shippingFeeBox {text-align: center;color: #c90000;font-size: 1.25rem;}

/* ============================================
  パンクズ削除
==============================================*/
.breadcrumb-navigation{
  display:none;
}

/* ============================================
  カートテキストサイズ
==============================================*/
@media screen and (max-width: 719px){
.template-cart .table td.product-item .label.title a {
    color: #81550d;
    font-size: 16px;
}

  .template-cart h1.label{
    font-size: 20px;
}

  .shippingFeeBox_text{
    font-size:15px;
  }
}

/* ============================================
  コレクションページ
==============================================*/

.template-collection dd{
  margin:0px !important;
}

/* ============================================
SNS
==============================================*/

.main-footer .connect .social .social-link svg {
    width: auto;
    height: 100%;
    color: #000;
    color: #506664;
    transition: color .15s cubic-bezier(.4,0,.2,1);
    color: #000;
}

.line img{
  display: block;
    width: 100%;
    height: 100%;
    min-width: 22px;
    height: 22px;
}

.sharethis-link {
    color: #000 !important;
}

/* ============================================
 ポリシーページ
==============================================*/

.shopify-policy__title h1::after {
    content: '';
    display: block;
    width: 50px;
    margin: 20px auto 0;
    height: 2px;
    background: #000;
}

.shopify-policy__title {
    padding: 16px 0 35px;
}
@media screen and (max-width: 719px){
    .shopify-policy__title {
        padding: 35px 0;
    }
}