@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@600..900&display=swap");
/*テーマカラー設定*/
:root {
  --main-color: #c40001;
  --accent-color: #c40001;
  --main-bg-color: #fff;
  --lp-swiper-nav-color: #c40001;
  --sheer-bg-color: rgba(255, 255, 255, 0.9);
}

.p-lp-wrapper {
  padding-bottom: 1px;
  background: url(https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/appliances_sale01_202604_bg.jpg) no-repeat top center/cover;
  background-color: var(--main-bg-color);
  background-attachment: fixed;
}

.p-lp-hero {
  background: linear-gradient(to right, var(--main-color), #fe0000, var(--main-color));
}
.p-lp-hero .l-inner {
  max-width: 100%;
  padding: 0;
}
.p-lp-hero img {
  margin: 0 auto;
}

/* 見出し
========================== */
.p-lp-heading__wrap {
  position: relative;
  margin-bottom: 30px;
  padding: 15px 30px;
  font-family: var(--sub-font);
  font-size: min(6vw, 2.4rem);
  font-weight: 800;
  line-height: 1.2;
  color: #ffe95d;
  background: linear-gradient(to right, var(--main-color), #fe0000, var(--main-color));
  text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3333333333);
  text-align: center;
}
@media (width < 768px) {
  .p-lp-heading__wrap {
    padding: 15px 20px;
    margin-bottom: 20px;
    font-size: min(6.8vw, 2.4rem);
    z-index: 3;
  }
}

.p-lp-heading {
  position: relative;
}

/* キャッチコピー
========================== */
.p-lp-catchcopy {
  position: relative;
  font-size: min(4vw, 2.8rem);
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: center;
  text-shadow: 3px 3px 0px #fff;
  color: var(--main-color);
}
@media (width < 768px) {
  .p-lp-catchcopy {
    font-size: min(6.8vw, 2rem);
  }
}

/* アンカーリンク
========================== */
.p-lp-anchor {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}

.p-lp-anchor li {
  width: 49%;
}

.p-lp-anchor.-jc-center {
  justify-content: center;
}

@media screen and (width >= 768px) {
  .p-lp-anchor.-line3 li {
    width: calc(33.333% - 2px);
  }
  .p-lp-anchor.-line4 li {
    width: calc(25% - 2.25px);
  }
  .p-lp-anchor.-line5 li {
    width: calc(20% - 2.4px);
  }
  .p-lp-anchor.-line6 li {
    width: calc(16.6666666667% - 2.5px);
  }
}
@media screen and (width < 768px) {
  .p-lp-anchor.-sp-line3 li {
    width: calc(33.333% - 2px);
  }
  .p-lp-anchor.-sp-line4 li {
    width: calc(25% - 2.25px);
  }
  .p-lp-anchor.-sp-line5 li {
    width: calc(20% - 2.4px);
  }
  .p-lp-anchor.-sp-line6 li {
    width: calc(16.6666666667% - 2.5px);
  }
}
.p-lp-anchor li a {
  display: block;
  place-content: center;
  height: 100%;
  min-height: 50px;
  padding: 3px 1px;
  font-size: min(4.3vw, 1.2rem);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  border-radius: 4px;
  color: #fff;
  background: var(--main-color);
}
@media screen and (width >= 768px) {
  .p-lp-anchor li a {
    padding: 10px 15px;
    min-height: 70px;
    font-size: min(2.7vw, 1.5rem);
  }
}

/* カテゴリ-ピックアップ */
.p-lp-category-product figure > img {
  aspect-ratio: 1/1;
}
.p-lp-category-product .c-card figure {
  display: block;
  background-color: var(--card-bg);
}
.p-lp-category-product .c-card .c-card__textarea,
.p-lp-category-product .c-card img {
  transition: opacity 0.3s ease;
}
.p-lp-category-product .c-card .c-text.c-card__name {
  height: auto;
  min-height: 3em;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: inherit;
  overflow: visible;
}
.p-lp-category-product .c-card:hover {
  opacity: 1;
}
.p-lp-category-product .c-card:hover .c-card__textarea,
.p-lp-category-product .c-card:hover img {
  opacity: 0.6;
}

.p-lp-category-product--pickup {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
.p-lp-category-product--pickup .c-card {
  padding: 15px;
  background-color: var(--sheer-bg-color);
}
.p-lp-category-product--pickup .c-card .c-price {
  font-size: 2rem;
}
.p-lp-category-product--pickup .c-card .c-price span {
  font-size: 50%;
}
.p-lp-category-product--pickup .c-card .c-price small {
  font-size: 80%;
}
@media (width < 768px) {
  .p-lp-category-product--pickup {
    flex-direction: column;
    gap: 20px;
    padding: 0 5px;
  }
  .p-lp-category-product--pickup .p-item-list-category__item {
    width: 100%;
  }
}
@media (width >= 768px) {
  .p-lp-category-product--pickup:has(> :nth-child(1):last-child) .p-item-list-category__item {
    width: 50%;
    max-width: 600px;
  }
  .p-lp-category-product--pickup .p-item-list-category__item {
    width: calc((100% - 60px) / 2.5);
  }
  .p-lp-category-product--pickup.-line04 .p-item-list-category__item {
    width: calc((100% - 60px) / 4);
  }
}

.p-lp-category-product--normal {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  gap: 20px;
}
@media (width >= 768px) {
  .p-lp-category-product--normal:has(> :nth-child(-n+3):last-child) {
    justify-content: center;
  }
}
.p-lp-category-product--normal .p-item-list-category__item {
  width: calc(25% - 15px);
}
@media (width < 768px) {
  .p-lp-category-product--normal {
    align-items: center;
    gap: 10px;
  }
  .p-lp-category-product--normal .p-item-list-category__item {
    width: calc(50% - 5px);
  }
}

.p-lp-pickup-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 30px;
  padding: 40px;
  background-color: var(--sheer-bg-color);
}
@media (width < 768px) {
  .p-lp-pickup-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    padding: 20px;
  }
}

