@charset "UTF-8";
/* 上部バナー */
.banner_ {
  margin-top: 4%;
}
.banner_ img {
  width: 100%;
}

/* 検索結果一覧 */
.searchResults {
  width: calc(100% - 9.6vw);
  margin: 0 auto;
  padding-top: 30px;
}

.searchResults__header {
  padding-bottom: 15px;
}

.searchResults__container {
  padding-top: 15px;
}

.searchResults__keyword {
  color: #2a2a2a;
  font-size: 1.4rem;
  line-height: 1.3;
  text-align: center;
}

.searchResults__keywordInner {
  color: #000;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 700;
  padding-right: 2px;
}

.searchResults_maybe {
  margin-top: 10px;
}

.searchResults__number {
  padding-top: 1em;
  font-size: 1.6rem;
  font-weight: unset;
  text-align: center;
}

.searchResults__numberInner {
  font-size: 2rem;
  font-weight: 700;
}

.itemList__search {
  display: flex;
  justify-content: space-between;
}

.itemList__searchButton {
  flex-basis: calc(100% - 110px);
  box-sizing: border-box;
  padding: 1em 0;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  color: #2299e1;
}

.itemList__searchButtonImage {
  display: block;
  position: relative;
}
.itemList__searchButtonImage::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 3px;
  background: #2299e1;
}
.itemList__searchButtonImage::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2299e1;
}
.itemList__searchButtonImage:first-child::before {
  top: 5px;
  left: 15px;
}
.itemList__searchButtonImage:first-child::after {
  top: 3.5px;
  left: 18px;
}
.itemList__searchButtonImage:nth-child(2)::before {
  top: 12px;
  left: 15px;
}
.itemList__searchButtonImage:nth-child(2)::after {
  top: 10.5px;
  left: 22px;
}
.itemList__searchButtonImage:nth-child(3)::before {
  top: 19px;
  left: 15px;
}
.itemList__searchButtonImage:nth-child(3)::after {
  top: 17.5px;
  left: 18px;
}

.itemList__switchButton {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  flex-basis: 98px;
  padding: 0.25em 8px;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
}

.itemList__switchButton--left {
  flex-basis: 50%;
  padding: 0.75em 10px;
  border-right: 1px solid #d5d5d5;
  height: 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.itemList__switchButton--left::before {
  content: "";
  width: 20px;
  height: 10px;
  border-radius: 1px;
  background: #d5d5d5;
  position: relative;
  z-index: -1;
}
.itemList__switchButton--left::after {
  content: "";
  width: 20px;
  height: 10px;
  border-radius: 1px;
  background: #d5d5d5;
  position: relative;
  z-index: -1;
}

.itemList__switchButton--right {
  flex-basis: 50%;
  padding: 0.75em 10px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.itemList__switchButton--rightImage {
  display: flex;
  justify-content: space-around;
  position: relative;
  z-index: -1;
}
.itemList__switchButton--rightImage:nth-child(2) {
  margin-top: 2px;
}
.itemList__switchButton--rightImage::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 1px;
  background: #d5d5d5;
  margin-right: 2px;
}
.itemList__switchButton--rightImage::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 1px;
  background: #d5d5d5;
}

/* 絞り込み検索モーダル */
.searchRefinement {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: calc(100% - 87px);
  margin: 5px 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
}
.searchRefinement .searchRefinement__search {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 5px 0;
  padding: 10px 0 10px 20px;
  border: 0;
  border-radius: 40px;
  font-size: 1.4rem;
  background: #f0f0f0;
}

.searchRefinement__overlayerTitle {
  padding-bottom: 10px;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  color: #2299e1;
}

.searchRefinement__overlayer {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 20;
  transition: 0.25s ease;
  opacity: 0;
}
.searchRefinement__overlayer a {
  font-size: 1.6rem;
  color: #2299e1;
}

.js-overlayer {
  top: 0;
  opacity: 1;
}
.js-overlayer .searchRefinement__contents--keyword {
  top: 0;
}

.searchRefinement__contents {
  border-top: 1px solid #d5d5d5;
  padding: 0 4.8vw 15px;
}

.searchRefinement__contents--keyword {
  box-sizing: border-box;
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  padding: 35px 4.8vw 14px;
  border-bottom: 1px solid #d5d5d5;
  background: #fff;
  z-index: 21;
}

.searchRefinement__search::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 17px;
  width: 13px;
  height: 13px;
  border: 2px solid #2299e1;
  border-radius: 50%;
  z-index: 1;
  pointer-events: none;
}
.searchRefinement__search::-moz-placeholder {
  color: #888;
}
.searchRefinement__search::placeholder {
  color: #888;
}

.searchRefinement__searchItem::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 16px;
  top: 26px;
  width: 0;
  height: 9px;
  border-right: 2px solid #2299e1;
  z-index: 1;
  transform: rotate(-45deg);
  pointer-events: none;
}

.searchRefinement__title {
  position: relative;
  padding-top: 20px;
  padding-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 600;
}
.searchRefinement__title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 7px;
  width: 14px;
  height: 2px;
  background: #2299e1;
  transition: 0.2s;
  transform: translateY(-50%) rotate(0deg);
  pointer-events: none;
}

.searchRefinement__accordionWrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 10px;
  text-align: center;
}

.searchRefinement__accordionContents--close {
  display: none;
}

.searchRefinement__title--close::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 7px;
  width: 14px;
  height: 2px;
  background: #2299e1;
  transition: 0.2s;
  pointer-events: none;
  transform: translateY(-50%);
}
.searchRefinement__title--close::after {
  transform: rotate(-90deg);
}

.searchRefinement__accordionContents {
  box-sizing: border-box;
  margin-bottom: 2vw;
}

.searchRefinement__input {
  display: none;
}
.searchRefinement__input + .searchRefinement__label {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  padding: 13px 1vw;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  font-size: 1.4rem;
  background: #fff;
}
.searchRefinement__input:checked + .searchRefinement__label {
  color: #fff;
  background: #2299e1;
}
.searchRefinement__input:disabled + .searchRefinement__label {
  background: #f0f0f0;
}

.searchRefinement__contents--gender {
  padding-top: 154px;
  border-top: 0;
}
.searchRefinement__contents--gender .searchRefinement__accordionContents {
  flex-basis: calc((100% - 4vw) / 3);
}
.searchRefinement__contents--gender .searchRefinement__label {
  font-size: 1.5rem;
}

