@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
.wrapper {
  position: relative;
  background-position: top center;
  background-size: contain;
  z-index: 0;
}
.wrapper:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1440 / 1692;
  background-image: url("/img/usr/list/bg.png");
  background-position: top;
  background-repeat: no-repeat;
  background-color: #f4f2ef;
  background-size: cover;
  z-index: -1;
}
.block-jscart {
  display: none;
}
.pane-right-menu {
  display: none;
}
.block-top-location {
  display: none;
}
.pane-topic-path {
  background: transparent;
  margin: 30px 0 0;
}
.pane-contents .container {
  width: 1170px;
  margin: 15px auto 0;
}
.left_menu_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.left_menu_ttl p {
  font-family: "Cormorant Garamond", serif;
  color: #003528;
  font-size: 30px;
  font-weight: bold;
}
.left_menu_ttl span {
  font-size: 14px;
  font-weight: normal;
}
.page-category .pane-main h1,
.page-category .pane-main .h1 {
  margin: 0;
  font-size: 36px;
  font-weight: bold;
}
.block-goods-list--sort-order-items {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  border: none;
  margin: 33px 0 0;
  padding: 0;
}
.block-goods-list--sort-order-items dd {
  border: 1px solid #dedede;
  border-radius: 2px;
  background: #fff;
  padding: 1px 16px 0px;
}
.block-goods-list--sort-order-items dd.active {
  background: #000;
  border: 1px solid #000;
}
.block-goods-list--sort-order-items dd.active a {
  color: #fff;
}
.block-goods-list--pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block-goods-list--pager.pager {
  margin: 30px 0 0;
}
.block-goods-list--pager .pager-total {
  padding: 0;
  margin: 0;
  margin-right: auto;
}
.block-goods-list--pager .pager-count {
  font-family: "Noto Sans", sans-serif;
}
.block-goods-list--pager .pager-count span {
  font-family: "Inter", sans-serif;
  color: #d21812;
  font-size: 22px;
  font-weight: 600;
  margin-right: 2px;
}
.block-goods-list--pager-bottom.pager {
  margin: 65px 0 0;
}
.pane-contents {
  padding-bottom: 20px;
}
.pane-contents .block-goods-list-d {
  margin: 40px 0 0;
}
.block-goods-list-d--items {
  display: -ms-grid;
  display: grid;
  gap: 40px 0;
}
.block-goods-list-d--items li {
  margin: 0;
  padding: 0;
  border: none;
}
.block-goods-list-d--item-body {
  width: 100%;
}
.block-goods-list-d--comment,
.block-goods-list-d--stock-items,
.block-goods-list-d--add-cart,
.block-goods-list-d--item-details {
  display: none;
}
.block-goods-list-d--image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 246px;
  height: 184px;
  background: #fff;
  vertical-align: bottom;
  clip-path: polygon(6% 0, 93% 0, 100% 8%, 100% 93%, 94% 100%, 5% 100%, 0 93%, 0 7%);
}
.block-goods-list-d--image figure {
  width: 100%;
  height: 100%;
}
.block-goods-list-d--item-description {
  display: -ms-grid;
  display: grid;
  width: 100%;
  padding: 0;
  padding-left: 40px;
}
.block-goods-list-d--goods-name {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  border-bottom: 1px solid #000;
  padding: 0 0 16px;
  margin: 0 0 16px;
}
.block-goods-list-d--goods-name a {
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}
.block-goods-list-d--summary {
  -webkit-box-ordinal-group: 101;
      -ms-flex-order: 100;
          order: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block-goods-list-d--summary .block-goods-list-d--price-infos {
  width: fit-content;
}
.block-goods-list-d--summary .block-goods-list-d--price-infos .block-goods-list-d--price-title {
  display: none;
}
.block-goods-list-d--summary .block-goods-list-d--price-infos .price {
  width: 100%;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  text-align: right;
}
.block-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  margin: 0;
}
.block-icon span {
  margin: 0;
}
.block-icon img {
  height: 22px;
}
.block-goods-list-d--goods-comment {
  -webkit-box-ordinal-group: 201;
      -ms-flex-order: 200;
          order: 200;
  line-height: 20px;
  margin: 10px 0 0;
}
/*左メニュー*/
.pane-left-menu {
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  width: 240px;
  padding: 0;
  margin: 0 80px 0 0;
}
.block-search-box {
  display: none;
}
.block-category-tree,
.block-genre-tree {
  border: none;
}
.block-genre-tree {
  margin: 40px 0 0;
}
h2.block-category-tree--header,
h2.block-genre-tree--header {
  font-size: 0;
  padding: 0 0 15px;
}
h2.block-category-tree--header span,
h2.block-genre-tree--header span {
  font-size: 16px;
}
.block-category-tree--item,
.block-category-tree--item__open,
.block-genre-tree--item,
.block-genre-tree--item__open {
  border-top: #dedede 1px solid;
}
.block-category-tree--item a,
.block-category-tree--item__open a,
.block-genre-tree--item a,
.block-genre-tree--item__open a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  height: auto;
}
.block-category-tree--item a span,
.block-category-tree--item__open a span,
.block-genre-tree--item a span,
.block-genre-tree--item__open a span {
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
}
.block-category-tree--item a .toggle-icon,
.block-category-tree--item__open a .toggle-icon,
.block-genre-tree--item a .toggle-icon,
.block-genre-tree--item__open a .toggle-icon {
  position: absolute;
  margin: auto;
  right: -25px;
  content: "";
  width: 15%;
  height: 100%;
  background: url("/img/usr/common/plus.png") no-repeat right/contain;
  background-size: 12px;
  display: block;
  cursor: pointer;
}
.block-category-tree--item.is-open > a.is-open .toggle-icon,
.block-genre-tree--item.is-open > a.is-open .toggle-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -25px;
  content: "";
  width: 15%;
  height: 100%;
  background: url("/img/usr/common/minus.png") no-repeat right/contain;
  background-size: 12px;
  display: block;
  cursor: pointer;
}
.block-category-tree--level-1 >.block-category-tree--item__open:has(.block-category-tree--items.is-open) > a .toggle-icon,
.block-genre-tree--level-1 >.block-genre-tree--item__open:has(.block-category-tree--items.is-open) > a .toggle-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -25px;
  content: "";
  width: 15%;
  height: 100%;
  background: url("/img/usr/common/minus.png") no-repeat right/contain;
  background-size: 12px;
  display: block;
  cursor: pointer;
}
.block-category-tree--item a:after,
.block-category-tree--item__open a:after,
.block-genre-tree--item a:after,
.block-genre-tree--item__open a:after {
  position: absolute;
  margin: auto;
  right: -25px;
  content: "";
  width: 15%;
  height: 100%;
  background: url("/img/usr/common/arrow03.png") no-repeat right/contain;
  background-size: 12px;
  display: block;
  cursor: pointer;
}
.block-category-tree--item a:has(.toggle-icon):after,
.block-category-tree--item__open a:has(.toggle-icon):after,
.block-genre-tree--item a:has(.toggle-icon):after,
.block-genre-tree--item__open a:has(.toggle-icon):after {
  content: none;
}
.block-category-tree--level-2,
.block-category-tree--level-3,
.block-category-tree--level-4,
.block-genre-tree--level2,
.block-genre-tree--level3,
.block-genre-tree--level4 {
  display: none;
  margin-bottom: 8px;
}
.block-category-tree--level-2>li,
.block-category-tree--level-3>li,
.block-category-tree--level-4>li,
.block-genre-tree--level2>li,
.block-genre-tree--level3>li,
.block-genre-tree--level4>li {
  text-indent: 0;
  border: none;
}
.block-category-tree--level-2>li.block-category-tree--item a,
.block-category-tree--level-2>li.block-category-tree--item__open a,
.block-genre-tree--level2>li.block-genre-tree--item a,
.block-genre-tree--level2>li.block-genre-tree--item__open a {
  padding-left: 1em;
  font-size: 12px;
}
.block-category-tree--level-3>li.block-category-tree--item a,
.block-category-tree--level-3>li.block-category-tree--item__open a,
.block-genre-tree--level3>li.block-genre-tree--item a,
.block-genre-tree--level3>li.block-genre-tree--item__open a {
  padding-left: 2em;
  font-size: 12px;
}
.block-category-tree--level-4>li.block-category-tree--item a,
.block-category-tree--level-4>li.block-category-tree--item__open a,
.block-genre-tree--level4>li.block-genre-tree--item a,
.block-genre-tree--level4>li.block-genre-tree--item__open a {
  padding-left: 3em;
  font-size: 12px;
}
.block-category-tree--level-1>li a span,
.block-category-tree--level-2>li a span,
.block-category-tree--level-3>li a span,
.block-category-tree--level-4>li a span {
  font-size: 16px;
  padding: 16px 0 13px;
}
.block-genre-tree--level1>li a span,
.block-genre-tree--level2>li a span,
.block-genre-tree--level3>li a span,
.block-genre-tree--level4>li a span {
  font-size: 16px;
  padding: 16px 0 13px;
}
.block-category-tree--level-2>li a span,
.block-category-tree--level-3>li a span,
.block-category-tree--level-4>li a span,
.block-genre-tree--level2>li a span,
.block-genre-tree--level3>li a span,
.block-genre-tree--level4>li a span {
  font-weight: 400;
  padding: 4px 0;
}
.block-category-tree--item__open > a,
.block-genre-tree--item__open > a {
  position: relative;
  width: 85%;
}
.block-category-tree--image,
.block-genre-tree--image {
  margin-right: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: none;
}
.block-left-menu-bottom ul {
  display: -ms-grid;
  display: grid;
  gap: 20px;
}
.block-category-tree--level-1 > .block-category-tree--item:nth-of-type(1) {
  border: none;
}
.block-category-tree--level-1 > .block-category-tree--item:last-of-type {
  border-bottom: 1px solid #dedede;
}
.block-genre-tree--level1 > .block-genre-tree--item:nth-of-type(1) {
  border: none;
}
.block-genre-tree--level1 > .block-genre-tree--item:last-of-type {
  border-bottom: 1px solid #dedede;
}

