.productlist-sort {
  padding-block: 1.2rem;
  background-color: #f3f3f3;
}
.productlist-sort :where(input) {
  font-family: var(--font-main);
}
.productlist-sort__inner {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 2.4rem;
  margin-inline: auto;
  width: 92%;
}
@media screen and (min-width: 768px) {
  .productlist-sort__inner {
    grid-template-columns: 8.78% 1fr;
    gap: 0;
    width: min(87.5%, 140rem);
  }
}
.productlist-sort__count {
  font-family: var(--font-main);
  font-size: 1.6rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
  .productlist-sort__count {
    font-size: 2rem;
  }
}
.productlist-sort__count--suffix {
  font-size: 1.2rem;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px) {
  .productlist-sort__count--suffix {
    font-size: 1.4rem;
  }
}
.productlist-sort__wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  .productlist-sort__wrapper {
    gap: 0;
  }
}
.productlist-sort .sort-block:not(:first-of-type) {
  margin-left: min(2.7187vw, 4.35rem);
  padding-left: min(2.7187vw, 4.35rem);
  border-left: 1px solid #D8D8D8;
}
@media screen and (min-width: 768px) {
  .productlist-sort .sort-item__wrapper--radio {
    padding: 0.5rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-color: var(--color-white);
    border-radius: 100vh;
  }
}
@media screen and (min-width: 768px) {
  .productlist-sort .sort-item__wrapper--view {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .productlist-sort .sort-item--radio {
    display: grid;
    place-content: center;
    padding-block: 1rem;
    width: min(6.875vw, 11rem);
    font-size: 1.3rem;
    font-weight: var(--fw-medium);
    letter-spacing: 0.15em;
    line-height: 1;
    border-radius: 100vh;
  }
}
@media screen and (min-width: 768px) {
  .productlist-sort .sort-item--radio.active {
    background-color: var(--color-black-fill);
    color: var(--color-white);
    font-weight: var(--fw-bold);
  }
}
@media screen and (min-width: 768px) {
  .productlist-sort .sort-item--radio:not(.active) {
    color: var(--color-black-text);
    text-decoration: none;
  }
}
@media (hover: hover) {
  .productlist-sort .sort-item--radio:not(.active) {
    transition: background-color var(--transition-default), color var(--transition-default);
  }
  .productlist-sort .sort-item--radio:not(.active):hover {
    background-color: var(--color-black-fill);
    color: var(--color-white);
  }
}
.productlist-sort .sort-item--select {
  padding: 1.3rem 1rem;
  background-color: var(--color-white);
  font-family: var(--font-main);
  font-size: 1.4rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.15em;
  line-height: 1;
  border: none;
  border-radius: 0.5rem;
  color: var(--color-text-default);
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.productlist-sort .sort-item--order {
  padding-left: 4.3rem;
  width: min(13.75vw, 22rem);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cg%20transform%3D%22translate(-919%20-349)%22%3E%20%3Crect%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22translate(919%20349)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cg%20transform%3D%22translate(925%20358)%22%3E%20%3Cline%20x1%3D%229.966%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%20stroke%3D%22%231d181a%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%20%3Cline%20x1%3D%228.256%22%20transform%3D%22translate(0%203.654)%22%20fill%3D%22none%22%20stroke%3D%22%231d181a%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%20%3Cline%20x1%3D%226.312%22%20transform%3D%22translate(0%207.308)%22%20fill%3D%22none%22%20stroke%3D%22%231d181a%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%20%3Cline%20x1%3D%224.983%22%20transform%3D%22translate(0%2010.962)%22%20fill%3D%22none%22%20stroke%3D%22%231d181a%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%20%3Cline%20x2%3D%2211.35%22%20transform%3D%22translate(13.998%2011.35)%20rotate(-90)%22%20fill%3D%22none%22%20stroke%3D%22%231d181a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%20%3Cpath%20d%3D%22M2.466%2C0%2C0%2C2.466%2C2.466%2C4.933%22%20transform%3D%22translate(11.531%2011.35)%20rotate(-90)%22%20fill%3D%22none%22%20stroke%3D%22%231d181a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 3rem;
  background-position: center left 1rem;
}
.productlist-sort .sort-item--count {
  width: min(9.375vw, 15rem);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cg%20transform%3D%22translate(-919%20-349)%22%3E%20%3Crect%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22translate(919%20349)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20d%3D%22M21%2C18l5%2C5-5%2C5%22%20transform%3D%22translate(957%20340.5)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%231d181a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 3rem;
  background-position: center right 0.5rem;
}
.productlist-sort .sort-item--view {
  padding: 1rem;
  width: 4rem;
  height: 4rem;
  color: #CCC;
  cursor: pointer;
}
@media (hover: hover) {
  .productlist-sort .sort-item--view {
    transition: color var(--transition-default);
  }
  .productlist-sort .sort-item--view:hover {
    color: var(--color-black-text);
  }
}
.productlist-sort .sort-item--view.active {
  color: var(--color-black-text);
}
.productlist-sort .sort-button {
  padding: 0.25rem 1rem;
  display: grid;
  grid-template-columns: 3rem 1fr;
  align-items: center;
  gap: 0.5rem;
  height: auto;
  font-family: var(--font-main);
  font-size: 1.3rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.15em;
  line-height: 1;
  background-color: var(--color-black-fill);
  color: var(--color-white);
  border-radius: 100vh;
}
.productlist-sort .sort-button :where(svg) {
  aspect-ratio: 1;
}
.productlist-sort .sort-button--submit {
  padding-block: 1.1rem;
  margin-inline: auto;
  width: 16rem;
  background-color: var(--color-black-fill);
  color: var(--color-white);
  font-family: var(--font-main);
  font-size: 1.3rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.15em;
  line-height: 1;
  text-align: center;
  border-radius: 0.5rem;
}
.productlist-sort .sort-modal .c-modal__head--title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  letter-spacing: 0.15em;
}
.productlist-sort .sort-modal .c-modal__head--title :where(svg) {
  width: 3rem;
}
.productlist-sort .sort-modal .c-modal__content {
  display: grid;
  gap: 2rem;
  padding: 3rem;
}
.productlist-sort .sort-modal__select {
  padding: 1.2rem 1.5rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  font-family: var(--font-main);
  font-size: 1.4rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.15em;
  line-height: 1;
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--color-white);
  color: var(--color-black-text);
}
.productlist-sort .sort-modal__select:not(.no-arrow) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Crect%20width%3D%2230%22%20height%3D%2230%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20d%3D%22M0%2C0%2C5%2C5%2C0%2C10%22%20transform%3D%22translate(20%2012.5)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%231d181a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 3rem;
  background-position: center right 0.5rem;
}
.productlist-sort .sort-modal__select.has-icon {
  padding-left: 4.5rem;
  background-repeat: no-repeat;
  background-size: 3rem;
  background-position: center left 1rem;
}
.productlist-sort .sort-modal__select.has-icon[data-param=sort] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cg%20transform%3D%22translate(-919%20-349)%22%3E%20%3Crect%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22translate(919%20349)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cg%20transform%3D%22translate(925%20358)%22%3E%20%3Cline%20x1%3D%229.966%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%20stroke%3D%22%231d181a%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%20%3Cline%20x1%3D%228.256%22%20transform%3D%22translate(0%203.654)%22%20fill%3D%22none%22%20stroke%3D%22%231d181a%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%20%3Cline%20x1%3D%226.312%22%20transform%3D%22translate(0%207.308)%22%20fill%3D%22none%22%20stroke%3D%22%231d181a%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%20%3Cline%20x1%3D%224.983%22%20transform%3D%22translate(0%2010.962)%22%20fill%3D%22none%22%20stroke%3D%22%231d181a%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%20%3Cline%20x2%3D%2211.35%22%20transform%3D%22translate(13.998%2011.35)%20rotate(-90)%22%20fill%3D%22none%22%20stroke%3D%22%231d181a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%20%3Cpath%20d%3D%22M2.466%2C0%2C0%2C2.466%2C2.466%2C4.933%22%20transform%3D%22translate(11.531%2011.35)%20rotate(-90)%22%20fill%3D%22none%22%20stroke%3D%22%231d181a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.productlist-sort .sort-modal__select.has-icon[name=displaycolumn] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cg%20transform%3D%22translate(-919%20-349)%22%3E%20%3Crect%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22translate(919%20349)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20d%3D%22M10233.768%2C10575v-6.234H10240V10575Zm-8.767%2C0v-6.234h6.234V10575Zm8.767-8.768V10560H10240v6.232Zm-8.767%2C0V10560h6.234v6.232Z%22%20transform%3D%22translate(-9298.001%20-10203.625)%22%20fill%3D%22%231d181a%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.facet_hidden_text input + label {
  display: none;
}

