@charset "utf-8";

/*-- エラーメッセージ --*/
@media all {
  body:is(.page-category, .page-genre, .page-search, .page-event, .page-awoopage) .mz-unisearch-error-wrapper:not(:has(>*)) {
    display: none !important;
  }

  body:is(.page-category, .page-genre, .page-search, .page-event, .page-awoopage) .mz-unisearch-error-wrapper {
    color: var(--mz-color-4);
    font-size: var(--mz-fs-14);
    line-height: calc(26 / 15);
    width: 100%;
    padding: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw);
    border: 1px solid var(--mz-color-4);
    border-radius: calc(6 / 375 * 100vw);
    margin: 0 auto calc(18 / 375 * 100vw);
  }
}

/*-- 左メニュー --*/
@media screen {

  body:has(.pane-left-menu) .container {
    max-width: none;
    padding: 0 var(--mz-px-1);
  }

  .pane-contents .pane-left-menu+.pane-main {
    margin: 0 !important;
    width: 100%;
    overflow: hidden;
  }

  body:has(.pane-left-menu) .pane-header .mz-offcanvas-trigger {
    display: none;
  }

  body:has(.pane-left-menu) .pane-left-menu {
    position: absolute;
    left: -100dvw;
    display: block;
    width: 100dvw;
  }
}

/*-- 商品一覧 上部 --*/
@media all {
  .mz-filter-container {
    display: flex;
    align-items: center;
    padding: 0 0 calc(13 / 375 * 100vw) 0;
    border-bottom: 1px solid var(--mz-color-8);
  }

  .mz-common-goods-list-top {
    display: flex;
    align-items: center;
    margin: 0 0;
    padding: calc(10 / 375 * 100vw) 0
  }
}

/*-- インクルードHTML --*/
@media all {

  body.page-awoopage .mz-goods-list-include-html img,
  body.page-search .mz-goods-list-include-html img,
  body.page-genre .mz-goods-list-include-html img,
  body.page-event .mz-goods-list-include-html img,
  body.page-category .mz-goods-list-include-html img {
    max-width: none;
    width: 100%;
  }
}

/*-- 商品一覧 並び替え --*/
@media all {
  #frmUnisearchFilterClear .mz-js-filter-container {
    display: none;
  }

  #frmUnisearchFilterClear .mz-js-filter-container:has(>*) {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 0 calc(15 / 375 * 100vw);
    margin: calc(10 / 375 * 100vw) 0 0;
  }

  #frmUnisearchFilterClear .block-goods-list--sort-order-items {
    display: flex;
    align-items: center;
    margin-left: auto;
  }

  #frmUnisearchFilterClear .mz-js-filter-container select {
    width: fit-content;
    min-width: calc(150 / 375 * 100vw);
    border: none;
    font-size: var(--mz-fs-14);
    background-image: var(--mz-svg-arrow-down-1);
    background-size: calc(11.295 / 375 * 100vw) calc(6.212 / 375 * 100vw);
  }

  #frmUnisearchFilterClear .mz-js-filter-container select[name="column_pc"] {
    margin-left: auto;
  }
}

