@charset "UTF-8";
@media screen, print {
  /*
  .pane-left-menu .pane-block--title {
    font-size: 16px;
    border-top: #444 1px solid;
    padding: 16px 0;
    font-weight: bold;
    margin-bottom: 0;
  }
  .pane-left-menu .pane-block--subtitle {
    font-size: 14px;
    padding: 8px 0;
    font-weight: bold;
    border-bottom: #eee 1px solid;
    margin-bottom: 5px;
    cursor: pointer;
  }
  .pane-block--subtitle {
    margin: 10px 0;
    font-size: 21px;
    font-weight: normal;
  }*/
}

/* block-topic グループ */
@media (width>767px) {

  /* ----パンくず---- */
  body.page-goods .block-topic-path {
    margin: 0 auto;
    width: var(--mz-container-w-1);
    padding: 0 var(--mz-px-1);
  }

  .block-topic-path ol,
  .block-topic-path ul {
    font-size: var(--mz-fs-12);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 5px;
    color: var(--mz-color-11);
    padding: 5px 0;
  }

  .block-topic-path .block-topic-path--delimiter+ :is(a, span) {
    margin-left: 4px;
  }

  .block-topic-path ol span,
  .block-topic-path ol a,
  .block-topic-path ul span,
  .block-topic-path ul a {
    font-size: var(--mz-fs-12);
    color: var(--mz-color-11);
  }

  /*
  .block-topic-path ol {
    font-size: var(--mz-fs-12);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 7px;
    color: var(--mz-color-11);
    padding: 5px 0;
  }

  .block-topic-path ol span,
  .block-topic-path ol a {
    color: var(--mz-color-11);
  }*/

  .block-topic-path a:link,
  .block-topic-path a:visited,
  .block-topic-path a {
    text-decoration: underline;
  }

  .block-topic-path--list {

    >li {
      display: flex;
      align-items: center;
    }

    >li:last-child {
      display: none;
    }
  }

  body:is(.page-closed_login) .block-topic-path--list,
  body:is(.page-cart, .page-method, .page-estimate, .page-order) .block-topic-path--list {
    &>li:last-child {
      display: flex;
    }

    &>li:last-child a {
      text-decoration: none;
      pointer-events: none;
    }
  }

  body:is(.page-history, .page-historydetail) .block-topic-path--list {

    &>li:last-child {
      display: flex;
    }
  }

  body:is(.page-contact:has([data-mz-page-is="contact-confirm"])) .block-topic-path--list {

    &>li:nth-child(4) {
      display: flex;
    }
  }

  body:is(.page-goods) .pane-topic-path .block-topic-path--list {
    &>li:last-child {
      display: flex;
    }
  }
}

@media (width>767px) {

  /* ----トピック---- */
  .block-topic-page {
    margin: 0 10px;
  }

  /* ----トピック詳細一覧---- */
  .block-topic-details .block-icon-image--table-cell>dl {
    display: flex;
    gap: 30px;
  }

  .block-topic-details .block-topic--items li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: none;
  }

  .block-topic-details .block-topic--items li a {
    order: 1;
  }

  .block-topic-details .block-topic--items .block-icon-image--table {
    order: 2;
  }

  .block-topic-details .block-topic--items .block-topic-details--icon {
    margin-left: 100px;
  }

  .block-topic--items .block-icon-image--table-cell-angle-right {
    display: none;
  }
}

/* block-top グループ */
@media (width>767px) {
  .block-top-topic--body .block-top-topic--next-page a {
    width: var(--responsive-sys-button-width);
  }
}

/* pane-block グループ */
@media (width>767px) {

  /* ----左メニューブロック共通---- */
  /*
  .pane-block--title {
    margin: 20px 0;
    font-size: 26px;
    font-weight: normal;
  }
    */
}

/* page-topicdetaillist グループ */
@media (width>767px) {
  .page-topicdetaillist .block-topic--items {
    border-top: none;
  }
}

/* block-search グループ */
@media (width>767px) {

  /* ----キーワード検索ブロック---- */
  .block-search-box--form {
    display: flex;
    column-gap: 10px;
  }

  .block-search-box--form>.input-group-btn {
    width: auto;
  }
}

/* block-common グループ */
@media (width>767px) {

  /* ----エラー画面---- */
  /*
  .block-common-alert {
    margin-top: 40px;
    margin-bottom: 10px;
    padding: 20px;
  }*/

  /* ----追加認証---- */
  .block-common-alert-list {
    max-width: 800px;
    margin: 0 auto 20px;
    padding: 20px;
    border: 1px solid #999;
  }
}

/* block-onetimepassword グループ */
@media (width>767px) {

  /* ----ワンタイムパスワード送信---- */
  .block-onetimepassword-send .block-member-terms--body {
    height: 430px;
  }

  .block-onetimepassword-send--form {
    margin: 10px 0;
  }

  .block-onetimepassword-send--mail {
    flex-direction: unset;
    margin: 0;
    border-top: 1px solid var(--responsive-sys-border-color-gray-tertiary);
    border-bottom: 1px solid var(--responsive-sys-border-color-gray-tertiary);
  }

  .block-onetimepassword-send--mail .form-label {
    align-items: unset;
    padding: 20px 10px 25px 25px;
  }

  .block-onetimepassword-send--mail .constraint {
    align-items: unset;
    padding: 20px 5px 5px;
  }

  .block-onetimepassword-send--mail .form-control {
    margin: 15px 0 0;
  }

  .block-onetimepassword-send .action-buttons {
    flex-direction: row-reverse;
  }

  /* ----ワンタイムパスワード認証---- */
  .block-onetimepassword-certify--form {
    margin: 10px 0;
  }

  .block-onetimepassword-certify--code {
    flex-direction: unset;
    margin: 0;
    border-top: 1px solid var(--responsive-sys-border-color-gray-tertiary);
    border-bottom: 1px solid var(--responsive-sys-border-color-gray-tertiary);
  }

  .block-onetimepassword-certify .action-buttons {
    flex-direction: row-reverse;
  }
}

/* block-recent グループ */
@media (width>767px) {

  /* ----最近見た商品---- */
  .block-recent-item {
    margin: 0 10px;
  }
}

/* block-brand グループ */
@media (width>767px) {

  /* ----最近チェックした商品(ブランド)---- */
  .block-brand-recent-item {
    margin: 0 10px;
  }
}

/* block-cart グループ */
@media (width>767px) {

  /* ----最近チェックした商品(カート)---- */
  .block-cart-recent-item {
    margin: 0 10px;
  }
}