.p-lp-pickup-list__text {
  margin-top: 10px;
  font-size: 1rem;
  line-height: 1.6;
  text-align: justify;
}
@media (width < 768px) {
  .p-lp-pickup-list__text {
    font-size: 0.9rem;
  }
}

/* .p-lp-more-box（もっと見るで展開）
========================== */
.p-lp-more-box {
  position: relative;
  padding: 30px;
  background-color: var(--sheer-bg-color);
}
@media (width >= 768px) {
  .p-lp-more-box:has(.p-lp-category-product--normal > :nth-child(-n+8):last-child) .c-lp-more-box__btn {
    display: none;
  }
}
@media (width < 768px) {
  .p-lp-more-box {
    padding: 10px;
  }
  .p-lp-more-box:has(.p-lp-category-product--normal > :nth-child(-n+6):last-child) .c-lp-more-box__btn {
    display: none;
  }
}

.p-lp-more-box__inner {
  position: relative;
  transition: max-height 0.4s ease-out;
}
@media (width >= 768px) {
  .p-lp-more-box__inner:has(.p-lp-category-product--normal > :nth-child(n+9):last-child) {
    max-height: min(150vw, 680px);
    overflow: hidden;
  }
}
@media (width < 768px) {
  .p-lp-more-box__inner:has(.p-lp-category-product--normal > :nth-child(n+7):last-child) {
    max-height: 200vw;
    overflow: hidden;
  }
}

.p-lp-more-box.is-active .p-lp-more-box__inner {
  max-height: initial !important;
}

.p-lp-more-box.is-active .p-lp-more-box__inner::after {
  opacity: 0;
  pointer-events: none;
}

.p-lp-more-box.is-active .c-lp-more-box__btn {
  display: none;
}

.p-lp-more-box .c-lp-more-box__btn {
  position: absolute;
  bottom: 0;
  left: 0;
  display: grid;
  align-items: end;
  width: 100%;
  height: 250px;
  z-index: 12;
  text-align: center;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 60%);
}

.p-lp-more-box .c-lp-more-box__btn-text {
  display: grid;
  place-content: center;
  width: 100%;
  height: 120px;
  font-family: var(--sub-font);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--accent-color);
  background: transparent;
  cursor: pointer;
  transition: opacity 0.25s ease;
}

.p-lp-more-box .c-lp-more-box__btn-text:hover {
  opacity: 0.6;
}