/*-- 商品一覧 表示切替 --*/
@media all {
  body:has([data-mz-goods-list-style="p"]) .block-goods-list--display-style-items.js-style-items {
    display: flex;
    align-items: center;
    gap: 0 calc(12 / 375 * 100vw);
    margin: 0 0 0 auto;
    padding: 0;
  }

  body:has([data-mz-goods-list-style="p"]) .mz-js-switch-style-placeholder {
    display: flex;
    justify-content: end;
    padding: calc(8 / 375 * 100vw) 0 0;
    border-top: 1px solid var(--mz-color-8);
    margin: calc(8 / 375 * 100vw) 0 0;
    align-items: center;
  }

  body:has([data-mz-goods-list-style="p"]) .mz-goods-list-columns-info {
    font-size: var(--mz-fs-12);
    color: var(--mz-color-9);
    margin: calc(16 / 375 * 100vw) 0 0 auto;
    width: fit-content;
  }

  body:has([data-mz-goods-list-style="p"]) .block-goods-list--display-style-items.js-style-items .mz-title {
    font-size: var(--mz-fs-14);
    font-weight: var(--mz-fw-regular);
  }

  body:has([data-mz-goods-list-style="p"]) .block-goods-list--display-style-items.js-style-items .mz-goods-list-style-item {
    display: none;
  }

  body:has([data-mz-goods-list-style="p"]) .block-goods-list--display-style-items.js-style-items .mz-js-goods-list-style-item {
    border: none;
    padding: 0;
  }

  body:has([data-mz-goods-list-style="p"]) .block-goods-list--display-style-items.js-style-items .mz-js-goods-list-style-item:hover::after {
    background-color: var(--mz-color-1);
  }

  body:has([data-mz-goods-list-style="p"]) .block-goods-list--display-style-items.js-style-items .mz-js-goods-list-style-item::after {
    content: '';
    display: block;
    width: calc(18 / 375 * 100vw);
    height: auto;
    aspect-ratio: 1/1;
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: var(--mz-color-8);
  }

  body:has([data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"]) .mz-js-goods-list-style-item[data-mz-goods-list-type*="sp:1"]::after,
  body:has([data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"]) .mz-js-goods-list-style-item[data-mz-goods-list-type*="sp:2"]::after,
  body:has([data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"]) .mz-js-goods-list-style-item[data-mz-goods-list-type*="sp:3"]::after {
    background-color: var(--mz-color-1);
  }

  body:has([data-mz-goods-list-style="p"]) .block-goods-list--display-style-items.js-style-items .mz-js-goods-list-style-item[data-mz-goods-list-type*="sp:2"]::after {
    mask-image: var(--mz-svg-tile-1);
  }

  body:has([data-mz-goods-list-style="p"]) .block-goods-list--display-style-items.js-style-items .mz-js-goods-list-style-item[data-mz-goods-list-type*="sp:3"]::after {
    mask-image: var(--mz-svg-tile-2);
  }

  body:has([data-mz-goods-list-style="p"]) .mz-goods-list--display-style-items-select {
    display: none;
  }
}

/*-- カテゴリー/ジャンル/イベント/検索結果 --*/
@media all {

  body.page-awoopage .pane-header .container,
  body.page-search .pane-header .container,
  body.page-genre .pane-header.container,
  body.page-event .pane-header.container,
  body.page-category .pane-header.container {
    margin: 0 auto;
  }

  body.page-awoopage .pane-contents,
  body.page-search .pane-contents,
  body.page-genre .pane-contents,
  body.page-event .pane-contents,
  body.page-category .pane-contents {
    /*margin: calc(18 / 375 * 100vw) 0 0;*/
  }

  body.page-awoopage .pane-main h1,
  body.page-search .pane-main h1,
  body.page-genre .pane-main h1,
  body.page-event .pane-main h1,
  body.page-category .pane-main h1 {
    margin: calc(14 / 375 * 100vw) auto 0;
  }

  body.page-category .block-category-list>* {
    padding: calc(6 / 375 * 100vw) 0;
  }

  body.page-category .block-category-list>*:not(h1):empty {
    display: none;
  }

  body:is(.page-category, .page-genre, .page-event, .page-search, .page-awoopage) .mz-goods-list-sub-genre-items {
    display: flex;
    flex-wrap: wrap;
    gap: calc(4 / 375 * 100vw) calc(20 / 375 * 100vw);
    margin: 0 0 calc(18 / 375 * 100vw) 0;
  }

  body:is(.page-category, .page-genre, .page-event, .page-search, .page-awoopage) .mz-goods-list-sub-genre-items>* {
    font-size: var(--mz-fs-13);
    color: var(--mz-color-9);
    text-decoration: underline;
  }
}

/*-- 検索結果　関連ワード --*/
@media all {
  body:is(.page-category, .page-genre, .page-search, .page-event, .page-awoopage) #mz-goods-list-keyword-area {
    margin: 0 0 calc(25 / 375 * 100vw) 0;
  }

  body:is(.page-category, .page-genre, .page-search, .page-event, .page-awoopage) #mz-goods-list-keyword-area .mz-goods-list-keyword-area-flex {
    display: flex;
    align-items: stretch;
  }

  body:is(.page-category, .page-genre, .page-search, .page-event, .page-awoopage) #mz-goods-list-keyword-area .mz-goods-list-keyword-head {
    color: var(--mz-color-9);
    font-size: var(--mz-fs-14);
    font-weight: var(--mz-fw-regular);
    margin: 0 calc(28 / 375 * 100vw) 0 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
  }

  body:is(.page-category, .page-genre, .page-search, .page-event, .page-awoopage) #mz-goods-list-keyword-area .mz-goods-list-keyword-items {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: calc(9 / 375 * 100vw) calc(25 / 375 * 100vw);
    font-size: var(--mz-fs-14);
    max-height: calc(2lh + 9 / 375 * 100vw);
    overflow: hidden;
  }

  body:is(.page-category, .page-genre, .page-search, .page-event, .page-awoopage) #mz-goods-list-keyword-area .mz-goods-list-keyword-items>a {
    color: var(--mz-color-9);
    font-size: var(--mz-fs-14);
    font-weight: var(--mz-fw-regular);
    margin: 0;
    padding: 0;
    text-decoration: underline;
  }

  body:is(.page-category, .page-genre, .page-search, .page-event, .page-awoopage) #mz-goods-list-keyword-area .mz-js-keyword-area-more-button {
    margin: calc(6 / 375 * 100vw) 0 0 auto;
    display: none;
    justify-content: flex-end;
    align-items: center;
    font-size: var(--mz-fs-14);
    gap: 0 calc(5 / 375 * 100vw);
    color: var(--mz-color-9);
  }

  body:is(.page-category, .page-genre, .page-search, .page-event, .page-awoopage) #mz-goods-list-keyword-area .mz-js-keyword-area-more-button::after {
    content: '';
    background-image: var(--mz-svg-arrow-down-1);
    background-repeat: no-repeat;
    background-size: contain;
    width: calc(11.295 / 375 * 100vw);
    height: auto;
    aspect-ratio: 11.295 / 6.212;
    display: block;
  }

  body:is(.page-category, .page-genre, .page-search, .page-event, .page-awoopage) #mz-goods-list-keyword-area .mz-js-keyword-area-more-button[aria-expanded="true"]::after {
    scale: 1 -1;
  }
}

/*-- 絞り込みボタン --*/
@media all {
  #frmUnisearchFilterClear .mz-goods-list-filter-area:not(:has(>*)) {
    display: none;
  }

  #frmUnisearchFilterClear .mz-goods-list-filter-area:has(>*) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 calc(10 / 375 * 100vw);
    padding: 0 0 calc(16 / 375 * 100vw);
    margin: 0 0 calc(16 / 375 * 100vw);
    border-bottom: 1px solid var(--mz-color-8);
    display: none;
  }

  #frmUnisearchFilterClear .mz-goods-list-filter-area button {
    background-color: var(--mz-color-7);
    color: var(--mz-color-13);
    font-size: var(--mz-fs-14);
    padding: 0 calc(12 / 375 * 100vw);
    border-radius: calc(6 / 375 * 100vw);
    border: none;
    display: flex;
    gap: 0 calc(5 / 375 * 100vw);
    align-items: center;
    min-height: calc(34 / 375 * 100vw);
  }

  #frmUnisearchFilterClear .mz-goods-list-filter-area button::before {
    content: '';
    background-image: var(--mz-svg-close-12x12);
    background-repeat: no-repeat;
    background-size: contain;
    width: calc(10 / 375 * 100vw);
    height: auto;
    aspect-ratio: 12/12;
    display: block;
  }

  #frmUnisearchFilterClear .mz-goods-list-filter-area .block-goods-list-reset-button-wrapper {
    width: 100%;
  }

  #frmUnisearchFilterClear .mz-goods-list-filter-area [name="clear_all_filter"] {
    background-color: transparent;
    border: none;
    padding: 0;
    color: var(--mz-color-1);
    height: auto;
    margin-top: calc(8 / 375 * 100vw);
  }

  #frmUnisearchFilterClear .mz-js-filter-container .js-sort-items {
    margin-left: auto;
    order: 2;
  }

  #frmUnisearchFilterClear #block_of_filter .js-filter-header {
    font-size: var(--mz-fs-14);
  }

  #frmUnisearchFilterClear .mz-offcanvas-trigger {
    display: none;
  }

  #frmUnisearchFilterClear #mz-js-goods-list-filter-toggle-wrapper {
    margin-right: auto;
  }

  #frmUnisearchFilterClear .mz-js-goods-list-filter-toggle {
    font-size: var(--mz-fs-14);
    border: none;
    background-color: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 0 calc(6 / 375 * 100vw);
    min-height: calc(40 / 375 * 100vw);
  }

  #frmUnisearchFilterClear .mz-js-goods-list-filter-toggle::before {
    content: '';
    background-image: var(--mz-svg-filter-1);
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(16.5 / 375 * 100vw);
    height: auto;
    aspect-ratio: 16.5 / 14.808;
    display: block;
    margin: 0 calc(6 / 375 * 100vw) 0 0;
  }

  #frmUnisearchFilterClear .mz-js-filter-container [name="column_pc"] {
    display: none;
  }
}

