@charset "UTF-8";
/* font */
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;600&family=Nunito:ital,wght@1,300&display=swap);
@font-face {
  font-family: "Rakuten Sans UI";
  font-style: normal;
  font-weight: 400;
  src: url(https://brandavenue.r10s.jp/font/RakutenSansUI_W_Rg.woff2) format("woff2");
  unicode-range: U+0030-0039, U+0025, U+002C, U+0041-007A;
}
@font-face {
  font-family: "Rakuten Sans UI";
  font-style: normal;
  font-weight: 600;
  src: url(https://brandavenue.r10s.jp/font/RakutenSans_UI_W_SBd.woff2) format("woff2");
  unicode-range: U+0030-0039, U+0025, U+002C, U+0041-007A;
}
@font-face {
  font-family: "Rakuten Sans UI";
  font-style: normal;
  font-weight: 700;
  src: url(https://brandavenue.r10s.jp/font/RakutenSansUI_W_Bd.woff2) format("woff2");
  unicode-range: U+0030-0039, U+0025, U+002C, U+0041-007A;
}
#areaWrapper {
  font-family: "Noto Sans JP", sans-serif;
}

.show {
  display: block;
}

.hidden {
  display: none !important;
}

.pc-none {
  display: none;
}

.breadcrumb-list {
  margin-bottom: 8px;
}

/* kv */
.kv-heading {
  margin-bottom: 32px;
}

/* contents */
.contents__campaign-banner {
  text-align: center;
}

.contents__campaign-banner-image {
  width: 50%;
}

.contents__sub-heading--small {
  font-size: 12px;
}

.sale-item-banner-section {
  text-align: center;
}

/* budget */
.budget__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 14px;
}

.budget__list-item {
  box-sizing: border-box;
  width: calc(25% - 8px);
  padding: 12px;
  margin: 0 10px 0 0;
  border: 2px solid #ccc;
}

.budget__list-item-link:link,
.budget__list-item-link:visited {
  display: block;
  font-size: 22px;
  color: #000;
  text-align: center;
}

.budget__list-item-link:link,
.budget__list-item-link:visited {
  display: block;
  font-size: 22px;
  color: #000;
  text-align: center;
}

/* new-design */
.gender-section {
  margin-top: 64px;
}

/* searchAnchor */
.searchAnchor__title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  color: #000;
  text-align: center;
  letter-spacing: 1.5px;
}

.searchAnchor__link > a {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: start;
  justify-content: center;
  width: 80%;
  height: 66px;
  padding: 12px 10px 8px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: bold;
  color: #666;
  text-align: center;
  background-color: #fff;
  border: 1px solid #747474;
  transition: 0.2s;
}