.searchRefinement__contents--shape .searchRefinement__accordionContents {
  flex-basis: calc((100% - 4vw) / 3);
}
.searchRefinement__contents--shape .searchRefinement__label {
  align-items: center;
  flex-direction: column;
  position: relative;
  height: 21.3333333333vw;
  max-height: 110px;
  padding: 0 6px;
  font-size: 1.4rem;
}
.searchRefinement__contents--shape .searchRefinement__label::before {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  top: 30%;
  transform: translateY(-30%);
  width: 20.2666666667vw;
  padding-bottom: 14px;
  font-size: 0;
}

.searchRefinement__iconSvg {
  position: absolute;
  bottom: 8px;
}

.searchRefinement__contents--edge .searchRefinement__accordionContents {
  flex-basis: calc((100% - 4vw) / 3);
}

.searchRefinement__accordionContents--boston .searchRefinement__label::before {
  content: url("https://www.nafco.lol/img/private/sp/search/img/boston.svg");
}

.searchRefinement__accordionContents--wellington .searchRefinement__label::before {
  content: url("https://www.nafco.lol/img/private/sp/search/img/wellington.svg");
}

.searchRefinement__accordionContents--square .searchRefinement__label::before {
  content: url("https://www.nafco.lol/img/private/sp/search/img/square.svg");
}

.searchRefinement__accordionContents--oval .searchRefinement__label::before {
  content: url("https://www.nafco.lol/img/private/sp/search/img/oval.svg");
}

.searchRefinement__accordionContents--round .searchRefinement__label::before {
  content: url("https://www.nafco.lol/img/private/sp/search/img/round.svg");
}

.searchRefinement__accordionContents--crownpunt .searchRefinement__iconSvg {
  font-size: 1.3rem;
}
.searchRefinement__accordionContents--crownpunt .searchRefinement__label::before {
  content: url("https://www.nafco.lol/img/private/sp/search/img/crownpunt.svg");
}

.searchRefinement__accordionContents--thurmont .searchRefinement__label::before {
  content: url("https://www.nafco.lol/img/private/sp/search/img/thurmont.svg");
}

.searchRefinement__accordionContents--teardrop .searchRefinement__iconSvg {
  font-size: 1.3rem;
}
.searchRefinement__accordionContents--teardrop .searchRefinement__label::before {
  content: url("https://www.nafco.lol/img/private/sp/search/img/teardrop.svg");
}

.searchRefinement__accordionContents--fox .searchRefinement__label::before {
  content: url("https://www.nafco.lol/img/private/sp/search/img/fox.svg");
}

.searchRefinement__contents--edge .searchRefinement__label {
  align-items: center;
  min-height: 82px;
}

.searchRefinement__contents--material .searchRefinement__label {
  align-items: center;
  min-height: 82px;
}
.searchRefinement__contents--material .searchRefinement__accordionWrapper {
  justify-content: space-between;
}
.searchRefinement__contents--material .searchRefinement__accordionContents {
  flex-basis: calc((100% - 2vw) / 2);
}

.searchRefinement__contents--class .searchRefinement__label {
  font-size: 1.4rem;
}
.searchRefinement__contents--class .searchRefinement__accordionWrapper {
  justify-content: space-between;
}
.searchRefinement__contents--class .searchRefinement__accordionContents {
  flex-basis: calc((100% - 2vw) / 2);
}

.innerAccordionButton {
  font-size: 1.4rem;
  margin-bottom: 20px;
  padding-top: 4vw;
  cursor: pointer;
  text-align: center;
}
.innerAccordionButton::before {
  content: "- 表示を減らす";
}

.innerAccordionContents--close .searchRefinement__accordionContents:nth-child(n+5) {
  display: none;
}
.innerAccordionContents--close + .innerAccordionButton {
  display: none;
}
.innerAccordionContents--close + .innerAccordionButton::before {
  content: "+ もっと見る";
}

.searchRefinement__contents--color .searchRefinement__accordionContents {
  display: flex;
  justify-content: center;
  flex-basis: 20%;
  border: 0;
  border-radius: 0;
}
.searchRefinement__contents--color .searchRefinement__accordionWrapper {
  justify-content: center;
}

.searchRefinement__contents--height .searchRefinement__accordionWrapper {
  justify-content: space-between;
}
.searchRefinement__contents--height .searchRefinement__accordionContents {
  flex-basis: calc((100% - 2vw) / 2);
}

.searchRefinement__contents--stock .searchRefinement__accordionWrapper {
  justify-content: space-between;
}
.searchRefinement__contents--stock .searchRefinement__accordionContents {
  flex-basis: calc((100% - 2vw) / 2);
}

.searchRefinement__contents--campaign .searchRefinement__accordionWrapper {
  justify-content: space-between;
}
.searchRefinement__contents--campaign .searchRefinement__accordionContents {
  flex-basis: calc((100% - 2vw) / 2);
}
.searchRefinement__contents--campaign .searchRefinement__accordionContents:nth-child(2) {
  margin-left: 2%;
}

.searchRefinement__accordionContents--outlet {
  flex: 1;
}

.searchRefinement__labelDetailsText {
  display: block;
  font-size: 1rem;
}

.searchRefinement__contents--width .searchRefinement__accordionContents {
  flex-basis: 18%;
}
.searchRefinement__contents--width .searchRefinement__accordionContents:last-of-type {
  margin-right: 0;
}

.itemList__colorchipContents--black .itemList__colorchipLabel::before {
  background: #000;
}

.itemList__colorchipContents--gray .itemList__colorchipLabel::before {
  background: #999;
}

.itemList__colorchipContents--brown .itemList__colorchipLabel::before {
  background: #960;
}

.itemList__colorchipContents--green .itemList__colorchipLabel::before {
  background: #060;
}

.itemList__colorchipContents--blue .itemList__colorchipLabel::before {
  background: #039;
}

.itemList__colorchipContents--purple .itemList__colorchipLabel::before {
  background: #639;
}

.itemList__colorchipContents--yellow .itemList__colorchipLabel::before {
  background: #fc0;
}

.itemList__colorchipContents--pink .itemList__colorchipLabel::before {
  background: #f6b1d8;
}

.itemList__colorchipContents--red .itemList__colorchipLabel::before {
  background: #c00;
}

.itemList__colorchipContents--orange .itemList__colorchipLabel::before {
  background: #f60;
}

.itemList__colorchipContents--silver .itemList__colorchipLabel::before {
  background: url("https://www.nafco.lol/img/private/pc/common/color_silver.png");
  background-size: 100%;
}

.itemList__colorchipContents--gold .itemList__colorchipLabel::before {
  background: url("https://www.nafco.lol/img/private/pc/common/color_gold.png");
  background-size: 100%;
}