/*-- 絞り込みフォーム --*/
@media all {
  /*
  #frmUnisearchFilterList {
    display: none;
  }*/

  #block_of_filter .block-filter--header-label {
    display: none;
  }

  #block_of_filter .mz-js-goods-list-filter-toggle {
    border: none;
    padding: 0;
    font-weight: var(--mz-fw-regular);
    display: flex;
    align-items: center;
    background-color: transparent;
  }

  #block_of_filter .mz-js-goods-list-filter-toggle::before {
    content: '';
    background-image: var(--mz-svg-filter-1);
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(16.5 / 375 * 100vw);
    height: auto;
    aspect-ratio: 16.5 / 14.808;
    display: block;
    margin: 0 calc(6 / 375 * 100vw) 0 0;
  }
}

/*-- 絞り込みモーダル --*/
@media all {
  body #mz-js-goods-list-filter-modal.uk-modal {
    padding: 0;
  }

  body #mz-js-goods-list-filter-modal.uk-modal .uk-modal-dialog {
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important;
  }

  body #mz-js-goods-list-filter-modal.uk-modal .mz-g-modal-header {
    border-bottom: 1px solid var(--mz-color-8);
    height: calc(50 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal.uk-modal .mz-g-modal-header::before {
    content: '';
    background-image: var(--mz-svg-filter-1);
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(16.5 / 375 * 100vw);
    height: auto;
    aspect-ratio: 16.5 / 14.808;
    display: block;
    margin: 0 calc(6 / 375 * 100vw) 0 calc(12/ 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal.uk-modal .mz-g-modal-close {
    top: 50%;
    right: calc(20 / 375 * 100vw);
    translate: 0 -50%;
  }

  body #mz-js-goods-list-filter-modal.uk-modal .mz-g-modal-body {
    max-height: calc(100cqh - calc(110 / 375 * 100vw));
    padding: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw);
    flex-grow: 1;
    overflow: auto;
  }

  body #mz-js-goods-list-filter-modal.uk-modal .mz-g-modal-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 calc(10 / 375 * 100vw);
    padding: 0 calc(20 / 375 * 100vw);
    box-shadow: 0px calc(-3 / 375 * 100vw) calc(3 / 375 * 100vw) rgba(0, 0, 0, 0.14);
    height: calc(60 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal.uk-modal .mz-goods-list-filter-selected-items:not(:has(>*)) {
    display: none;
  }

  body #mz-js-goods-list-filter-modal.uk-modal .mz-goods-list-filter-selected-items {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: calc(3 / 375 * 100vw) calc(5 / 375 * 100vw);
    margin-bottom: calc(15 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal.uk-modal .mz-goods-list-filter-selected-item button {
    background-color: var(--mz-color-8);
    border-radius: calc(6 / 375 * 100vw);
    font-size: var(--mz-fs-14);
    border: none;
    padding: 0 calc(10 / 375 * 100vw);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(34 / 375 * 100vw);
    gap: 0 calc(4 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal.uk-modal .mz-goods-list-filter-all-clear-button::before,
  body #mz-js-goods-list-filter-modal.uk-modal .mz-goods-list-filter-selected-item button::before {
    content: '';
    background-image: var(--mz-svg-close-10x10);
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(10 / 375 * 100vw);
    height: auto;
    aspect-ratio: 12/12;
    display: block;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-all-clear-button {
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: var(--mz-fs-14);
    display: flex;
    align-items: center;
    text-decoration: underline;
    gap: 0 calc(4 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal .mz-g-modal-footer .mz-reset-button {
    border: none;
    border-radius: calc(6 / 375 * 100vw);
    font-size: var(--mz-fs-16);
    width: calc(calc((100% - calc(10 / 375 * 100vw)) / 2));
    height: calc(40 / 375 * 100vw);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 calc(6 / 375 * 100vw);
    font-weight: var(--mz-fw-regular);
    font-size: var(--mz-fs-15);
  }

  body #mz-js-goods-list-filter-modal .mz-g-modal-footer .mz-reset-button::before {
    content: '';
    background-image: var(--mz-svg-close-10x10);
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(10 / 375 * 100vw);
    height: auto;
    aspect-ratio: 12/12;
    display: block;
  }

  body #mz-js-goods-list-filter-modal .mz-g-modal-footer .mz-submit-button {
    border: none;
    border-radius: calc(6 / 375 * 100vw);
    font-size: var(--mz-fs-15);
    width: calc(calc((100% - calc(10 / 375 * 100vw)) / 2));
    height: calc(40 / 375 * 100vw);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 calc(6 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal .mz-g-modal-footer .mz-submit-button::before {
    content: '';
    mask-image: var(--mz-svg-filter-1);
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: #fff;
    width: calc(16.5 / 375 * 100vw);
    height: auto;
    aspect-ratio: 16.5 / 14.808;
    display: block;
    margin: 0 0 0 0;
  }

  body .mz-goods-list-filter-accordion-frame {
    display: none;
  }

  body #mz-js-goods-list-filter-modal label {
    font-size: var(--mz-fs-16);
  }

  body #mz-js-goods-list-filter-modal label [type="checkbox"] {
    flex-shrink: 0;
  }

  body #mz-js-goods-list-filter-modal:has([aria-modal="true"]) .mz-goods-list-filter-accordion-frame {
    display: flex;
    flex-direction: column;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-group {
    padding: calc(16 / 375 * 100vw) 0;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-group.uk-open {
    padding: calc(16 / 375 * 100vw) 0 calc(30 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-group+.mz-goods-list-filter-group {
    border-top: 1px solid var(--mz-color-8);

    & .mz-goods-list-filter-clear-button {
      display: none;
    }

    &:has(.mz-flu) .mz-goods-list-filter-clear-button,
    &:has(option:nth-child(n+2)[selected]) .mz-goods-list-filter-clear-button,
    &:has([type="checkbox"]:checked) .mz-goods-list-filter-clear-button,
    &:has([type="radio"]:checked) .mz-goods-list-filter-clear-button {
      display: flex;
      z-index: 1;
    }
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-group[data-mz-goods-filter-key="stock_availability"] {
    padding-bottom: calc(16 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-flex-items {
    display: flex;
    flex-direction: column;
    gap: calc(16 / 375 * 100vw) 0;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-items {
    display: flex;
    flex-direction: column;
    gap: 0 0;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-title-items {
    margin-bottom: calc(20 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-title {
    font-size: var(--mz-fs-16);
    flex-grow: 1;
    flex-shrink: 0;
    z-index: -1;
    grid-row: 1;
    grid-column: 1 / 2;
    position: relative;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-items select {
    display: block;
    width: 100%;
    font-size: var(--mz-fs-15);
    background-image: var(--mz-svg-arrow-down-1);
    background-size: calc(11.295 / 375 * 100vw) calc(6.212 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-title-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-group.uk-open .mz-goods-list-filter-title-wrapper {
    margin-bottom: calc(9 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-title-wrapper>* {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    position: relative;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-title-wrapper .mz-goods-list-filter-clear-button {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    padding: 0;
    gap: 0 calc(5 / 375 * 100vw);
    border-radius: calc(5 / 375 * 100vw);
    background-color: var(--mz-color-8);
    font-size: var(--mz-fs-14);
    height: calc(24 / 375 * 100vw);
    width: calc(60 / 375 * 100vw);
    line-height: 1;
    flex-shrink: 0;
    position: absolute;
    right: calc(27 / 375 * 100vw);
    top: 0;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-title-wrapper .mz-goods-list-filter-clear-button::before {
    content: '';
    background-image: var(--mz-svg-close-10x10);
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(10 / 375 * 100vw);
    height: auto;
    aspect-ratio: 12/12;
    display: block;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-nested-group .mz-goods-list-filter-title {
    display: none;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-current-items {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-current-items.mz-init,
  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-title-wrapper:has([aria-expanded="true"]) .mz-goods-list-filter-current-items,
  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-title-wrapper:has([aria-expanded="true"]) .mz-goods-list-filter-filter3-current-row {
    display: none !important;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-filter3-current-row-title,
  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-current-item {
    font-size: var(--mz-fs-14);
    color: var(--mz-color-9);
    display: inline;
    flex-shrink: 0;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-current-item::after {
    content: '/';
    margin-right: calc(4 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-current-item:last-child::after {
    content: none;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-current-items-price {
    text-align: center;
    margin-bottom: calc(15 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-current-items-price>* {
    color: var(--mz-color-1);
    font-size: var(--mz-fs-15);
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-current-items-price>*::after {
    content: '';
    margin-right: calc(4 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-accordion-button {
    border: 0;
    width: 100%;
    height: calc(14 / 375 * 100vw);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    background-color: transparent;
    margin-left: auto;
    grid-row: 1;
    grid-column: 1 / -1;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-accordion-button[aria-expanded]::after {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(14 / 375 * 100vw);
    height: auto;
    aspect-ratio: 1/1;
    display: block;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-accordion-button[aria-expanded="true"]::after {
    background-image: var(--mz-svg-minus-14x14);
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-accordion-button[aria-expanded="false"]::after {
    background-image: var(--mz-svg-plus-14x14);
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-count {
    flex-shrink: 0;
  }

  body #mz-js-goods-list-filter-modal [data-mz-is-accordion="false"] .mz-goods-list-filter-accordion-button {
    display: none;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter3"] .mz-goods-list-filter-items {
    display: flex;
    flex-direction: column;
    gap: calc(50 / 375 * 100vw) 0;
    padding-bottom: calc(40 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter3"] .mz-goods-list-filter-flex-items {
    display: flex;
    flex-wrap: wrap;
    gap: calc(2 / 375 * 100vw) calc(2 / 375 * 100vw);
    flex-direction: row;
    align-items: stretch;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter3"] .mz-goods-list-filter-flex-items>*:has([type="checkbox"]) {
    display: flex;
    width: calc(calc((100% - calc(6 / 375 * 100vw)) / 4));
    max-width: calc(80 / 375 * 100vw);
    min-height: calc(44 / 375 * 100vw);
    height: auto;
    overflow: hidden;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter3"] .mz-goods-list-filter-filter3-items .mz-goods-list-filter-title {
    width: 100%;
    display: flex;
    justify-content: start;
    margin-bottom: calc(9 / 375 * 100vw);
    font-size: var(--mz-fs-15);
    flex-shrink: 0;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter3"] .mz-goods-list-filter-filter3-current-row {
    display: flex;
    flex-wrap: nowrap;
    gap: calc(4 / 375 * 100vw) calc(10 / 375 * 100vw);
    align-items: start;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter3"] .mz-goods-list-filter-filter3-current-row+.mz-goods-list-filter-filter3-current-row {
    margin-top: calc(9 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter3"] .mz-goods-list-filter-item {
    container-type: size;
    position: relative;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter3"] .mz-goods-list-filter-item[data-disabled-check="True"] label {
    mix-blend-mode: multiply;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter3"] .mz-goods-list-filter-item[data-disabled-check="True"] {
    background-color: var(--mz-color-7);
    border-radius: calc(5 / 375 * 100vw);
    pointer-events: none;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter3"] .mz-goods-list-filter-item[data-disabled-check="True"]::after {
    content: '';
    inset: 0;
    position: absolute;
    background: linear-gradient(to bottom right,
        transparent calc(50% - 0.5px),
        #C8C8C8 calc(50% - 0.5px),
        #C8C8C8 calc(50% + 0.5px),
        transparent calc(50% + 0.5px));
    pointer-events: none;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter3"] [type="checkbox"] {
    display: none;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter3"] label {
    align-items: center;
    justify-content: center;
    font-size: var(--mz-fs-16);
    width: 100%;
    height: 100%;
    border: 1px solid var(--mz-color-8);
    border-radius: calc(5 / 375 * 100vw);
    word-break: break-word;
    text-align: center;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter3"] label:has([type="checkbox"]:checked) {
    background-color: var(--mz-color-1);
    color: #fff;
    border: 1px solid var(--mz-color-1);
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter3"] label::before {
    display: none;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter4"] .mz-goods-list-filter-flex-items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter4"] .mz-goods-list-filter-flex-items>* {
    width: calc((100% - 20 / 375 * 100vw) / 2);
  }


  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter6"] .mz-goods-list-filter-flex-items {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: calc(12 / 375 * 100vw) calc(23 / 375 * 100vw);
    flex-direction: row;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter6"] .mz-goods-list-filter-item {
    /*container-type: inline-size;*/
    position: relative;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter6"] .mz-goods-list-filter-item[data-disabled-check="True"] {
    pointer-events: none;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter6"] .mz-goods-list-filter-item[data-disabled-check="True"] label::after {
    content: '';
    background-color: rgba(131, 131, 131, 0.57);
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: multiply;
    border-radius: calc(5 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter6"] .mz-goods-list-filter-item[data-disabled-check="True"]::after {
    content: '';
    inset: 0;
    position: absolute;
    clip-path: polygon(0 100%,
        1px 100%,
        100% 0,
        calc(100% - 1px) 0);
    aspect-ratio: 1/1;
    background-color: #fff;
    z-index: 1;
    display: block;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter6"] .mz-goods-list-filter-flex-items>* {
    width: calc((100% - calc(23 / 375 * 100vw) * 4) / 5);
    max-width: calc(50 / 375 * 100vw);
    height: auto;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter6"] [type="checkbox"] {
    display: none;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter6"] label {
    align-items: center;
    justify-content: center;
    font-size: var(--mz-fs-16);
    width: 100%;
    height: auto;
    border: none;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    gap: calc(4 / 375 * 100vw) 0;
    position: relative;
    font-size: var(--mz-fs-12);
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter6"] label::before {
    content: '';
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    background-color: #EFEFEF;
    border-radius: calc(5 / 375 * 100vw);
    padding: calc(2 / 375 * 100vw) calc(2 / 375 * 100vw);
    background-image: none !important;
    border: 1px solid #C8C8C8;
    margin: 0;
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter6"] label:has(:checked)::before {
    border-color: var(--mz-color-1);
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter6"] label span::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(3 / 375 * 100vw);
    left: calc(3 / 375 * 100vw);
    width: calc(100% - (6 / 375 * 100vw));
    height: auto;
    aspect-ratio: 1/1;
    border-radius: calc(5 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal [data-mz-goods-filter-key="filter6"] {
    & label:has([type="checkbox"][value="\30D4\30F3\30AF"]) span::before {
      background-color: #FBA8D0;
    }

    & label:has([type="checkbox"][value="\30B0\30EC\30FC"]) span::before {
      background-color: #8E8E8E;
    }

    & label:has([type="checkbox"][value="\30DB\30EF\30A4\30C8"]) span::before {
      background-color: #FFFFFF;
    }

    & label:has([type="checkbox"][value="\30B0\30EA\30FC\30F3"]) span::before {
      background-color: #008E34;
    }

    & label:has([type="checkbox"][value="\30EC\30C3\30C9"]) span::before {
      background-color: #F6101B;
    }

    & label:has([type="checkbox"][value="\30D6\30EB\30FC"]) span::before {
      background-color: #005BF9;
    }

    & label:has([type="checkbox"][value="\30A4\30A8\30ED\30FC"]) span::before {
      background-color: #FFCF42;
    }

    & label:has([type="checkbox"][value="\30D6\30E9\30C3\30AF"]) span::before {
      background-color: #000000;
    }

    & label:has([type="checkbox"][value="\30D9\30FC\30B8\30E5"]) span::before {
      background-color: #eedcb3;
    }

    & label:has([type="checkbox"][value="\30D6\30E9\30A6\30F3"]) span::before {
      background-color: #8f6552;
    }

    & label:has([type="checkbox"][value="\30D1\30FC\30D7\30EB"]) span::before {
      background-color: #9b72b0;
    }

    & label:has([type="checkbox"][value="\30AA\30EC\30F3\30B8"]) span::before {
      background-color: #ee7800;
    }

    & label:has([type="checkbox"][value="\30B4\30FC\30EB\30C9"]) span::before {
      background-color: #ffd700;
    }

    & label:has([type="checkbox"][value="\30B7\30EB\30D0\30FC"]) span::before {
      background-color: #afafb0;
    }

    & label:has([type="checkbox"][value="\305d\306e\4ed6"]) span::before {
      background: linear-gradient(to right, #c70000, #d28300, #dfd000, #00873c, #005aa0, #181878, #800073);
    }
  }

  body #mz-js-goods-list-filter-modal .noUi-target {
    background: var(--mz-color-7);
    border: none;
    border-radius: 0;
    box-shadow: none;
  }

  body #mz-js-goods-list-filter-modal .noUi-horizontal {
    height: 1px;
    width: 100%;
  }

  body #mz-js-goods-list-filter-modal .noUi-base {
    margin: calc(7.5 / 375 * 100vw) auto 0;
  }

  body #mz-js-goods-list-filter-modal .noUi-connects {
    border-radius: 0;
  }

  body #mz-js-goods-list-filter-modal .noUi-connect {
    background: var(--mz-color-9);
  }

  body #mz-js-goods-list-filter-modal .noUi-handle {
    border: none;
    border-radius: calc(4 / 375 * 100vw);
    box-shadow: none;
    background-color: var(--mz-color-1);
  }

  body #mz-js-goods-list-filter-modal .noUi-handle:after,
  body #mz-js-goods-list-filter-modal .noUi-handle:before {
    display: none;
  }

  body #mz-js-goods-list-filter-modal .noUi-horizontal .noUi-handle {
    top: calc(-7.5 / 375 * 100vw);
    width: calc(50 / 375 * 100vw);
    height: calc(12 / 375 * 100vw);

  }

  body #mz-js-goods-list-filter-modal .noUi-horizontal .noUi-handle-lower {
    right: calc(-50 / 375 * 100vw);
    left: auto;
  }

  body #mz-js-goods-list-filter-modal .noUi-horizontal .noUi-handle-upper {
    right: auto;
    left: calc(100% - (50 / 375 * 100vw));
  }

  body #mz-js-goods-list-filter-modal :is([name="pricef"], [name="pricet"]) {
    height: calc(40 / 375 * 100vw);
    border: solid 1px var(--mz-color-9);
    border-radius: calc(4 / 375 * 100vw);
    text-align: right;
    font-size: var(--mz-fs-16);
    text-align: right;
    padding: 0 calc(10 / 375 * 100vw);
    max-width: calc(105 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-price-flex {
    display: flex;
    gap: 0 0;
    justify-content: space-between;
    align-items: stretch;
    margin: calc(20 / 375 * 100vw) auto 0;
    font-size: var(--mz-fs-15);
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-js-more-area {
    height: 0;
    overflow: hidden;
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-js-more-area.mz-open {
    height: auto;
    margin-top: calc(16 / 375 * 100vw);
  }

  body #mz-js-goods-list-filter-modal .mz-goods-list-filter-more-button {
    display: flex;
    justify-content: center;
    font-size: var(--mz-fs-12);
    text-decoration: underline;
    padding: calc(20 / 375 * 100vw) 0 0;
    width: 100%;
  }
}

/*-- 共通 商品一覧 --*/
@media all {
  .mz-common-goods-list {
    margin: calc(18 / 375 * 100vw) 0 0;
  }
}

/*-- 商品一覧 style P 共通 --*/
@media all {

  [data-mz-goods-list-style="p"] .goodslist_column_pc {
    display: none !important;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--items {
    display: grid;
    grid-auto-rows: auto;
    gap: calc(50 /375 * 100vw) calc(12 / 375 * 100vw);
    width: 100%;
    align-items: stretch;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list-variation--item,
  [data-mz-goods-list-style="p"] .mz-goods-list--item {
    display: flex;
    flex-direction: column;
    container-type: inline-size;
    overflow: hidden;
  }

  [data-mz-goods-list-style="p"] [data-mz-soldout="True"] [href],
  [data-mz-goods-list-style="p"] [data-mz-soldout="True"] [href] {
    pointer-events: none;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--item>* {
    position: relative;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--icon-items {
    display: flex;
    flex-wrap: wrap;
    gap: calc(4 / 375 * 100vw) calc(7 / 375 * 100vw);
    margin: 0 0 calc(5 / 375 * 100vw);
    align-content: baseline;
    /*overflow: hidden;*/
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--icon-item img {
    height: 100%;
    width: auto;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--goods-image {
    border: 1px solid var(--mz-color-7);
    position: relative;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--goods-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--image-container {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    display: flex;
    aspect-ratio: 1/1;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--image-container::-webkit-scrollbar {
    display: none;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--image-container .mz-next-button,
  [data-mz-goods-list-style="p"] .mz-goods-list--image-container .mz-prev-button {
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    width: 30px;
    height: auto;
    aspect-ratio: 1/1;
    border: none;
    padding: 0;
    margin: 0;
    z-index: 1;
    display: none;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--image-container .mz-prev-button {
    left: 5px;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--image-container .mz-next-button {
    right: 5px;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--image-container.mz-is-end .mz-next-button,
  [data-mz-goods-list-style="p"] .mz-goods-list--image-container.mz-is-start .mz-prev-button {
    opacity: 0.3;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--image-container .mz-next-button::after,
  [data-mz-goods-list-style="p"] .mz-goods-list--image-container .mz-prev-button::after {
    content: '';
    display: block;
    aspect-ratio: 1/1;
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: var(--mz-svg-arrow-circle-right-gray);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--image-container.mz-no-slide .mz-next-button,
  [data-mz-goods-list-style="p"] .mz-goods-list--image-container.mz-no-slide .mz-prev-button {
    display: none;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--image-container .mz-prev-button::after {
    scale: -1 1;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--image .mz-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 calc(8 / 375 * 100vw);
    position: absolute;
    bottom: calc(8 / 375 * 100vw);
    width: 100%;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--image .mz-pagination>* {
    width: calc(10 / 375 * 100vw);
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: var(--mz-color-8);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--image .mz-pagination>*.mz-active {
    background-color: var(--mz-color-2);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--image-items {
    display: flex;
    align-items: stretch;
    gap: 0;
    width: max-content;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--image-items>* {
    height: auto;
    width: 100cqw;
    scroll-snap-align: start;
    flex-shrink: 0
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-item .mz-image-wrapper,
  [data-mz-goods-list-style="p"] .mz-goods-list--image-items .mz-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border: 1px solid var(--mz-color-7);
    width: 100%;
    aspect-ratio: 1/1;
    position: relative;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-items>*.mz-active .mz-image-wrapper {
    border: 2px solid var(--mz-color-2);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-item .mz-soldout,
  [data-mz-goods-list-style="p"] .mz-goods-list--image-items .mz-soldout {
    position: absolute;
    text-align: center;
    background-color: var(--mz-color-soldout);
    color: #fff;
    font-weight: var(--mz-fw-medium);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    top: 0;
    left: 0;
    line-height: 1;
    pointer-events: none;
    word-break: break-word;
    line-height: 1.1;
  }

  [data-mz-goods-list-style="p"] .mz-active .mz-goods-list--variation-item .mz-soldout {
    top: 1px;
    left: 1px;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--image-items .mz-soldout {
    font-size: var(--mz-fs-14);
    pointer-events: none;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-item img,
  [data-mz-goods-list-style="p"] .mz-goods-list--image-items .mz-image-wrapper img {
    width: 100%;
    display: block;
    aspect-ratio: 1/1;
    height: auto;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    user-select: none;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-item figure,
  [data-mz-goods-list-style="p"] .mz-goods-list--image-items figure {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-item .img-center,
  [data-mz-goods-list-style="p"] .mz-goods-list--image-items .img-center {
    aspect-ratio: 1/1;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-item figure .spinner-border,
  [data-mz-goods-list-style="p"] .mz-goods-list--image-items figure .spinner-border {
    position: absolute;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    user-select: none;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-item figure:has(.lazyloaded) .spinner-border,
  [data-mz-goods-list-style="p"] .mz-goods-list--image-items figure:has(.lazyloaded) .spinner-border {
    display: none;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-container {
    container-type: inline-size;
    margin: 0 0 0;
    overflow: hidden;
    position: relative;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-items {
    display: flex;
    align-items: stretch;
    width: auto;
    touch-action: pan-y pinch-zoom;
    background-color: #fff;
    gap: 0 calc(5 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-items>* {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
    height: auto;
    flex-shrink: 0;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-items .mz-soldout {
    cursor: pointer;
    font-size: var(--mz-fs-10);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-container .mz-button {
    width: calc(7 / 375 * 100vw);
    height: 100%;
    top: 50%;
    translate: 0 -50%;
    position: absolute;
    margin: 0;
    background-color: #fff;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    z-index: 1;
  }

  [data-mz-goods-list-style="p"] .mz-embla-not-scrollable .mz-button {
    display: none;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-container .mz-button::after {
    content: '';
    mask-image: var(--mz-svg-arrow-right-1);
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: var(--mz-color-9);
    width: calc(5.3 / 375 * 100vw);
    height: auto;
    aspect-ratio: 5.506/10.01;
    display: block;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-container .mz-button:hover {
    opacity: 1;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-container .mz-button:hover::after {
    opacity: 0.7;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-container .mz-button.mz-prev-button {
    left: 0;
    justify-content: start;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-container .mz-button.mz-next-button {
    right: 0;
    justify-content: end;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--variation-container .mz-button.mz-prev-button::after {
    scale: -1 1;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--price-items .mz-flex:not(:has(>*)) {
    display: none;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--price-items {
    display: flex;
    flex-direction: column;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--price-items .mz-flex:has(>*) {
    display: flex;
    flex-wrap: wrap;
    gap: calc(7 / 375 * 100vw) calc(7 / 375 * 100vw);
    align-items: center;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--price {
    font-weight: var(--mz-fw-bold);
    order: 1;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--default-price {
    color: var(--mz-color-9);
    order: 2;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--discount_rate {
    order: 1;
    color: var(--mz-color-4);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--time-sale {
    order: 2;
    color: var(--mz-color-4);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: var(--mz-fs-12);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--time-sale::before {
    content: '';
    background-image: var(--mz-img-clock-red);
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(16 / 375 * 100vw);
    height: auto;
    aspect-ratio: 1/1;
    display: block;
    margin-right: calc(3 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--price-infos:has([data-mz-is-onsales="true"]) .mz-goods-list--price {
    color: var(--mz-color-4);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--price.mz-onsale {
    color: var(--mz-color-4);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--net-price,
  [data-mz-goods-list-style="p"] .mz-goods-list--default-price {
    font-size: var(--mz-fs-13);
    font-weight: var(--mz-fw-regular);
    text-decoration: line-through;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list-off-rate {
    color: var(--mz-color-4);
    font-size: var(--mz-fs-13);
    font-weight: var(--mz-fw-regular);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--goods-name {
    font-weight: var(--mz-fw-regular);
    color: var(--mz-color-14);
    margin-top: calc(1 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--item-code,
  [data-mz-goods-list-style="p"] .mz-goods-list--goods-tech,
  [data-mz-goods-list-style="p"] .mz-goods-list--goods-name2,
  [data-mz-goods-list-style="p"] .mz-goods-list--goods-sex {
    color: var(--mz-color-9);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--item-code,
  [data-mz-goods-list-style="p"] .mz-goods-list--goods-tech {
    margin-top: calc(4 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--goods-sex {
    display: inline-block;
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--goods-name2-sex-wrapper {
    margin-top: calc(4 / 375 * 100vw);
    margin-bottom: calc(4 / 375 * 100vw);
    font-size: var(--mz-fs-12);
    display: flex;
    flex-wrap: wrap;
    gap: calc(4 / 375 * 100vw) calc(7 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--scomment {
    font-size: var(--mz-fs-12);
    font-weight: var(--mz-fw-regular);
    color: var(--mz-color-4);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--icon-items-2 {
    display: flex;
    flex-direction: column;
    gap: calc(2 / 375 * 100vw);
    margin-top: calc(4 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--item-code {
    font-size: var(--mz-fs-12);
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--goods-tech-parentheses:first-child::before {
    content: '[ ';
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--goods-tech-parentheses:last-child::after {
    content: ' ]';
  }

  [data-mz-goods-list-style="p"] .mz-goods-list--goods-tech {
    display: none !important;
  }
}

/*-- 商品一覧 style P sp 1列--*/
@media all {
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--items {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 0;
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--icon-items {
    /*height: calc(20 / 375 * 100vw);*/
    font-size: var(--mz-fs-13);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--icon-items-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(4 / 375 * 100vw) calc(7 / 375 * 100vw);
    align-content: baseline;
    margin-top: calc(8 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--goods-name {
    height: fit-content;
    font-size: var(--mz-fs-14);
    margin-top: calc(8 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--goods-item-code,
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--goods-tech {
    font-size: var(--mz-fs-12);
    margin: calc(8 / 375 * 100vw) 0 0;
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--price-items {
    margin-top: calc(15 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--price {
    font-size: var(--mz-fs-16);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--net-price,
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--default-price {
    font-size: var(--mz-fs-14);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--net-price,
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--default-price {
    font-size: var(--mz-fs-14);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--discount_rate {
    font-size: var(--mz-fs-14);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--icon-items-2>* {
    font-size: var(--mz-fs-12);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--variation-container {
    margin-top: calc(20 / 375 * 100vw);
    padding: 0 calc(8 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--variation-container.mz-embla-not-scrollable {
    padding: 0;
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--variation-items {
    min-height: calc(46 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] .mz-goods-list--variation-items>* {
    width: calc(46 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"] [data-mz-icon-for="campaign"],
  body:has([data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:1"]) .mz-goods-list-columns-info {
    display: none;
  }
}

/*-- 商品一覧 style P sp 2列--*/
@media all {
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--items {
    grid-template-columns: repeat(2, 1fr);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--icon-items {
    /*height: calc(20 / 375 * 100vw);*/
    font-size: var(--mz-fs-12);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--goods-name {
    display: block;
    margin: calc(9 / 375 * 100vw) 0 0;
    font-size: var(--mz-fs-14);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--item-code,
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--goods-tech {
    font-size: var(--mz-fs-12);
    margin: calc(8 / 375 * 100vw) 0 0;
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--goods-name2-sex-wrapper {
    margin-top: calc(8 / 375 * 100vw);
    margin-bottom: calc(8 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--price-items {
    margin-top: calc(15 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--price {
    font-size: var(--mz-fs-16);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--net-price,
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--default-price {
    font-size: var(--mz-fs-14);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--discount_rate {
    font-size: var(--mz-fs-14);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--icon-items-2>* {
    font-size: var(--mz-fs-12);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--variation-container {
    margin-top: calc(10 / 375 * 100vw);
    padding: 0 calc(8 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--variation-container.mz-embla-not-scrollable {
    padding: 0;
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--variation-items {
    min-height: calc(34 / 375 * 100vw);
  }


  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--variation-items>* {
    width: calc(34 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] [data-mz-icon-for="campaign"],
  body:has([data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"]) .mz-goods-list-columns-info,
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--goods-tech,
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--goods-name2,
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:2"] .mz-goods-list--item-code {
    display: none;
  }
}

/*-- 商品一覧 style P sp 3列--*/
@media all {
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--items {
    grid-template-columns: repeat(3, 1fr);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--icon-items {
    /*height: calc(20 / 375 * 100vw);*/
    font-size: var(--mz-fs-11);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--goods-name {
    height: fit-content;
    font-size: var(--mz-fs-12);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--goods-tech,
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--goods-name2 {
    font-size: var(--mz-fs-12);
    margin: calc(8 / 375 * 100vw) 0 0;
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--price-items {
    margin-top: calc(8 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--price {
    font-size: var(--mz-fs-13);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--net-price,
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--default-price {
    font-size: var(--mz-fs-12);
    display: none;
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--discount_rate {
    font-size: var(--mz-fs-11);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--time-sale,
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--icon-items-2 {
    display: none;
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--icon-items-2>* {
    font-size: var(--mz-fs-12);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--variation-container {
    margin-top: calc(10 / 375 * 100vw);
    padding: 0 calc(8 / 375 * 100vw);
    display: none;
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--variation-container:has(.swiper-button-lock) .swiper-wrapper {
    margin-left: calc(-8 / 375 * 100vw);
  }

  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-leeep-star-items,
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--goods-tech,
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--goods-name2-sex-wrapper,
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--item-code {
    display: none;
  }
}

/*--
SP3列表示時
アイコン（NEW）、アイコン（抽選商品）、アイコン（直営限定）の表示条件をそれぞれ満たす場合、各商品欄の上部に左記の順でアイコンを表示する
ただし、3件とも表示される場合、アイコン（直営限定）のみ非表示とし、アイコン（NEW）、アイコン（抽選商品）の2件まで表示する
--*/
/*
@media all {
  [data-mz-goods-list-style="p"][data-mz-goods-list-type*="sp:3"] .mz-goods-list--items>*:has([data-mz-icon-for="new"]):has([data-mz-icon-for="lottery"]):has([data-mz-icon-for="direct"]) {
    & [data-mz-icon-for="direct"] {
      display: none;
    }
  }
}*/

/*-- ページ下部 PLP SEOテキスト --*/
@media all {
  body:is(.page-category, .page-genre, .page-event, .page-search, .page-awoopage) {
    & .mz-js-footer-freespace-wrapper {
      padding: 0 var(--mz-px-1) calc(20 / 375 * 100vw);
      margin: calc(15 / 375 * 100vw) auto calc(60 / 375 * 100vw);
    }

    & .mz-footer-freespace {
      font-size: var(--mz-fs-13);
      line-height: calc(26 / 13);
      color: #505050;
      overflow: hidden;
    }

    & .mz-footer-freespace h2 {
      font-size: var(--mz-fs-15);
      font-weight: var(--mz-fw-regular);
      margin: 0 0 calc(15 / 375 * 100vw) 0;
      color: var(--mz-color-1);
    }

    & .mz-js-footer-freespace-more-button {
      display: flex;
      justify-content: end;
      align-items: center;
      font-size: var(--mz-fs-14);
      gap: 0 calc(10 / 375 * 100vw);
      width: 100%;
      margin: calc(16 / 375 * 100vw) 0 0;
    }

    & .mz-js-footer-freespace-more-button::after {
      content: '';
      background-image: var(--mz-svg-arrow-down-1);
      background-size: contain;
      background-repeat: no-repeat;
      aspect-ratio: 11.295 / 6.212;
      width: calc(11.29 / 375 * 100vw);
      height: auto;
      display: block;
    }

    & .mz-js-footer-freespace-more-button[aria-expanded="true"]::after {
      scale: 1 -1;
    }

    & .mz-footer-freespace a {
      text-decoration: underline;
    }
  }
}

/*-- LEEEP --*/
/*
@media all {
  body:is(.page-category, .page-genre, .page-event, .page-search, .page-awoopage) .mz-leeep-star-items .LRSLStarForegroundSvg {
    stroke: var(--mz-color-2);
    fill: var(--mz-color-2);
  }

  body:is(.page-category, .page-genre, .page-event, .page-search, .page-awoopage) .mz-leeep-star-items .LRSLValue {
    font-size: var(--mz-fs-15);
    font-weight: var(--mz-fw-bold);
    color: var(--mz-color-1);
  }

  body:is(.page-category, .page-genre, .page-event, .page-search, .page-awoopage) .mz-leeep-star-items .LRSLTotalCount {
    display: none;
  }
}*/