/** Shopify CDN: Minification failed

Line 327:27 The "+" operator only works if there is whitespace on both sides
Line 416:4 Unexpected "}"

**/
/*original css*/


/*
general
*/
  .h2.center {
    margin-top: 3rem;
  }
  .featured-article-title-box {
    margin: 2rem auto 2rem;
  }
  .featured-article-box .center.h3 {
    margin-bottom: 0;
  }
  .customer table {
    table-layout: auto;
    border-collapse: collapse;
    border-bottom: 0.01rem solid rgba(var(--color-foreground), 0.08);
    box-shadow: none;
    width: 100%;
    font-size: 1.6rem;
    position: relative;
  }
  @media screen and (min-width: 750px) {
    .customer table {
      border: none;
      box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.08);
    }
  }

  /*search button*/
    .search__button .icon {
      height: 1.8rem;
    }
  
  /*grid*/
    .grid-search-page {
      padding: 0;
      list-style: none;
    }
    .grid__item-search-page {
      margin: 1rem 0;
    }
    .grid.product-grid.grid--3-col-tablet-down.grid--5-col-desktop {
      padding-left: var(--grid-mobile-horizontal-spacing);
    }
  
  /*search results*/
    .search-results,
    .search-result {
      font-weight: bold;
    }
    .search-result{
      text-align:center;
      margin-top: 3rem;
    }
    .search-page-grid,
    .template-search__results {
      padding-left: 0rem;
      padding-right: 0rem;
    }
    @media screen and (min-width: 750px) {
      .search-page-grid,
      .template-search__results {
        padding-left: 5rem;
        padding-right: 5rem;
      }
    }  
    @media screen and (max-width: 749px) {
      .facets-vertical.page-width {
        padding: 0;
      }
    }  
    .faq-search-results-title,
    .blog-search-results-title,
    .product-search-results-title {
    margin: 1rem auto 2rem;
    }

  /*facets*/
    #search-product .facets-container {
      padding: 1rem;
    }

  /*responsive*/
    @media screen and (min-width: 750px) {
      h3.card__heading .full-unstyled-link {
        font-size: 1.9rem;
      }
      .featured-article-title-box {
        margin: 4rem auto 4rem;
      }
    }



/*
search product
*/

/*search-product-featured*/
#search-product-featured {
  background-color: #fff;
  width: 100vw;
  margin-top: 10rem;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 5rem 0 10rem;
  z-index: 4;
  position: relative;
}
#search-product-featured slider-component {
  margin: 0 -1.5rem 0 0;
  padding: 0;
}
#search-product-featured .slider_view-all_mobile-li {
  padding: .5rem 0 2rem 0;
}
.featured-product {
  margin-top: 5rem;
}
@media screen and (max-width: 989px) {
  #search-product-featured .slider.slider--tablet {
    margin-bottom: 0;
  }
}