.itemList__colorchipContents--white .itemList__colorchipLabel::before {
  background: #fff;
}

.itemList__colorchipContents--other .itemList__colorchipLabel::before {
  background: url("https://www.nafco.lol/img/private/pc/common/color_other.png");
  background-size: 100%;
}

.itemList__colorchipContents--clear .itemList__colorchipLabel::before {
  background: #F0F4F5;
}

.searchRefinement__colorchip {
  display: none;
}

.searchRefinement__colorchip + .searchRefinement__label {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 50px;
  padding-top: 44px;
  font-size: 1rem;
}
.searchRefinement__colorchip + .searchRefinement__label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  margin-bottom: 4px;
  border: 1px solid #d5d5d5;
  border-radius: 50%;
}
.searchRefinement__colorchip + .searchRefinement__label[for=colorGroup__1]::before {
  background: #000;
}
.searchRefinement__colorchip + .searchRefinement__label[for=colorGroup__2]::before {
  background: #999;
}
.searchRefinement__colorchip + .searchRefinement__label[for=colorGroup__3]::before {
  background: #960;
}
.searchRefinement__colorchip + .searchRefinement__label[for=colorGroup__4]::before {
  background: #060;
}
.searchRefinement__colorchip + .searchRefinement__label[for=colorGroup__5]::before {
  background: #039;
}
.searchRefinement__colorchip + .searchRefinement__label[for=colorGroup__6]::before {
  background: #639;
}
.searchRefinement__colorchip + .searchRefinement__label[for=colorGroup__7]::before {
  background: #fc0;
}
.searchRefinement__colorchip + .searchRefinement__label[for=colorGroup__8]::before {
  background: #f6b1d8;
}
.searchRefinement__colorchip + .searchRefinement__label[for=colorGroup__9]::before {
  background: #c00;
}
.searchRefinement__colorchip + .searchRefinement__label[for=colorGroup__10]::before {
  background: #f60;
}
.searchRefinement__colorchip + .searchRefinement__label[for=colorGroup__11]::before {
  background: url("https://www.nafco.lol/img/private/pc/common/color_silver.png");
  background-size: 100%;
}
.searchRefinement__colorchip + .searchRefinement__label[for=colorGroup__12]::before {
  background: url("https://www.nafco.lol/img/private/pc/common/color_gold.png");
  background-size: 100%;
}
.searchRefinement__colorchip + .searchRefinement__labell[for=colorGroup__13]::before {
  background: #fff;
}
.searchRefinement__colorchip + .searchRefinement__label[for=colorGroup__14]::before {
  background: #F0F4F5;
}
.searchRefinement__colorchip + .searchRefinement__label[for=colorGroup__99]::before {
  background: url("https://www.nafco.lol/img/private/pc/common/color_other.png");
  background-size: 100%;
}
.searchRefinement__colorchip:checked + .searchRefinement__label::before {
  top: 3px;
  left: 50%;
  transform: translateX(-50%);
  width: 34px;
  height: 34px;
  margin-bottom: 10px;
}
.searchRefinement__colorchip:checked + .searchRefinement__label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 40px;
  height: 40px;
  border: 2px solid #2299e1;
  border-radius: 50%;
  transform: translateX(-50%);
}

/*-- 新規colorChip --*/
.itemList__colorchipContents--1 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_1.png");
  background-size: 100%;
}

.itemList__colorchipContents--2 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_2.png");
  background-size: 100%;
}

.itemList__colorchipContents--3 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_3.png");
  background-size: 100%;
}

.itemList__colorchipContents--4 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_4.png");
  background-size: 100%;
}

.itemList__colorchipContents--5 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_5.png");
  background-size: 100%;
}

.itemList__colorchipContents--6 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_6.png");
  background-size: 100%;
}

.itemList__colorchipContents--7 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_7.png");
  background-size: 100%;
}

.itemList__colorchipContents--8 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_8.png");
  background-size: 100%;
}

.itemList__colorchipContents--9 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_9.png");
  background-size: 100%;
}

.itemList__colorchipContents--10 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_10.png");
  background-size: 100%;
}

.itemList__colorchipContents--11 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_11.png");
  background-size: 100%;
}

.itemList__colorchipContents--12 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_12.png");
  background-size: 100%;
}

.itemList__colorchipContents--13 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_13.png");
  background-size: 100%;
}

.itemList__colorchipContents--14 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_14.png");
  background-size: 100%;
}

.itemList__colorchipContents--15 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_15.png");
  background-size: 100%;
}

.itemList__colorchipContents--16 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_16.png");
  background-size: 100%;
}

.itemList__colorchipContents--17 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_17.png");
  background-size: 100%;
}

.itemList__colorchipContents--18 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_18.png");
  background-size: 100%;
}

.itemList__colorchipContents--19 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_19.png");
  background-size: 100%;
}

.itemList__colorchipContents--20 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_20.png");
  background-size: 100%;
}

.itemList__colorchipContents--21 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_21.png");
  background-size: 100%;
}

.itemList__colorchipContents--22 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_22.png");
  background-size: 100%;
}

.itemList__colorchipContents--23 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_23.png");
  background-size: 100%;
}

.itemList__colorchipContents--24 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_24.png");
  background-size: 100%;
}

.itemList__colorchipContents--25 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_25.png");
  background-size: 100%;
}

.itemList__colorchipContents--26 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_26.png");
  background-size: 100%;
}

.itemList__colorchipContents--27 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_27.png");
  background-size: 100%;
}

.itemList__colorchipContents--28 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_28.png");
  background-size: 100%;
}

.itemList__colorchipContents--29 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_29.png");
  background-size: 100%;
}

.itemList__colorchipContents--30 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_30.png");
  background-size: 100%;
}

.itemList__colorchipContents--31 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_31.png");
  background-size: 100%;
}

.itemList__colorchipContents--32 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_32.png");
  background-size: 100%;
}

.itemList__colorchipContents--33 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_33.png");
  background-size: 100%;
}

.itemList__colorchipContents--34 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_34.png");
  background-size: 100%;
}

.itemList__colorchipContents--35 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_35.png");
  background-size: 100%;
}

.itemList__colorchipContents--36 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_36.png");
  background-size: 100%;
}

.itemList__colorchipContents--37 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_37.png");
  background-size: 100%;
}

.itemList__colorchipContents--38 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_38.png");
  background-size: 100%;
}

.itemList__colorchipContents--39 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_39.png");
  background-size: 100%;
}

.itemList__colorchipContents--40 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_40.png");
  background-size: 100%;
}

.itemList__colorchipContents--41 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_41.png");
  background-size: 100%;
}