.searchAnchor__link__img {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  margin-right: 4px;
  background-image: url(https://brandavenue.r10s.jp/img/library/contents/sale/20230809/search.png);
  background-size: contain;
}

.searchAnchor__link > a::after {
  position: absolute;
  bottom: 12px;
  width: 7px;
  height: 7px;
  content: "";
  border: 0;
  border-right: solid 1px #666;
  border-bottom: solid 1px #666;
  transform: rotate(45deg);
}

/* search-parts */
input[type=checkbox],
input[type=radio],
input[type=checkbox] + label::before {
  display: none;
}

.gender {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 570px;
  padding: 10px 0;
  margin: 0 auto 40px;
  text-align: center;
}

.gender label,
.fixed_price_upper__list label,
.discount_rate_lower__list label {
  box-sizing: border-box;
  width: 125px;
  padding: 5px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  color: #69767b;
  letter-spacing: 1.5px;
  border: 1px solid #a0acb2;
  border-radius: 2px;
}

.gender label {
  border: none;
}

.gender label:not(:last-child),
.fixed_price_upper__list label:not(:last-child),
.discount_rate_lower__list label:not(:last-child) {
  margin-right: 20px;
}

input[type=radio]:checked + label {
  font-weight: 700;
  color: #393e44;
  background: #eceeef;
  border: none;
}

.wrapper {
  width: 664px;
  margin: 0 auto 40px;
  text-align: center;
}

.wrapper > label {
  display: block;
  padding: 24px 0 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.wrapper.category,
.wrapper.keyword {
  box-sizing: border-box;
  width: 570px;
  text-align: center;
}

.fixed_price_upper__list,
.discount_rate_lower__list {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 570px;
  margin: 0 auto;
  text-align: center;
}

.wrapper .fixed_price_upper,
.wrapper .discount_rate_lower {
  display: flex;
  align-items: center;
  justify-content: center;
}

.selectWrap__category {
  width: 100%;
  height: 40px;
  padding: 4px 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #393e44;
  text-align: left;
  appearance: none;
  outline: none;
  border: 1px solid #393e44;
}

.selectWrap {
  position: relative;
}

.selectWrap::after {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 7px;
  height: 7px;
  margin-top: -8px;
  content: "";
  border: 0;
  border-right: solid 1px #393e44;
  border-bottom: solid 1px #393e44;
  transform: rotate(45deg);
}

.color__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.color__list-item {
  position: relative;
}

.color__list-item:not(:nth-child(10n)) {
  margin-right: 16px;
}

.color__list-item:not(:nth-child(-n+10)) {
  margin-top: 16px;
}

.color__list-item label {
  box-sizing: border-box;
  display: block;
  width: 52px;
  height: 52px;
  margin: 0 auto;
  background: #ccc;
  border-radius: 50%;
}

.color__list-item--red label {
  background: #d62525;
}

.color__list-item--grey label {
  background: #999;
}

.color__list-item--black label {
  background: #000;
}

.color__list-item--white label {
  background: #fff;
  box-shadow: 0 0 0 2px #d1d1d1;
}

.color__list-item--yellow label {
  background: #e7dd40;
}

.color__list-item--navy label {
  background: #060f80;
}

.color__list-item--brown label {
  background: #955322;
}

.color__list-item--blue label {
  background: #04a3d7;
}

.color__list-item--beige label {
  background: #d9c7a2;
}

.color__list-item--khaki label {
  background: #5c5428;
}

.color__list-item--green label {
  background: #009600;
}

.color__list-item--gold label {
  background: linear-gradient(-45deg, #fee66d 0%, #fee66d 50%, #efd14c 51%, #efd14c 100%);
}

.color__list-item--silver label {
  background: linear-gradient(-45deg, #dfdfdf 0%, #dfdfdf 50%, #c9c9c9 51%, #c9c9c9 100%);
}

.color__list-item--other label {
  background: linear-gradient(137.82deg, #ffe073 15.8%, #fda06c 27.91%, #fb7666 40.94%, #da6792 52.76%, #b26dca 65.38%, #6390d5 81.78%);
}

.color__list-item--orange label {
  background: #f49000;
}

.color__list-item--pink label {
  background: #ffb1bf;
}

.color__list-item--purple label {
  background: #6c1e98;
}

input[type=checkbox]:checked + label::after {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  width: 14px;
  height: 8px;
  margin-top: -8px;
  margin-left: -8px;
  content: "";
  border-bottom: 3px solid #444;
  border-left: 3px solid #444;
  transform: rotate(-45deg);
}

input[id=colblack]:checked + label::after,
input[id=colbrown]:checked + label::after,
input[id=colgreen]:checked + label::after,
input[id=colkhaki]:checked + label::after,
input[id=colblue]:checked + label::after,
input[id=colnavy]:checked + label::after,
input[id=colpurple]:checked + label::after,
input[id=colred]:checked + label::after,
input[id=colother]:checked + label::after {
  border-color: #fff;
}

.color__list-item-text {
  position: absolute;
  top: -42px;
  left: -22px;
  box-sizing: border-box;
  display: none;
  width: 100px;
  padding: 5px 25px;
  font-size: 12px;
  line-height: 22.4px;
  color: #555e66;
  text-align: center;
  background: #f3f4f5;
  border: solid 1px #a0acb2;
  border-radius: 2px;
}

.color__list-item-text::after {
  position: absolute;
  bottom: -16px;
  left: 50%;
  z-index: 1;
  margin-left: -10px;
  content: "";
  border: 9px solid transparent;
  border-top: 7px solid #a0acb2;
}

.color__list-item-text::before {
  position: absolute;
  bottom: -13px;
  left: 50%;
  z-index: 2;
  margin-left: -9px;
  content: "";
  border: 8px solid transparent;
  border-top: 6px solid #f3f4f5;
}

.color__list-item label:hover + .color__list-item-text {
  display: block;
}

.viewmore {
  display: none;
}

.inputWrap {
  position: relative;
  display: flex;
}

.inputWrap > input {
  box-sizing: border-box;
  height: 40px;
  font-weight: 500;
}

.inputWrap > input[name=freeword] {
  width: calc(100% - 50px);
  padding: 8px 16px;
  font-size: 14px;
  line-height: 150%;
  border: 1px solid rgba(0, 0, 0, 0.1215686275);
  border-radius: 2px 0 0 2px;
}

.inputWrap > button[name=kw_search] {
  box-sizing: border-box;
  width: 50px;
  padding: 8px 0;
  background: #333 url(https://brandavenue.r10s.jp/img/library/contents/secretsale/20241028/search-icon_white.png) no-repeat center/18px;
  border-radius: 0 2px 2px 0;
}

.search-parts__button {
  text-align: center;
}

.gender label:hover,
.selectWrap__category:hover,
.fixed_price_upper__list label:hover,
.discount_rate_lower__list label:hover,
.color__list-item label:hover {
  cursor: pointer;
}

/* sale-attention */
.sale-attention {
  padding: 16px;
  margin: 0 auto;
  border: 1px solid #747474;
}

.sale-attention_list-item {
  font-size: 12px;
  line-height: 1.5em;
  text-align: left;
  letter-spacing: 1.3px;
}

.sale-attention_list-item::before {
  content: "・";
}

/* search-rate */
.search-rate {
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-rate__item {
  margin-right: 16px;
}

.search-rate__item-link:link,
.search-rate__item-link:visited {
  box-sizing: border-box;
  display: block;
  width: 110px;
  height: 110px;
  padding: 26px 0 18px;
  font-size: 22px;
  font-weight: bold;
  color: #ff4c6e;
  text-align: center;
  text-decoration: none;
  background: #fff;
  border: 2px solid #ff4c6e;
  border-radius: 100px;
  box-shadow: 2px 4px 20px rgba(129, 129, 129, 0.12);
}

.search-rate__item-number {
  font-size: 45px;
  line-height: 0.8;
}

.search-rate__item-percent {
  font-size: 24px;
  line-height: 0.6;
}

/* floating-nav */
.comp-fixed-menu__gender-select {
  color: #e510bb;
  background-color: #fff4fd;
  border: 1px solid #e510bb;
}

.comp-fixed-menu__gender-select::after {
  border-top: 7px solid #e510bb;
}

.comp-fixed-menu__gender-item.active {
  color: #e510bb;
}

.comp-fixed-menu__gender-item.active .comp-fixed-menu__gender-item-text::before {
  background-color: #e510bb;
}

.comp-fixed-menu__contents-link:link.is-current,
.comp-fixed-menu__contents-link:visited.is-current {
  color: #e510bb;
  background-color: #fffbfe;
}

.off-other__button-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.off-other__button {
  width: calc((100% - 16px) / 2);
}