@charset "UTF-8";
@media screen and (min-width: 768px) {
  .sp-only {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .pc-only {
    display: none;
  }
}

:root {
  --rv-pc-header-height: 94px;
  --vslilk-gold: #C9A06C;
  --vital-ivory: #FFFDF6;
  --text-color: #382e17;
  --gray: #C3BEB9;
  --white: #FFFFFF;
  --bg-color: #FAF5EB;
  --bg-color2: #F4EFE4;
}
@media screen and (max-width: 1280px) {
  :root {
    --rv-pc-header-height: 70px;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --rv-pc-header-height: 17.9487179487vw;
  }
}

.wrapper_:has(.navisort_) {
  background: var(--bg-color);
}
.wrapper_:has(.navisort_) .common_Tit1_ {
  font-size: 38px;
  margin-top: 120px;
  margin-bottom: 96px;
  padding: 0 8.5%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .wrapper_:has(.navisort_) .common_Tit1_ {
    font-size: 2.8rem;
    padding: 0 2.4rem;
    margin-top: 8rem;
    margin-bottom: 6.4rem;
  }
}

.wrapper_ .mainframe_ {
  color: var(--text-color);
}

/* ---- 並び替え ---- */
.navisort_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 0 2.4rem;
  margin: 0 auto 2.4rem;
}
@media screen and (min-width: 768px) {
  .navisort_ {
    max-width: 100%;
    padding: 0 8.5%;
    margin: 0 auto 24px;
  }
}

.navisort_ .navipage_sum_ {
  font-size: 1.2rem;
  color: var(--rv-black);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .navisort_ .navipage_sum_ {
    font-size: 12px;
  }
}
.navisort_ .navipage_sum_ .num {
  font-size: 2.4rem;
  font-family: var(--rv-font-openSans);
}
@media screen and (min-width: 768px) {
  .navisort_ .navipage_sum_ .num {
    font-size: 24px;
  }
}

.navisort_ dl {
  display: block;
  width: 15rem;
  margin: 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .navisort_ dl {
    width: 150px;
  }
}

.navisort_ dl dt {
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0.2em;
  font-weight: 500;
  padding: 0 2.4rem 0 0;
  border-right: none;
  text-align: right;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 768px) {
  .navisort_ dl dt {
    font-size: 12px;
    padding: 0 24px 0 0;
  }
}

.navisort_ dl dt::after {
  display: block;
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-right: 1px solid var(--vslilk-gold);
  border-bottom: 1px solid var(--vslilk-gold);
  position: absolute;
  top: 50%;
  translate: 0 -75%;
  right: 0.6rem;
  rotate: 45deg;
}
@media screen and (min-width: 768px) {
  .navisort_ dl dt::after {
    width: 6px;
    height: 6px;
    right: 6px;
  }
}

.navisort_ dl dt.-is-open::after {
  translate: 0 -25%;
  rotate: 225deg;
}

.navisort_ dl dd {
  display: none;
  width: 100%;
  background-color: var(--rv-white);
  padding: 2rem;
  position: absolute;
  top: calc(100% + 2rem);
  left: 0;
  z-index: var(--rv-zindex-sort);
  border-radius: 0.4rem;
}
@media screen and (min-width: 768px) {
  .navisort_ dl dd {
    padding: 20px;
    top: calc(100% + 20px);
    border-radius: 4px;
  }
}

.navisort_ dl dd ul {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
@media screen and (min-width: 768px) {
  .navisort_ dl dd ul {
    row-gap: 20px;
  }
}

.navisort_ dl dd ul li {
  display: block;
  margin-right: 0;
}

.navisort_ dl dd ul li a {
  display: block;
  font-size: 1.4rem;
  color: var(--rv-black);
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .navisort_ dl dd ul li a {
    font-size: 14px;
  }
}

.navisort_ dl dd ul li .navisort_now_ {
  color: var(--rv-gold2);
}

/* ---- 閲覧履歴 ---- */
#block_of_itemhistory {
  display: none !important;
}

:where(.StyleV_Frame_):not(.splide) {
  padding: 0 4px;
  display: flex;
  flex-wrap: wrap;
  gap: 64px 2px;
}
@media screen and (max-width: 767px) {
  :where(.StyleV_Frame_):not(.splide) {
    padding: 0 0.5333333333vw;
    gap: 10.6666666667vw 0.5333333333vw;
  }
}

