@charset "UTF-8";

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

:where(html) {
  --wrapperW: 1200px;
  --contentW: 1060px;
  --narrowW: 960px;

  .block-goods-detail {
    animation: fadeIn 1.5s ease-in 0s 1 normal;
  }

  .wrapper {
    min-width: var( --wrapperW );
    display: flex;
    flex-direction: column;
  }

  .container {
    width: 100%;

    .pane-header > & {
      height: 70px;
      transition: .4s;
    }

    .pane-header & {
      height: 70px;
    }

    .page-login & {
      width: var( --wrapperW );
      margin: 0 auto;
    }
  }

  .page-login .block-login {
    width: var( --wrapperW );
    margin: 0 auto;
  }

  .pane-left-menu {
    display: none;
  }

  .pane-main {
    grid-column-start: 1;
    grid-row-end: 1;
    width: var( --wrapperW );
    margin: 0 auto 0;
    position: relative;
  }

  .pane-right-menu {
    margin: 0 auto 0;
    width: var( --wrapperW );
  }

  .pane-topic-path {
    margin: 0 auto;
    min-height: 3em;
    width: var( --wrapperW );
    background-color: transparent;
  }

  .pane-order-header {
    border-bottom: 2px solid #666;
  }

  .pane-landingpage-contents {
    background: unset;
    border: unset;
    margin: 0 auto 60px;
  }

  .block-member-info,
  .block-member-info-confirmation,
  .block-member-registration-completed,
  .block-shipping-address,
  .block-credit-card-confirmation,
  .block-inquiry,
  .block-inquiry-history,
  .block-mail-address,
  .block-member-password,
  .block-reset-password,
  .block-user-review,
  .block-mail-news,
  .block-shipping-address-confirmation,
  .block-purchase-history,
  .block-purchase-history-detail,
  .block-mypage,
  .block-member-id,
  .block-favorite,
  .block-inquiry-history-detail,
  .block-withdrawal,
  .block-logout,
  .block-coupon-list,
  .block-point-history-list,
  .block-arrival-notice-list,
  .block-update-credit-card-info,
  .block-order-gift-select,
  .block-order-gift-dest,
  .block-order-cancellation,
  .block-order-cancellation-completed,
  .block-order-gift-confirmation-wrapper,
  .block-order-complete--wrapper,
  .block-order-complete--customerentry-wrapper,
  .block-order-gift-noshi,
  .block-login,
  .block-additional-authentication,
  .block-goods-agree,
  .block-reset-password-completed,
  .block-update-new-password,
  .block-inquiry-completed,
  .block-questionnaire,
  .block-questionnaire-completed {
    width: var( --contentW );
    margin: 0 auto;
  }

  body.page-top {
    .pane-contents .container {
      width: auto;
    }

    .pane-main {
      margin-top: 0;
      width: 100%;
    }
  }

  .block-goods-detail {
    grid-template-columns: auto 460px;
    margin-bottom: 56px;
    gap: 0 40px;
  }

  .pane-goods-header {
    margin: 0;
  }

  .pane-goods-left-side {
    width: auto;
    margin: 0;
  }

  .pane-goods-center {
    grid-column: 1 / 3;
    grid-row: 3 / 4;
    width: 100%;
  }

  .pane-goods-footer {
    display: none;
    grid-column: 1 / 3;
    grid-row: 4 / 5;
  }

  .pane-contents {
    padding-bottom: 90px;
  }
}