@charset "UTF-8";

/*-- 共通 ページャー --*/
@media all {
  .block-goods-list-naviframe {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
  }

  .block-goods-list-naviframe .pager-scope {
    order: 2;
    font-size: var(--mz-fs-14);
    font-weight: var(--mz-fw-regular);
    display: flex;
    align-items: end;
    gap: 0 calc(4 / 375 * 100vw);
    line-height: 1;
  }

  .block-goods-list-naviframe .pager-scope .mz-value {
    font-size: var(--mz-fs-18);
  }

  .block-goods-list-naviframe .pager-count {
    font-size: var(--mz-fs-18);
    font-weight: var(--mz-fw-medium);
  }

  .block-goods-list-naviframe .pager-total {
    order: 1;
    display: flex;
    justify-content: start;
    align-items: end;
    line-height: 1;
    gap: 0 calc(5 / 375 * 100vw);
    margin: 0 calc(18 / 375 * 100vw) 0 0;
  }

  .block-goods-list-naviframe .pager-total .pager-unit {
    font-size: var(--mz-fs-13);
    font-weight: var(--mz-fw-regular);
  }

  .block-goods-list-naviframe .pager-current span {
    position: relative;
  }

  .block-goods-list-naviframe .pager-current::before {
    content: '';
    display: block;
    width: calc(29 / 375 * 100vw);
    height: auto;
    aspect-ratio: 1/1;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    background-color: var(--mz-color-7);
    border-radius: 50%;
  }

  .block-goods-list-naviframe .mz-pagination-items {
    order: 3;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: calc(4 / 375 * 100vw) calc(20 / 375 * 100vw);
  }

  .block-goods-list-naviframe .mz-pagination-item {
    font-size: var(--mz-fs-15);
    font-weight: var(--mz-fw-regular);
    width: calc(29 / 375 * 100vw);
    height: auto;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    position: relative;
  }

  .block-goods-list-naviframe .mz-pagination-item.mz-first,
  .block-goods-list-naviframe .mz-pagination-item.mz-last {
    display: none;
  }

  .block-goods-list-naviframe .mz-pagination-item.mz-prev {
    margin-right: auto;
  }

  .block-goods-list-naviframe .mz-pagination-item.mz-next {
    margin-left: auto;
  }

  .block-goods-list-naviframe .pager-unit {
    font-size: var(--mz-fs-13);
    font-weight: var(--mz-fw-regular);
  }

  body:is(.page-category, .page-genre, .page-event, .page-search, .page-awoopage) .block-goods-list-naviframe .pager-unit {
    font-size: var(--mz-fs-14);
  }

  .block-goods-list-naviframe.block-goods-list-naviframe--top {
    justify-content: start;
  }

  .block-goods-list-naviframe.block-goods-list-naviframe--top .mz-pagination-items {
    display: none;
  }

  .block-goods-list-naviframe.block-goods-list-naviframe--top .pager-scope {
    display: none;
  }

  .block-goods-list-naviframe.block-goods-list-naviframe--bottom {
    margin: calc(60 / 375 * 100vw) 0 calc(30 / 375 * 100vw);
  }

  .block-goods-list-naviframe.block-goods-list-naviframe--bottom .mz-pagination-items {
    margin: calc(18 / 375 * 100vw) auto 0;
    padding: 0 var(--mz-px-1);
  }

}

