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

/* 検索結果一覧 */
.searchResults {
  padding: 45px 30px 45px 30px;
}

.searchResults__keyword {
  font-size: 1.9rem;
  font-weight: 600;
}

.searchResults__number {
  font-size: 1.7rem;
}

.searchResults__numberInner {
  font-size: 2.2rem;
  font-weight: 600;
}

.searchResults__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.searchRefinement {
  width: 210px;
  padding-bottom: 193px;
  margin: 55px 30px 0 0;
  position: relative;
}

.searchRefinement__contents--keyword {
  padding-bottom: 30px;
  position: relative;
}

.searchRefinement__contents--keyword::before {
  content: "";
  display: inline-block;
  height: 13px;
  width: 13px;
  border: 2px solid #2299E1;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  right: 17px;
  top: 9px;
  z-index: 1;
  pointer-events: none;
}

.searchRefinement__contents--keyword::after {
  content: "";
  display: inline-block;
  height: 9px;
  width: 0;
  border-right: 2px solid #2299E1;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: 16px;
  top: 22px;
  z-index: 1;
  pointer-events: none;
}

.searchRefinement__contents--keyword .searchRefinement__search {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  height: 40px;
  width: 210px;
  padding: 0.6em 35px 0.6em 0.8em;
  margin: 0;
  border: none;
  border-radius: 20px;
  background: #f0f0f0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.searchRefinement__contents--keyword .searchRefinement__search:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #f0f0f0 inset;
  box-shadow: 0 0 0 1000px #f0f0f0 inset;
}

.searchRefinement__contents--keyword .searchRefinement__search::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.searchRefinement__contents--keyword .searchRefinement__search::-webkit-search-decoration {
  -webkit-appearance: none;
}

.searchRefinement__contents--keyword .searchRefinement__search:focus {
  border: none;
  outline: none;
}

.searchRefinement__contents--keyword .searchRefinement__search::-webkit-input-placeholder {
  color: #888;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.searchRefinement__contents--keyword .searchRefinement__search::-moz-placeholder {
  color: #888;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.searchRefinement__contents--keyword .searchRefinement__search:-ms-input-placeholder {
  color: #888;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.searchRefinement__contents--keyword .searchRefinement__search::-ms-input-placeholder {
  color: #888;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.searchRefinement__contents--keyword .searchRefinement__search::placeholder {
  color: #888;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.searchRefinement__contents--keyword .searchRefinement__search:-ms-input-placeholder {
  color: #888;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.searchRefinement__contents--keyword .searchRefinement__search::-ms-input-placeholder {
  color: #888;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.searchRefinement__contents {
  border-top: 1px solid #d5d5d5;
}

.searchRefinement__contents.searchRefinement__contents--keyword {
  padding-bottom: 30px;
  border-top: none;
}

.searchRefinement__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 20px 10px 20px 0;
  position: relative;
  cursor: pointer;
}

.searchRefinement__title::after {
  content: "";
  height: 8px;
  width: 8px;
  border: 2px solid;
  border-color: transparent transparent #2299e1 #2299e1;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  pointer-events: none;
  -webkit-transition: .2s;
  transition: .2s;
  margin-top: 7px;
}

.searchRefinement__title.close::after {
  top: 32px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-color: #2299e1 #2299e1 transparent transparent;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-top: -7px;
}

.searchRefinement__accordionContents {
  margin-bottom: 5px;
}

.searchRefinement__accordionContents:last-child {
  padding-bottom: 20px;
  margin-bottom: 0;
}

.searchRefinement__accordionContents--close {
  display: none;
}

.searchRefinement__accordionContents--close + .innerAccordionButton {
  display: none;
}

.searchRefinement__input {
  display: none;
}

