@charset "UTF-8";

.wrapper {
  width: 100%;
  min-width: 1024px;
  background: #fff;
}
.container {
    width: 1000px;
    margin: 0 auto;
}
body.page-top .wrapper,
body.page-category .wrapper,
body.page-genre .wrapper,
body.page-event .wrapper,
body.page-search .wrapper {
    min-width: 1224px;
}

body.page-category .container,
body.page-genre .container,
body.page-event .container,
body.page-search .container {
    width: 1200px;
}



.pane-header.pane-order-header,
.pane-header.pane-cardupdate-header {
  border-bottom: 1px solid #eee;
}

.pane-globalnav {
  position: relative;
  background-color: #f5f5f5;
  color: #000;
}

.pane-footer {
}

.pane-topic-path {
}

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

.pane-landingpage-contents {
  background: #eee;
  border: 1px solid #eee;
}
.pane-contents {
  padding: 0;
}
.page-top.top-layout1 .pane-contents .container,
.page-top.top-layout2 .pane-contents .container {
  width: 1000px;
  margin: 0 auto;
}

.page-top.top-layout3 .pane-contents .container,
.page-top.top-layout4 .pane-contents .container,
.page-top.top-layout5 .pane-contents .container {
  width: 100%;
}

.pane-left-menu {
  margin: 0;
  width: 100%;
  order: 10;
}

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


.pane-main:has(#goodsdetail_itemhistory),
.pane-main:has(+ .pane-right-menu #block_of_itemhistory) {
  margin-bottom: 0;
}
.pane-contents .container {
  display: flex;
  flex-flow: column;
}
.pane-left-menu + .pane-main {
  /*margin: 0;*/
  width: 100%;
}

.pane-right-menu {
  margin: 0;
  width: 100%;
  order: 20;
}

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


.block-goods-detail {
  display: block;
}
.block-goods-detail .pane-goods-2crm {
  display: grid;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 520px;
  -ms-grid-columns: 1fr 520px;
}

.pane-goods-left-side {
  width: 545px;
  margin: 0 50px 0 0;
}

.pane-goods-right-side {
}

body:has(.header__common):has(.footer__common) .pane-contents {
  min-height: calc(100dvh - 72px - 50px);
}