.itemList__colorchipContents--42 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_42.png");
  background-size: 100%;
}

.itemList__colorchipContents--43 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_43.png");
  background-size: 100%;
}

.itemList__colorchipContents--44 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_44.png");
  background-size: 100%;
}

.itemList__colorchipContents--45 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_45.png");
  background-size: 100%;
}

.itemList__colorchipContents--46 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_46.png");
  background-size: 100%;
}

.itemList__colorchipContents--47 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_47.png");
  background-size: 100%;
}

.itemList__colorchipContents--48 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_48.png");
  background-size: 100%;
}

.itemList__colorchipContents--49 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_49.png");
  background-size: 100%;
}

.itemList__colorchipContents--50 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_50.png");
  background-size: 100%;
}

.itemList__colorchipContents--51 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_51.png");
  background-size: 100%;
}

.itemList__colorchipContents--52 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_52.png");
  background-size: 100%;
}

.itemList__colorchipContents--53 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_53.png");
  background-size: 100%;
}

.itemList__colorchipContents--54 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_54.png");
  background-size: 100%;
}

.itemList__colorchipContents--55 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_55.png");
  background-size: 100%;
}

.itemList__colorchipContents--56 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_56.png");
  background-size: 100%;
}

.itemList__colorchipContents--57 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_57.png");
  background-size: 100%;
}

.itemList__colorchipContents--58 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_58.png");
  background-size: 100%;
}

.itemList__colorchipContents--59 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_59.png");
  background-size: 100%;
}

.itemList__colorchipContents--60 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_60.png");
  background-size: 100%;
}

.itemList__colorchipContents--61 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_61.png");
  background-size: 100%;
}

.itemList__colorchipContents--62 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_62.png");
  background-size: 100%;
}

.itemList__colorchipContents--63 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_63.png");
  background-size: 100%;
}

.itemList__colorchipContents--64 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_64.png");
  background-size: 100%;
}

.itemList__colorchipContents--65 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_65.png");
  background-size: 100%;
}

.itemList__colorchipContents--66 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_66.png");
  background-size: 100%;
}

.itemList__colorchipContents--67 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_67.png");
  background-size: 100%;
}

.itemList__colorchipContents--68 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_68.png");
  background-size: 100%;
}

.itemList__colorchipContents--69 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_69.png");
  background-size: 100%;
}

.itemList__colorchipContents--70 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_70.png");
  background-size: 100%;
}

.itemList__colorchipContents--71 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_71.png");
  background-size: 100%;
}

.itemList__colorchipContents--72 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_72.png");
  background-size: 100%;
}

.itemList__colorchipContents--73 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_73.png");
  background-size: 100%;
}

.itemList__colorchipContents--74 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_74.png");
  background-size: 100%;
}

.itemList__colorchipContents--75 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_75.png");
  background-size: 100%;
}

.itemList__colorchipContents--76 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_76.png");
  background-size: 100%;
}

.itemList__colorchipContents--77 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_77.png");
  background-size: 100%;
}

.itemList__colorchipContents--78 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_78.png");
  background-size: 100%;
}

.itemList__colorchipContents--79 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_79.png");
  background-size: 100%;
}

.itemList__colorchipContents--80 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_80.png");
  background-size: 100%;
}

.itemList__colorchipContents--81 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_81.png");
  background-size: 100%;
}

.itemList__colorchipContents--82 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_82.png");
  background-size: 100%;
}

.itemList__colorchipContents--83 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_83.png");
  background-size: 100%;
}

.itemList__colorchipContents--84 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_84.png");
  background-size: 100%;
}

.itemList__colorchipContents--85 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_85.png");
  background-size: 100%;
}

.itemList__colorchipContents--86 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_86.png");
  background-size: 100%;
}

.itemList__colorchipContents--87 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_87.png");
  background-size: 100%;
}

.itemList__colorchipContents--88 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_88.png");
  background-size: 100%;
}

.itemList__colorchipContents--89 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_89.png");
  background-size: 100%;
}

.itemList__colorchipContents--90 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_90.png");
  background-size: 100%;
}

.itemList__colorchipContents--91 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_91.png");
  background-size: 100%;
}

.itemList__colorchipContents--92 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_92.png");
  background-size: 100%;
}

.itemList__colorchipContents--93 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_93.png");
  background-size: 100%;
}

.itemList__colorchipContents--94 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_94.png");
  background-size: 100%;
}

.itemList__colorchipContents--95 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_95.png");
  background-size: 100%;
}

.itemList__colorchipContents--96 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_96.png");
  background-size: 100%;
}

.itemList__colorchipContents--97 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_97.png");
  background-size: 100%;
}

.itemList__colorchipContents--99 .itemList__colorchipLabel::before {
  background: url("/img/private/pc/common/colorchip/colorchip_99.png");
  background-size: 100%;
}

