@charset "UTF-8";

@media screen and (min-width: 769px) {
  .container {
    max-width: var(--responsive-sys-container-width);
  }

  .pane-contents {
    min-height: unset;
  }

  .pane-contents--full-size {
    max-width: 100%;
  }
  
  /* .pane-contents .container {
    max-inline-size: none;
  } */

  /* .page-top .pane-contents .container {
    max-width: 100%;
  }

  .pane-header + .pane-globalnav + .pane-contents {
    padding-top: 162px;
  }

  .pane-header + .pane-globalnav + .pane-landingpage-contents {
    padding-top: 162px;
  }

  .pane-header.pane-order-header + .pane-order-contents,
  .pane-header.pane-cardupdate-header + .pane-order-contents {
    padding-top: 72px;
    padding-bottom: 50px;
  }

  .pane-globalnav {
    position: fixed;
    z-index: 9999;
    top: 112px;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #f5f5f5;
    color: #000;
  }

  .pane-header.pane-order-header,
  .pane-header.pane-cardupdate-header {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
  }

  #search_view {
    padding-top: 162px;
  }

  .block-member-info,
  .block-member-info-confirmation,
  .block-member-registration-completed,
  .block-shipping-address,
  .block-credit-card-confirmation,
  .block-inquiry,
  .block-inquiry-history,
  .block-update-mail-address,
  .block-update-member-password,
  .block-reset-password,
  .block-user-review,
  .block-mail-news {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 10px;
  } */
}

@media screen and (min-width: 1024px) {

  /*フッター*/
  .pane-footer .container {
    max-inline-size: 1092px;
    padding-inline: 20px;
  }
}

@media screen and (min-width: 1280px) {

  /*ヘッダー*/
  .pane-header {
    border-block-end: 2px solid var(--color-main);
    padding-block: 12px 0;
  }

  .pane-header .container {
    grid-template-columns: minmax(max-content, 1fr) auto auto auto;
    column-gap: 1.7%;

    &:not(:has(.block-header-login)) {
      grid-template-columns: minmax(max-content, 1fr) auto auto;

      .block-header-iconnav {
        column-gap: 19px;
      }
    }
  }
}