.searchRefinement__input + .searchRefinement__label {
  padding-left: 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.searchRefinement__input + .searchRefinement__label::before {
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  background: #fff;
}

.searchRefinement__input + .searchRefinement__label .searchRefinement__iconSvg {
  position: relative;
  padding-left: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.searchRefinement__input + .searchRefinement__label .searchRefinement__iconSvg::before {
  height: auto;
  width: 42px;
  display: inline-block;
  position: absolute;
  left: 0;
}

.searchRefinement__input:checked + .searchRefinement__label::before {
  border: 1px solid #2299e1;
  background: #2299e1;
}

.searchRefinement__input:checked + .searchRefinement__label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 50%;
  width: 11px;
  height: 4px;
  margin-top: -5px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.searchRefinement__input:disabled + .searchRefinement__label::before {
  background: #f0f0f0;
}

.searchRefinement__accordionContents--boston .searchRefinement__iconSvg::before {
  content: url(/img/private/pc/search/img/boston.svg);
}

.searchRefinement__accordionContents--wellington .searchRefinement__iconSvg::before {
  content: url(/img/private/pc/search/img/wellington.svg);
}

.searchRefinement__accordionContents--square .searchRefinement__iconSvg::before {
  content: url(/img/private/pc/search/img/square.svg);
}

.searchRefinement__accordionContents--oval .searchRefinement__iconSvg::before {
  content: url(/img/private/pc/search/img/oval.svg);
}

.searchRefinement__accordionContents--round .searchRefinement__iconSvg::before {
  content: url(/img/private/pc/search/img/round.svg);
}

.searchRefinement__accordionContents--crownpunt .searchRefinement__iconSvg::before {
  content: url(/img/private/pc/search/img/crownpunt.svg);
}

.searchRefinement__accordionContents--thurmont .searchRefinement__iconSvg::before {
  content: url(/img/private/pc/search/img/thurmont.svg);
}

.searchRefinement__accordionContents--teardrop .searchRefinement__iconSvg::before {
  content: url(/img/private/pc/search/img/teardrop.svg);
}

.searchRefinement__accordionContents--fox .searchRefinement__iconSvg::before {
  content: url(/img/private/pc/search/img/fox.svg);
}

.innerAccordionButton {
  font-size: 1.4rem;
  margin-bottom: 20px;
  cursor: pointer;
}

.innerAccordionButton::before {
  content: "- 表示を減らす";
}

.innerAccordionContents--close .searchRefinement__accordionContents:nth-child(n+5) {
  display: none;
}

.innerAccordionContents--close + .innerAccordionButton::before {
  content: "+ もっと見る";
}

.searchRefinement__contents--shape .searchRefinement__accordionContents:last-child {
  padding-bottom: 0;
  margin-bottom: 5px;
}

.searchRefinement__contents--series .searchRefinement__accordionWrapper:last-child {
  padding-bottom: 0;
  margin-bottom: 5px;
}

.searchRefinement__contents--color .searchRefinement__accordionWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.searchRefinement__contents--color .searchRefinement__accordionWrapper.searchRefinement__accordionContents--close {
  display: none;
}

.searchRefinement__colorchip {
  display: none;
}

.searchRefinement__colorchip + .searchRefinement__label {
  font-size: 1rem;
  width: 65px;
  height: 20px;
  padding-top: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.searchRefinement__colorchip + .searchRefinement__label::before {
  content: "";
  width: 38px;
  height: 38px;
  border: 1px solid #d5d5d5;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-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("/img/private/pc/common/color_silver.png");
  background-size: 100%;
}

.searchRefinement__colorchip + .searchRefinement__label[for=colorGroup__12]::before {
  background: url("/img/private/pc/common/color_gold.png");
  background-size: 100%;
}

.searchRefinement__colorchip + .searchRefinement__label[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("/img/private/pc/common/color_other.png");
  background-size: 100%;
}

.searchRefinement__colorchip:checked + .searchRefinement__label::before {
  width: 34px;
  height: 34px;
  top: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.searchRefinement__colorchip:checked + .searchRefinement__label::after {
  content: "";
  width: 38px;
  height: 38px;
  border: 2px solid #2299e1;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

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

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

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

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.searchRefinement__priceRnage .ui-widget-header {
  height: 2px;
  top: calc(50% - 1px);
}

.searchRefinement__priceRnage .ui-widget-header::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #222;
  display: block;
}

.searchRefinement__priceRnage .searchRefinement__priceRnage-slider {
  height: 2px;
  background: #D5D5D5;
  width: 189px;
  margin-left: 10px;
  position: relative;
  top: 10px;
}

.searchRefinement__priceRnage .searchRefinement__priceRnage-slider .ui-widget-header::after {
  background: #2299E1;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.searchRefinement__priceRnage .searchRefinement__priceRnage-slider .ui-slider-handle.ui-corner-all.ui-state-default {
  height: 20px;
  width: 20px;
  border: 1px solid #A3A3A3;
  border-radius: 50%;
  background: #fff;
  margin-top: -5px;
  outline: none;
}

.searchRefinement__inputWrapper {
  padding-top: 30px;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.searchRefinement__inputWrapper .searchRefinement__priceRnage-input {
  font-size: 1.4rem;
  font-family: inherit;
  width: 77px;
  padding: 3px 5px;
  margin-right: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #D5D5D5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 4px;
}

.searchRefinement__inputWrapper .searchRefinement__yen {
  font-size: 1.2rem;
  vertical-align: bottom;
}

.searchRefinement__inputWrapper .searchRefinement__priceRnage-sep {
  font-size: 1.2rem;
  padding-top: 6px;
}

.searchRefinement__accordionContents--series {
  margin-bottom: 10px;
}

.searchRefinement__accordionContents--series .searchRefinement__label {
  font-size: 1.2rem;
  padding: 10px 14px;
  width: 100%;
  border: 1px solid #D5D5D5;
  border-radius: 4px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.searchRefinement__accordionContents--series .searchRefinement__label::before {
  display: none;
}

.searchRefinement__accordionContents--series .searchRefinement__label::after {
  display: none;
}

.searchRefinement__accordionContents--series .searchRefinement__input:checked + .searchRefinement__label {
  border: 1px solid #2299E1;
  background: #F0F9FF;
}

.searchRefinement__contents--size .searchRefinement__accordionContents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.searchRefinement__contents--size .searchRefinement__input {
  font-size: 1.4rem;
  font-family: inherit;
  width: 56px;
  padding: 3px 5px;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.searchRefinement__contents--size .searchRefinement__input::-webkit-input-placeholder {
  color: #888;
}

.searchRefinement__contents--size .searchRefinement__input::-moz-placeholder {
  color: #888;
}

.searchRefinement__contents--size .searchRefinement__input:-ms-input-placeholder {
  color: #888;
}

.searchRefinement__contents--size .searchRefinement__input::-ms-input-placeholder {
  color: #888;
}

.searchRefinement__contents--size .searchRefinement__input::placeholder {
  color: #888;
}

.searchRefinement__contents--size .searchRefinement__input:-ms-input-placeholder {
  color: #888;
}

.searchRefinement__contents--size .searchRefinement__input::-ms-input-placeholder {
  color: #888;
}

.searchRefinement__contents--size .searchRefinement__span {
  font-size: 2.2rem;
  line-height: 1;
  padding: 0 5px;
}

.searchRefinement__contents--size .sizeSuggest__titleModal {
  margin: 15px 0 0 0;
}

.searchRefinement__footer {
  width: 210px;
  padding: 20px 0;
  position: absolute;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10;
}

.searchRefinement__footerResult {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.searchRefinement__footerTitle {
  font-size: 1.4rem;
}

.searchRefinement__footerNumber {
  font-size: 1.7rem;
}

.searchRefinement__footerNumber em {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 1px;
}

.searchRefinement__footerSubmit {
  color: #fff;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  width: 100%;
  padding: 16px 0;
  border: none;
  border-radius: 4px;
  background: #2299E1;
}

.searchRefinement__footerReset {
  color: #2299E1;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 1.4rem;
  text-align: center;
  width: 100%;
  padding: 6px 0;
  margin-top: 10px;
  border: 1px solid #D5D5D5;
  border-radius: 4px;
  background: #fff;
}

.listHeader {
  padding-bottom: 10px;
  border-bottom: 1px solid #D5D5D5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.listHeader__stockWrapper {
  padding-top: 2px;
  margin-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.listHeader__stockContents {
  margin-left: 20px;
}

.listHeader__input {
  display: none;
}

.listHeader__input + .listHeader__label {
  font-size: 1.4rem;
  padding-left: 30px;
  position: relative;
}

.listHeader__input + .listHeader__label::before {
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  background: #fff;
}

.listHeader__input:checked + .listHeader__label::before {
  border: 1px solid #2299e1;
  background: #2299e1;
}

.listHeader__input:checked + .listHeader__label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 50%;
  width: 11px;
  height: 4px;
  margin-top: -5px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.listHeader__sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  position: relative;
}

.listHeader__sort::after {
  content: "";
  height: 8px;
  width: 8px;
  border: 2px solid;
  border-color: transparent transparent #2299e1 #2299e1;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 4px;
  right: 7px;
  pointer-events: none;
}

.listHeader__sort select {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  direction: rtl;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 30px;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
  text-align: right;
}

.listHeader__sort::-ms-expand {
  display: none;
}

.listResult {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 18px;
}

.listResult__text {
  font-size: 1.4rem;
  padding-top: 4px;
}

.listResult__refinementWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.listResult__refinementContents {
  font-size: 1.4rem;
  height: 30px;
  padding: 0 5px 0 15px;
  margin: 0 8px 8px 0;
  border-radius: 15px;
  background: #F0F0F0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.listResult__refinementClose {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  height: 25px;
  width: 17px;
  padding: 0 7px;
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.listResult__refinementClose::before {
  content: "";
  width: 15px;
  border-top: 1px solid #2299e1;
  display: inline-block;
  position: absolute;
  top: 11.5px;
  right: 8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.listResult__refinementClose::after {
  content: "";
  width: 15px;
  border-bottom: 1px solid #2299e1;
  display: inline-block;
  position: absolute;
  top: 11.5px;
  right: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.itemList__container {
  padding-top: 35px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.itemList__contents {
  -ms-flex-preferred-size: calc(100% / 4 - 24px);
  flex-basis: calc(100% / 4 - 24px);
  max-width: calc(100% / 4 - 24px);
  margin: 0 12px;
  margin-bottom: 30px;
}

.itemList__iconList {
  min-height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.itemList__favoriteLabel {
  display: inline-block;
  color: #2299e1;
  position: relative;
  margin: 6px 5px 0 auto;
  width: 9px;
  height: 9px;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
  background: #fff;
}

.itemList__favoriteLabel::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -1px;
  width: 8px;
  height: 5px;
  border-radius: 5px 5px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  background: #fff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.itemList__favoriteLabel::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 8px;
  width: 5px;
  height: 8px;
  border-radius: 0 5px 5px 0;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  background: #fff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.itemList__favoriteInput {
  display: none;
}

.itemList__favoriteInput:checked + .itemList__favoriteLabel {
  color: #e12222;
  background: #e12222;
}

.itemList__favoriteInput:checked + .itemList__favoriteLabel::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -1px;
  width: 8px;
  height: 5px;
  border-radius: 5px 5px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  background: #e12222;
}

.itemList__favoriteInput:checked + .itemList__favoriteLabel::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 8px;
  width: 5px;
  height: 8px;
  border-radius: 0 5px 5px 0;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  background: #e12222;
}

.itemList__link {
  display: inline-block;
}

.itemList__link img {
  width: 100%;
  height: auto;
}

.itemList__imgContets--hidden {
  display: none;
}

.itemList__imgContents {
  position: relative;
}

.itemList__iconWrapper {
  padding-top: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.itemList__iconContents {
  color: #fff;
  font-size: 1rem;
  height: 18px;
  padding: 0 7px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 20px;
}

.itemList__iconContents--new {
  background: #2299e1;
}

.itemList__iconContents--outlet {
  background: #e12222;
}

.itemList__iconContents--sale {
  background: #e12222;
}

.itemList__colorchipContainer {
  height: 3vw;
  min-height: 25px;
  max-height: 50px;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.itemList__colorchipWapper {
  width: 100%;
  max-width: 230px;
  padding: 4px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

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

.itemList__colorchipWapper--hasOther:hover {
  padding: 3px 3px 6px 3px;
  border: 1px solid #D5D5D5;
  border-radius: 4px;
  background: #fff;
}

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

.itemList__colorchipWapper--hasOther:hover .itemList__colorchipPlus {
  display: none;
}

.itemList__colorchipContents {
  width: calc(100% / 7 - 8px);
  padding: 3px 0 0 6px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.itemList__colorchipContents:first-child {
  padding-left: 0;
}

.itemList__colorchipContents .itemList__colorchipLabel {
  padding-left: 0;
}

.itemList__colorchipContents .itemList__colorchipLabel::before {
  width: 100%;
  height: auto;
  top: 0;
  left: auto;
  right: 0;
  border: 1px solid #d5d5d5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.itemList__colorchipInput {
  display: none;
}

.itemList__colorchipInput:checked + .itemList__colorchipLabel::before {
  width: calc(100% - 4px);
  padding-top: calc(100% - 6px);
  border: 1px solid #d5d5d5;
  border-radius: 50%;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 2px;
  right: 1px;
}

.itemList__colorchipInput:checked + .itemList__colorchipLabel::after {
  content: "";
  border: 2px solid #2299e1;
  border-radius: 50%;
  width: calc(100% + 2px);
  padding-top: calc(100% - 2px);
  display: block;
  position: absolute;
  top: -1px;
  right: -2px;
  left: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
}

.itemList__colorchipLabel {
  padding-top: 100%;
  display: block;
  position: relative;
}

.itemList__colorchipLabel::before {
  content: "";
  width: 100%;
  padding-top: calc(100% - 2px);
  border: 1px solid #d5d5d5;
  border-radius: 50%;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
}

/*-- 新規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%;
}

.itemList__colorchipPlus {
  width: calc(100% / 6 - 8px);
  padding: 3px 0 0 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.itemList__colorchipNumber {
  font-size: 1.1vw;
  line-height: 1;
}

@media (min-width: 1400px) {
  .itemList__colorchipNumber {
    font-size: 1.6rem;
  }
}

.itemList__textContets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.itemList__textContets--hidden {
  display: none;
}

.itemList__name {
  font-size: 1.2rem;
  text-align: center;
  padding-bottom: 3px;
}

.itemList__originalPrice {
  color: #000;
  font-size: 1.2rem;
  font-weight: normal;
  text-decoration: line-through;
  padding-right: 5px;
  display: inline-block;
}

.itemList__price {
  font-size: 1.7rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-align: center;
  padding-bottom: 3px;
  display: inline-block;
}

.itemList__price--outlet {
  color: #E12222;
}

.itemList__price--sale {
  color: #E12222;
}

.itemList__tax {
  font-size: 1.2rem;
}

.itemList__percentage {
  color: #E12222;
  font-size: 1.1rem;
  display: block;
}

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

/* ページャー */
.pager {
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pager__button {
  margin: 0 5px;
}

.pager__link {
  color: #000;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1;
  min-width: 30px;
  padding: 9px 7px;
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pager__button--first .pager__link {
  font-size: 1.6rem;
  padding-left: 15px;
}

.pager__button--first .pager__link::before {
  content: "";
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: transparent transparent #565656 #565656;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transform: rotate(45deg);
  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 #565656 #565656;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 4px;
  margin-top: -4px;
}

.pager__button--prev .pager__link {
  font-size: 1.6rem;
  padding-left: 10px;
}

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

.pager__button--last .pager__link {
  font-size: 1.6rem;
  padding-right: 15px;
}

.pager__button--last .pager__link::before {
  content: "";
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: transparent transparent #565656 #565656;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transform: rotate(-135deg);
  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 #565656 #565656;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -4px;
}

.pager__button--next .pager__link {
  font-size: 1.6rem;
  padding-right: 10px;
}

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

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

.pager__button--number a.pager__link:hover {
  color: #fff;
  background: #2299E1;
  opacity: 1;
}

.pager__button--numberInterval {
  padding-right: 25px;
  position: relative;
}

.pager__button--numberInterval::after {
  content: "…";
  position: absolute;
  right: 0;
}

.pager__button--numberCurrent .pager__link {
  color: #2299E1;
  font-weight: 600;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1;
  min-width: 30px;
  padding: 9px 7px;
  border: 1px solid #D5D5D5;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.contentsList {
  border-top: 1px solid #d5d5d5;
}

.contentsList__title {
  color: #2299E1;
  font-size: 2.4rem;
  text-align: center;
  padding-top: 60px;
  margin-bottom: 50px;
}

.contentsList__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.contentsList__contents {
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%;
  max-width: 48%;
  margin-bottom: 30px;
}

.contentsList__contents a {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.contentsList__contents--hidden {
  display: none;
}

.contentsList__imgWrpper {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  max-width: 200px;
}

.contentsList__imgWrpper img {
  height: auto;
  width: 100%;
  max-height: 200px;
  max-width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 1px #d9e4ea;
}

.contentsList__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.3rem;
  padding-left: 18px;
}

.contentsList__more {
  color: #2299E1;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 15px;
  height: 40px;
  width: 140px;
  padding: 12px 25px;
  margin: 0 auto 60px auto;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}

.contentsList__more::after {
  content: "";
  height: 8px;
  width: 8px;
  border: 2px solid;
  border-color: transparent transparent #2299e1 #2299e1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 9px;
  right: 15px;
  pointer-events: none;
}

.bannerArea__bottom {
  padding: 40px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bannerArea__bottomContentsItem {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  border: solid 1px #d9e4ea;
}

.bannerArea__bottomContents--small {
  -ms-flex-preferred-size: 49%;
  flex-basis: 49%;
  max-width: 49%;
}

.bannerArea__bottomContents--large {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
  margin: 20px auto 0;
}

.itemHistory_ {
  border-top: #ebebeb solid 1px;
  padding: 60px 0 0;
  margin: 0 35px;
  position: relative;
  overflow: hidden;
}

.itemHistory_ h2 {
  color: #2299e1;
  text-align: center;
  margin: 0 0 60px;
}

.itemHistory_ ul {
  overflow: hidden;
  margin: 0 auto 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.itemHistory_ li {
  width: 17.17%;
  height: 260px;
  margin: 0 3.4% 60px 0;
}

.itemHistory_ li:nth-child(5n) {
  margin: 0;
}

.itemHistory_ li a {
  display: block;
  position: relative;
  color: #000;
  text-align: center;
}

.itemHistory_ li .itemHistory__itemListThumb_ {
  width: 100%;
  height: auto;
}

.itemHistory__itemListInner_ h2 {
  font-size: 2.4rem;
  margin-bottom: 20px;
}

.itemHistory__itemListTextArea_ h4 {
  font-size: 1.2rem;
  font-weight: normal;
  height: 3em;
  overflow: hidden;
}

.itemHistory__itemListTextArea_ p {
  font-size: 1.4rem;
  font-weight: bold;
}

.itemHistory__itemListTextArea_ p .itemPrice_tax_ {
  font-size: 1rem;
}

.itemHistory__itemListTextArea_ small {
  display: none;
}

.itemHistory__sale_ {
  color: #e20c0c;
  font-weight: bold;
}

.itemHistory__sale_ span {
  font-size: 1.2rem;
  color: #000;
  font-weight: bold;
  margin-right: .8em;
}

.itemHistory__sale_ span.itemPrice_outlet_ {
  text-decoration: line-through;
  margin-right: 0;
}

.itemList__container.swiper-wrapper {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0;
  margin: 0 auto;
}

.itemList__container.swiper-wrapper .itemList__contents.swiper-slide {
  -ms-flex-preferred-size: calc(100% / 3);
  flex-basis: calc(100% / 3);
  max-width: calc(100% / 3);
  padding: 0 50px;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.itemList__container.swiper-wrapper .itemList__contents.swiper-slide::before {
  content: "";
  display: block;
}

.itemList__container.swiper-wrapper .itemList__contents.swiper-slide .itemList__colorchipContainer {
  height: 4vw;
  min-height: 40px;
}

.itemList__container.swiper-wrapper .itemList__contents.swiper-slide .itemList__name {
  font-size: 1.2rem;
}

.itemList__container.swiper-wrapper .itemList__contents.swiper-slide .itemList__price {
  font-size: 1.6rem;
}

.itemList__container.swiper-wrapper .itemList__contents.swiper-slide .itemList__code {
  font-size: 1.1rem;
}

.itemList.swiper-container {
  width: 100%;
  padding-bottom: 40px;
  position: relative;
}

.itemList.swiper-container .swiper-button-prev {
  width: 10px;
  height: 22px;
  background-size: 10px auto;
  outline: none;
  position: static;
  margin: 0;
}

.itemList.swiper-container .swiper-button-next {
  width: 10px;
  height: 22px;
  background-size: 10px auto;
  outline: none;
  position: static;
  margin: 0;
}

.itemList.swiper-container .swiper-pagination {
  bottom: 0;
  margin: 0 50px;
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

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

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

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

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

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

.swiperButton__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px;
}

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

.itemHistory__itemListNew_ {
  position: absolute;
  top: 0;
  left: 0;
}

.search_0hit {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 40px 0;
  text-align: center;
}

.searchResults__headerInner {
  margin-bottom: 16px;
}

.searchResults_maybe {
  font-size: 1.4rem;
  margin-top: 2px;
}

.searchResults_maybe a {
  color: #2299e1;
}

/* スケルトンスクリーン */
.searchResults--skeleton {
  --skeleton-bg-colorBase: #f0f0f0;
  --skeleton-bg-colorFront: rgba(240, 240, 240, 0.5);
}

@-webkit-keyframes animationSkeletonLoading {
  0% {
    background-position: 100% 0;
  }
  50%, 100% {
    background-position: -100% 0;
  }
}

@keyframes animationSkeletonLoading {
  0% {
    background-position: 100% 0;
  }
  50%, 100% {
    background-position: -100% 0;
  }
}

.searchResults--skeleton .searchResults__header {
  padding-top: 16px;
}

.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%;
  -webkit-animation: 2s animationSkeletonLoading linear infinite;
  animation: 2s animationSkeletonLoading linear infinite;
  height: 22px;
  width: 210px;
}

.searchResults--skeleton .listHeader {
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.searchResults--skeleton .listHeader::before {
  background: linear-gradient(100deg, var(--skeleton-bg-colorBase) 8%, var(--skeleton-bg-colorFront) 18%, var(--skeleton-bg-colorBase) 33%);
  background-size: 200% 200%;
  -webkit-animation: 2s animationSkeletonLoading linear infinite;
  animation: 2s animationSkeletonLoading linear infinite;
  content: "　";
  display: block;
  height: 22px;
  width: 160px;
  margin: 0 0 0 auto;
}

.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%;
  -webkit-animation: 2s animationSkeletonLoading linear infinite;
  animation: 2s animationSkeletonLoading linear infinite;
  width: 30%;
  height: 22px;
  margin-bottom: 4px;
}

.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%;
  -webkit-animation: 2s animationSkeletonLoading linear infinite;
  animation: 2s animationSkeletonLoading linear infinite;
}

.searchResults--skeleton .itemList__imgContents {
  padding-top: calc( 400/600 *100%);
}

.searchResults--skeleton .itemList__colorchipContainer {
  height: 2.2vw;
}

.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%;
  -webkit-animation: 2s animationSkeletonLoading linear infinite;
  animation: 2s animationSkeletonLoading linear infinite;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin: 0 3px;
  padding: 0;
}

.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%;
  -webkit-animation: 2s animationSkeletonLoading linear infinite;
  animation: 2s animationSkeletonLoading linear infinite;
  margin-bottom: 3px;
  padding: 0;
  height: 22px;
}

.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%;
  -webkit-animation: 2s animationSkeletonLoading linear infinite;
  animation: 2s animationSkeletonLoading linear infinite;
  margin-bottom: 3px;
  padding: 0;
  height: 22px;
  display: block;
}

.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%;
  -webkit-animation: 2s animationSkeletonLoading linear infinite;
  animation: 2s animationSkeletonLoading linear infinite;
  padding: 0;
  height: 22px;
}

.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%;
  -webkit-animation: 2s animationSkeletonLoading linear infinite;
  animation: 2s animationSkeletonLoading linear infinite;
  border: none;
  border-radius: 4px;
  height: 34px;
}

.searchResults--skeleton .contentsList {
  margin-bottom: 60px;
}

.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%;
  -webkit-animation: 2s animationSkeletonLoading linear infinite;
  animation: 2s animationSkeletonLoading linear infinite;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  padding-top: 0px;
  height: 24px;
}

.searchResults--skeleton .contentsList__contentsItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.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%;
  -webkit-animation: 2s animationSkeletonLoading linear infinite;
  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%;
  -webkit-animation: 2s animationSkeletonLoading linear infinite;
  animation: 2s animationSkeletonLoading linear infinite;
  content: "　";
  display: block;
  width: 100%;
  height: 22px;
  margin-bottom: .5rem;
}

.searchResults--skeleton .searchRefinement__title {
  background: linear-gradient(100deg, var(--skeleton-bg-colorBase) 8%, var(--skeleton-bg-colorFront) 18%, var(--skeleton-bg-colorBase) 33%);
  background-size: 200% 200%;
  -webkit-animation: 2s animationSkeletonLoading linear infinite;
  animation: 2s animationSkeletonLoading linear infinite;
  height: 25px;
  width: 30%;
  padding: 0;
  margin: 30px 0 20px 0;
}

.searchResults--skeleton .searchRefinement__title::after {
  display: none;
}

.searchResults--skeleton .searchRefinement__contents--keyword::before, .searchResults--skeleton .searchRefinement__contents--keyword::after {
  display: none;
}

.searchResults--skeleton .searchRefinement__contents--keyword .searchRefinement__search {
  background: linear-gradient(100deg, var(--skeleton-bg-colorBase) 8%, var(--skeleton-bg-colorFront) 18%, var(--skeleton-bg-colorBase) 33%);
  background-size: 200% 200%;
  -webkit-animation: 2s animationSkeletonLoading linear infinite;
  animation: 2s animationSkeletonLoading linear infinite;
}

.searchResults--skeleton .searchRefinement__accordionContents {
  background: linear-gradient(100deg, var(--skeleton-bg-colorBase) 8%, var(--skeleton-bg-colorFront) 18%, var(--skeleton-bg-colorBase) 33%);
  background-size: 200% 200%;
  -webkit-animation: 2s animationSkeletonLoading linear infinite;
  animation: 2s animationSkeletonLoading linear infinite;
  height: 22px;
  margin-bottom: 8px;
}

.bl_npSuggestContainer .bl_npSuggestRankingList {
  border: none !important;
}