/** Shopify CDN: Minification failed

Line 92:53 "obejct-fit" is not a known CSS property
Line 229:76 Expected ":"
Line 233:82 Expected ":"
Line 274:76 "backgorund" is not a known CSS property
Line 396:31 "font-wegiht" is not a known CSS property
Line 497:103 "fotn-weight" is not a known CSS property
Line 534:21 "margin-tp" is not a known CSS property
Line 844:3 "backgorund" is not a known CSS property

**/
@charset "utf-8";

html {scroll-padding-top: 150px;}
@media screen and (min-width: 768px) {
html {scroll-padding-top: 200px;}
}

.box-section-s-t { padding-top:40px; }
.box-section-t { padding-top: 70px; }
.pc-only { display: none; }
@media screen and (min-width: 768px) {
  .box-section-t { padding-top: 90px; }  
  .sp-only { display: none; }
  .pc-only { display: initial; }
}

.mt1em {margin-top: 1em; }
.mt2em {margin-top: 2em; }
.mt3em {margin-top: 3em; }
.t-underline { text-decoration: underline; }
.t-black { color: #222; }

/*header*/
.header {  display: block; }
.header__inner {  justify-content: space-between; align-items: center; flex-direction: row-reverse; padding: 0 1em 1em; }
.head-menu { list-style: none; display: none; }
.head-menu > li { display: inline-block; font-weight: bold; }

.header .header__logo-image { max-width: 200px!important; }
.head-contact {display: none;  }

.nav-bar { padding: 10px 0; display: block; background: #EDEDED; }
.nav-bar__inner-in { padding: 0 1rem; }
.header__mobile-nav { margin-right: 0; }

.search-bar__filter { display: block; background: #2C54AC; border-radius: 3px; color:#FFF; margin-right: 10px;  width: 42%; position: relative; margin-right: 2%; }
.header__search-bar-wrapper { display: flex; flex-grow: 1; visibility: visible; position: relative; z-index: 1; background:  none; padding: 0; }
.header__search-bar-wrapper .search-bar { min-width: 0; width: 56%; }
.search-bar__input { background: #FFF; border: 2px solid #2C54AC; border-radius: 3px 0 0 3px; font-size: .8rem; height: inherit; margin-top: 1px; }
.search-bar__submit { background: #2C54AC; width: 40px; height: inherit; margin-top:2px; }
.search-bar { opacity: 1;  padding: 0; }

.search-bar__top { height: 30px; border: none; }
.header__search-bar-wrapper.is-fixed { position: relative; height: auto; }

.search-bar__filter select { position: absolute; opacity: 0; width: 100%; height: 100%; left: 0; top: 0; -webkit-appearance: none; color: #000; }
.search-bar__filter-label { padding: 0 .5rem; font-size: .75rem; height: 30px;  line-height: 30px; display: flex; justify-content: space-between; align-items: center; font-weight: bold;  }
.search-bar__filter-label .icon { width: 1.2em; height: 1.2em; background: #F99746; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-left: .5em; }
.search-bar__filter-label .icon svg { margin: 0; width: .5em; height: auto; }



.header__search-bar-wrapper.is-fixed .search-bar { padding: 0; }

.head-user-menu { display: flex; }
.head-user-menu__button { font-size: .6rem; font-weight: bold; }
.head-user-menu__button img { display: block; margin: 0 auto;  width: 3em; height: 2.5em; object-fit: contain; }
.head-user-menu__button.login,
.head-user-menu__button.mypage { position: fixed; top: .7rem; right: 7rem; margin: auto; }
.head-user-menu__button.login span  { display: none; }
.head-user-menu__button.cart { position: fixed; top: .7rem; right: 4rem;margin: auto;  }
.head-user-menu__button.search { display: none; }

.header__mobile-nav-toggle { z-index: 9999; }
.header__mobile-nav-toggle[aria-expanded="true"] { color: #FFF; }
.mobile-menu { top: 0; z-index: 9; background: #2C54AC; color: #FFF;  max-height: none!important; padding: 5rem 10%; height: 100vh;  overflow-y: scroll;  }
.mobile-menu__panel { background: none; overflow: auto; height: auto; }

.mobile-header-menu { list-style: none; }
.mobile-menu__inner { overflow-y: auto; height: auto;  overflow-x: hidden; }
.mobile-header-menu  > li { border-bottom: 1px solid; }
.mobile-header-menu  a { display: block; padding: .7em 1em; }

.mobile-header-contact { display: block; width: 100%; background: #FFF; border-radius: 3px; text-align: center; color: #010066; font-weight: bold; margin: 3rem 0; padding: .5em; box-shadow: 3px 3px 0 0 #010066; }
.mobile-header-contact img { margin-left: .5em; vertical-align: middle; margin-top: -.2em; }

.mobile-menu__section { padding: 0; margin-bottom: 2rem; }
.mobile-menu__nav { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.mobile-menu__nav a {line-height: 1.5; height: 100%; background: #FFF; display: grid; grid-template-columns: 30px 1fr; gap: 10px; align-items: center; color: #000; padding: .5em; border-radius: 3px;   }
.mobile-menu__nav .icon { width: 30px; height: 30px; obejct-fit: cntain: backgorund: #FFF; }
.mobile-menu__section:not(:last-child) { border: none; }
@media screen and (min-width: 768px) {
  .header { padding-bottom: 0; }
  .head-menu {display: block; }
  .header__inner { flex-direction: row; }
  .nav-bar__inner-in { display: flex; justify-content: space-between; }
  .header__search-bar-wrapper .search-bar { flex-grow: 1; }
  .search-bar__filter { width: 210px; }
  .search-bar__input { font-size: 1rem; }
  .head-contact { background: #2C54AC; color: #FFF; display: inline-block;  padding: .5em 1em; border-radius: 3px; font-weight: bold; }
  .head-user-menu__button { width: 80px; border: 1px solid #ACACAC; background: #FFF; text-align: center; border-radius: 3px;  font-weight: bold; margin-left: 5px; padding-top: .5em; }

  .head-user-menu__button.login,
  .head-user-menu__button.mypage{ position: relative; top:auto; right: auto; margin:0 0 0  5px; }
  .head-user-menu__button.login span  { display: inline; }
  .head-user-menu__button.cart { position: relative;  top:auto; right: auto; margin:  0 0 0 5px;  }
  .head-user-menu__button.search { display: block; }
  .head-user-menu__button img { height: 2em;}
  
  .search-bar__filter-label { height: 44px; font-size: 1rem; }
  .search-bar__top{ height: 44px; font-size: 1rem; }

  .header__mobile-nav { display: none; }
  
  .head-menu { font-size: .8rem; }
  .head-menu > li + li { margin-left:1em; }
  .head-contact { font-size: .9rem; }
  .head-contact img { display: inline-block; vertical-align: middle; margin-right: .5em; width: auto; height: 1.1em; }
}
@media screen and (min-width: 1000px) {
  .nav-bar::after { display: none; }
    .head-user-menu__button { display:flex; align-items:center; justify-content: center;   width: 142px; padding: 0; font-size: .8rem; }
    .head-user-menu__button.search { display: flex; }
    .head-user-menu__button img { display: inline-block;  vertical-align: middle;  margin: 0 5px 0 0 ; width: 2em ;height: 1.5em; }
    .head-user-menu__button,
    .head-user-menu__button.login,
    .head-user-menu__button.cart {margin:  0 0 0 10px; }
  
  .head-contact { font-size:1rem; }
  .head-menu { font-size: 1rem; }
  .head-menu > li + li { margin-left: 2em; }
}

.head-right-banner { writing-mode: vertical-rl; white-space: nowrap; color: #FFF; position: fixed; background: #2C54AC; border-radius: 0 0 3px 3xp; padding: 2em 0; line-height: 3; 
                   right: 0; top: 50%; margin: auto; transform: translateY(-50%); font-weight: bold; font-size: .8rem; display: none;  z-index: 99;  }
.head-right-banner .close { width: 2rem; height: 2rem; display: block; position: absolute; left: -1em; top: -1em; margin: auto; }

@media screen and (min-width: 1000px) {
.head-right-banner { font-size: 1rem; }
}
/*footer*/
.footer { padding-bottom: 0; margin-top: 80px; }
.footer-top-container { background: none; }
.footer-wrapper-top { padding: 0; }
.foot-logo { width: 70%;  margin: 0 auto; }
.footer-support-menu .menu { list-style: none;  }

.footer__wrapper--bottom { padding: 1rem 0; }
.footer-bottom { }
.footer-foot { background: #F5F5F5; text-align: center; padding: 2rem 0; font-size: .8375rem;  }
.footer-menu { max-width: 32em; margin: 0 auto 3em;  list-style: none; display:flex; justify-content: center; flex-wrap: wrap; line-height: 1.2;  }
.footer-menu > li + li { margin-left: 1em; border-left: 1px solid; padding-left: 1em; margin-bottom: .5em; }

@media screen and (max-width: 767px) {
  .footer { display:flex; flex-direction: column; }
  .footer .footer-top-container ,
  .footer-wrapper-top ,
  .footer-bottom,
  .footer__wrapper--bottom,
  .footer__aside { display: contents; }
  .footer-menu-wrap { order: 1; }
  .footer-menu-wrap .footer__block-list { display: block; margin: 0; }
  .footer__aside-item--payment  { order: 2; margin: 0; padding: 1rem; border-bottom: 1px solid #CCC; }
  .payment-list { justify-content: center; }
  .foot-logo { order: 3; margin: 1.5em auto; }
  .footer__aside-item--social  { order: 4; padding: 1em 0; margin: 0; }
  .social-media__item-list { justify-content: center; }
  .footer-foot { order: 5; }
  
  .foot-menu-title { background: #333333; color: #FFF; text-align: center; font-weight: bold; font-size: 1rem; padding: .5em; text-transform: uppercase; margin: 0;   }
  .footer__menu-body .footer__linklist { display: grid; grid-template-columns: repeat(2, 1fr); margin: 0; border-bottom: 1px solid #CCC;}
  .footer__menu-body .footer__linklist a { padding: 1em; display: block; }
  .footer__menu-body .footer__linklist > li:nth-child(2n + 1) { border-right : 1px solid #CCCCCC; }
  .footer__menu-body .footer__linklist > li { border-bottom: 1px solid #CCC; }
  .footer__menu-body .footer__linklist > li:last-child,
  .footer__menu-body .footer__linklist > li:nth-last-child(2n + 1):nth-last-child(2) { border-bottom: none; }
  
  .footer-support-menu { background: #F3F5FA; padding: 20px 5%; }
  .footer-support-menu .foot-menu-title { display: none; }
  .footer-support-menu .menu > li { background: #FFF; border: 1px solid #2C54AC; border-radius: 7px; text-align: center; color: #2C54AC; padding: .5em; }
  .footer-support-menu .menu > li + li { margin-top: 10px; }
}
@media screen and (min-width: 768px) {
  .footer-menu > li + li { margin-left: 3em; border: none; padding-left: 0; }
  .footer-menu  { max-width:100%; }
  .footer-wrapper-top { padding: 2rem  var(--desktop-container-gutter) 0 ; }
  .foot-logo { width: 80%; max-width: 280px;  margin-bottom: 2rem; display: block; }
  .footer__wrapper--bottom { padding:  0 var(--desktop-container-gutter); }
  .footer__block-list { margin: 0; }
  .footer-menu-wrap { display: flex; justify-content: space-between; }
  .footer__block-list { display: contents; }
  .footer-support-menu .foot-menu-title { display: block; }
  .foot-menu-title { font-weight: bold; text-transform: uppercase; }

  .footer-bottom { margin: 2em 0; }
}
@media screen and (min-width:1000px) {
  .footer-wrapper-top { display: grid; grid-template-columns: 380px 1fr;  }
  .foot-logo { width: 80%; }

  .footer__block-list > div { max-width: calc(50% - 8rem);}
  .footer__linklist { display: block; column-count: 2; gap: 2rem; }
}

@media screen and (min-width:1600px) {
  .footer-wrapper-top { padding: 2rem 0 0; }
}


/*title*/
.title-line,
.rte .title-line { font-weight: bold; border-bottom: 3px solid #2C54AC; font-size: 1.5rem; margin-bottom: 1em; width: 100%;  display: block;  }
.title-line.-s,
.rte .title-line .-s  { font-size: 1.125rem; }
.title-std-s,
.rte .title-std-s { color:  #2C54AC; font-weight: bold; font-size: 1.25rem; }
.title-line.-center { display: table; margin: 0 auto 1em; width: auto;  }


.title-line.-has-sort { border: none; }
.title-line.-has-sort .title { border-bottom: 3px solid #2C54AC; display: block; margin-bottom: .5em; }
.title-line.-has-sort .value-picker-wrapper { width:100%; }
.title-line.-has-sort .collection__toolbar-item-wrap { width:100%; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;  }
.title-line.-has-sort .collection__toolbar-item { width:100%;font-size: 1rem; font-weight: normal; margin: 0;  }
.title-line.-has-sort .collection__toolbar-item  button { border: 1px solid #CCC; border-radius: 5px;padding: 0 1em; width:100%; height: 40px;  text-align: left; }

.title-bar { background: #2C54AC; color: #FFF; font-weight: bold; font-size1.25rem; text-align: center; padding: .5em; }
.title-bar .sub{ font-size: .7em; display: block; }
.title-std { font-size: 1.25rem; font-weight: bold; margin-bottom: .5em; }
.title-std.-blue { color: #2C54AC; } 
.title-dot { padding-left: 1em; font-size:1.12rem; font-weight: bold; margin-block.5em; }
.title-dot::before { content:'・'; width: 1em; color: #2C54AC; margin-left: -1em; display: inline-block;  } 
@media screen and (min-width:768px) {
  .title-std-s,
  .rte .title-std-s  { font-size: 1.5rem; }
  .title-bar { font-size: 1.5rem; text-align: left; padding: .5em 1em; }
  .title-bar .sub { display: inline; }
  .title-std { font-size: 1.5rem; }

}

@media screen and (min-width:1000px) {
  .title-std-s { font-size: 1.8rem; }
  
.title-line.-has-sort { display: flex; justify-content: space-between; ; border-bottom: 3px solid #2C54AC; }
.title-line.-has-sort .title  { margin-bottom: 0; border: none; }
  .title-line.-has-sort .collection__toolbar-item-wrap { width: 30rem; }
  .collection__filter-group { padding: 10px; }
}
@media screen and (min-width:1000px) {
  .layout__section { width: calc(100% - 270px); }
}

/*button*/
.btn-block ,
.rte .btn-block { width: 100%; max-width: 350px; background: #2C54AC; color: #FFF!important; display: block; text-align: center; padding: 1em ; text-decoration: none; line-height: 1.7; border-radius: 10px; }
.btn-block::after { content:''; width: 1.2em; height: 1.2em; display: inline-block; vertical-align:middle; margin-left: .5em; background: url(/cdn/shop/files/right-arrow-blue.svg?v=1694176759) no-repeat center center / contain; }

.btn-block-large{ color: #FFF; background: #2C54AC; border-radius: 3px; text-align: center; padding: .5em; display: block; max-width: 600px; margin: 0 auto; }

.page__sub-header { display: flex; align-items: center; justify-content: space-between;; }
.breadcrumb__list { display: flex; flex-wrap: wrap; list-style: none; padding: 1em 0; line-height: 1.5;  }
.breadcrumb a{ color: #2C54AC; text-decoration: underline; }


/*sidebar*/
.category-sidebar { width: 90%; margin: 0 auto;  display: none; flex-shrink: 0; }
.list-side-category { list-style: none; margin-bottom: 3rem; }
.list-side-category .child { display: none; }
.list-side-category  > li { border-bottom: 1px solid #DDDDDD; }
.list-side-category a { display: grid; grid-template-columns: 46px 1fr; align-items: center;  gap: 10px;  padding: 1em 2em 1em .5em; background: url(/cdn/shop/files/arrow-r-blue.svg?v=1695303508) no-repeat right .5em center / 1em auto; line-height: 1.5;  }
.list-side-category .icon { width: 46px; height: 46px; object-fit: contain; backgorund: #FFF; }
.list-side-category  > li:nth-child(2n) { background-color: #FAFAFA; }

.side-menu { display: grid; grid-template-columns: repeat(2, 1fr); list-style: none;  gap: 10px; }
.side-menu a { display: block; background: #F5F5F5; border-radius: 3px;  font-weight: bold; padding: 10px; }
.side-menu img { display: inline-block; margin-right: 10px; vertical-align: middle; }

@media screen and (min-width: 1000px) {
  .category-sidebar { width: 230px; margin-right: 40px; margin-left: 0; display: block; }
  .side-menu{ grid-template-columns: 1fr; }
}

/*共通パーツ*/
.foot-cv-area .title { color: #FFF; background: #2C54AC; text-align: center; font-size: 1.4rrem; margin-bottom: 0; font-weight: bold; padding: .2em; }
.foot-cv-body { background: #F3F5FA; padding: 20px; }
.foot-cv-body .menu { list-style: none; }
.foot-cv-body .menu > li { background: #FFF; border-radius: 3px; display: flex; justify-content: space-between;  padding: 1em; align-items: center; }
.foot-cv-body .menu > li + li { margin-top: 10px; }
.foot-cv-body .menu .img{ width:  30%; text-align: center; }
.foot-cv-body .menu .img img { max-width: 90%; }
.foot-cv-body .menu >li:nth-child(3) .img img { max-width: 65%; }
.foot-cv-body .menu .text{ width: 65%;   }
.foot-cv-body .menu .name { font-weight: bold; color: #2C54AC; margin-bottom: .3em; font-size: 1.1rem;  }

.foot-cv-body .menu .button { width: 100%; background: #F99746; color: #FFF;  padding: 0 .5em ;text-align: center;  box-shadow: 0 3px 0 0 rgba(0,0,0,.15); color: #FFF; font-weight: bold;  font-size: .835rem; line-height: 1.3; height: 4em; 
                            display: flex; align-items: center; justify-content: center; }
.foot-cv-body .menu .button img { display: inline-block; vertical-align: middle; margin-right: .5em; } 

@media screen and (min-width: 768px) {
.foot-cv-area .title{ font-size: 1.8rem; }
  .foot-cv-body .menu { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .foot-cv-body .menu> li { display: block; padding: 2rem 0; }
  .foot-cv-body .menu> li + li {margin: 0; }
  .foot-cv-body .menu .img{ width: 100%; height: 8rem;  display: flex; align-items: center; justify-content: center;  }
  .foot-cv-body .menu .text{ width: 100%;   }
  
  .foot-cv-body .menu .name { text-align: center; line-height: 1.5; height: 4em; display: flex; justify-content: center; align-items: center; }
  .foot-cv-body .menu .button { max-width: 90%; width: auto; margin: 0 auto; padding: 0 1em;  }
}
@media screen and (min-width: 1100px) {
    .foot-cv-body .menu .button  { font-size: 1.125rem; padding: 0 2em; }
}

/*top*/

.slideshow-wrap { overflow: hidden; }
.swiper-slide img { width: 100%; height: auto; aspect-ratio: 1 / 0.7; object-fit: cover; }

.mySwiper { margin-top: 1rem; }
.mySwiper .swiper-slide img {  aspect-ratio: 2 / 1; }
.swiper-pagination { position: relative; margin-top: 1rem; z-index: 2; }
.swiper-button-prev::after,
.swiper-button-next::after { display: none; }

.swiper-button-prev { width: 30px; height: 43px; left: 0; background: url(/cdn/shop/files/prev.svg?v=1696080450) no-repeat center center / 100% 100%; }
.swiper-button-next{width: 30px; height: 43px; right: 0; background: url(/cdn/shop/files/next.svg?v=1696080450) no-repeat center center / 100% 100%; }

@media screen and (min-width: 1000px) {
  .swiper-button-prev { left: 17%;  margin-left: -22px; } 
  .swiper-button-next { right: 17%;  margin-right: -22px;}
.swiper-pagination {  margin-top: 3rem; }
}

.template-index .layout__section .container{ padding: 0; }
.section__header { border-bottom: 2px solid #2C54AC; }
.section__header .title-line { border: none; }


.template-index .block-list { margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); }
.promo-innder-tate { justify-content: flex-start; padding: 10px; }
.promo-block  .promo-block__image-clip,
.promo-block .promo-block__image-wrapper { position: relative; height: 125px; ; background-position: center center ;background-size: contain!important;  }
.promo-block:hover .promo-block__image-wrapper { background-position: center center ; }
.promo-block .promo-block__heading.heading { font-size: 1rem; line-height: 1.5; }

.promo-block__inner{ text-align: center; margin: 0 auto; }
.promo-block__content { line-height: 1.5; font-size: .8rem; }
.promo-block__cta { display: none; }


.template-index .block-list.-news { display: block; }
.template-index .block-list.-news .block-list__item { border-bottom: 1px solid #CCC; }
.template-index .block-list.-news .block-list__item .article-item__image-container { display: none; }
.template-index .block-list.-news .block-list__item>:nth-child(n) { margin: 0; padding: 1em 0; display: flex; flex-direction: column-reverse; }
.template-index .block-list.-news .article-item__meta {display: block; }

.template-index .product-list--stackable { flex-wrap: nowrap; overflow-x: scroll; }

@media screen and (min-width: 768px) {
  .template-index .block-list { grid-template-columns: repeat(3, 1fr); }
.promo-innder-tate { padding: 20px; }
 .promo-block .promo-block__heading.heading { font-size:  calc(var(--base-text-font-size) - (var(--default-text-font-size) - 21px)); }
  .block-list__item { width:100%; }
  .promo-block { padding: 1rem; }
}
@media screen and (min-width: 1000px) {
  .template-index  .promo-block__image-clip,
  .template-index  .promo-block__image-wrapper { position: relative; height: 155px; background-size:  contain; }
}
@media screen and (min-width: 1200px) {
  .template-index .block-list { grid-template-columns: repeat(4, 1fr); }
}

.top-other-info > div { background: #F5F5F5; border-radius: 3px; font-size: 1.125rem; font-weight: bold; padding: 1em; }
.top-other-info > div + div { margin-top: 10px; }
.top-other-info a { text-decoration: none!important; }
.top-other-info .icon { width: 4rem; height: 4rem; background: #2C54AC; display: inline-flex; justify-content: center; align-items: center;   margin-right: .5em; vertical-align: middle; border-radius: 50%; }
.top-other-info .icon img { width: auto; height: auto; max-width: 70%; max-height: 60%; }

@media screen and (min-width: 1000px) {
.top-other-info { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.top-other-info > div + div { margin-top: 0; }
}





/*blog*/
#shopify-section-blog-news-template { flex-grow: 1; }
.list-news-archive { list-style: none; }
.list-news-archive > li { border-bottom: 1px solid  rgba(0,0,0,.2); padding: 1em .5em; }
.news-list-date { opacity: .5; font-wegiht: bold; }

@media screen and (min-width: 1000px) {
  .blog-container { flex-direction: row-reverse; }
}

.list-feature-blogs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.list-feature-blogs .article-item__meta-item { display: none; }
@media screen and (min-width: 768px) {
.list-feature-blogs {grid-template-columns: repeat(3, 1fr); }
}
@media screen and (min-width: 1000px) {
.list-feature-blogs {grid-template-columns: repeat(4, 1fr); }
}


/*page*/
.page-title-blue {text-align: center; font-weight: bold; color: #2C54AC; font-size: 1.5rem; }
@media screen and (min-width: 1000px) {
  .page-title-blue { font-size: 2.5rem; }
}

@media screen and (min-width: 1000px) {
  .container-has-sidebar {display: flex; flex-direction: row-reverse;  }
  .container-has-sidebar .main-contents { flex-grow: 1; width: calc(100% - 270px); }
}


 .lay_img_text +  .lay_img_text  {margin-top: 3rem; }
@media screen and (min-width: 768px) {
  .lay_img_text { display: flex; justify-content: space-between; align-items: center; }
  .lay_img_text.-reverse { flex-direction: row-reverse; }
  .lay_img_text .img { width: 45%; }
  .lay_img_text .text { width: 50%; }
  
  .lay_img_text .img img { margin: 0;}
}

.collection__toolbar { background: #FFF; }


.page-mv  img { width: 100%; margin-bottom: 1rem; }

/*heiki*/
.list-heiki-flow { list-style: none; margin-bottom: 3rem; }
.list-heiki-flow > li { counter-increment: listnum; list-style: none; padding-top: 2rem; text-align: center; }
.list-heiki-flow .num { width: 200px; height:200px; background: #EFFAFE; border-radius:50%; position: relative; display: flex; align-items: center; justify-content: center; margin: 0 auto;  }
.list-heiki-flow .num::before { content: counter(listnum, decimal-leading-zero); color: #2C54AC; font-weight: bold; font-size: 5rem; position: absolute; top: -.5em; left: 0; right: 0; margin: auto; text-align: center; line-height: 1; } 
.list-heiki-flow .num img { width: 50%; height: 50%; object-fit: contain; }
.list-heiki-flow p { text-align: center; color: #2C54AC; font-weight: bold; font-size: 1.125rem; margin-top: 1em;  }
.list-heiki-flow > li  + li { margin-top: 3rem; position: relative; }
.list-heiki-flow > li  + li::before { content: '';  display: block; width: 2rem; height: 2rem; border-right:5px solid #2C54AC; border-bottom: 5px solid #2C54AC; 
  position: absolute; left: 0; right: 0; bottom: 100%; margin: auto;   transform:translateY(-50%) rotate(45deg) ; }

@media screen and (min-width: 768px) {
.list-heiki-flow{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 3rem;}
  .list-heiki-flow .num::before { font-size: 3rem; } 
  .list-heiki-flow .num { width: 100%; height: auto; aspect-ratio: 1 /1; }
  .list-heiki-flow > li  + li  { margin-top: 0; }
 .list-heiki-flow > li + li::before { transform:translateX(-50%) rotate(-45deg); left: auto; right: 100%; top: 0; bottom: 0; } 
}

@media screen and (min-width: 1000px) {
  .list-heiki-flow{ gap: 6rem;}
 .list-heiki-flow > li + li::before { transform:translateX(-2.5rem) rotate(-45deg); }
}


.column-imgs { margin-bottom: 2em;  }
.column-imgs { display: grid; grid-template-columns:  1fr; gap: 1rem; }


.heiki-example  + .heiki-example{ padding-top: 50px; margin-top: 50px; border-top:1px solid #CCCCCC;  }

.list-heiki-soudan { margin-bottom: 2rem; }
.list-heiki-soudan > li { width: 90vw; max-width: 360px; margin: 1rem auto 0; aspect-ratio: 1 / 1; background: #EFFAFE; border-radius: 50%; text-align: center;  display: flex; flex-direction: column; align-items: center; justify-content: center; }
.list-heiki-soudan .tilte { font-size: 1.3rem; font-weight: bold; color: #2C54AC; margin-bottom: 1em; line-height: 1.5;  }
.list-heiki-soudan p { font-weight: bold; line-height: 1.5;  margin-top: 1em; }


@media screen and (min-width: 768px) {
  .column-imgs { grid-template-columns: repeat(2, 1fr); gap: 2rem 1rem ; }

  .list-heiki-soudan { display: flex; justify-content: space-between; }
  .list-heiki-soudan > li { width:  30%; }
  .list-heiki-soudan .tilte { font-size: 1.125rem;  }
  .list-heiki-soudan img { width: 30%; height:auto; }
  .list-heiki-soudan p { font-size: .85rem; }
}
@media screen and (min-width: 1000px) {
  
  .list-heiki-soudan .tilte { font-size: 1.3rem;  }
  .list-heiki-soudan p { font-size: 1rem; }
}


/*first*/
.first-list-feature { list-style: none; margin: 0; display: grid; gap: 2rem; margin-top: 2rem; }
.page__content .first-list-feature li:before { display: none;}
.first-list-feature .pc { display: none; }
.first-list-feature img { margin: 0; }
.first-list-feature .title { font-weight: bold; text-align: center; margin: 1em 0; font-size: 1.25rem; fotn-weight: bold; color: #2C54AC; }

.first-list-nayami { list-style: none; margin: 0; display: grid; gap: 1rem;  }
.page__content .first-list-nayami li:before { display: none;}
.first-list-nayami a { display: block; height:100%; background: #2C54AC; padding: 1em; color: #FFF; font-size: 1.25rem;  line-height: 1.5; font-weight: bold; }

.first-nayami-comment { color:#2C54AC; font-weight: bold; text-align: center; font-size: 1.25rem;  }

@media screen and (min-width: 768px) {
  .page__content .first-list-feature { width: 90%; margin: 0 auto;  display: grid; grid-template-columns: repeat(2, 1fr); gap:  1rem 3em; }
  .page__content .first-list-feature .pc { display: block; }
  .page__content .first-list-feature .sp { display: none; width:  }
    
  .first-list-nayami { grid-template-columns: repeat(2, 1fr); }
  .nayami-list-wrap { position: relative; }
.first-nayami-comment { width: calc(50% - 1rem); position: absolute; bottom: 0; right: 0; height: 6em; margin: auto; text-align: left; }
}
@media screen and (min-width: 1000px) {
  .page__content .first-list-feature { grid-template-columns: repeat(3, 1fr); gap:2rem  100px;}

  .first-list-nayami { gap:  2rem 3rem; grid-template-columns: repeat(3, 1fr); }
  
  .first-list-nayami { gap:  2rem 3rem; grid-template-columns: repeat(3, 1fr); }
  .first-nayami-comment { width: calc(66% - 0.5rem); background: url(/cdn/shop/files/first-operator.png?v=1694175928) no-repeat right bottom / auto 100%; display: flex;
    display:flex;  align-items: center; height: 10rem; font-size: 2.2rem; }
}

/*sample*/
 .list-sample-products { list-style: none; }
 .list-sample-products .img { text-align: center;  margin: 1em 0; }
 .list-sample-products .img img { width: 60%; }
 .list-sample-products .title { font-weight: bold; font-size: 1.125rem; margin-bottom: 0; }
 .list-sample-products .tags { list-style: none; display: flex; flex-wrap: wrap; margin-bottom: .5em; }
 .list-sample-products .tags > li { margin-right: .5em; padding: 0 1em; background: #DFE5F3; font-size: .625rem; }

.sample-image { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 40px 0; margin: 40px 0; }
.sample-image .title { color: #2C54AC; font-size: 1.25rem; font-weight: bold; margin-bottom: .5em; }
.sample-image .img { margin-tp: 2rem; }
.sample-image .img img { width: 100%; }

.sf-difference { list-style: none; }
.sf-difference > li { border: 1px solid #CCC; }
.sf-difference > li + li { margin-top: 1rem; }
.sf-difference .title { background: #2C54AC; text-align: center; font-weight: bold; color: #FFF; font-size: 1.125rem; padding: .5em; margin: 0; }

.sf-difference .conts { padding: 1rem; }
.sf-difference .conts ul { list-style: none;  }
.sf-difference .conts ul > li { padding-left: 1rem; }
.sf-difference .conts ul > li::before { content: ''; width:4px; height: 4px; margin-right: calc(1rem -  4px); margin-left: -1rem; background: #2C54AC; border-radius: 50%; display: inline-block; }
 
.sample-flow { list-style: none; counter-reset: listnum; max-width: 900px; margin: 0 auto;   }
.sample-flow >li {  list-style: none; border: 2px solid #2C54AC; border-radius: 5px; font-weight: bold; padding: 1em; counter-increment: listnum;  } 
.sample-flow >li + li {margin-top: 4rem; position: relative; }
.sample-flow >li + li::after { content: ''; width: 2rem; height: 2rem; display: block; border-right: 5px solid #2C54AC;  border-bottom: 5px solid #2C54AC; transform: translateY(-75%) rotate(45deg); 
                             position: absolute; left: 0; bottom: 100%; right: 0;  margin: auto; } 
.sample-flow >li::before { content: counter(listnum, decimal-leading-zero); line-height: 1;  margin-right: .3em;  color:  #2C54AC; font-size: 2.5em; vertical-align: middle; }
@media screen and (min-width: 768px) {
  .list-sample-products > li { display: flex; justify-content: space-between; }
    .list-sample-products > li + li {margin-top: 1.5rem; }
   .list-sample-products .tags { font-weight: bold; }
  .list-sample-products .img { margin: 0; width: 25%; }
  .list-sample-products .img img { width: 100%; }
  .list-sample-products .text { width: 70%; padding: 1rem 0; }
  .list-sample-products .title { font-size: 1.5rem; }

  .sample-image { display: flex; justify-content: space-between; }
  .sample-image .img { width: 25%; }
  .sample-image .text { width: 70%; }

  .sf-difference { display: flex; justify-content: space-between; }
  .sf-difference > li { width: 30%; }
    .sf-difference > li + li {margin-top: 0; }
}

/*cusotm-order*/
.list-custom-order-items { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; list-style: none; }
.list-custom-order-items  .img { position:relative; }
.list-custom-order-items  p { display: block; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; background:rgba(223, 229, 243, .9); z-index: 2; padding: .5em; 
                             text-align: center; font-weight: bold; line-height: 1.5;  }
.list-custom-order-items .button { background: #2C54AC url(/cdn/shop/files/right-arrow-blue.svg?v=1694176759) no-repeat right 1em center ; color: #FFF; border-radius: 7px; display: block; text-align: center; margin-top: .5em; line-height: 2.5; } 

.list-custom-order-request { list-style: none; margin-bottom: 1em; }
.list-custom-order-request > li { border: 1px solid; border-radius: 1.5em; padding: .5em 1em; text-align: center; }
.list-custom-order-request > li { margin-bottom: .5em; }

.list-custom-order-archive { list-style: none; }
.list-custom-order-archive > li { margin-bottom: 2em; }
.list-custom-order-archive .img { width: 60%; margin: 0 auto 1rem;  }
.list-custom-order-archive .title { font-weight: bold; margin-bottom:1em; }
.list-custom-order-archive .title .sub { color: #2C54AC; font-weight: normal; font-size: .8375em; display: block; }

@media screen and (min-width: 768px) {
  .list-custom-order-items { grid-template-columns: repeat(3, 1fr); }
}

@media screen and (min-width: 1000px) {
.list-custom-order-items { grid-template-columns: repeat(4, 1fr); }
  .list-custom-order-items  p  { padding: 1em; }
  .list-custom-order-request > li { display: inline-block; }
.list-custom-order-archive > li  { display: flex; justify-content: space-between; }
  .list-custom-order-archive .img { width: 30%; margin: 0; }
  .list-custom-order-archive .text { width: 65%; }
  .list-custom-order-archive .title { font-size: 1.25rem; }
}


/*trouble*/
.list-trouble { list-style: none; margin-bottom: 2rem; }
.list-trouble > li { background: linear-gradient(120deg, #2C54AC 60%, #1F4391 60%); color: #FFF; padding: 1rem; display: flex; justify-content: space-between;  align-items: center; min-height: 10rem;  }
.list-trouble > li + li {margin-top: 1rem; }
.list-trouble .title { font-size: 1.25rem; font-weight: bold; margin-bottom: .5em;  line-height: 1.3; }
.list-trouble  .img { margin-left: 1rem; flex-shrink: 0; }
.list-trouble > li:nth-child(1) .img { width: 35%; }
.list-trouble > li:nth-child(2) .img { width: 20%; }
.list-trouble > li:nth-child(3) .img { width: 40%; }
.list-trouble > li:nth-child(4) .img { width: 20%; }
.list-trouble  p {line-height: 1.3; font-size: .8375rem; }

.message { font-weight: bold; font-size: 1.25rem; text-align: center; line-height: 1.5; color: #2C54AC;  }
.message.t-black { color: #222; }
.case-example .img img { width: 80%; margin: 0 auto; display: block;  }
.case-example .text { margin-top: 1rem; }
.case-example .text .title { color: #2C54AC; font-size:  1.25rem; font-weight: bold; line-height: 1.5;  }
.case-example .text { margin-top: 1rem; }
.case-example .ex-name { background: #DFE5F3; text-align: center; }
.ex-img { padding: 1rem; border: 1px solid #CCC; }

@media screen and (min-width: 768px) {
  .list-trouble { width: 90%; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin-bottom: 2rem;   }
  .list-trouble > li + li { margin-top: 0; }
  .message { font-size: 1.8rem; }
  .case-example { display: flex; justify-content: space-between; }
  .case-example .img { width: 25%; }
  .case-example .img img { width: 100%; }
  .case-example .text { width: 72%; }
  .case-example .ex-name { width: fit-content; padding: 0 5em;  }
  .ex-img { padding: 2rem; }
}


/*faq*/
.faq { margin: 0; }
.faq__item { padding: 0; background: none; border: none; }
.faq__item dt { font-size: 1rem; font-weight: bold;  min-height: 3.5rem; padding-left: 3.5rem; position: relative;  }
.faq__item dd { font-size: .875rem;  min-height:3.5rem; padding-left: 3.5rem; position: relative; border-bottom: 1px solid #CCCCCC; padding-bottom: 3rem; margin-bottom: 3rem;  }
.faq__item dt:before,
.faq__item dd:before {  width: 2.5rem; height: 2.5rem; text-align: center; line-height: 2.5rem; font-size: 1.25rem; font-weight: bold; color: #FFF; border-radius: 50%; display: block;
                     position: absolute; left: 0; top: 0; }
.faq__item dt:before  { content: 'Q'; background: #2C54AC;  }
.faq__item dd:before { content: 'A'; background: #B2BBD1;  }

@media screen and (min-width: 1000px) {
  .faq__item dt { font-size: 1.125rem; }
  .faq__item dd { font-size: 1rem; }
  .faq__item dt,
  .faq__item dd {min-height: 5rem; padding-left: 5rem;  }
  .faq__item dt:before,
  .faq__item dd:before { width: 4rem; height: 4rem; line-height: 4rem;  font-size: 2rem; }
}

/*contact*/
.contact-lead { text-align: center; margin: 0 0 3em; }
.contact-lead p { margin-bottom: 0; }
.contact-lead .link-faq { margin-top: 2em; color: #2C54AC;  display: inline-block; }
.contact-lead .link-faq img { vertical-align: middle; margin-right: .5em; }

.form__section { max-width: 90%; margin: 0 auto; width: 930px; }
.form-table { width: 100%; margin: 0 auto;  }
.form-table tr,
.form-table th,
.form-table td { display: block; width: 100%; text-align: left;  }
.form-table td { padding-bottom: 2em; }
.form-table .must { background: #F08B8B; border-radius:1em; color: #FFF; font-size: .8375rem; font-weight: normal; padding: 0 1em;  float: right; }
.form__submit--centered { background: #2C54AC; border-radius: 10px; color: #FFF; margin-left: auto; margin-right: auto; }

@media screen and (min-width: 768px) {
  input.form__field,
  select.form__field { width: 70%; }
  .form-table tr { display: table-row; }
  .form-table th { display: table-cell; text-align: left;  width: 30%;  padding-bottom: 2rem;  padding-right: 1rem; }
  .form-table td { display: table-cell;  width: 70%; padding-bottom: 2rem;  }
}

.pagination {border: none; }
.pagination__nav-item.is-active { background: #2C54AC; border-radius: 50%; }


/*product*/
.product-item { padding: 20px 20px 40px;  position: relative; }
.product-item:nth-child(n) { border: none; }
.product-item:after { display:none; }
.product-item__info { border-top: 1px solid #222; padding-top: 1em; }


.product-item .protag.onimg { position: absolute; right: 1em; top: 1em; z-index: 2; margin: auto; }
.protag.onimg span { display: block;text-align: center; padding: 0 1em; color: #fff; margin-bottom: 3px; }
.protag.onimg .new {background: #add19e; }
.protag.onimg .sale {background: #f2c5c5; }
.protag.onimg .bestseller {background: #ffd45b; }
.protag.onimg .customorder {background: #e7cbd7; }
.protag.onimg .order {background: #c2d5f7; }
.protag.onimg .fee {background: #e2afa6; }
.protag.onimg .store {background: #e2afa6; }

.product-block-list__item .card { border: none; }
.product-block-list__item .card__section { padding: 0; }

.product-gallery--with-thumbnails { flex-direction: column; }

.product-gallery__thumbnail-list { width: 100%; display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom: 30px; }
.product-gallery__thumbnail-list::before,
.product-gallery__thumbnail-listafter { display: none; }
.product-gallery .scroller { margin: 0; width: 100%;  }
.product-gallery__thumbnail { width: 100%; }

.product-meta__share-buttons { display: none; }

@media screen and (min-width: 1000px) {
  .product-gallery--with-thumbnails .product-gallery__carousel-wrapper { width: 100%; margin: 0; }
}

.product-block-list .card__header { padding: 0; margin-bottom: 1rem;  cursor: pointer; margin-top: 3em; }
.product-block-list .card__title,
.accordion-conts  .accordion-conts__title { padding: 0 0 .5em; border-bottom: 3px solid #2C54AC; font-size: 1.125rem; font-weight: bold;  position: relative; padding-right: 1.5em; cursor: pointer;  }
.product-block-list .card__title::after,
.accordion-conts  .accordion-conts__title::after  { content: '+'; position: absolute; top: 0; right: 0; margin: auto; font-weight: normal; } 
.product-block-list .open .card__title::after,
.accordion-conts.open .accordion-conts__title::after  { content: '-'; } 
.product-block-list__item--content .card__section { display: none; }

.accordion-conts { margin-bottom: 2rem; margin-top: 2em; }
.accordion-conts__conts { display: none; }
.accordion-conts__conts table th { background: #EEE; border-right: 1px solid var(--border-color); }

#shopify-section-product-template .ctl-cell {
  display: none; 
max-width: 1440px; margin-top: 5rem; 
    margin-left: auto;
    margin-right: auto;
    padding: 0 var(--mobile-container-gutter); }
#shopify-section-product-template .ctl-title {text-align: left;     font-weight: bold; border-bottom: 3px solid #2C54AC;  font-size: 1.5rem;  margin-bottom: 1em; width: 100%;   display: block; padding-bottom: .5em; }
#shopify-section-product-template .ctl-main-product-image { display: none; }

#shopify-section-product-template .ctl-cell .cell-text-wrapper { display: flex; padding-left: 0;  overflow-x: scroll; }
#shopify-section-product-template .ctl-product-component { width: 64%; display: block; min-width: 0; padding: 20px 20px 40px; flex-shrink: 0; }
#shopify-section-product-template .ctl-product-actions-wrapper { display: none; }
#shopify-section-product-template .ctl-product-img-link { width: 100%; }
#shopify-section-product-template .ctl-product-img { width: 100%; height: 0; padding-bottom: 100%; margin-bottom: 1em; position: relative; }
#shopify-section-product-template .cell-asset-image { width: auto; height: auto; width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; margin: auto; background-size: contain; }
#shopify-section-product-template .ctl-product-title { width: 100%;  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px)); font-weight: bold; border-top: 1px solid; padding-top: 1em; cursor: pointer; margin-top: 2em; }

@media screen and (min-width: 641px) and (max-width: 999px) {
 #shopify-section-product-template .ctl-product-component{ width: 36%;}
}
@media screen and (min-width: 1000px) {
 #shopify-section-product-template .ctl-product-component{ width: 20%;}
}
@media screen and (min-width: 1440px) {
 #shopify-section-product-template .ctl-product-component{ width:16.66%;}
}
/*cart*/

.cart-wrapper .card { border: none;}
.cart-wrapper .cart-table tr { border: none; }
.cart-wrapper .cart-table tr + tr .line-item__product-info-wrapper { padding-top: 30px; }
.cart-table .table { width: 90%; margin: 0 auto;   }
.cart-table .table th:nth-child(n),
.cart-table .table th:nth-child(n) { padding: 0; }

.cart-table .line-item__product-info { padding: 0!important; width: 100%; }
.cart-table .line-item__product-info-wrapper { width: 100%; display: flex; justify-content: space-between; align-items: stretch;  }
.cart-table .line-item__image-wrapper { border: 1px solid #CCC; width: 30%; }
.cart-table .line-item__image-wrapper .aspect-ratio img { width: 90%; height: 90%; right: 0; bottom: 0; margin: auto; }
.cart-table .line-item__text-wrapper { width: 65%; display: flex; flex-direction: column; }

.cart-table .quantity-wrap { margin-top: auto; display: flex; justify-content: flex-end; align-items: center; }

.cart-table .line-item__title { font-size: 1rem; font-weight: bold; }
.cart-table .line-item__quantity-remove { display: inline-block; margin-left:1em; margin-right: 0; color: #2C54AC; text-decoration: underline;   }
.cart-table .line-item__price { font-size: 1rem; margin-bottom: 1em; color: #000; }
.cart-recap__scroller .card { border: none; background: #EFFAFE; }

.cart-recap__price-line-label { font-size: 1rem; }
.cart-recap__price-line-price { font-size: 1.5rem; }
.cart-recap__price-line-delivercost { font-size: 1rem; font-weight: normal; }
.cart-recap__scroller .cart-recap__checkout { background: #2C54AC; border-radius: 10px; }
.cart-recap__scroller .checkout-note { text-align: center; font-size: .75rem; line-height: 1.5; margin-top: 1em; }

.cart-recap__scroller .privacy-check { margin: 1em 0; display: block; }
.cart-recap__scroller .privacy-check input { display: none; }
.cart-recap__scroller .privacy-check input + span { display: block; padding-left: 1.5em;  background: url(/cdn/shop/files/check-off.svg?v=1696036053) no-repeat left top / 1.2em auto;  line-height:1.2; }
.cart-recap__scroller .privacy-check input:checked + span { background-image: url(/cdn/shop/files/check-on.svg?v=1696036053);  }
.cart-recap { width: 92%; margin: 2rem auto 0; }

@media screen and (min-width: 768px) {
  .cart-table .table { width: 100%;  }
  .cart-table .line-item__title { font-size: 1.25rem; }
  .cart-table .line-item__price { font-size: 1rem; margin-bottom: 1em; color: #000; }
  .cart-recap { width: 350px; margin: 0; }
}

.cart-estimate-delivercost .title { text-align: center; font-size: 1.125rem; color: #2C54AC; font-weight: bold; }
.cart-estimate-delivercost .calc { display: flex; margin-bottom: 1em; justify-content: space-between; }
.cart-estimate-delivercost .calc .label { font-weight: bold;  text-align: center;  margin: 0; }
.cart-estimate-delivercost .calc .set { width: calc(100% - 9rem); }
.cart-estimate-delivercost .calc #estimate-pref { width: 100%; padding: .5em; }
.cart-estimate-delivercost .calc .result { width: 7rem; text-align: center; }
.cart-estimate-delivercost .calc .resuto-price { font-size: 1.5rem; font-weight: bold;  }

.cart-estimate-delivercost .note  { background: #DFE5F3; padding: 1em; font-size: .8375rem; line-height: 1.5; box-sizing: border-box; }


/*collection*/
.sub-categorylist { display: grid; grid-template-columns: repeat(2, 1fr); list-style: none; gap:1rem; }
.sub-categorylist > li { border: 1px solid #707070; }
.sub-categorylist a { display: block; /*display: grid; grid-template-columns: 50px 1fr; gap: 10px; align-items: center;  */ padding: .5em; font-weight: bold;  }
 /*
.sub-categorylist .icon { width: 50px; height: 50px; }
.sub-categorylist .icon img { width: 100%; height: 100%; border-radius: 50%; object-fit: contain; backgorund: #FFF; }
*/
.collection__toolbar { border: none; padding: 0; }


@media screen and (min-width: 768px) {
  .sub-categorylist { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (min-width: 1000px) {
  .sub-categorylist { grid-template-columns: repeat(4, 1fr); }
}
@media screen and (min-width: 1200px) {
  .sub-categorylist { grid-template-columns: repeat(5, 1fr); }
}

.protag a { display: inline-block; background: #DFE5F3; font-size: .7rem; padding: 0 .5em; margin-right: 3px; margin-bottom: 3px; }
.protag:hover { color: #000; }
/*blog*/
.block-list { flex-flow: row wrap; }
.article-item__title { font-size: 1rem; }
.block-list  .article-item__meta { display: none; }

.blog-article-header { margin-bottom: 2rem; }
.blog-article-header time {  opacity: .5; margin-top: 1em; }
.article__inner { max-width: none; }

.blog-bottom-button { border-top: 1px solid #CCC; margin-top: 80px; padding-top: 80px; }
.back-button { display: block; background: #2C54AC; width: 100%;  max-width: 350px; border-radius: 5px; padding: .5em; margin: 2em auto; position: relative; color: #FFF!important; text-decoration: none!important; text-align: center; }
.back-button::before {content: ''; width: .8em; height: .8em; display: block;
   backgorund: url(/cdn/shop/files/right-arrow-blue.svg?v=1694176759) no-repeat center center / 100% 100% ; position: absolute; left: 1em; top: 0; bottom: 0; margin: auto;  } 


.layout_account .layout__section{  margin-bottom: 30px; width: 100%;  }
.logout_link { border: 1px solid #ACACAC; background: #FFF;   text-align: center;  border-radius: 3px; font-weight: bold;  display: table; margin: 0 5% 1rem auto;  width: 10em; }

@media screen and (min-width: 768px) {
  .logout_link { margin-right: 0; }
}

.list-feature-pages ul { list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; line-height: 1.7; }
.list-feature-pages img { aspect-ratio: 2 / 1; object-fit: cover; margin-bottom: .5em; width:100%; height:auto; }

@media screen and (min-width: 768px) {
.list-feature-pages ul{ grid-template-columns: repeat(3, 1fr); }
}

@media screen and (min-width: 1200px) {
.list-feature-pages ul{ grid-template-columns: repeat(4, 1fr); }
}