.m-facet__block {
  padding: 3rem 2rem;
  background-color: var(--color-bg-gray-light);
}
.m-facet__block:nth-of-type(n+2) {
  border-top: 1px solid var(--color-secondary);
}
.m-facet__block:last-of-type {
  border-bottom: 1px solid var(--color-secondary);
}
.m-facet__block--heading {
  font-size: 1.7rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.1em;
  line-height: 1;
}
.m-facet__block--value {
  display: block;
  font-size: 1.4rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: right;
  max-width: 14rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #bbb;
}
.m-facet__block--contents {
  margin-top: 1rem;
}
.m-facet__block--accordion {
  padding-inline: 0;
}
.m-facet__block--accordion .m-facet__block--heading {
  padding-inline: 2rem;
}
.m-facet__block--accordion .m-facet__condition {
  margin-inline: 2rem;
}
.m-facet__condition {
  margin-top: 1rem;
  padding: 0.3rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background-color: var(--color-white);
  border-radius: 100vh;
}
.m-facet__condition :where(li) {
  position: relative;
}
.m-facet__condition :where(input) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 0;
}
.m-facet__condition :where(input + label) {
  padding-block: 0.9rem;
  display: grid;
  place-content: center;
  font-size: 1.2rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.15em;
  line-height: 1;
  border-radius: 100vh;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .m-facet__condition :where(input + label) {
    padding-block: 0.6rem;
  }
}
.m-facet__condition :where(input:checked + label) {
  font-weight: var(--fw-bold);
  background-color: var(--color-black-fill);
  color: var(--color-white);
}
.m-facet__accordion[data-state-accordion=opened] > .m-facet__accordion--heading :where(svg) {
  rotate: 180deg;
}
.m-facet__accordion--heading {
  display: grid;
  grid-template-columns: auto 1fr 2rem;
  align-items: center;
  gap: 0.8rem;
  padding: 1rem 1.5rem 1rem 2rem;
}
.m-facet__accordion--heading :where(svg) {
  aspect-ratio: 1;
  transition: rotate var(--transition-default);
}
.m-facet__accordion--heading.last-layer :where(svg) {
  display: none;
}
.m-facet__accordion--heading[data-appearance=dark] {
  background-color: #F2F2F2;
}
.m-facet__accordion .m-facet__checkbox-list {
  gap: 0;
}
.m-facet__accordion--content-inner {
  padding-inline: 2rem;
}
.m-facet__accordion--content > .m-facet__checkbox-list {
  padding: 0;
}
.m-facet__accordion--content > .m-facet__checkbox-list {
  row-gap: 1rem;
}
.m-facet__checkbox-list {
  display: grid;
  row-gap: 1.5rem;
}
.m-facet__checkbox-list :where(li) {
  display: grid;
  grid-template-columns: 1.5rem 1fr;
  gap: 0.8rem;
  align-items: center;
}
.m-facet__checkbox-list :where(input) {
  background-color: var(--color-white);
  border: 1px solid var(--color-secondary);
  border-radius: 0.2rem;
  appearance: none;
  -webkit-appearance: none;
  width: 1.5rem;
  aspect-ratio: 1;
  margin: 0;
  transition: background-color var(--transition-default), border-color var(--transition-default);
}
.m-facet__checkbox-list :where(input:checked) {
  background-color: var(--color-textlink);
  border-color: var(--color-textlink);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.781%22%20height%3D%227.02%22%20viewBox%3D%220%200%209.781%207.02%22%3E%20%3Cpath%20d%3D%22M583.233%2C483.626l-4.028-3.9%2C1.3-1.347%2C2.71%2C2.623%2C4.449-4.4%2C1.318%2C1.333Z%22%20transform%3D%22translate(-579.205%20-476.606)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 0.97rem;
  background-position: center center;
}
.m-facet__checkbox-list :where(label) {
  font-size: 1.4rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.08em;
  line-height: 1.3;
}
.m-facet__radiobutton-list {
  display: grid;
  row-gap: 1.2rem;
}
.m-facet__radiobutton-list :where(li) {
  display: grid;
  grid-template-columns: 1.5rem 1fr;
  gap: 0.8rem;
  align-items: center;
}
.m-facet__radiobutton-list :where(input) {
  margin: 0;
  background-color: var(--color-white);
  border: 1px solid var(--color-secondary);
  border-radius: 50%;
  appearance: none;
  -webkit-appearance: none;
  aspect-ratio: 1;
  transition: border var(--transition-default);
}
.m-facet__radiobutton-list :where(input:checked) {
  border: 0.45rem solid var(--color-textlink);
}
.m-facet__radiobutton-list :where(label) {
  font-size: 1.4rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.08em;
  line-height: 1;
}
.m-facet__panel-list {
  --gap-column: 0.5rem;
  --gap-row: 0.9rem;
  padding-block: 1rem 2rem;
}
.m-facet__panel-list :where(li) {
  position: relative;
}
.m-facet__panel-list :where(input) {
  position: absolute;
  top: 0.2rem;
  left: 0.4rem;
  width: 1.5rem;
  height: 1.5rem;
  z-index: 2;
  appearance: none;
  -webkit-appearance: none;
}
.m-facet__panel-list :where(input:checked) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%20%3Cg%20transform%3D%22translate(-582.371%20-479)%22%3E%20%3Cg%20transform%3D%22translate(582.371%20479)%22%20fill%3D%22transparent%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%224%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%223.5%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20d%3D%22M583.323%2C483.783%2C579.2%2C479.8l1.333-1.378%2C2.771%2C2.682%2C4.548-4.5%2C1.348%2C1.363Z%22%20transform%3D%22translate(5.166%206.394)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: center center;
}
.m-facet__panel-list :where(label) {
  display: grid;
  place-content: center;
  padding-block: 1rem;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.08em;
  line-height: 1;
  background-color: var(--color-white);
  border: 1px solid var(--color-secondary);
  border-radius: 0.4rem;
  transition: background-color var(--transition-default), font-weight var(--transition-default), border-color var(--transition-default);
}
.m-facet__panel-list :where(input:checked + label + label) {
  font-weight: var(--fw-bold);
  background-color: var(--color-textlink);
  border-color: var(--color-textlink);
  color: var(--color-white);
}
.m-facet__brand--viewmore {
  width: 100%;
}
.m-facet__brand--viewmore-button {
  margin: 1rem 0 0;
  padding: 0;
  font-family: var(--font-main);
  font-size: 1.4rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.08em;
  line-height: 1;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  background-color: transparent;
  color: var(--color-textlink);
  cursor: pointer;
}
.m-facet__brand--viewmore.hidden {
  display: none;
}
.m-facet__brand .show-viewmore {
  overflow: hidden;
}
.m-facet__category .m-facet__checkbox-list {
  row-gap: 0;
}
.m-facet__category .m-facet__accordion--heading:has(+ .m-facet__accordion--content input:checked) {
  color: var(--color-textlink);
  font-weight: var(--fw-medium);
}
.m-facet__axis .m-facet__accordion--content {
  padding: 1rem 1.5rem 1rem 2rem;
}
.m-facet__color-list {
  --gap-column: 0.5rem;
  --gap-row: 0.5rem;
}
@media screen and (min-width: 768px) {
  .m-facet__color-list {
    --gap-column: 0.3rem;
    --gap-row: 0.3rem;
  }
}
.m-facet__color-item {
  padding: 1rem;
  display: grid;
  grid-template-columns: 3rem 1fr;
  gap: 0.7rem;
  align-items: center;
  position: relative;
  font-size: 1.2rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.05em;
  line-height: 1.1917;
  border-radius: 0.5rem;
  transition: background-color var(--transition-default), color var(--transition-default);
}
@media screen and (min-width: 768px) {
  .m-facet__color-item {
    padding: 0.5rem;
    grid-template-columns: 2.4rem 1fr;
  }
}
.m-facet__color-item :where(input) {
  margin: 0;
  position: absolute;
  width: 3rem;
  height: 3rem;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  appearance: none;
  -webkit-appearance: none;
  border: none;
}
@media screen and (min-width: 768px) {
  .m-facet__color-item :where(input) {
    width: 2.4rem;
    height: 2.4rem;
    left: 0.5rem;
  }
}
.m-facet__color-item :where(input:checked) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2210.048%22%20viewBox%3D%220%200%2014%2010.048%22%3E%20%3Cpath%20d%3D%22M584.971%2C486.654l-5.766-5.58%2C1.866-1.928%2C3.88%2C3.755%2C6.367-6.294%2C1.887%2C1.909Z%22%20transform%3D%22translate(-579.205%20-476.606)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 1.4rem;
  background-position: center center;
}
.m-facet__color-item :where(img) {
  border-radius: 50%;
}
.m-facet__color-item:has(input:checked) {
  background-color: var(--color-textlink);
  color: var(--color-white);
  font-weight: var(--fw-bold);
}
.m-facet__review {
  width: 12rem;
  --color-star: #FFDB43;
}
@media screen and (min-width: 768px) {
  .m-facet__review {
    width: 9.2rem;
  }
}
.m-facet__review[data-star-count="1"] path:first-of-type {
  fill: var(--color-star);
}
.m-facet__review[data-star-count="2"] path:nth-of-type(-n+2) {
  fill: var(--color-star);
}
.m-facet__review[data-star-count="3"] path:nth-of-type(-n+3) {
  fill: var(--color-star);
}
.m-facet__review[data-star-count="4"] path:nth-of-type(-n+4) {
  fill: var(--color-star);
}
.m-facet__review[data-star-count="5"] path:nth-of-type(-n+5) {
  fill: var(--color-star);
}
.m-facet__textbox {
  padding: 1rem 1.5rem;
  box-sizing: border-box;
  width: 100%;
  font-size: 1.6rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.08em;
  line-height: 1;
  background-color: var(--color-white);
  border: 1px solid var(--color-secondary);
  border-radius: 0.4rem;
}
.m-facet__textbox::placeholder {
  color: #BBB;
}
.m-facet__submit {
  position: sticky;
  bottom: 0;
  padding: 2rem;
  background-color: var(--color-bg-gray-light);
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .m-facet__submit {
    margin-bottom: 4rem;
  }
}
.m-facet__submit--text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.2rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.08em;
  line-height: 1;
}
.m-facet__submit--numeric {
  font-size: 1.6rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.08em;
}
.m-facet__submit--button-wrap {
  margin-top: 1.4rem;
}
.m-facet__submit--button-primary {
  display: grid;
  place-content: center;
  padding-block: 1.2rem;
  text-decoration: none;
  color: var(--color-white);
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
  letter-spacing: 0.15em;
  line-height: 1;
  background-color: var(--color-gender, var(--color-gender-women));
  border-radius: 0.5rem;
}
.m-facet__submit--button-secondary {
  display: grid;
  place-content: center;
  padding-block: 1.4rem;
  text-decoration: none;
  color: var(--color-text-gray);
  font-size: 1.2rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.05em;
  line-height: 1;
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-light);
  border-radius: 0.5rem;
}
.m-facet__search-words {
  padding: 1.5rem;
}
@media screen and (min-width: 768px) {
  .m-facet__search-words {
    padding: 0 0 2rem;
  }
}
.m-facet__search-words--list {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.m-facet__search-words--item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.8rem;
  align-items: center;
  padding: 0.6rem 1rem;
  font-size: 1.3rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.08em;
  line-height: 1;
  background-color: #F7FCFD;
  border: 1px solid var(--color-textlink);
  border-radius: 100vh;
}
.m-facet__search-words--clear {
  width: 1.5rem;
  aspect-ratio: 1;
}
.m-facet__search-words--all-clear {
  font-size: 1.2rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.08em;
  line-height: 1;
  text-underline-offset: 0.3rem;
  color: var(--color-textlink);
}
@media screen and (min-width: 768px) {
  .m-facet__search-words--all-clear {
    font-size: 1.3rem;
  }
}
.m-facet__search-words--all-clear-wrap {
  margin-left: 1rem;
}
.m-facet__price {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 39.6825% 1fr 39.6825%;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .m-facet__price {
    grid-template-columns: 43.1818% 1fr 43.1818%;
  }
}
.m-facet__price--separator {
  font-family: var(--font-main);
  font-size: 1.4rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.08em;
  line-height: 1;
  text-align: center;
  color: #bbb;
}
.m-facet__price .m-facet__textbox {
  font-family: var(--font-main);
  padding-inline: 0.5rem;
}