.searchRefinement__priceRnage {
  padding-top: 30px;
}
.searchRefinement__priceRnage .ui-widget-header {
  position: absolute;
  z-index: 1;
  display: block;
  border: 0;
  background-position: 0 0;
  height: 4px;
  top: calc(50% - 1px);
}
.searchRefinement__priceRnage .ui-widget-header::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #2299e1;
}
.searchRefinement__priceRnage .searchRefinement__priceRnage-slider {
  width: 90%;
  height: 4px;
  margin-top: 10px;
  margin-left: 10px;
  background: #d5d5d5;
  border: none !important;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider-handle {
  position: absolute;
  z-index: 2;
  cursor: default;
  touch-action: none;
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
  border: 0;
  background-position: 0 0;
}

.refineSearch__formCheckbox_ {
  padding-left: 2.21428em;
}
.refineSearch__formCheckbox_ input[type=checkbox] {
  left: 0.71428em;
}

.bl_npSuggestContainerMobile .bl_npSuggestKeywordList_item:last-child {
  border-bottom: 1px solid #ededed !important;
}

.ui-state-default {
  box-sizing: border-box;
  width: 25px;
  height: 25px;
  margin-top: -5px;
  border: 1px solid #A3A3A3 !important;
  border-radius: 50% !important;
  background: #fff !important;
  outline: none;
}

.searchRefinement__inputWrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 40px;
}
.searchRefinement__inputWrapper .searchRefinement__priceRnage-input {
  box-sizing: border-box;
  width: 26.6666666667vw;
  height: 32px;
  margin-right: 5px;
  padding: 9px 10px 9px 0;
  border: 1px solid #d5d5d5;
  font-size: 1.4rem;
  text-align: right;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.searchRefinement__inputWrapper .searchRefinement__priceRnage-input:focus {
  border: 1px solid #d5d5d5;
}
.searchRefinement__inputWrapper .searchRefinement__yen {
  vertical-align: bottom;
}
.searchRefinement__inputWrapper .searchRefinement__priceRnage-sep {
  padding-top: 2.6vw;
}

.searchRefinement__accordionContents--series {
  width: 100%;
}

.searchRefinement__contents--series .searchRefinement__label {
  width: 100%;
}

.searchRefinement__contents--size .searchRefinement__accordionWrapper {
  text-align: left;
}
.searchRefinement__contents--size .searchRefinement__accordionContents {
  width: 100%;
}
.searchRefinement__contents--size .sizeSuggest__titleModal {
  margin-top: 0;
  margin-top: 20px;
}
.searchRefinement__contents--size .sizeSuggest__titleModal::before {
  top: 1px;
}
.searchRefinement__contents--size .sizeSuggest__titleModal span {
  font-size: 1.4rem;
}
.searchRefinement__contents--size .searchRefinement__inputBox {
  display: flex;
  justify-content: space-between;
}
.searchRefinement__contents--size .searchRefinement__input {
  font-size: 1.4rem;
  height: 32px;
  width: 26.6666666667vw;
  padding: 9px 10px;
  border: 1px solid #d5d5d5;
  display: block;
  box-sizing: border-box;
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.searchRefinement__contents--size .searchRefinement__input:focus {
  border: 1px solid #d5d5d5;
}
.searchRefinement__contents--size .searchRefinement__span {
  font-size: 2.4rem;
}

.searchRefinement__overlayerCloseBtn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  z-index: 21;
}
.searchRefinement__overlayerCloseBtn span {
  background: #2299e1;
  display: block;
  position: absolute;
  top: 25px;
  left: 12px;
  width: 26px;
  height: 2px;
}
.searchRefinement__overlayerCloseBtn span:nth-child(1) {
  transform: rotate(45deg);
}
.searchRefinement__overlayerCloseBtn span:nth-child(2) {
  transform: rotate(-45deg);
}

.searchRefinement__footerWrapper {
  width: 100%;
  height: 87px;
  background: #f0f0f0;
}

.searchRefinement__footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 18px 4.8vw;
  box-sizing: border-box;
}

.searchRefinement__footerSubmit {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 61.3333333333vw;
  border-radius: 4px;
  background: #2299e1;
  color: #fff;
  border: 0;
  height: 50px;
  padding: 0;
  font-size: 1.5rem;
}

.searchRefinement__footerNumber {
  font-size: 2rem;
  font-weight: 700;
  margin-right: 4px;
}

.searchRefinement__footerReset {
  flex-basis: 29.5%;
  box-sizing: border-box;
  padding: 0;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  font-size: 1.4rem;
  color: #2299e1;
  background-color: #fff;
  text-align: center;
}

.listHeader__sort {
  position: relative;
  border-bottom: 1px solid #d5d5d5;
  margin: 0 0 0 auto;
  padding: 20px 0;
  width: 100%;
}
.listHeader__sort::after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 24px;
  right: 7px;
  border-bottom: #2299e1 solid 2px;
  border-right: #2299e1 solid 2px;
  transform: rotate(45deg);
}

.itemList__sort {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  display: block;
  width: 45%;
  max-width: 160px;
  margin: 0 0 0 auto;
  direction: rtl;
  padding-right: 30px;
  border: 0;
  font-size: 1.4rem;
  line-height: 2;
  background: #fff;
  color: #000;
}

.itemList__container {
  display: flex;
  flex-wrap: wrap;
}

.itemList__container--1col .itemList__switchButton--left::before {
  background: #2299e1;
}
.itemList__container--1col .itemList__switchButton--left::after {
  background: #2299e1;
}
.itemList__container--1col .itemList__container {
  justify-content: center;
  padding: 0 1.8vw;
}
.itemList__container--1col .itemList__iconContents {
  height: 22px;
  line-height: 2;
}
.itemList__container--1col .itemList__colorchipPlus {
  display: flex;
  align-items: center;
}
.itemList__container--1col .itemList__imgContents img {
  width: 100%;
  height: auto;
}

.itemList__container--2col .itemList__container {
  justify-content: space-between;
}
.itemList__container--2col .itemList__switchButton--rightImage::before {
  background: #2299e1;
}
.itemList__container--2col .itemList__switchButton--rightImage::after {
  background: #2299e1;
}
.itemList__container--2col .itemList__contents {
  box-sizing: border-box;
  padding: 0 1.8vw 32px;
  flex-basis: calc((100% - 7.2vw) / 2);
}
.itemList__container--2col .itemList__imgContents img {
  width: 100%;
  height: auto;
}
.itemList__container--2col .itemList__iconContents {
  box-sizing: border-box;
  width: 46px;
  max-height: 20px;
  padding: 5px 0;
  font-size: 1rem;
  line-height: 1;
}
.itemList__container--2col .itemList__colorchipLabel {
  width: 18px;
  height: 18px;
}
.itemList__container--2col .itemList__colorchipLabel::before {
  width: 18px;
  height: 18px;
  margin-bottom: 2px;
}
.itemList__container--2col .itemList__colorchipInput:checked + .itemList__colorchipLabel::before {
  left: 1px;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}
.itemList__container--2col .itemList__colorchipInput:checked + .itemList__colorchipLabel::after {
  top: -5.5px;
  right: -3px;
  width: 24px;
  height: 24px;
  margin-top: 3.5px;
}

.itemList__iconWrapper {
  display: flex;
}

.itemList__colorchipWapper--hasOther .itemList__colorchipContents:nth-child(n+7) {
  display: none;
}

.itemList__iconList {
  display: flex;
  min-height: 30px;
}

.itemList__iconContents {
  box-sizing: border-box;
  width: 54px;
  margin-right: 5px;
  border-radius: 20px;
  font-size: 1.1rem;
  text-align: center;
  color: #fff;
}
.itemList__iconContents:last-of-type {
  margin-right: 0;
}
.itemList__iconContents--new {
  background: #2299e1;
}
.itemList__iconContents--outlet {
  background: #e12222;
}
.itemList__iconContents--sale {
  background: #e12222;
}