.StyleV_Item_ {
  flex: 0 0 calc((100% - 6px) / 4);
  float: none;
  clear: none;
  margin: 0;
  position: relative;
  font-family: var(--rv-font-zenkaku);
}
@media screen and (max-width: 767px) {
  .StyleV_Item_ {
    flex: 0 0 calc((100% - 0.5333333333vw) / 2);
  }
}
.StyleV_Item_ .img_ {
  position: relative;
}
.StyleV_Item_ .img_ a {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
@media (any-hover: hover) {
  .StyleV_Item_ .img_ a:hover::before {
    opacity: 1;
  }
  .StyleV_Item_ .img_ a:hover img {
    transform: scale(1.04);
  }
}
.StyleV_Item_ .img_ a::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: block;
  will-change: opacity;
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  z-index: 1;
}
.StyleV_Item_ .img_ a img {
  will-change: transform;
  transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.StyleV_Item_ .img_ .budge_list_ {
  position: absolute;
  bottom: 8px;
  left: 8px;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media screen and (max-width: 767px) {
  .StyleV_Item_ .img_ .budge_list_ {
    bottom: 0.8rem;
    left: 0.8rem;
    gap: 0.4rem;
  }
}
.StyleV_Item_ .img_ .budge_list_ .budge_ {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.16em;
  line-height: 1.9;
  color: #fff;
  background: var(--vslilk-gold);
  padding: 0 0.5em;
  border-radius: 2px;
}
@media screen and (max-width: 767px) {
  .StyleV_Item_ .img_ .budge_list_ .budge_ {
    font-size: 1.2rem;
    border-radius: 0.2rem;
  }
}
.StyleV_Item_ .img_ .budge_list_ .budge_.new {
  background: rgba(0, 0, 0, 0.25);
}
.StyleV_Item_ .variation_ {
  margin-top: 16px;
  padding: 0 14px;
}
@media screen and (max-width: 767px) {
  .StyleV_Item_ .variation_ {
    margin-top: 4.2666666667vw;
    padding: 0 3.7333333333vw;
  }
}
.StyleV_Item_ .variation_ .colors_ .variation_list_wrap_ {
  display: flex;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .StyleV_Item_ .variation_ .colors_ .variation_list_wrap_ {
    gap: 2.1333333333vw;
  }
}
.StyleV_Item_ .variation_ .colors_ .variation_list_wrap_ .varItem_ {
  margin: 0;
  width: auto;
  height: auto;
  float: none;
  position: relative;
}
.StyleV_Item_ .variation_ .colors_ .variation_list_wrap_ .varItem_ .color2_ {
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 767px) {
  .StyleV_Item_ .variation_ .colors_ .variation_list_wrap_ .varItem_ .color2_ {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
  }
}
.StyleV_Item_ .variation_ .colors_ .variation_list_wrap_ .varItem_ .color2_::before {
  content: "";
  width: auto;
  height: auto;
  border-radius: 50%;
  position: absolute;
  inset: -2px;
  border: 1px solid #E94525;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (max-width: 767px) {
  .StyleV_Item_ .variation_ .colors_ .variation_list_wrap_ .varItem_ .color2_::before {
    inset: -0.5333333333vw;
  }
}
.StyleV_Item_ .variation_ .colors_ .variation_list_wrap_ .varItem_ .color2_.color_Selected_::before {
  opacity: 1;
}
.StyleV_Item_ .desp_ {
  padding: 0 16px 0 12px;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .StyleV_Item_ .desp_ {
    padding: 0 4.2666666667vw 0 3.2vw;
    margin-top: 2.6666666667vw;
  }
}
.StyleV_Item_ .desp_ .name1_ a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.5;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .StyleV_Item_ .desp_ .name1_ a {
    font-size: 3.2vw;
  }
}
.StyleV_Item_ .desp_ .price_ {
  font-family: var(--rv-font-openSans);
  font-size: 12px;
  margin-top: 1em;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .StyleV_Item_ .desp_ .price_ {
    font-size: 3.2vw;
  }
}
.StyleV_Item_ .desp_ .price_ .small_ {
  font-family: var(--rv-font-zenkaku);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.16;
  margin-left: 0.5em;
}
@media screen and (max-width: 767px) {
  .StyleV_Item_ .desp_ .price_ .small_ {
    font-size: 2.6666666667vw;
  }
}