.filter-search__modal {
  width: 100%;
  border-radius: 0;
  top: 0;
  left: 0;
  transform: none;
}
.filter-search__modal .c-modal__inner {
  max-height: 100dvh;
  border-radius: 0;
}
.filter-search__modal .c-modal__head {
  grid-template-columns: 4rem 1fr 4rem;
}
.filter-search__modal .c-modal__head--title {
  justify-self: center;
  align-self: center;
}
.filter-search__modal .c-modal__close {
  position: static;
  transform: none;
}
.filter-search__modal .m-facet__block {
  display: grid;
  padding: 0;
  overflow: hidden;
  transition: grid-template-rows var(--transition-default);
}
.filter-search__modal .m-facet__block--heading {
  padding: 2rem 1rem 2rem 1.5rem;
  font-size: 1.4rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.1em;
  line-height: 1;
  position: relative;
  background-color: var(--color-white);
}
.filter-search__modal .m-facet__block--heading::before {
  width: 2rem;
  aspect-ratio: 1;
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%20opacity%3D%220.2%22%2F%3E%20%3Cpath%20d%3D%22M0%2C0%2C5%2C5%2C0%2C10%22%20transform%3D%22translate(15%208)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%2323abdd%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  transition: transform var(--transition-default);
}
.filter-search__modal .m-facet__block--heading.open::before {
  transform: translateY(-50%) rotate(180deg);
}
.filter-search__modal .m-facet__block.open .m-facet__block--heading::before {
  transform: translateY(-50%) rotate(180deg);
}
.filter-search__modal .m-facet__block.open .m-facet__block--details {
  grid-template-rows: 1fr;
}
.filter-search__modal .m-facet__block--contents {
  padding: 2rem 3rem;
  margin-top: 0;
  background-color: var(--color-white);
}
.filter-search__modal .m-facet__block--contents-accordion {
  padding: 0;
}
.filter-search__modal .m-facet__block--contents-accordion .m-facet__accordion {
  border-top: 1px solid #eee;
}
.filter-search__modal .m-facet__block--details {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--transition-default);
}
.filter-search__modal .m-facet__block--details-inner {
  overflow: hidden;
}
.filter-search__modal .m-facet__condition {
  margin-inline: auto;
  margin-bottom: 1rem;
  width: calc(100% - 6rem);
}
.filter-search__modal .m-facet__details {
  background-color: var(--color-white);
}
.filter-search__modal .m-facet__accordion--content > .m-facet__checkbox-list {
  padding: 0;
}
.filter-search__modal .m-facet__submit {
  padding: 1.1rem 2.5rem calc(1rem + env(safe-area-inset-bottom));
  background: rgba(221, 221, 221, 0.85);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

@media screen and (max-width: 767px) {
  .product__item {
    padding: 2.2rem 1.8rem;
    border-bottom: 1px solid #eee;
  }
}
@media screen and (max-width: 767px) {
  .product__item:nth-of-type(2n-1) {
    border-right: 1px solid #eee;
  }
}
.product__item--image {
  position: relative;
  border: 1px solid #F7F7F7;
}
.product__item--image :where(img) {
  aspect-ratio: 1;
  object-fit: contain;
  background-image: url(../Contents/ThemeImage/product/load.gif);
  background-size: contain;
  background-repeat: no-repeat;
}
.product__item--add-favorite {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3.6rem;
  height: 3.6rem;
  z-index: 2;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%20%3Cg%20transform%3D%22translate(2.094%202.094)%22%3E%20%3Crect%20width%3D%2240%22%20height%3D%2240%22%20transform%3D%22translate(-2.094%20-2.094)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20d%3D%22M9.365%2C2.379a.034.034%2C0%2C0%2C0%2C.057%2C0C12.128-1.686%2C18.537.468%2C18.537%2C5.47c0%2C5.24-8.679%2C11.072-9.126%2C11.369a.03.03%2C0%2C0%2C1-.035%2C0C8.929%2C16.542.25%2C10.711.25%2C5.47.25.468%2C6.659-1.686%2C9.365%2C2.379Z%22%20transform%3D%22translate(8.074%209.359)%22%20fill%3D%22rgba(255%2C255%2C255%2C0.5)%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .product__item--add-favorite {
    width: 4rem;
    height: 4rem;
  }
}
.product__item--add-favorite.added {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%20%3Cg%20transform%3D%22translate(2.094%202.094)%22%3E%20%3Crect%20width%3D%2240%22%20height%3D%2240%22%20transform%3D%22translate(-2.094%20-2.094)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20d%3D%22M9.365%2C2.379a.034.034%2C0%2C0%2C0%2C.057%2C0C12.128-1.686%2C18.537.468%2C18.537%2C5.47c0%2C5.24-8.679%2C11.072-9.126%2C11.369a.03.03%2C0%2C0%2C1-.035%2C0C8.929%2C16.542.25%2C10.711.25%2C5.47.25.468%2C6.659-1.686%2C9.365%2C2.379Z%22%20transform%3D%22translate(8.074%209.359)%22%20fill%3D%22%23eb6da5%22%20stroke%3D%22%23eb6da5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.product__item--brand {
  margin-top: 1rem;
  font-size: 1.2rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.08em;
  line-height: 1.5;
  color: var(--color-text-gray);
  height: 1.5em;
}
@media screen and (min-width: 768px) {
  .product__item--brand {
    margin-top: 1.5rem;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}
.product__item--name {
  margin-top: 1.5rem;
  font-size: 1.4rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.08em;
  line-height: 1.5;
  color: var(--color-black-text);
  text-decoration: none;
  word-break: break-all;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 3em;
}
.product__item--size {
  margin-top: 1rem;
  font-size: 1.4rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.1em;
  line-height: 1.2071;
  height: 1.2071em;
  color: var(--color-text-gray);
}
.product__item--color {
  --max-column: 8;
  --grid-gap: 0.5rem 0.4rem;
  margin-top: 1rem;
  margin-right: 1rem;
  display: grid;
  grid-template-columns: repeat(var(--max-column), 1fr);
  gap: var(--grid-gap);
}
@media screen and (min-width: 768px) {
  .product__item--color {
    --max-column: 11;
    --grid-gap: 1rem 0.6rem;
    margin-right: 2rem;
    height: 4.2rem;
    gap: 1rem 0.6rem;
  }
}
.product__item--color:has(:nth-of-type(n+8)) {
  position: relative;
}
@media screen and (max-width: 767px) {
  .product__item--color:has(:nth-of-type(n+8))::before, .product__item--color:has(:nth-of-type(n+8))::after {
    content: "";
    position: absolute;
    background-color: var(--color-black-text);
  }
  .product__item--color:has(:nth-of-type(n+8))::before {
    width: 1rem;
    height: 1px;
    top: 50%;
    right: 0.3rem;
    transform: translateY(-50%);
  }
  .product__item--color:has(:nth-of-type(n+8))::after {
    width: 1px;
    height: 1rem;
    top: 50%;
    right: 0.7rem;
    transform: translateY(-50%) rotate(0deg);
  }
}
.product__item--color img {
  border: 1px solid #eee;
  border-radius: 50%;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}
@media screen and (max-width: 767px) {
  .product__item--color img:nth-of-type(n+8) {
    display: none;
  }
}
.product__item--icon {
  position: static;
  height: 6.6rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  grid-area: 1/1/2/3;
  min-height: 2rem;
}
@media screen and (min-width: 768px) {
  .product__item--icon {
    height: 3.9rem;
    grid-area: 1/1/2/2;
  }
}
.product__item--icon img {
  width: auto;
  height: 2rem;
}
@media screen and (min-width: 768px) {
  .product__item--icon img {
    height: 1.8rem;
  }
}
.product__item--action {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "rate addcart";
  align-items: center;
  gap: 1rem 0;
}
.product__item--review {
  justify-self: start;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .product__item--review {
    grid-row: 2/3;
  }
}
.product__item--review a {
  text-decoration: none;
}
.product__item--soldout {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding-block: 1rem;
  font-family: var(--font-en);
  font-size: 1.5rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.2em;
  line-height: 1;
  width: 100%;
  height: fit-content;
  background-color: rgba(29, 24, 26, 0.3);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  color: var(--color-white);
  text-align: center;
}
.product__item .product__price {
  font-family: var(--font-en);
}
.product__item .product__price--numeric {
  font-size: 1.6rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.08em;
  line-height: 1.2188;
}
.product__item .product__price--discountrate[data-is-show=False] {
  visibility: hidden;
}
.product__item .product__review--wrapper {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.product__item .product__review--wrapper :where(svg) {
  width: auto;
  height: 1.2rem;
}
.product__item .product__review--star path {
  width: 1.2rem;
  color: #e2e2e2;
}
.product__item .product__review--star[data-review-rate="1"] path:first-of-type {
  color: #FFDB43;
}
.product__item .product__review--star[data-review-rate="2"] path:nth-of-type(-n+2) {
  color: #FFDB43;
}
.product__item .product__review--star[data-review-rate="3"] path:nth-of-type(-n+3) {
  color: #FFDB43;
}
.product__item .product__review--star[data-review-rate="4"] path:nth-of-type(-n+4) {
  color: #FFDB43;
}
.product__item .product__review--star[data-review-rate="5"] path {
  color: #FFDB43;
}
.product__item .product__review--count {
  font-size: 1.2rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.1em;
  line-height: 1;
  color: var(--color-black-text);
}
.product__item--add-cart {
  height: 3rem;
  grid-area: addcart;
  display: block;
  padding: 0.6rem 1rem;
  width: 5.5rem;
  grid-area: 2/2/3/3;
  background-color: var(--color-black-fill);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2217%22%20viewBox%3D%220%200%2034%2017%22%3E%20%3Cg%20transform%3D%22translate(-8.906%20-5.906)%22%3E%20%3Crect%20width%3D%2234%22%20height%3D%2217%22%20transform%3D%22translate(8.906%205.906)%22%20fill%3D%22rgba(235%2C109%2C165%2C0.5)%22%20opacity%3D%220%22%2F%3E%20%3Cpath%20d%3D%22M9697.666%2C9666.807a1.19%2C1.19%2C0%2C1%2C1%2C1.191%2C1.191A1.193%2C1.193%2C0%2C0%2C1%2C9697.666%2C9666.807Zm-5.34%2C0a1.19%2C1.19%2C0%2C1%2C1%2C1.191%2C1.191A1.193%2C1.193%2C0%2C0%2C1%2C9692.326%2C9666.807Zm19.033-2.059v-2.5h-2.5a.765.765%2C0%2C0%2C1%2C0-1.529h2.5v-2.5a.765.765%2C0%2C1%2C1%2C1.529%2C0v2.5h2.5a.765.765%2C0%2C1%2C1%2C0%2C1.529h-2.5v2.5a.765.765%2C0%2C1%2C1-1.529%2C0Zm-18.619-.674a1.22%2C1.22%2C0%2C0%2C1-.947-.961l-.924-4.713s0-.008%2C0-.012l-.385-1.953h-1.811a.765.765%2C0%2C0%2C1%2C0-1.529h2.07a1.219%2C1.219%2C0%2C0%2C1%2C1.193.982l.313%2C1.592h7.381a1.219%2C1.219%2C0%2C0%2C1%2C1.209%2C1.361l-.5%2C4.184a1.215%2C1.215%2C0%2C0%2C1-.979%2C1.053%2C17.339%2C17.339%2C0%2C0%2C1-3.344.33A16.2%2C16.2%2C0%2C0%2C1%2C9692.74%2C9664.074Zm.516-1.459a15.1%2C15.1%2C0%2C0%2C0%2C5.588%2C0l.432-3.605h-6.727Z%22%20transform%3D%22translate(-9676.366%20-9647.216)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 3.4rem 1.7rem;
  background-position: center center;
  border-radius: 100vh;
}
@media screen and (min-width: 768px) {
  .product__item--add-cart {
    width: 6rem;
    height: 3.5rem;
    background-size: 4rem 2rem;
    grid-area: 1/2/3/4;
  }
}

@media screen and (max-width: 767px) {
  .u-grid-column-2 .product__item--name {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

@media screen and (max-width: 767px) {
  .u-grid-column-3 .product__item {
    padding: 0 0 2rem;
  }
  .u-grid-column-3 .product__item:nth-of-type(2n-1) {
    border-right: none;
  }
  .u-grid-column-3 .product__item:nth-of-type(3n-2) {
    border-left: 1px solid transparent;
  }
  .u-grid-column-3 .product__item:nth-of-type(3n-1), .u-grid-column-3 .product__item:nth-of-type(3n) {
    border-left: 1px solid #eee;
  }
  .u-grid-column-3 .product__item--image {
    border-top: none;
    border-inline: none;
  }
  .u-grid-column-3 .product__item > *:not(.product__item--image) {
    padding-inline: 0.75rem;
  }
  .u-grid-column-3 .product__item--color {
    --max-column: 7;
    margin-right: 0.6rem;
  }
  .u-grid-column-3 .product__item--color:has(:nth-of-type(n+8))::before {
    right: 0.8rem;
  }
  .u-grid-column-3 .product__item--color:has(:nth-of-type(n+8))::after {
    right: 1.2rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .u-grid-column-3 .product__item--color img:nth-of-type(n+7) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .u-grid-column-3 .product__item--brand, .u-grid-column-3 .product__item--name {
    height: fit-content;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .u-grid-column-3 .product__item--brand {
    font-size: 1.1rem;
    height: 1.5em;
  }
  .u-grid-column-3 .product__item--name {
    font-size: 1.3rem;
  }
  .u-grid-column-3 .product__item--price .product__price--numeric {
    height: 2.4376em;
  }
  .u-grid-column-3 .product__item--review {
    display: none;
  }
}

.sale-product__login {
  padding-inline: 1.5rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .sale-product__login {
    width: 45rem;
    margin-inline: auto;
  }
}
.sale-product__login--title {
  font-size: 1.2rem;
  line-height: 1;
}
.sale-product__login--form {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
  background-color: var(--color-bg-gray-light);
  padding: 0.4rem;
  border-radius: 100vh;
}
.sale-product__login--input {
  padding-left: 0.5em;
  background-color: transparent;
  border: none;
  appearance: none;
  -webkit-appearance: none;
}
.sale-product__login--submit {
  padding: 0.5rem 1rem;
  text-decoration: none;
  font-size: 1.2rem;
  background-color: var(--color-black-fill);
  color: var(--color-white);
  border-radius: 100vh;
}
.sale-product__list {
  --gap-row: 1rem;
  padding-inline: 2rem;
}
@media screen and (min-width: 768px) {
  .sale-product__list {
    --gap-row: 4rem;
    --gap-column: 4rem;
    padding-inline: 0;
  }
}
.sale-product__item {
  background-color: var(--color-bg-gray-light);
  padding: 2.5rem 2rem;
  border-radius: 1rem;
}
.sale-product__item--inner {
  display: grid;
  grid-template-columns: 11rem 1fr;
  grid-template-areas: "image details" "addcart addcart";
  gap: 2rem;
}
.sale-product__item--image {
  grid-area: image;
  position: relative;
  height: fit-content;
}
.sale-product__item--details {
  grid-area: details;
}
.sale-product__item--name {
  font-size: 1.4rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.08em;
  line-height: 1.5;
}
.sale-product__item--price {
  margin-top: 1.5rem;
}
.sale-product__item--price .product__price {
  display: grid;
  grid-template-areas: "discount discount" "normal discountrate";
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
}
.sale-product__item--price .product__price .product__price--sale {
  grid-area: discount;
  align-self: center;
}
.sale-product__item--price .product__price .product__price--normal {
  grid-area: normal;
  align-self: center;
}
.sale-product__item--price .product__price .product__price--normal .product__price--numeric {
  font-weight: var(--fw-regular);
}
.sale-product__item--price .product__price .product__price--sale .product__price--numeric {
  font-size: 1.6rem;
  font-weight: var(--fw-medium);
}
.sale-product__item--price .product__price .product__price--discountrate {
  width: fit-content;
  font-family: var(--font-en);
  font-size: 1.3rem;
  grid-area: discountrate;
}
.sale-product__item--price .product__price .product__price--numeric {
  font-family: var(--font-en);
  line-height: 1;
}
.sale-product__item--add-cart {
  grid-area: addcart;
}
.sale-product__item--add-cart-button {
  display: grid;
  grid-template-columns: 3rem 1fr 3rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  width: 100%;
  font-family: inherit;
  font-size: 1.4rem;
  font-weight: var(--fw-bold);
  letter-spacing: 0.15em;
  line-height: 1;
  border-radius: 0.5rem;
  background-color: var(--color-gender, var(--color-gender-women));
  text-decoration: none;
  text-align: center;
  color: var(--color-white);
  cursor: pointer;
  transition: opacity var(--transition-default);
}
.sale-product__item--add-cart-button:hover {
  opacity: 0.6;
}
.sale-product__item--add-cart-icon {
  height: 100%;
  aspect-ratio: 1;
}
.sale-product__item--soldout {
  grid-area: addcart;
}
.sale-product__item--soldout-overlay {
  padding: 0.7rem 0;
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-family: var(--font-en);
  font-size: 1.2rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.2em;
  line-height: 1;
  color: var(--color-white);
  background-color: rgba(29, 24, 26, 0.3);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  text-align: center;
}
.sale-product__item--soldout-button {
  display: grid;
  grid-template-columns: 3rem 1fr 3rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  box-sizing: border-box;
  width: 100%;
  font-family: var(--font-en);
  font-size: 1.4rem;
  font-weight: var(--fw-bold);
  letter-spacing: 0.15em;
  line-height: 1;
  background-color: var(--color-gray-light);
  border-radius: 0.5rem;
  text-align: center;
  color: var(--color-white);
}
.sale-product__pager .c-pager {
  margin-block: 4rem;
}
@media screen and (min-width: 768px) {
  .sale-product__pager .c-pager {
    margin-block: 8rem;
  }
}
.sale-product__error {
  text-align: center;
  margin-block: 3rem;
}

.productvariationlist .product-variation-select {
  height: fit-content;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .productvariationlist .product-variation-select {
    width: 100%;
    top: auto;
    left: 0;
    bottom: 0;
    transform: none;
  }
}
.productvariationlist .product-variation-select__option--block {
  padding-inline: 0;
}
.productvariationlist .product-variation-select .c-modal__content {
  margin-inline: auto;
  width: 100%;
  border-top: 1px solid #eee;
}
.productvariationlist .product-variation-select .c-form__input--check input {
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #ccc;
  border-radius: 2px;
}
.productvariationlist .product-variation-select .c-form__input--check input:checked {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.781%22%20height%3D%227.02%22%20viewBox%3D%220%200%209.781%207.02%22%3E%20%3Cpath%20d%3D%22M583.233%2C483.626l-4.028-3.9%2C1.3-1.347%2C2.71%2C2.623%2C4.449-4.4%2C1.318%2C1.333Z%22%20transform%3D%22translate(-579.205%20-476.606)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: center center;
  background-color: var(--color-gender);
  border-color: var(--color-gender);
}
@media screen and (min-width: 768px) {
  .productvariationlist .product-variation-select .c-form__input--check input:checked {
    background-size: 1.3rem;
  }
}
.productvariationlist .product-variation-select .c-form__input--check input:checked::before {
  content: none;
}
.productvariationlist [id$=BodyProductCartEntry_dvComplete] .c-modal__content {
  padding: 0;
  width: 100%;
}
.productvariationlist [id$=BodyProductCartEntry_dvComplete] #js-cart-modal-product-image {
  display: none;
}

.productlist-tags {
  padding: 3rem 0 3rem;
}
@media screen and (min-width: 768px) {
  .productlist-tags {
    padding: 4rem 0 5rem;
  }
}
@media screen and (min-width: 768px) {
  .productlist-tags__inner {
    margin-inline: auto;
    width: min(90%, 140rem);
    max-width: fit-content;
  }
}
.productlist-tags__title {
  padding-inline: 1.5rem;
  font-size: 1.3rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.15em;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .productlist-tags__title {
    padding-inline: 0;
    font-size: 1.6rem;
    font-weight: var(--fw-medium);
    letter-spacing: 0.15em;
    line-height: 1;
  }
}
.productlist-tags__list {
  margin-top: 1rem;
  padding-inline: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem 0.7rem;
}
@media screen and (min-width: 768px) {
  .productlist-tags__list {
    margin-top: 1.5rem;
    padding-inline: 0;
    gap: 0.7rem;
  }
}
.productlist-tags__link {
  padding: 0.5rem 1rem 0.5rem 2rem;
  position: relative;
  display: block;
  font-size: 1.3rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.08em;
  line-height: 1;
  text-decoration: none;
  color: var(--color-text-gray);
  background-color: var(--color-bg-gray-light);
  border-radius: 0.4rem;
}
@media screen and (min-width: 768px) {
  .productlist-tags__link {
    font-size: 1.4rem;
  }
}
.productlist-tags__link::before {
  content: "#";
  color: var(--color-gender, vavr(--color-gender-women));
  font-size: 1.3rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.1em;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
}
@media screen and (min-width: 768px) {
  .productlist-tags__link::before {
    font-size: 1.4rem;
  }
}

.recommend-container .add-cart-slider__item--link {
  text-decoration: none;
  color: var(--color-text-default);
}
.recommend-container .add-cart-slider__item--image {
  width: 100%;
  aspect-ratio: 1;
  border: 1px solid #f7f7f7;
}
.recommend-container .add-cart-slider__item--brand {
  margin-top: 1rem;
  font-size: 1.1rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.08em;
  line-height: 1.6364;
  color: var(--color-text-gray);
}
.recommend-container .add-cart-slider__item--name {
  margin-top: 1rem;
  font-size: 1.3rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.08em;
  line-height: 1.5;
}
.recommend-container .add-cart-slider__item--price {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.recommend-container .add-cart-slider__item--price {
  font-family: var(--font-main);
  font-size: 1.4rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.08em;
  line-height: 1.3929;
  word-break: break-all;
}
.recommend-container .add-cart-slider__item--price-numric.discount {
  color: var(--color-emphasis);
}
.recommend-container .add-cart-slider__item--discount-rate:not(:empty) {
  padding: 0.3rem 0.5rem;
  display: block;
  width: fit-content;
  font-family: var(--font-en);
  font-size: 1.3rem;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  line-height: 1;
  background-color: var(--color-emphasis);
  color: var(--color-white);
}
.recommend-container .add-cart-slider__control {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: 3rem 1fr 3rem;
}
.recommend-container .add-cart-slider__arrow {
  padding: 0;
}

.ranking-slider__container {
  max-width: 100vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  .ranking-slider__container {
    padding-left: 0;
  }
}
.ranking-slider__wrapper {
  padding: 0 1.5rem 6rem;
}
@media screen and (min-width: 768px) {
  .ranking-slider__wrapper {
    padding: 0;
    margin: 0;
    border-radius: 1.5rem;
    box-shadow: 0 0 3.5rem rgba(29, 24, 26, 0.1);
    width: fit-content;
    max-width: 100%;
  }
}
.ranking-slider__wrapper .swiper-wrapper {
  width: fit-content;
  overflow: hidden;
  box-shadow: 0 0 3.5rem rgba(29, 24, 26, 0.1);
  border-radius: 1.2rem;
}
@media screen and (min-width: 768px) {
  .ranking-slider__wrapper .swiper-wrapper {
    width: max-content;
    border-radius: 0;
    box-shadow: none;
  }
}
.ranking-slider__wrapper .swiper-slide {
  --border-radius: 1.2rem;
  overflow: hidden;
}
.ranking-slider__wrapper .swiper-slide:not(:last-of-type) {
  border-right: 1px solid #F7F7F7;
}
.ranking-slider__wrapper .swiper-slide:first-of-type {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.ranking-slider__wrapper .swiper-slide:last-of-type {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
@media screen and (min-width: 768px) {
  .ranking-slider__wrapper .swiper-slide {
    --border-radius: 1.5rem;
    width: min(15.35vw, 23.3rem) !important;
  }
}
.ranking-slider__wrapper .c-product-item__icons {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.ranking-slider__wrapper .c-product-item__icons img {
  width: auto;
  height: 1.7rem;
  display: block;
  aspect-ratio: unset;
}
.ranking-slider__wrapper .c-product-item__price {
  color: var(--color-text-default);
}
.ranking-slider__wrapper .dv_recommend .dv_rc_name {
  padding: 1.5rem 1rem 0;
  line-height: 1.4;
  color: var(--color-text-default);
}
.ranking-slider__wrapper .dv_recommend .dv_rc_description {
  margin-top: 1rem;
  padding-inline: 1rem;
  font-size: 1.3rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.08em;
  line-height: 1.2692;
}
.ranking-slider__wrapper .dv_recommend .dv_rc_price:not(:empty) {
  margin-inline: 1rem;
  margin-bottom: 2rem;
  display: inline-block;
}
.ranking-slider__navigation {
  padding: 0;
  width: 4rem;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  box-shadow: 0 0 2rem rgba(29, 24, 26, 0.05);
  border-radius: 50%;
  transition: opacity var(--transition-default);
}
.ranking-slider__navigation--prev {
  left: -2rem;
}
.ranking-slider__navigation--next {
  right: -2rem;
}
.ranking-slider__navigation[aria-disabled=true] {
  opacity: 0;
}
.ranking-slider__navigation:not([aria-controls]) {
  display: none;
}

@media screen and (min-width: 768px) {
  .productlist .productlist__history .ranking-slider__wrapper {
    width: fit-content;
    margin: 0;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .productdetail .productdetail__history .ranking-slider__wrapper {
    margin: 0;
    width: fit-content;
    max-width: 100%;
    box-shadow: 0 0 3.5rem rgba(29, 24, 26, 0.1);
  }
}
@media screen and (min-width: 768px) {
  .productdetail .productdetail__history .swiper-slide {
    width: min(14.2727vw, 15.7rem) !important;
  }
}

.productlist__timesale {
  max-width: 100vw;
}
@media screen and (min-width: 768px) {
  .productlist__timesale {
    position: relative;
    overflow: hidden;
  }
}
.productlist__timesale--inner {
  width: min(100%, 150rem);
  margin: auto;
  position: relative;
}
.productlist__timesale .c-title--container {
  padding-inline: 1.5rem;
}
@media screen and (min-width: 768px) {
  .productlist__timesale .c-title--container {
    padding-inline: 5rem;
  }
}
.productlist__timesale .c-slider-container__wrapper {
  border-radius: 0;
  padding: 2rem 1.5rem;
  background-color: transparent;
}
@media screen and (min-width: 768px) {
  .productlist__timesale .c-slider-container__wrapper {
    padding: 0;
    margin: 3rem 5rem 10rem;
    box-shadow: 0px 0px 2rem 0px rgba(29, 24, 26, 0.1);
    border-radius: 1.5rem;
    background-color: transparent;
    width: fit-content;
  }
}
.productlist__timesale .swiper-buttons .swiper-button-disabled {
  display: none;
}
.productlist__timesale .swiper-buttons .swiper-button-prev,
.productlist__timesale .swiper-buttons .swiper-button-next {
  top: calc(50% + 3.75rem);
  width: 5rem;
  height: 5rem;
  border-radius: 50px;
  box-shadow: 0px 0px 2rem 0px rgba(29, 24, 26, 0.05);
}
.productlist__timesale .swiper-buttons .swiper-button-prev::after,
.productlist__timesale .swiper-buttons .swiper-button-next::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-size: cover;
}
.productlist__timesale .swiper-buttons .swiper-button-prev::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%0A%20%20%3Crect%20id%3D%22bg%22%20width%3D%2250%22%20height%3D%2250%22%20rx%3D%2225%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%E2%86%92%22%20d%3D%22M26.529%2C18%2C21%2C23.529l5.529%2C5.529%22%20transform%3D%22translate(2%201.471)%22%20fill%3D%22none%22%20stroke%3D%22%231d181a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.3%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.productlist__timesale .swiper-buttons .swiper-button-next::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%0A%20%20%3Crect%20id%3D%22bg%22%20width%3D%2250%22%20height%3D%2250%22%20rx%3D%2225%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%E2%86%92%22%20d%3D%22M21%2C18l5.529%2C5.529L21%2C29.058%22%20transform%3D%22translate(0.471%201.471)%22%20fill%3D%22none%22%20stroke%3D%22%231d181a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.3%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.productlist__timesale .c-slider-product-group {
  width: max-content;
  box-shadow: 0px 0px 2rem 0px rgba(29, 24, 26, 0.1);
  border-radius: 1.5rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .productlist__timesale .c-slider-product-group .swiper-slide {
    width: min(15.3vw, 23.4rem) !important;
  }
}
.productlist__timesale .c-product-item {
  color: inherit;
}
.productlist__timesale .c-product-item__image {
  position: relative;
}
.productlist__timesale .c-product-item__image .sale-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.5rem 0.8rem;
  background: rgba(211, 3, 19, 0.7);
  border-radius: 5rem;
  position: absolute;
  left: auto;
  right: 0.8rem;
  bottom: 0.8rem;
  color: var(--color-white);
  font-size: 1rem;
  letter-spacing: 0.08em;
  width: fit-content;
}
.productlist__timesale .c-product-item__details {
  padding: 1.5rem 1rem 2rem;
}
@media screen and (min-width: 768px) {
  .productlist__timesale .c-product-item__details {
    padding: 1.5rem 1.5rem 2rem;
  }
}

.global-contents__inner {
  padding-bottom: 0;
}
.global-contents__inner:nth-of-type(1) {
  padding-bottom: 0;
}
.global-contents .contents-heading {
  font-size: 2rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.2em;
  line-height: 1.4;
  text-align: center;
  padding: 2rem 0 3rem;
}
@media screen and (min-width: 768px) {
  .global-contents .contents-heading {
    font-size: 2.6rem;
    padding: 3rem 0 4rem;
  }
}

.productlist {
  overflow: clip;
}
@media screen and (min-width: 768px) {
  .productlist:not(.global-container) {
    margin-top: 4rem;
  }
}
.productlist .no-product {
  padding: 2rem 3rem 3rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .productlist .no-product {
    padding: 0 0 2rem;
    text-align: left;
  }
}
.productlist .no-product + .no-product {
  padding-top: 0;
}
.productlist .add-favorite-brand {
  margin: 1.5rem auto 0;
  display: flex;
  justify-content: center;
  gap: 0.9rem;
  width: 30.5rem;
  position: relative;
}
.productlist .add-favorite-brand__button {
  padding: 0.75rem 1.2rem 0.75rem 3.6rem;
  display: block;
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.08em;
  line-height: 1;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20transform%3D%22translate(2.094%202.094)%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20transform%3D%22translate(-2.094%20-2.094)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20d%3D%22M7.228%2C1.88a.026.026%2C0%2C0%2C0%2C.044%2C0C9.343-1.232%2C14.25.417%2C14.25%2C4.247c0%2C4.012-6.645%2C8.476-6.987%2C8.7a.023.023%2C0%2C0%2C1-.027%2C0C6.894%2C12.723.25%2C8.258.25%2C4.247.25.417%2C5.156-1.232%2C7.228%2C1.88Z%22%20transform%3D%22translate(0.711%201.849)%22%20fill%3D%22none%22%20stroke%3D%22%2323abdd%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 2rem;
  background-repeat: no-repeat;
  background-position: center left 1.2rem;
  color: var(--color-textlink);
  border: 1px solid var(--color-textlink);
  border-radius: 0.5rem;
  cursor: pointer;
}
.productlist .add-favorite-brand__button.added {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20transform%3D%22translate(2.094%202.094)%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20transform%3D%22translate(-2.094%20-2.094)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20d%3D%22M7.228%2C1.88a.026.026%2C0%2C0%2C0%2C.044%2C0C9.343-1.232%2C14.25.417%2C14.25%2C4.247c0%2C4.012-6.645%2C8.476-6.987%2C8.7a.023.023%2C0%2C0%2C1-.027%2C0C6.894%2C12.723.25%2C8.258.25%2C4.247.25.417%2C5.156-1.232%2C7.228%2C1.88Z%22%20transform%3D%22translate(0.711%201.849)%22%20fill%3D%22%23eb6da5%22%20stroke%3D%22%23eb6da5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  border-color: #bbb;
  color: #bbb;
}
.productlist .add-favorite-brand__guide {
  padding: 0;
}
.productlist .add-favorite-brand__balloon {
  padding: 1.95rem 2.45rem;
  position: absolute;
  bottom: -13rem;
  width: 82.4svw;
  background-color: var(--color-white);
  border-radius: 0.8rem;
  box-shadow: 0 0 4rem rgba(29, 24, 26, 0.1);
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-default), visibility var(--transition-default);
}
@media screen and (min-width: 768px) {
  .productlist .add-favorite-brand__balloon {
    width: 30.9rem;
    right: -27.55rem;
    bottom: -1rem;
  }
}
.productlist .add-favorite-brand__balloon.show {
  opacity: 1;
  visibility: visible;
}
.productlist .add-favorite-brand__balloon::before {
  display: block;
  position: absolute;
  top: -1.4rem;
  right: 5.4rem;
  width: 3rem;
  height: 2rem;
  background-color: var(--color-white);
  content: "";
  box-shadow: 0 0 4rem rgba(29, 24, 26, 0.1);
  clip-path: polygon(0 100%, 50% 0, 100% 100%);
}
@media screen and (min-width: 768px) {
  .productlist .add-favorite-brand__balloon::before {
    right: auto;
    top: 67%;
    left: -1.5rem;
    rotate: -90deg;
  }
}
.productlist .add-favorite-brand__balloon--text {
  font-size: 1.3rem;
  font-weight: var(--fw-regular);
  letter-spacing: 0.1em;
  line-height: 1.8;
  text-align: left;
}
.productlist .add-favorite-brand__balloon--close {
  padding: 0;
  position: absolute;
  top: -1rem;
  right: -0.7rem;
  width: 2.6rem;
  aspect-ratio: 1;
  border-radius: 50%;
}
.productlist .product__favorite--popup {
  width: min(35rem, 90%);
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-200);
  display: grid;
  row-gap: 2rem;
  padding: 4rem;
  position: fixed;
  top: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.productlist .product__favorite--popup .c-button {
  min-width: 0;
}
.productlist .product__favorite--add {
  --color-favorite-accent: #E25858;
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 50%;
  display: grid;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  text-decoration: none;
  z-index: 2;
  opacity: 1;
  transition: opacity var(--transition-default);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%20%3Cg%20transform%3D%22translate(6.094%206.094)%22%3E%20%3Crect%20width%3D%2244%22%20height%3D%2244%22%20transform%3D%22translate(-6.094%20-6.094)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20d%3D%22M12.212%2C3.045a.044.044%2C0%2C0%2C0%2C.075%2C0C15.839-2.29%2C24.25.536%2C24.25%2C7.1c0%2C6.877-11.391%2C14.531-11.977%2C14.92a.039.039%2C0%2C0%2C1-.047%2C0C11.64%2C21.632.25%2C13.979.25%2C7.1.25.536%2C8.661-2.29%2C12.212%2C3.045Z%22%20transform%3D%22translate(3.513%206.359)%22%20fill%3D%22rgba(255%2C255%2C255%2C0.5)%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .productlist .product__favorite--add {
    width: 4.4rem;
    height: 4.4rem;
  }
}
.productlist .product__favorite--add[disabled] {
  pointer-events: none;
}
.productlist .product__favorite--add.hidden {
  opacity: 0;
}
.productlist .product__favorite--add[data-favorite-registrated=true] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%20%3Cg%20transform%3D%22translate(6.094%206.094)%22%3E%20%3Crect%20width%3D%2244%22%20height%3D%2244%22%20transform%3D%22translate(-6.094%20-6.094)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20d%3D%22M12.212%2C3.045a.044.044%2C0%2C0%2C0%2C.075%2C0C15.839-2.29%2C24.25.536%2C24.25%2C7.1c0%2C6.877-11.391%2C14.531-11.977%2C14.92a.039.039%2C0%2C0%2C1-.047%2C0C11.64%2C21.632.25%2C13.979.25%2C7.1.25.536%2C8.661-2.29%2C12.212%2C3.045Z%22%20transform%3D%22translate(3.513%206.359)%22%20fill%3D%22%23eb6da5%22%20stroke%3D%22%23eb6da5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.productlist .product__favorite--icon {
  width: 3.5rem;
  aspect-ratio: 1;
}
.productlist .product__favorite--icon path {
  transition: fill var(--transition-default);
}
.productlist .product__favorite--icon.added path {
  fill: var(--color-favorite-accent);
  stroke: var(--color-favorite-accent);
}
.productlist .product__favorite--count {
  color: var(--color-black);
  text-align: center;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .productlist__inner {
    grid-template-columns: 20% 1fr;
    --gap-column: 2.14%;
  }
}
@media screen and (max-width: 767px) {
  .productlist__container {
    border-top: 1px solid #eee;
  }
}
@media screen and (min-width: 768px) {
  .productlist__container {
    --gap-row: 4rem;
    --gap-column: 2.7522%;
  }
}
@media screen and (min-width: 768px) {
  .productlist__container.md\:u-grid-column-5 {
    --gap-column: 2.1100%;
  }
}
@media screen and (min-width: 768px) {
  .productlist__container.md\:u-grid-column-5 .product__item--icon {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .productlist__container.md\:u-grid-column-5 .product__item--color {
    --max-column: 9;
    --grid-column: 1rem 0.6rem;
    margin-right: 0.8rem;
  }
}
.productlist .c-pager {
  margin-block: 4rem;
  padding-block: 2rem;
  font-family: var(--font-en);
}
@media screen and (min-width: 768px) {
  .productlist .c-pager {
    margin-block: 8rem;
  }
}
.productlist__fixed--area {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  position: fixed;
  right: 5.5rem;
  bottom: calc(7.5rem + var(--memberrank-height, 0px));
  z-index: var(--zindex-floating-element);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-default), visibility var(--transition-default);
}
.productlist__fixed--area.show {
  opacity: 1;
  visibility: visible;
}
.productlist__fixed--button {
  padding: 1rem;
  width: 5rem;
  aspect-ratio: 1;
  background-color: rgba(62, 57, 59, 0.85);
  border-radius: 50%;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .productlist__ranking {
    padding-bottom: 0 !important;
  }
}
.productlist__ranking:not(:has(.swiper-initialized)) {
  display: none;
}
@media screen and (min-width: 768px) {
  .productlist__ranking .ranking-slider__container {
    width: min(100vw - 10rem, 140rem);
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  .productlist__section:has(.productlist__recommend--inner) {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .productlist-recommend .productlist__section--title {
    margin-inline: 5rem;
    margin-bottom: 1rem;
  }
}
.productlist__recommend {
  padding-left: 0;
  max-width: 100vw;
}
@media screen and (min-width: 768px) {
  .productlist__recommend {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .productlist__recommend .productlist__section {
    padding-bottom: 0 !important;
  }
}
.productlist__recommend--inner {
  margin-inline: auto;
  width: min(100%, 150rem);
  overflow: hidden;
}
.productlist__recommend--slider {
  padding: 0 1.5rem 6rem;
}
@media screen and (min-width: 768px) {
  .productlist__recommend--slider {
    padding: 0;
    margin: 3rem 5rem 10rem;
    width: fit-content;
    max-width: min(100vw - 10rem, 140rem);
    box-shadow: 0 0 3.5rem rgba(29, 24, 26, 0.1);
    border-radius: 1.5rem;
  }
}
.productlist__recommend--slider .swiper:not(.swiper-initialized) {
  display: none;
}
.productlist__recommend--slider .swiper-wrapper {
  width: fit-content;
  overflow: hidden;
  box-shadow: 0 0 3.5rem rgba(29, 24, 26, 0.1);
  border-radius: 1.2rem;
}
@media screen and (min-width: 768px) {
  .productlist__recommend--slider .swiper-wrapper {
    width: max-content;
    box-shadow: none;
  }
}
.productlist__recommend--slider .swiper-slide {
  padding-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .productlist__recommend--slider .swiper-slide {
    width: min(15.35vw, 23.4rem) !important;
  }
}
.productlist__recommend--slider .swiper-slide:first-child {
  border-radius: 1.2rem 0 0 1.2rem;
}
.productlist__recommend--slider .swiper-slide:nth-child(n+2) {
  border-left: 1px solid #f7f7f7;
}
.productlist__recommend--slider .dv_rc_name {
  padding-inline: 1rem;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.productlist__recommend--slider .dv_rc_description {
  padding-inline: 1rem;
}
.productlist__recommend--slider .dv_rc_description:has(.dv_rc_price:not(:empty)) {
  display: block;
  color: var(--color-emphasis);
}
.productlist__section {
  padding-block: 6rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .productlist__section {
    padding: 6.4rem 0;
    grid-column: 1/3;
  }
}
.productlist__section::before {
  width: 100%;
  height: 0.4rem;
  background-color: var(--color-bg-gray-light);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.productlist__section--title {
  padding-left: 1.4rem;
  margin-bottom: 3rem;
  font-size: 2.2rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.15em;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .productlist__section--title {
    padding-left: 0;
    margin-inline: auto;
    margin-bottom: 4rem;
    max-width: min(100vw - 10rem, 140rem);
  }
}
.productlist__history .productlist__section--inner {
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: "heading" "slider" "clear";
}
@media screen and (min-width: 768px) {
  .productlist__history .productlist__section--inner {
    grid-template-columns: 1fr auto;
    grid-template-areas: "heading clear" "slider slider";
    width: min(100vw - 10rem, 140rem);
    margin-inline: auto;
  }
}
.productlist__history .productlist__section--heading {
  grid-area: heading;
  padding-inline: 1.5rem;
  font-size: 1.8rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.15em;
  line-height: 1.5889;
}
@media screen and (min-width: 768px) {
  .productlist__history .productlist__section--heading {
    padding-inline: 0;
    font-size: 2.2rem;
    font-weight: var(--fw-medium);
    line-height: 1;
  }
}
.productlist__history .productlist__section--clear {
  margin-inline: auto;
  margin-top: 3rem;
  grid-area: clear;
  align-self: center;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .productlist__history .productlist__section--clear {
    margin-top: 0;
  }
}
.productlist__history .productlist__section--content {
  grid-area: slider;
  margin-top: 3rem;
}
@media screen and (min-width: 768px) {
  .productlist__history .productlist__section--content {
    margin-top: 4rem;
  }
}
.productlist__history .c-product-item__image :where(img) {
  aspect-ratio: 1;
  object-fit: contain;
}
.productlist__history--clear {
  margin-inline: auto;
  margin-top: 3rem;
  grid-area: clear;
  align-self: center;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .productlist__history--clear {
    margin-top: 0;
  }
}
.productlist .recommend-container {
  grid-column: 1/3;
}
.productlist .sale-badge {
  display: flex;
  gap: 0.4rem;
  padding: 0.5rem 0.8rem;
  background: rgba(211, 3, 19, 0.7);
  border-radius: 5rem;
  position: absolute;
  left: 0.8rem;
  bottom: 0.8rem;
  color: var(--color-white);
  font-size: 1rem;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
  .productlist .sale-badge {
    left: 1rem;
    bottom: 1rem;
    gap: 0.5rem;
  }
}
.productlist .sale-badge :where(svg) {
  width: 1.3rem;
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  .productlist .sale-badge :where(svg) {
    width: 1.5rem;
  }
}

/*# sourceMappingURL=productlist.css.map */