/*-- 商品一覧 awoo --*/
@media all {
  body:is(.page-category, .page-genre, .page-search, .page-event, .page-awoopage, .page-goods) .pane-goods-awoo {
    display: flex;
    flex-wrap: wrap;
    gap: calc(10 / 375 * 100vw) calc(10 / 375 * 100vw);
    padding: calc(30 / 375 * 100vw) 0;
    border-top: 1px solid var(--mz-color-8);
    width: 100%;
    margin: 0 auto;
  }

  body.page-goods .pane-goods-awoo {
    padding-left: var(--mz-px-1);
    padding-right: var(--mz-px-1);
    display: none;
  }

  body.page-goods .pane-goods-awoo:has(a) {
    display: flex;
  }

  body:is(.page-category, .page-genre, .page-search, .page-event, .page-awoopage, .page-goods) .pane-goods-awoo .mz-awoo-h2 {
    width: 100%;
    font-size: var(--mz-fs-15);
    font-weight: var(--mz-fw-bold);
    margin-bottom: calc(6 / 375 * 100vw);
  }

  body:is(.page-category, .page-genre, .page-search, .page-event, .page-awoopage, .page-goods) .pane-goods-awoo>a,
  body:is(.page-category, .page-genre, .page-search, .page-event, .page-awoopage, .page-goods) .pane-goods-awoo :is(.awoo-product-tags, .awoo-classify) a {
    border-radius: calc(18 / 375 * 100vw);
    border: 1px solid var(--mz-color-8);
    font-size: var(--mz-fs-14);
    padding: calc(5 / 375 * 100vw) calc(18 / 375 * 100vw);
    background-color: #fff;
    color: var(--mz-color-1);
  }

}

/*-- 閲覧履歴 --*/
@media all {
  #mz-itemhistory:has(.block-thumbnail-h) {
    padding: 0;
    background-color: #f4f4f4;
    padding: calc(30 / 375 * 100vw) 0;
  }

  #mz-itemhistory .block-recent-item--body {
    max-width: 100%;
    margin: 0 auto;
  }

  #mz-itemhistory .h2 {
    font-size: var(--mz-fs-15);
    font-weight: var(--mz-fw-regular);
    padding: 0 var(--mz-px-1);
    margin-bottom: calc(13 / 375 * 100vw);
  }

  #mz-itemhistory .block-thumbnail-h {
    position: relative;
    padding: 0 var(--mz-px-1);
    overflow: hidden;
  }

  #mz-itemhistory .embla__viewport {
    width: 100%;
    overflow: visible;
    position: relative;
    margin: 0 auto;
    padding: 0 0;
    display: block !important;
  }

  #mz-itemhistory .embla__viewport::-webkit-scrollbar {
    display: none;
  }

  #mz-itemhistory .embla__viewport .embla__container {
    display: flex;
    align-items: stretch;
    gap: 0 calc(5 / 375 * 100vw);
    padding: 0 0;
    position: relative;
    touch-action: pan-y pinch-zoom;
  }

  #mz-itemhistory .embla__viewport .embla__slide {
    height: auto;
    flex: 0 0 auto;
    width: calc((100% - 15 / 375 * 100vw) / 4);
    height: auto;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
  }

  #mz-itemhistory .embla__button--next,
  #mz-itemhistory .embla__button--prev {
    position: absolute;
    top: 50%;
    width: calc(30 / 375 * 100vw);
    height: auto;
    aspect-ratio: 1/1;
    border: none;
    padding: 0;
    margin: 0;
    z-index: 1;
    display: none;
  }

  #mz-itemhistory:has(.mz-embla-not-scrollable) .embla__dots,
  #mz-itemhistory:has(.mz-embla-not-scrollable) .embla__button--next,
  #mz-itemhistory:has(.mz-embla-not-scrollable) .embla__button--prev {
    display: none;
  }

  #mz-itemhistory .embla__button--prev {
    left: 0;
  }

  #mz-itemhistory .embla__button--next {
    right: 0;
  }

  #mz-itemhistory .embla__viewport .embla__button--next[disabled],
  #mz-itemhistory .embla__viewport .embla__button--prev[disabled] {
    opacity: 0.3;
  }

  #mz-itemhistory .embla__button--next::after,
  #mz-itemhistory .embla__button--prev::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-white);
    border: 1px solid var(--mz-color-8);
    border-radius: 50%;
  }

  #mz-itemhistory .embla__button--prev::after {
    scale: -1 1;
  }

  #mz-itemhistory .embla__dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 calc(10 / 375 * 100vw);
    margin: calc(30 / 375 * 100vw) auto 0;
    display: none;
  }

  #mz-itemhistory .embla__dot {
    background-color: #C5C5C5;
    touch-action: manipulation;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0;
    width: calc(12 / 375 * 100vw);
    height: auto;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
  }

  #mz-itemhistory .embla__dot--selected {
    background-color: var(--mz-color-1);
  }

  #mz-itemhistory .img-center {
    width: 100%;
  }
}

