/** Shopify CDN: Minification failed

Line 104:0 Unexpected "{"
Line 104:1 Expected identifier but found "%"
Line 118:14 Unexpected "{"
Line 118:23 Expected ":"
Line 128:5 Expected "}" to go with "{"

**/
.rich-text {
  z-index: 1;
}

.rich-text__wrapper {
  display: flex;
  justify-content: center;
  width: calc(100% - 4rem / var(--font-body-scale));
}

.rich-text:not(.rich-text--full-width) .rich-text__wrapper {
  margin: auto;
  width: calc(100% - 8rem / var(--font-body-scale));
}

.rich-text__blocks {
  width: 100%;
}

@media screen and (min-width: 750px) {
  .rich-text__wrapper {
    width: 100%;
  }

  .rich-text__wrapper--left {
    justify-content: flex-start;
  }

  .rich-text__wrapper--right {
    justify-content: flex-end;
  }

  .rich-text__blocks {
    max-width: 50rem;
  }
}

@media screen and (min-width: 990px) {
  .rich-text__blocks {
    max-width: 78rem;
  }
}

.rich-text__blocks * {
  overflow-wrap: break-word;
}

.rich-text__blocks > * {
  margin-top: 0;
  margin-bottom: 0;
}

.rich-text__blocks > * + * {
  margin-top: 2rem;
}

.rich-text__blocks > * + a {
  margin-top: 3rem;
}

.rich-text__buttons {
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
  max-width: 45rem;
  word-break: break-word;
}

.rich-text__buttons--multiple > * {
  flex-grow: 1;
  min-width: 22rem;
}

.rich-text__buttons + .rich-text__buttons {
  margin-top: 1rem;
}

.rich-text__blocks.left .rich-text__buttons {
  justify-content: flex-start;
}

.rich-text__blocks.right .rich-text__buttons {
  justify-content: flex-end;
}


/* ========================================================== */
/* 以下、リスト包括ボックスのスタイル（負マージン利用による拡張） */
/* ★ セレクタを .collection-list.list-background--boxed から 
      .collection-list-boxed-content.list-background--boxed に変更しました ★ */
/* ========================================================== */

{% if section.settings.list_background_style == 'boxed' %}

  /* 1. デスクトップの基本スタイル */
  .collection-list-boxed-content.list-background--boxed { /* ★ 修正 */
    background-color: #2B2B2B;
    border-radius: 12px !important;
    padding: 4rem 5rem; /* 内部コンテンツのパディング */
    position: relative; 
    z-index: 1; 
  }
  
  /* 2. デスクトップでページ幅いっぱいに広げる調整 (負マージン) */
  @media screen and (min-width: 750px) {
    /* .collection-list-wrapper (page-widthクラスを持つ) のパディング 5rem を相殺 */
    .section-{{ section.id }}-padding > .collection-list-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* リスト自体を左右いっぱいに広げる */
    .collection-list-wrapper .collection-list-boxed-content.list-background--boxed { /* ★ 修正 */
        margin-left: 5rem; 
        margin-right: 5rem;
        width: calc(100% - 10rem); 
    }