.itemList__favoriteLabel {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  margin-top: 6px;
  margin-left: auto;
  border-bottom: solid 2px currentColor;
  border-left: solid 2px currentColor;
  color: #2299e1;
  transform: rotate(-45deg) scale(1);
  background: #fff;
}
.itemList__favoriteLabel::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -2px;
  width: 12px;
  height: 8px;
  border-radius: 8px 8px 0 0;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  border-left: solid 2px currentColor;
  background: #fff;
}
.itemList__favoriteLabel::after {
  content: "";
  position: absolute;
  top: 0;
  left: 8px;
  width: 8px;
  height: 12px;
  border-radius: 0 8px 8px 0;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  border-bottom: solid 2px currentColor;
  background: #fff;
}

.itemList__favoriteInput {
  border: none;
}
.itemList__favoriteInput:checked + .itemList__favoriteLabel {
  border-bottom: solid 2px currentColor;
  border-left: solid 2px currentColor;
  color: #e12222;
  background: #e12222;
}
.itemList__favoriteInput:checked + .itemList__favoriteLabel::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -2px;
  width: 12px;
  height: 6px;
  border-radius: 8px 8px 0 0;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  border-left: solid 2px currentColor;
  background: #e12222;
}
.itemList__favoriteInput:checked + .itemList__favoriteLabel::after {
  content: "";
  position: absolute;
  top: 0;
  left: 8px;
  width: 8px;
  height: 12px;
  border-radius: 0 8px 8px 0;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  border-bottom: solid 2px currentColor;
  background: #e12222;
}

.itemList__name {
  font-size: 1.4rem;
  text-align: center;
}

.itemList__price {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  word-break: break-all;
}
.itemList__price--sale {
  color: #E12222;
  padding-bottom: 0.25em;
}
.itemList__price--outlet {
  color: #E12222;
  padding-bottom: 0.25em;
}

.itemList__code {
  font-size: 1.2rem;
  text-align: center;
}

.itemList__originalPrice {
  display: block;
  font-size: 1.4rem;
  text-decoration: line-through;
  font-weight: unset;
  color: #000;
}

.itemList__percentage {
  display: block;
  font-size: 1.4rem;
  line-height: 1.4;
}

.itemList__colorchipLabel {
  display: block;
  position: relative;
  height: 28px;
  width: 28px;
}
.itemList__colorchipLabel::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  border: 1px solid #d5d5d5;
  border-radius: 50%;
  margin-top: 1px;
}

.itemList__colorchipWapper {
  display: flex;
  justify-content: center;
  width: 39.7333333333vw;
  margin: 0 auto;
  padding: 1vw 0 5vw;
}

.itemList__colorchipContents {
  position: relative;
  margin-right: 1.2vw;
}

.listResult {
  display: flex;
  box-sizing: border-box;
  padding: 20px 0;
}

.listResult__text {
  flex-basis: 70px;
  line-height: 2.8;
}

.itemList__refinementWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-basis: calc(100% - 70px);
}

.itemList__refinementContents {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  min-height: 32px;
  margin: 3px;
  padding: 2px 3px 2px 10px;
  border-radius: 15px;
  line-height: 140%;
  background: #f0f0f0;
}

.itemList__refinementClose {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 25px;
  width: 28px;
  padding: 0 9px;
  text-indent: 200%;
  white-space: nowrap;
  transition-duration: 0.3s;
  box-sizing: border-box;
}
.itemList__refinementClose::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 11.5px;
  right: 8px;
  width: 10px;
  border-top: 1px solid #2299e1;
  transform: rotate(-45deg);
}
.itemList__refinementClose::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 11.5px;
  right: 8px;
  width: 10px;
  border-bottom: 1px solid #2299e1;
  transform: rotate(45deg);
}

.searchResults__itemListTitle {
  font-size: 1.6rem;
  text-align: center;
  padding: 16px 0 30px;
}

.searchResults__itemListTitle--itemcount {
  font-size: 2rem;
  font-weight: 700;
}

.itemList__colorchipInput {
  border: none;
  display: none;
}
.itemList__colorchipInput:checked + .itemList__colorchipLabel::before {
  left: 1px;
  width: 24px;
  height: 24px;
  margin-top: 2px;
}
.itemList__colorchipInput:checked + .itemList__colorchipLabel::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: -4px;
  right: -1px;
  border: 2px solid #2299e1;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-top: 2px;
}

.itemList__imgContets--hidden {
  display: none;
}

.itemList__contents {
  padding-bottom: 20px;
}

.itemList__imgContents {
  position: relative;
}

.itemList__textContets--hidden {
  display: none;
}

.contentsList {
  border-top: 1px solid #d5d5d5;
  margin: 2em 0;
  padding: 20px 0 1em;
}

.contentsList__title {
  color: #2299e1;
  font-size: 2.4rem;
  text-align: center;
  margin-top: 20px;
}

.contentsList__container {
  padding: 30px 0 20px;
}

.contentsList__contents {
  padding-bottom: 20px;
}
.contentsList__contents a {
  color: #000;
}
.contentsList__contents .refineSearch__contentsThumb_ {
  width: 100%;
}

.itemList__tax {
  font-size: 1.4rem;
  font-weight: 700;
}

.itemPrice_tax_ {
  font-size: 1rem;
  margin-left: 0.1em;
  vertical-align: middle;
}

.contentsList__contentsItem {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 1em;
}

.contentsList__contents--hidden {
  display: none;
}

.contentsList__imgWrpper img {
  border: solid 1px #d9e4ea;
  box-sizing: border-box;
}

.contentsList__text {
  font-size: 1.2rem;
}

.contentsList__more {
  position: relative;
  box-sizing: border-box;
  width: 55%;
  margin: 0 auto;
  padding: 7px 0;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  text-align: center;
  font-weight: 700;
  color: #2299e1;
}
.contentsList__more::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 15px;
  width: 8px;
  height: 8px;
  border: 2px solid;
  border-color: transparent transparent #2299e1 #2299e1;
  transform: rotate(-45deg);
  pointer-events: none;
}

.swiperContainer {
  width: 100%;
  overflow: hidden;
}
.swiperContainer .itemList__container {
  flex-wrap: nowrap;
  margin: 0 auto;
  justify-content: initial;
}
.swiperContainer .itemList__contents {
  flex-basis: 60%;
  max-width: 60%;
  padding: 0 10px;
  margin: 0;
  box-sizing: border-box;
}

.swiperSlide__number {
  color: #2299e1;
  font-size: 2rem;
  height: 32px;
  width: 32px;
  margin: 0 auto 10px auto;
  display: block;
  background: url("https://www.nafco.lol/img/private/sp/index/ranking_icon.png") 50% 100% no-repeat;
  background-size: 100% auto;
}

.ranking__NumberGold {
  color: #e0cb3c;
  background: url("https://www.nafco.lol/img/private/sp/index/ranking_gold_icon.png") 50% 100% no-repeat;
  background-size: 100% auto;
}