/*-- 標準モーダル --*/
@media all {
  body .modal-overlay {
    background-color: rgba(0, 0, 0, 0.68);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
  }

  body .modal-dialog {
    max-width: none;
    margin: auto;
    position: fixed;
    inset: 0;
    max-height: 90dvh;
    font-size: var(--mz-fs-14);
  }

  body .modal-overlay-alert,
  body .modal-overlay {
    z-index: calc(var(--mz-z-index-base) + 10);
  }

  body .modal-alert,
  body .modal-dialog {
    z-index: calc(var(--mz-z-index-base) + 11);
  }

  body .modal-dialog .modal-content {
    border: none;
    background: #fff;
  }

  body .modal-dialog .modal-header {
    background-color: #fff;
    color: var(--mz-color-1);
    min-height: calc(60 / 375 * 100vw);
    display: flex;
    align-items: center;
    justify-content: start;
    border-radius: 0;
    border: none;
    font-size: var(--mz-fs-14);
    padding: calc(30 / 375 * 100vw) var(--mz-px-1) calc(10 / 375 * 100vw);
    position: relative;
  }

  body .modal-dialog .modal-header::after {
    content: '';
    display: block;
    height: 1px;
    background-color: var(--mz-color-8);
    width: calc(100% - 2 * var(--mz-px-1));
    position: absolute;
    bottom: 0;
  }

  body .modal-dialog .modal-header .js-modal-close {
    color: transparent;
    position: relative;
    width: calc(15 / 375 * 100vw);
    height: auto;
    aspect-ratio: 1/1;
    margin-left: auto;
    flex-shrink: 0;
  }

  body .modal-dialog .modal-header .js-modal-close::after {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: var(--mz-svg-close-12x12);
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    position: absolute;
    top: 0;
    left: 0;
  }

  body:is(.page-estimate) .modal-dialog .modal-header .js-modal-close::after {
    background-image: var(--mz-img-close-black);
  }

  body .modal-dialog .modal-body {
    background-color: #fff;
    overscroll-behavior-y: contain;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(90dvh - 60 / 375 * 100vw);
    border-radius: 0;
    border: none;
    padding: calc(10 / 375 * 100vw) var(--mz-px-1);
  }

  body .modal-dialog .modal-footer {
    border-radius: 0;
    border: none;
    padding: calc(10 / 375 * 100vw) var(--mz-px-1) calc(30 / 375 * 100vw);
  }

  body .modal-dialog .modal-footer>* {
    margin: 0;
    text-align: center;
  }

  body .modal-dialog[data-modal-id] .modal-footer {
    display: flex;
    gap: 0 calc(10 / 375 * 100vw);
  }

  body.page-bookmark .modal-dialog[data-modal-id] .modal-footer,
  body.page-backorder .modal-dialog[data-modal-id] .modal-footer {
    flex-direction: column;
    gap: calc(10 / 375 * 100vw) 0;
  }

  body .modal-dialog[data-modal-id] :is([name="btncancel"], [name="btnconfirm"]) {
    width: 100%;
    height: calc(40 / 375 * 100vw);
  }

  body .modal-dialog[data-modal-id] [name="btncancel"] {
    order: 2;
  }

  body .pane-modal-alert .modal-footer button {
    width: 100%;
  }
}

