@charset "utf-8";

/*=====================================
 * KV エリア
 *=====================================*/
@media screen and (max-width: 767px) {
  .bp-section.wishlist-product-list__kv-area {
    margin: 60px 0 50px;
  }
  .bp-section.wishlist-product-list__kv-area .bp-headline--en {
    font-size: 8vw;
    margin-bottom: 6px;
  }
}
@media screen and (min-width: 768px) {
  .bp-section.wishlist-product-list__kv-area {
    margin: 80px 0 70px;
  }
  .bp-section.wishlist-product-list__kv-area .bp-headline--en {
    font-size: calc(2vw + 20px);
    margin-bottom: 8px;
  }
}

/*=====================================
 * 一覧エリア(0件表示)
 *=====================================*/
.wishlist-product-list--no-data-category-title-wrap + .product-category-list {
  margin-top: 0px;
}
.bp-section.wishlist-nodata-text-area {
  margin-bottom: 50px;
}
.bp-section.wishlist-nodata-text-area .bp-section__inner {
  border-bottom: solid 1px var(--text-main-color);
}
@media screen and (max-width: 767px) {
  .bp-section.wishlist-nodata-text-area .bp-section__inner {
    padding-bottom: 50px;
  }
  .bp-section.wishlist-nodata-detail-text-area {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) {
  .bp-section.wishlist-nodata-text-area .bp-section__inner {
    padding-bottom: var(--pc-padding-vertical);
  }
}


/*=====================================
 * 一覧エリア
 *=====================================*/
@media screen and (max-width: 767px) {
  .bp-section.wishlist-product-list__kv-area + .bp-section {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) {
  .bp-section.wishlist-product-list__kv-area + .bp-section {
    margin-top: 70px;
  }
}
.wishlist-product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  z-index: 0;
  width: 100%;
  opacity: 1;
  transition: .25s;
}
.wishlist-product-list.switching {
  opacity: 0;
}
.wishlist-product-list__item {
  position: relative;
  z-index: 0;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .wishlist-product-list__item:nth-last-child(-n+2) {
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 768px) {
  .wishlist-product-list__item:nth-last-child(-n+5) {
    padding-bottom: 0px;
  }
}
.wishlist-product-list__setting-label-wrap {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
}
.wishlist-product-list__wishlist-icon-wrap {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  cursor: pointer;
}
.wishlist-product-list__wishlist-icon {
  font-size: 16px;
  padding: 6px;
  margin: -6px;
}
.wishlist-product-list__wishlist-icon.material-symbols-outlined {
  color: #666;
}
.wishlist-product-list__wishlist-icon.material-symbols-outlined.bp-material-symbols-fill {
  color: var(--key-color);
}
.wishlist-product-list__setting-label {
  top: 10px;
  right: 10px;
  text-align: center;
  font-size: 11px;
  padding: 0 6px;
  background: var(--base-color);
  color: var(--foundation-color-white);
}
.wishlist-product-list__link {
  color: inherit;
  display: block;
  position: relative;
  z-index: 0;
}
.wishlist-product-list__link.disabled {
  pointer-events: none;
}
.wishlist-product-list__link .wishlist-product-list__image.disabled,
.wishlist-product-list__link .wishlist-product-list__product-text-wrap.disabled {
  opacity: .4 !important;
}
.wishlist-product-list__link:hover,
.wishlist-product-list__link:focus {
  color: inherit;
}
.wishlist-product-list__link > figure {
  margin-bottom: 0;
}
.wishlist-product-list__image-wrap {
  padding: 13.3333%;
  position: relative;
  z-index: 0;
}
.wishlist-product-list__image-wrap::after {
  background-color: var(--base-color);
  content: '';
  height: 100%;
  left: 0;
  opacity: .125;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1;
}
.wishlist-product-list__image {
  display: block;
  pointer-events: none;
  position: relative;
  width: 100%;
  z-index: 0;
  aspect-ratio: 1 / 1;
}
.wishlist-product-list__product-name {
  margin: 5px 0 3px;
}
.wishlist-product-list__spec-wrap {
  line-height: 1.6;
  opacity: .6;
}
.wishlist-product-list__price {
  margin: 5px 0 10px;
}
.wishlist-product-list__text-link-area {
  margin: 5px 0 20px;
}
.wishlist-product-list__text-link-area span.text-link-base:hover {
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .wishlist-product-list__category-header {
    display: flex;
  }
  .wishlist-product-list__display-condition-area {
    margin-top: 5px;
    margin-left: 60px;
  }
  .wishlist-product-list__display-condition-link {
    display: inline;
    margin-right: 15px;
    text-decoration: none;
  }
  .wishlist-product-list__display-condition-link:hover {
    cursor: pointer;
  }
  .wishlist-product-list__display-condition-link.active {
    text-decoration: underline;
  }
  .wishlist-product-list {
    gap: 1.3333%;
  }
  .wishlist-product-list__item {
    width: 18.6666%;
  }
  .wishlist-product-list__item::before {
    height: 19px;
    left: 10px;
    top: 10px;
    width: 19px;
  }
  .wishlist-product-list__item::after {
    font-size: 11px;
    left: 16.25px;
    top: 14px;
  }
  .wishlist-product-list__item:nth-of-type(1)::after {
    left: 17px;
  }
  .wishlist-product-list__item-no-data-frame,
  .wishlist-product-list__item-no-data-setting {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .wishlist-product-list__category-header {
    display: block;
  }
  .wishlist-product-list__display-condition-area {
    margin-top: 5px;
    margin-bottom: 20px;
  }
  .wishlist-product-list__display-condition-link {
    display: inline;
    margin-right: 10px;
    text-decoration: none;
  }
  .wishlist-product-list__display-condition-link:hover {
    cursor: pointer;
  }
  .wishlist-product-list__display-condition-link.active {
    text-decoration: underline;
  }
  .wishlist-product-list {
    gap: 2.6666%;
  }
  .wishlist-product-list__item {
    width: 48.6666%;
  }
  .wishlist-product-list__item::before {
    height: 16px;
    left: 10px;
    top: 10px;
    width: 16px;
  }
  .wishlist-product-list__item::after {
    font-size: 10px;
    left: 15.25px;
    top: 13.25px;
  }
  .wishlist-product-list__item:nth-of-type(1)::after {
    left: 16px;
  }
  .wishlist-product-list__item-no-data-frame,
  .wishlist-product-list__item-no-data-setting {
    margin-top: 50px;
  }
}