.ranking__NumberSilver {
  color: #bbb;
  background: url("https://www.nafco.lol/img/private/sp/index/ranking_silver_icon.png") 50% 100% no-repeat;
  background-size: 100% auto;
}

.ranking__NumberBronze {
  color: #d8ab6a;
  background: url("https://www.nafco.lol/img/private/sp/index/ranking_bronze_icon.png") 50% 100% no-repeat;
  background-size: 100% auto;
}

.swiperContainer .itemList__contents {
  flex-basis: 60%;
  max-width: 60%;
  padding: 0 10px;
  margin: 0;
  box-sizing: border-box;
}
.swiperContainer .itemList__colorchipContainer {
  height: 5vw;
  min-height: 40px;
}
.swiperContainer .itemList__name {
  font-size: 1.4rem;
}
.swiperContainer .itemList__price {
  font-size: 2rem;
}
.swiperContainer .itemList__code {
  font-size: 1.2rem;
}

.swiperContainer__buttonPrev {
  outline: none;
  position: static;
  width: 10px;
  height: 10px;
  margin-top: 0;
  border: 1px solid;
  border-color: transparent transparent #2299e1 #2299e1;
  transform: rotate(45deg);
}

.swiperContainer__buttonNext {
  outline: none;
  position: static;
  width: 10px;
  height: 10px;
  margin-top: 0;
  border: 1px solid;
  border-color: #2299e1 #2299e1 transparent transparent;
  transform: rotate(45deg);
}

.swiperContainer__buttonwrapper {
  margin: 20px 0;
  display: flex;
  justify-content: center;
}

.swiperContainer__pagination {
  position: static;
  display: flex;
  align-items: center;
  margin: 0 5vw;
}

.swiper-pagination-bullet {
  margin: 0 5px;
}

/* ページャー */
.pager {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 20px;
}

.pager__button {
  margin: 0 3px;
}

.pager__button--numberCurrent .pager__link {
  color: #fff;
  background: #2299e1;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  min-width: 38px;
  padding: 10px;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
}