/*-- 商品一覧 style T（関連商品 / お気に入り一覧 / 再入荷一覧 / AiReco） 共通 --*/
@media all {

  .mz-accessory-list-item:has([data-mz-goods-list-style="t"]) h2,
  .block-common-lightningrecommend:has([data-mz-goods-list-style="t"]) h2 {
    font-size: var(--mz-fs-15);
    margin: 0 0 calc(20 / 375 * 100vw) 0;
  }

  [data-mz-goods-list-style="t"] {
    position: relative;
    padding: 0 0;
  }

  [data-mz-goods-list-style="t"] .mz-goods-list--viewport,
  [data-mz-goods-list-style="t"] .embla__viewport {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    padding: 0 0;
    display: block !important;
  }

  [data-mz-goods-list-style="t"] .embla__viewportr::-webkit-scrollbar {
    display: none;
  }

  [data-mz-goods-list-style="t"] .mz-goods-list--items,
  [data-mz-goods-list-style="t"] .embla__viewport .embla__container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    align-items: stretch;
    gap: 0 calc(12 / 375 * 100vw);
    padding: 0 0;
    position: relative;
    touch-action: pan-y pinch-zoom;
    margin: 0;
  }

  [data-mz-goods-list-style="t"] .mz-goods-list--items>*,
  [data-mz-goods-list-style="t"] .embla__viewport .embla__slide {
    height: auto;
    flex: 0 0 auto;
    width: calc(154 / 375 * 100vw);
    height: auto;
    flex-shrink: 0;
  }

  [data-mz-goods-list-style="t"] .embla__button--next,
  [data-mz-goods-list-style="t"] .embla__button--prev {
    position: absolute;
    top: calc((154 - 30) /2 / 375 * 100vw);
    width: calc(30 / 375 * 100vw);
    height: auto;
    aspect-ratio: 1/1;
    border: none;
    padding: 0;
    margin: 0;
    z-index: 1;
    display: none !important;
  }

  [data-mz-goods-list-style="t"]:has(.mz-embla-not-scrollable) .embla__dots,
  [data-mz-goods-list-style="t"]:has(.mz-embla-not-scrollable) .embla__button--next,
  [data-mz-goods-list-style="t"]:has(.mz-embla-not-scrollable) .embla__button--prev {
    display: none;
  }

  [data-mz-goods-list-style="t"] .embla__button--prev {
    left: 0;
  }

  [data-mz-goods-list-style="t"] .embla__button--next {
    right: 0;
  }

  [data-mz-goods-list-style="t"] .embla__button--next[disabled],
  [data-mz-goods-list-style="t"] .embla__button--prev[disabled] {
    opacity: 0.3;
  }

  [data-mz-goods-list-style="t"] .embla__button--next::after,
  [data-mz-goods-list-style="t"] .embla__button--prev::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-white);
    border: 1px solid var(--mz-color-8);
    border-radius: 50%;
  }

  [data-mz-goods-list-style="t"] .embla__button--prev::after {
    scale: -1 1;
  }

  [data-mz-goods-list-style="t"] .embla__dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 calc(10 / 375 * 100vw);
    margin: calc(30 / 375 * 100vw) auto 0;
    display: none !important;
  }

  [data-mz-goods-list-style="t"] .embla__dot {
    background-color: #C5C5C5;
    touch-action: manipulation;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0;
    width: calc(12 / 375 * 100vw);
    height: auto;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
  }

  [data-mz-goods-list-style="t"] .embla__dot--selected {
    background-color: var(--mz-color-1);
  }

  [data-mz-goods-list-style="t"] figure .spinner-border {
    position: absolute;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    user-select: none;
  }

  [data-mz-goods-list-style="t"] figure {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    border: 1px solid var(--mz-color-8);

    & img {
      width: 100%;
    }
  }

  [data-mz-goods-list-style="t"] figure:has(.lazyloaded) .spinner-border {
    display: none;
  }

  [data-mz-goods-list-style="t"] .mz-goods-list--image-items .mz-soldout {
    position: absolute;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.45);
    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;
    cursor: default;
  }

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

  [data-mz-goods-list-style="t"] .mz-goods-list--image-items .mz-image-wrapper img:hover {
    cursor: pointer;
    opacity: 0.7;
  }

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

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

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

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

  [data-mz-goods-list-style="t"] .mz-goods-list--price {
    font-size: var(--mz-fs-16);
    font-weight: var(--mz-fw-medium);
    order: 1;
  }

  [data-mz-goods-list-style="t"] .mz-goods-list--default-price {
    color: var(--mz-color-9);
    order: 2;
    font-size: var(--mz-fs-14);
    font-weight: var(--mz-fw-medium);
  }

  [data-mz-goods-list-style="t"] .mz-goods-list--discount_rate {
    order: 1;
    color: var(--mz-color-4);
    font-size: var(--mz-fs-16);
    font-weight: var(--mz-fw-medium);
  }

  [data-mz-goods-list-style="t"] .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="t"] .mz-goods-list--price.mz-onsale {
    color: var(--mz-color-4);
  }

  [data-mz-goods-list-style="t"] .mz-goods-list--net-price {
    display: none;
  }

  [data-mz-goods-list-style="t"] .mz-goods-list--default-price {
    font-size: var(--mz-fs-14);
    font-weight: var(--mz-fw-medium);
    text-decoration: line-through;
  }

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

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

  [data-mz-goods-list-style="t"] .variation-name {
    font-size: var(--mz-fs-14);
    font-weight: var(--mz-fw-regular);
    color: var(--mz-color-14);
    margin-top: calc(8 / 375 * 100vw);
    display: none;
  }

  [data-mz-goods-list-style="t"] .variation-name .mz-flex {
    display: flex;
    gap: 0 calc(10 / 375 * 100vw);
  }

  [data-mz-goods-list-style="t"] .mz-goods-list--image {
    margin: 0 0 calc(13 / 375 * 100vw) 0;
  }

  [data-mz-goods-list-style="t"] .mz-goods-list--icon-items {
    display: none;
  }

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

  [data-mz-goods-list-style="t"] .mz-goods-list--goods-name2-sex-wrapper {
    display: flex;
    gap: 0 calc(12 / 375 * 100vw);
    font-size: var(--mz-fs-12);
  }

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

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

  [data-mz-goods-list-style="t"] .mz-goods-list--icon-items-2 {
    margin: calc(4 / 375 * 100vw) 0 0 0;
  }

  [data-mz-goods-list-style="t"] .mz-goods-list--comment {
    display: none;
  }

  [data-mz-goods-list-style="t"] .mz-goods-sex-name2-wrapper {
    margin-top: calc(10 / 375 * 100vw);
    font-weight: normal;
    font-size: var(--mz-fs-14);
    color: #707070;
    line-height: calc(22 / 14);
  }

}

