@charset "UTF-8";

.wrapper {
  width: 100%;
  min-width: 1230px;
  background: #fff;
}

.container {
  width: 1230px;
  padding: 0 15px;
  margin: 0 auto;
}

.page-top .pane-contents .container {
  display: block;
}

.page-top .pane-contents>.container,
.pane-footer>.container {
  width: 100%;
  padding: 0;
}

.pane-contents {
  padding: 0;
  min-height: calc(100vh - (99px + 45px + 406px));
}

.page-top .pane-contents {
  padding-bottom: 80px;
}

.pane-contents:has(.pane-left-menu) .container {
  display: flex;
  flex-wrap: wrap;
}

.pane-contents:has(.pane-left-menu) .pane-main {
  flex: 1;
}

.pane-left-menu {
  width: 280px;
  margin: 0 50px 0 0;
}

.pane-right-menu {
  grid-column-start: 1;
  width: 100%;
  margin: 0;
}

.page-category .wrapper,
.page-genre .wrapper {
  overflow: hidden;
}

.page-goods .container {
  display: block;
}

.page-goods .block-goods-detail {
  display: flex;
  flex-wrap: wrap;
}

.page-goods .pane-goods-side-wrap {
  display: flex;
  align-items: start;
  margin: 40px 0 0;
}

.page-goods .pane-goods-left-side {
  width: 600px;
  margin: 0 80px 0 0;
}

.page-goods .pane-goods-right-side {
  position: sticky;
  width: 520px;
  height: auto;
}

.pane-landingpage-contents {
  background: #eee;
  border: 1px solid #eee;
}

.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 {
  width: 900px;
  margin: 0 auto;
}