﻿@charset "UTF-8";

/* ----全体レイアウト---- */
@media (width <=767px) {
  .pane-main {
    min-height: 25dvh;
  }

  .pane-left-menu {
    display: none;
  }

  body:is(.page-closed_top, .page-closed_login) .pane-main,
  body:is(.page-logout) .pane-main {
    margin-top: calc(40 / 375 * 100vw);
  }

  body:is(.page-closed_top, .page-closed_login) .pane-main,
  body.page-alert .pane-main,
  body:is(.page-history, .page-historydetail, .page-salescancel, .page-salescancelcomplete) .pane-main,
  body:is(.page-bookmark, .page-backorder) .pane-main,
  body:is(.page-couponlist, .page-contact, .page-contactthanks, .page-salesdestchange) .pane-main {
    margin-top: calc(10 / 375 * 100vw);
  }

  body.page-alert .pane-main .container {
    max-width: none;
    padding: 0 var(--mz-px-1);
  }

  .pane-contents {
    margin-bottom: calc(40 / 375 * 100vw);
  }

  body:is(.page-catgory, .page-search, .page-genre, .page-event, .page-goods, .page-awoopage) .pane-contents {
    margin-bottom: 0;
  }

  body:is(.page-closed_top, .page-closed_login) .pane-contents .container,
  body:has(.block-common-alert) .pane-contents>.container,
  body:is(.page-logout) .pane-contents .container,
  body:is(.page-bookmark, .page-backorder) .pane-contents .block-body,
  body.page-salesdestchange :is(.block-shipping-address, .block-shipping-address-confirmation),
  body.page-order .block-order-complete--body,
  body.page-estimate .block-order-estimate,
  body.page-method .block-order-method {
    margin: 0 var(--mz-px-1);

    & .mz-h1-area {
      display: flex;
      margin: 0 0 calc(19 / 375 * 100vw);
    }
  }

  body:is(.page-history, .page-historydetail, .page-salescancel, .page-salescancelcomplete) .pane-contents .container {
    margin: 0 var(--mz-px-1);

    & .mz-h1-area {
      display: flex;
      margin: 0 0 calc(14 / 375 * 100vw);
    }
  }
}