/*-- 商品一覧 アイコン --*/
@media all {
  [data-mz-goods-list-style] .mz-goods-list--icon-item[data-mz-icon-for="new"] {
    color: var(--mz-color-2);
  }

  [data-mz-goods-list-style] .mz-goods-list--icon-item[data-mz-icon-for="sale"] {
    color: var(--mz-color-4);
    font-weight: var(--mz-fw-bold);
  }

  [data-mz-goods-list-style] .mz-goods-list--icon-item[data-mz-icon-for="time-sale"],
  [data-mz-goods-list-style] .mz-goods-list--icon-item[data-mz-icon-for="outlet"] {
    color: var(--mz-color-4);
  }

  [data-mz-goods-list-style] .mz-goods-list--icon-item[data-mz-icon-for="pre"],
  [data-mz-goods-list-style] .mz-goods-list--icon-item[data-mz-icon-for="reserve"],
  [data-mz-goods-list-style] .mz-goods-list--icon-item[data-mz-icon-for="coming-soon"],
  [data-mz-goods-list-style] .mz-goods-list--icon-item[data-mz-icon-for="made-to-order"] {
    color: var(--mz-color-2);
  }

  [data-mz-goods-list-style] .mz-goods-list--icon-item[data-mz-icon-for="campaign"],
  [data-mz-goods-list-style] .mz-goods-list--icon-item[data-mz-icon-for="lottery"],
  [data-mz-goods-list-style] .mz-goods-list--icon-item[data-mz-icon-for="member"],
  [data-mz-goods-list-style] .mz-goods-list--icon-item[data-mz-icon-for="direct"] {
    color: var(--mz-color-5);
  }

  [data-mz-goods-list-style] .mz-goods-list--icon-items {
    &>* {
      display: none !important;
    }

    &>[data-mz-icon-for="new"],
    &>[data-mz-icon-for="outlet"],
    &>[data-mz-icon-for="sale"],
    &>[data-mz-icon-for="direct"],
    &>[data-mz-icon-for="lottery"],
    &>[data-mz-icon-for="member"] {
      display: block !important;
    }
  }

  [data-mz-goods-list-style] .mz-goods-list--icon-items-2 {
    &>* {
      display: none !important;
    }

    &>[data-mz-icon-for="made-to-order"],
    &>[data-mz-icon-for="coming-soon"],
    &>[data-mz-icon-for="reserve"],
    &>[data-mz-icon-for="pre"] {
      display: block !important;
    }
  }
}

