@charset "UTF-8";

/* ----全体レイアウト---- */
@media (width>767px) {
  .container {
    margin: 0 auto;
  }

  .pane-contents {
    min-height: 600px;
    margin-bottom: 80px;
  }

  body:is(.page-catgory, .page-search, .page-genre, .page-event, .page-goods, .page-awoopage) .pane-contents {
    margin-bottom: 0;
  }

  .pane-globalnav {
    width: 100%;
  }

  body:has(.pane-left-menu) .pane-contents .container {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
  }

  body:has(.pane-left-menu) .pane-left-menu {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    width: 305px;
    margin-right: 25px;
  }

  body:has(.pane-left-menu) .pane-main {
    display: block;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  body:has(.pane-left-menu) main.pane-main {
    margin-top: 0;
  }

  body:has(.pane-left-menu) .search-nodata {
    width: auto !important;
  }
}

/*-- エラーページ --*/
@media (width>767px) {

  body:has(.block-common-alert) .pane-contents>.container,
  body.page-alert .pane-contents>.container {
    width: var(--mz-container-w-1);
    padding: 0 var(--mz-px-1);

    .block-common-alert {
      margin-top: 25px;
    }
  }
}

@media (width > 767px) {
  /*
  .pane-header.pane-order-header+.pane-order-contents,
  .pane-header.pane-cardupdate-header+.pane-order-contents {
    padding-top: 72px;
    padding-bottom: 50px;
  }

  .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;
  }*/

  body:is(.page-closed_login) .pane-contents,
  body.page-salesdestchange .block-shipping-address,
  .block-member-info,
  .block-member-info-confirmation,
  .block-member-registration-completed,
  .block-shipping-address,
  .block-credit-card-confirmation,
  .block-update-mail-address,
  .block-update-member-password,
  .block-reset-password,
  .block-user-review,
  .block-mail-news {
    max-width: calc(900px + 2 * var(--mz-px-1));
    padding-left: var(--mz-px-1);
    padding-right: var(--mz-px-1);
    margin: 0 auto;
  }
}

@media (width > 767px) {

  body:is(.page-closed_top) .pane-contents,
  body:is(.page-couponlist) .pane-contents>.block-coupon-list,
  body:is(.page-bookmark, .page-backorder) .pane-contents .block-body {
    max-width: var(--mz-container-w-1);
    padding: 0 var(--mz-px-1);
    margin: 0 auto;
  }

  body:is(.page-history, .page-historydetail, .page-salescancel, .page-salescancelcomplete) .pane-contents .container,
  body.page-contactthanks .pane-contents .container,
  body.page-contact .pane-contents .container,
  body:is(.page-cart, .page-method, .page-estimate, .page-order, .page-salesdestchange) .pane-contents .container {
    max-width: var(--mz-container-w-1);
    padding: 0 var(--mz-px-1);
  }
}

@media (width > 767px) {

  body:is(.page-closed_top, .page-closed_login) {
    main.pane-main {
      margin-top: 0;
    }

    h1 {
      margin: 10px auto 10px;
    }
  }

  body:is(.page-logout) {
    & main.pane-main {
      margin-top: 40px;
    }

    & h1 {
      margin: 10px auto 10px;
    }
  }

  body:is(.page-alert, .page-alertgoods),
  body:is(.page-history, .page-historydetail, .page-salescancel, .page-salescancelcomplete),
  body:is(.page-couponlist, .page-bookmark, .page-backorder, .page-custdest, .page-contact, .page-contactthanks, .page-salesdestchange) {
    & main.pane-main {
      /*margin-top: 14px;*/
      margin-top: 0;
    }

    & h1 {
      margin: 10px 0 10px;
    }
  }
}