/*
search page
*/
#search-page {
  margin-bottom: 2rem;
}
#search-page-featured {
  background-color: #fff;
  width: 100vw;
  margin-top: 10rem;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 5rem 0 10rem;
}
  
  /*card*/
    .grid-page.product-grid {
      padding: var(--grid-mobile-horizontal-spacing);
      row-gap: 0;
    }
    .grid__item.grid__item-page {
      padding: 1rem 0;
      border-bottom: solid 1px #ddd;
      width: 100%;
      max-width: 100%;
      --blog-card-shadow-opacity: 0;
    }
    .grid__item.grid__item-page .article-card-wrapper .card {
      background-color: transparent;
    }
    .grid__item.grid__item-page .article-card-wrapper .card .card__content .card__badge {
      display: none;
    }
    
  /*page content*/
    .grid__item.grid__item-page .article-card-wrapper .card .card__content .card__information .card__heading {
      font-size: 1em;
    }
    .search-page-item-content {
      display: block;
      margin: 1em 0 0;
      font-family: YuGothic, 'Hiragino Kaku Gothic ProN','Yu Gothic', Meiryo !important;
      font-size: 0.7em;
      font-weight: 400;
    }
    .highlight {
      color: #2e7d32;
    }
    
  /*featuredkeyword*/
    .featured-keyword-box {
      margin: 8rem auto 2rem;
      padding: 2rem;
    }
    
  /*featured-faq*/
    .featured-faq-box {
      padding: 1.5rem;
    }
    #search-page-featured .accordion {
      border-bottom: solid 1px #ddd;
    }
    #search-page-featured .accordion:first-child {
      border-top: solid 1px #ddd;
    }
    #search-page-featured .accordion__title {
      font-weight: 600;
    }
    #search-page-featured .rte>*:last-child {
      margin-bottom: 2rem;
    }
    #search-page-featured .accordion .accordion__content p {
      font-size: .9em;
    }
      
    .collapsible-content,
    .collection__title {
      padding-left: 0rem;
      padding-right: 0rem;
    }
    .collapsible-section-layout {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    
    @media screen and (min-width: 750px) {
      .collapsible-content {
        padding-left: 5rem;
        padding-right: 5rem;
      }
    }
    
  /*news*/
    #search-page-featured .featured-blog-slim-box {
      padding-top: 50px;
    }
    #search-page-featured .col2list.articles {
      padding: 1.2rem 0;
    }
    #search-page-featured .slim-h3.card__heading {
      font-size: 1.2rem;
      color: rgba(var(--color-foreground), 0.75);
      display: block;
    }
  
  /*contact*/
    #search-page-featured .help-index {
      margin: 10rem 0 3rem;
    }
    .modal {
      text-align: left;
    }

  /*responsive*/
    @media screen and (min-width: 750px) {
      /*general*/
        #search-page .grid-page.product-grid {
          flex-wrap: nowrap;
          flex-direction: column;
          row-gap: unset;
        }
        #search-page .grid__item.grid__item-page {
          width: 100%;
          max-width: 100%;
          border-bottom: solid .5px #ddd;
        }
        #search-page .grid__item.grid__item-page .article-card-wrapper .card {
          background-color: transparent;
          --shadow-opacity: 0;
        }
        .search-page-item-content {
          display: block;
          margin: 1em 0;
        }
        #search-page .card__badge {
          display: none;
        }
        #search-page .card__content {
          padding: 0;
        }
      /*注目のFAQ*/
        #search-page-featured .accordion__title {
          font-size: 1.5rem;
          font-weight: 600;
        }
      /*news*/
        #search-page-featured .slim-h3.card__heading {
          font-size: 1.5rem;
        }
      .full-unstyled-link {
        text-align: left;
      }
      /*contact*/
        .search-page-featured-content {
          margin: 5rem auto 5rem;
        }
        #search-page-featured .help-index {
          margin-top: 15rem;
        }
    }