/*-- 動的エラーページ --*/
@media all {
  body[class*="page-alert"]:has([mz-data-for="goods-group"]) .pane-main {
    margin-top: 0;
  }

  body[class*="page-alert"]:has([mz-data-for="goods-group"]) .pane-contents>.container {
    margin: 0;
  }

  body[class*="page-alert"] .block-common-alert[mz-data-for="goods-group"] {
    background-color: #fff;
    border: none;
    color: var(--mz-color-1);
    padding: 0;
  }

  body[class*="page-alert"] [mz-data-for="goods-group"] .block-common-alert--message {
    font-size: var(--mz-fs-18);
    font-weight: var(--mz-fw-bold);
    margin: calc(20 / 375 * 100vw) 0 calc(16 / 375 * 100vw);
  }

  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-suggest-host {
    position: relative;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    translate: 0 0;
    margin: calc(20 / 375 * 100vw) 0 0;
  }

  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-suggest-host .mz-suggest-input-flex {
    position: relative;
  }

  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-suggest-host input[type="text"] {
    min-height: calc(36 / 375 * 100vw);
    height: calc(36 / 375 * 100vw);
    border-radius: 0;
    border: 1px solid #A0A0A0;
    width: 100%;
  }

  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-suggest-host .mz-suggest-categories {
    border-left: 1px solid #A0A0A0;
  }

  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-suggest-host [type="button"].btSearch {
    width: calc(16.5 / 375 * 100vw);
    height: auto;
    background-image: var(--mz-svg-search-1);
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    text-indent: -999em;
    aspect-ratio: 15 / 15.004;
    position: absolute;
    right: calc(15 / 375 * 100vw);
    top: 50%;
    translate: 0 -50%;
  }

  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-category-items {
    display: flex;
    flex-direction: column;
    margin: calc(65 / 375 * 100vw) auto 0;
    gap: calc(60 / 375 * 100vw) 0;
  }

  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-items-container {
    overflow-x: auto;
  }

  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-category-items .mz-items {
    display: flex;
    gap: 0 calc(10 / 375 * 100vw);
    align-items: stretch;
    justify-content: center;
    width: max-content;
  }

  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-category-items .mz-items>* {
    width: calc(70 / 375 * 100vw);
  }

  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-category-items .mz-h2 {
    font-size: var(--mz-fs-15);
    margin-bottom: calc(20 / 375 * 100vw);
  }

  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-category-items figure {
    width: 100%;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
  }

  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-category-items .mz-image {
    aspect-ratio: 1/1;
    width: 100%;
  }

  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-category-items .mz-image-wrapper img {
    transition: transform 0.8s;
  }

  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-category-items .mz-image-wrapper:hover img {
    transform: scale(1.2);
  }

  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-category-items .mz-text-wrapper {
    text-align: center;
    margin-top: calc(10 / 375 * 100vw);
    font-size: var(--mz-fs-11);
    font-weight: var(--mz-fw-bold);
  }

  body[class*="page-alert"] .action-buttons {
    display: flex;
    flex-direction: column;
    gap: calc(15 / 375 * 100vw) 0;
    margin: calc(45 / 375 * 100vw) 0 0;
  }

  body[class*="page-alert"] .action-buttons>* {
    height: calc(53 / 375 * 100vw);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-category-items .mz-h2,
  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-items-container,
  body[class*="page-alert"] [mz-data-for="goods-group"] .mz-suggest-host,
  body[class*="page-alert"]:has([mz-data-for="goods-group"]) .block-topic-path,
  body[class*="page-alert"] [mz-data-for="goods-group"] .block-common-alert--message {
    padding-left: var(--mz-px-1);
    padding-right: var(--mz-px-1);
  }
}

@media all {
  body.page-alertgoods .action-buttons {
    width: calc(100% - 2 * var(--mz-px-1));
    margin-left: auto;
    margin-right: auto;
  }
}