.pane-left-menu #block_of_filter {
  border: none;
  margin: 40px 0 0;
  padding: 0;
}
#block_of_filter .block-filter--list.block-filter--close .block-filter--list-inner-accordion {
  display: none;
}
.block-filter--treeitem, .block-filter--list-inner, .block-filter--imagelist-inner {
  min-height: none;
}
#block_of_filter form>div {
  margin: 0;
}
#block_of_filter .block-filter--header {
  font-size: 14px;
  font-weight: normal;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
}
#block_of_filter .block-filter--header:before {
  content: "FILTER";
  font-family: "Cormorant Garamond", serif;
  color: #003528;
  font-size: 30px;
  font-weight: bold;
}
#block_of_filter form>div>div h3 {
  position: relative;
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  padding: 16px 0 13px;
}
#block_of_filter form>div.block-filter--close>div h3:before {
  position: absolute;
  margin: auto;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  width: 15%;
  height: 100%;
  background: url(/img/usr/common/plus.png) no-repeat right / contain;
  background-size: 12px;
  display: block;
  cursor: pointer;
}
#block_of_filter form>div>div h3:before {
  position: absolute;
  margin: auto;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  width: 15%;
  height: 100%;
  background: url("/img/usr/common/minus.png") no-repeat right/contain;
  background-size: 12px;
  display: block;
  cursor: pointer;
}
#block_of_filter form .block-filter-option-items {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  margin-bottom: 10px;
}
#block_of_filter form .block-filter-option-items:last-child {
  margin-bottom: 20px;
}
#block_of_filter form .block-filter-option-items  input[type="checkbox"] {
  position: relative;
  margin: 0;
  width: 16px;
  height: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #333;
  background: #fff;
  flex-shrink: 0;
}
#block_of_filter form .block-filter-option-items  input[type="checkbox"]:checked {
  background: #333;
}
#block_of_filter form .block-filter-option-items  input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 2px;
  right: 0;
  left: 0;
  margin: auto;
  width: 10px;
  height: 6px;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  transform: rotate(-45deg);
}