/*
search article
*/
  .article-card__info {
    margin: 0 auto 1rem;
  }
  #search-article .search-page-item-content {
    font-size: 0.7em;
  }
  #search-article .card__heading {
    font-size: 1.2rem;
    color: #000;
  }
  /*genre-dropdown*/
    #genre-dropdown {
      margin: 2rem 0 auto auto;
      display: flex;
      padding: .5rem 2rem;
      background-color: rgb(var(--color-background));
      color: rgb(var(--color-foreground));
      font-size: 1.2rem;
      letter-spacing: 0.06rem;
      line-height: calc(1 + 0.8 / var(--font-body-scale));
      font-family: var(--font-body-family);
      font-style: var(--font-body-style);
      font-weight: var(--font-body-weight);
      border: none;
      border-radius: var(--inputs-radius);
      min-height: calc(var(--inputs-border-width)* 2);
      min-width: calc(7rem +(var(--inputs-border-width)* 2));
      position: relative;
      box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
    }
    #genre-dropdown:before {
      box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
    } 
    #genre-dropdown:focus {
      outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
      outline-offset: 0.3rem;
      box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
    }
  /*genre*/
    .article-genre-all .card__inner:has(.article-card__image-wrapper.card__media),
    .article-genre-news .card__inner:has(.article-card__image-wrapper.card__media) {
      display: none;
    }
    .article-genre-all.grid__item-article .article-card-wrapper .card .card__inner,
    .article-genre-news.grid__item-article .article-card-wrapper .card .card__inner {
      width: 100%;
      background-color: transparent;
      --shadow-opacity: 0;
    }
    .article-genre-all .card__content,
    .article-genre-news .card__content {
      width: unset;
      padding: 1.5rem .5rem;
    }
    .article-genre-all,
    .article-genre-news {
      border-bottom: solid 1px #ddd;
    }
    .grid:has(.article-genre-all),
    .grid:has(.article-genre-news) {
      row-gap: 0;
    }
    .article-genre-all h3,
    .article-genre-news h3 {
      color: rgb(var(--color-foreground));
    }
  /*card*/
    .grid-article.grid.product-grid.grid--3-col-tablet-down.grid--5-col-desktop {
      padding: var(--grid-mobile-horizontal-spacing);
    }
    .grid__item.grid__item-article {
      width: 100%;
      max-width: 100%;
    }
    .grid__item-article .article-card-wrapper .card {
      flex-direction: row;
    }
    .grid__item-article .article-card-wrapper .card .card__inner {
      width: 40%;
    }
    .grid__item-article .article-card-wrapper .card__content {
      padding: 1.5rem .5rem 1.5rem 1rem;
    }
  /*media*/
    #search-article .card__inner,
    #search-article .article-card__image-wrapper.card__media {
      aspect-ratio: 7/8;
      height: fit-content;
    }
  /*time*/
    #search-article .article-card__info:has(.circle-divider) {
      margin: 0 0 1rem;
      color: rgba(var(--color-foreground), .5);
    }
    #search-article .circle-divider {
      font-size: .9rem;
    }
    .circle-divider p {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      margin: 0;
    }
    .circle-divider p img {
      width: 1rem;
      height: 1rem;
      margin-bottom: .1rem;
    }
  /*search-article-featured*/
    #search-article-featured {
      background-color: #fff;
      width: 100vw;
      margin: 10rem calc(50% - 50vw) 0 calc(50% - 50vw);
      padding: 5rem 0 10rem;
    }
    }
    #search-article-featured .featured-article-box {
      padding-top: 5rem;
    }
    @media screen and (max-width: 749px) {
      .grid--peek.slider .grid__item:first-of-type {
          margin-left: 0;
      }
      .slider.slider--mobile .slider__slide {
        padding-bottom: 0;
      }
      .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item, .grid--peek .grid__item {
        width: calc(50% - var(--grid-mobile-horizontal-spacing));
      }
    }
    #search-article-featured .featured-article slider-component {
      margin: 0 -1.5rem 0 0;
    }
    .slider_view-all_mobile-li {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 2rem 0;
    }
    .slider_view-all_mobile {
      height: 100%;
      max-width: 300% !important;
      width: 300% !important;
      display: flex;
      justify-content: flex-start;
      background-color: rgba( 0, 0, 0, 0.03);
      border-radius: var(--blog-card-corner-radius);
      box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
    }
    .slider_view-all {
      color: rgba(var(--color-foreground), 0.75);
      text-decoration: none;
      border: none;
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 100%;
      height: 100%;
      font-size: 1rem;
      border-radius: var(--blog-card-corner-radius);
      margin: 0 auto 0 0;
      width: calc(100% / 3);
      box-sizing: border-box;
    }
    
    /*news*/
      .recent-news-view-all {
        font-size: .9rem;
        margin: auto;
        width: 100%;
      }

  /*responsive*/
    @media screen and (min-width: 750px) {
      /*general*/
        #search-article .template-search__results .card__inner {
          margin-right: 0;
          width: 100%;
        }
        #search-article .template-search__results .card__inner:has(.article-card__image-wrapper .article-card__image img) {
          margin-right: 2rem;
          width: 40%;
        }
        .search-article-featured-content {
          margin-top: 5rem;
        }
        #search-article-featured .search-article-featured-content .search-page-item-content.desktop-only {
          display: none !important;
        }
        #search-article-featured .search-article-featured-content .search-page-item-content.mobile-only {
          display: block !important;
        }
        #search-article .card__heading {
          font-size: 1.5rem;
        }
      /*media*/
        #search-article .card__inner,
        #search-article .article-card__image-wrapper.card__media {
          aspect-ratio: 3 / 2;
          height: fit-content;
        }
      /*time*/
        #search-article .article-card__info:has(.circle-divider) {
          margin: 0 0 2rem;
        }
        #search-article .circle-divider {
          font-size: 1rem;
        }
        .circle-divider p img {
          width: 1.1rem;
          height: 1.1rem;
        }
    }