.pager__button--prev .pager__link {
  padding-left: 12px;
  padding-right: 8px;
}
.pager__button--prev .pager__link::before {
  content: "";
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: transparent transparent #272727 #272727;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}

.pager__button--next .pager__link {
  padding-left: 8px;
  padding-right: 12px;
}
.pager__button--next .pager__link::before {
  content: "";
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: transparent transparent #272727 #272727;
  transform: rotate(-135deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
}

.pager__button--last .pager__link::before {
  content: "";
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: transparent transparent #272727 #272727;
  transform: rotate(-135deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
}
.pager__button--last .pager__link::after {
  content: "";
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: transparent transparent #272727 #272727;
  transform: rotate(-135deg);
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -4px;
}

.pager__link {
  color: #000;
  text-align: center;
  line-height: 1;
  min-width: 38px;
  padding: 10px;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
}

.pager__button--number .pager__link {
  border: 1px solid #d5d5d5;
  border-radius: 4px;
}

.pager__button--first .pager__link::before {
  content: "";
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: transparent transparent #272727 #272727;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}
.pager__button--first .pager__link::after {
  content: "";
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: transparent transparent #272727 #272727;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 4px;
  margin-top: -4px;
}

.searchResults_maybe {
  font-size: 1.4rem;
  text-align: center;
  margin-top: 2px;
}
.searchResults_maybe a {
  color: #2299e1;
}

.search_0hit {
  padding: 4vw 3vw 2vw;
}

.bl_npSuggestContainerMobile .bl_npSuggestContainerMobile_searchboxComponent {
  border: 1px solid #ebebeb;
}

.itemHistory_ {
  padding-bottom: 3em;
  margin: 26px 0 0;
}
.itemHistory_ h2 {
  font-size: 2.7rem;
  text-align: center;
  color: #2299e1;
  margin: 0 0 30px;
  font-weight: bold;
}

.itemHistory__itemListInner_ {
  border-top: #ccc solid 1px;
  padding-top: 20px;
}
.itemHistory__itemListInner_ ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.itemHistory__itemListInner_ li {
  width: calc((100% - 5.8vw) / 2);
  margin-bottom: 25px;
}
.itemHistory__itemListInner_ li:nth-child(n+3) {
  display: none;
  opacity: 0;
}
.itemHistory__itemListInner_ a {
  display: block;
  position: relative;
  color: #000;
}
.itemHistory__itemListInner_ img {
  border: 0;
}

.itemHistory__itemListThumb_ {
  width: 100%;
}

.itemHistory__itemListTextArea_ {
  text-align: center;
}
.itemHistory__itemListTextArea_ h4 {
  font-size: 1.4rem;
  height: 3.2em;
  overflow: hidden;
  font-weight: normal;
}
.itemHistory__itemListTextArea_ p {
  font-size: 1.4rem;
  font-weight: bold;
}
.itemHistory__itemListTextArea_ small {
  font-size: 1.4rem;
}

.itemHistory__itemListOutlet_ .itemHistory__itemListTextArea_ p {
  color: #e20c0c;
}

.itemHistory__itemListSale_ .itemHistory__itemListTextArea_ p {
  color: #e20c0c;
}
.itemHistory__itemListSale_.itemHistory__itemListSale_ p small {
  color: #000;
  text-decoration: line-through;
  margin-right: 0.8em;
}

#itemHistory__contentsMoreBtn {
  position: relative;
  border: 1px solid #d5d5d5;
  margin: 0 auto;
  text-align: center;
  width: 55%;
  font-weight: 700;
  padding: 0.5em 0;
  box-sizing: border-box;
  border-radius: 4px;
  color: #2299e1;
}
#itemHistory__contentsMoreBtn::after {
  content: "";
  height: 8px;
  width: 8px;
  border: 2px solid;
  border-color: transparent transparent #2299e1 #2299e1;
  transform: rotate(-45deg);
  position: absolute;
  top: 9px;
  right: 15px;
  pointer-events: none;
}

/* 下部バナー */
.bannerArea__bottomContents {
  display: block;
  margin: 0 auto;
  padding-bottom: 1em;
}

.bannerArea__bottomContentsItem {
  width: 100%;
  border: 1px solid #d9e4ea;
  box-sizing: border-box;
}
.bannerArea__bottomContentsItem--small {
  height: 20vw;
}
.bannerArea__bottomContentsItem--large {
  height: 89.8666666667vw;
}

/* スケルトンスクリーン */
.searchResults--skeleton {
  --skeleton-bg-colorBase: #f0f0f0;
  --skeleton-bg-colorFront: rgba(240, 240, 240, 0.5);
}
@keyframes animationSkeletonLoading {
  0% {
    background-position: 100% 0;
  }
  50%, 100% {
    background-position: -100% 0;
  }
}
.searchResults--skeleton .searchResults__header {
  padding-top: 0.6rem;
}
.searchResults--skeleton .searchResults__number {
  background: linear-gradient(100deg, var(--skeleton-bg-colorBase) 8%, var(--skeleton-bg-colorFront) 18%, var(--skeleton-bg-colorBase) 33%);
  background-size: 200% 200%;
  animation: 2s animationSkeletonLoading linear infinite;
  height: 2rem;
  margin-top: 1rem;
  padding-top: 0;
}
.searchResults--skeleton .listHeader__sort::before {
  background: linear-gradient(100deg, var(--skeleton-bg-colorBase) 8%, var(--skeleton-bg-colorFront) 18%, var(--skeleton-bg-colorBase) 33%);
  background-size: 200% 200%;
  animation: 2s animationSkeletonLoading linear infinite;
  content: "　";
  display: block;
  width: 45%;
  max-width: 160px;
  margin: 0 0 0 auto;
  margin-right: 30px;
  font-size: 1.4rem;
  line-height: 2;
}
.searchResults--skeleton .listResult {
  background: linear-gradient(100deg, var(--skeleton-bg-colorBase) 8%, var(--skeleton-bg-colorFront) 18%, var(--skeleton-bg-colorBase) 33%);
  background-size: 200% 200%;
  animation: 2s animationSkeletonLoading linear infinite;
  margin: calc(20px + 0.6rem) 0;
  padding: 0.5rem 0;
  width: 30%;
}
.searchResults--skeleton .itemList__imgWapper {
  background: linear-gradient(100deg, var(--skeleton-bg-colorBase) 8%, var(--skeleton-bg-colorFront) 18%, var(--skeleton-bg-colorBase) 33%);
  background-size: 200% 200%;
  animation: 2s animationSkeletonLoading linear infinite;
  height: 34.6666666667vw;
}
.searchResults--skeleton .itemList__colorchipWapper {
  padding-bottom: 1vw;
}
.searchResults--skeleton .itemList__colorchipContents {
  background: linear-gradient(100deg, var(--skeleton-bg-colorBase) 8%, var(--skeleton-bg-colorFront) 18%, var(--skeleton-bg-colorBase) 33%);
  background-size: 200% 200%;
  animation: 2s animationSkeletonLoading linear infinite;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.searchResults--skeleton .itemList__name {
  background: linear-gradient(100deg, var(--skeleton-bg-colorBase) 8%, var(--skeleton-bg-colorFront) 18%, var(--skeleton-bg-colorBase) 33%);
  background-size: 200% 200%;
  animation: 2s animationSkeletonLoading linear infinite;
  height: 5.3333333333vw;
  margin-bottom: 1vw;
}
.searchResults--skeleton .itemList__price {
  background: linear-gradient(100deg, var(--skeleton-bg-colorBase) 8%, var(--skeleton-bg-colorFront) 18%, var(--skeleton-bg-colorBase) 33%);
  background-size: 200% 200%;
  animation: 2s animationSkeletonLoading linear infinite;
  height: 5.3333333333vw;
  margin-bottom: 1vw;
}
.searchResults--skeleton .itemList__code {
  background: linear-gradient(100deg, var(--skeleton-bg-colorBase) 8%, var(--skeleton-bg-colorFront) 18%, var(--skeleton-bg-colorBase) 33%);
  background-size: 200% 200%;
  animation: 2s animationSkeletonLoading linear infinite;
  height: 5.3333333333vw;
  margin-bottom: 1vw;
}
.searchResults--skeleton .pager__button .pager__link {
  background: linear-gradient(100deg, var(--skeleton-bg-colorBase) 8%, var(--skeleton-bg-colorFront) 18%, var(--skeleton-bg-colorBase) 33%);
  background-size: 200% 200%;
  animation: 2s animationSkeletonLoading linear infinite;
  border: none;
}
.searchResults--skeleton .contentsList__title {
  background: linear-gradient(100deg, var(--skeleton-bg-colorBase) 8%, var(--skeleton-bg-colorFront) 18%, var(--skeleton-bg-colorBase) 33%);
  background-size: 200% 200%;
  animation: 2s animationSkeletonLoading linear infinite;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.searchResults--skeleton .contentsList__imgWrpper {
  padding-right: 0;
  margin-right: 1em;
}
.searchResults--skeleton .contentsList__imgWrpper::before {
  background: linear-gradient(100deg, var(--skeleton-bg-colorBase) 8%, var(--skeleton-bg-colorFront) 18%, var(--skeleton-bg-colorBase) 33%);
  background-size: 200% 200%;
  animation: 2s animationSkeletonLoading linear infinite;
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.searchResults--skeleton .contentsList__text::before, .searchResults--skeleton .contentsList__text::after {
  background: linear-gradient(100deg, var(--skeleton-bg-colorBase) 8%, var(--skeleton-bg-colorFront) 18%, var(--skeleton-bg-colorBase) 33%);
  background-size: 200% 200%;
  animation: 2s animationSkeletonLoading linear infinite;
  content: "　";
  display: block;
  width: 100%;
  height: 1.6rem;
  margin-bottom: 0.5rem;
}
.listResult:has(.itemList__refinementWrapper > .itemList__refinementContents) {
  margin-right: -4.8vw;
}
.listResult:has(.itemList__refinementWrapper > .itemList__refinementContents) .itemList__refinementWrapper {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: scroll;
  scrollbar-color: #d3d3d4 #f1f1f1;
  /* Webkit系（Chrome, Safari, Edge） */
  /* Firefox */
  scrollbar-width: thin;
}
.listResult:has(.itemList__refinementWrapper > .itemList__refinementContents) .itemList__refinementWrapper::-webkit-scrollbar {
  height: 12.8px;
}
.listResult:has(.itemList__refinementWrapper > .itemList__refinementContents) .itemList__refinementWrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.listResult:has(.itemList__refinementWrapper > .itemList__refinementContents) .itemList__refinementWrapper::-webkit-scrollbar-thumb {
  background: #d3d3d4;
  border-radius: 4px;
}
.listResult:has(.itemList__refinementWrapper > .itemList__refinementContents) .itemList__refinementWrapper::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}
.listResult:has(.itemList__refinementWrapper > .itemList__refinementContents) .itemList__refinementWrapper > .itemList__refinementContents {
  white-space: nowrap;
}