@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@600;700;800;900&display=swap");
/* テーマカラー設定 */
:root {
  --lp-main-color: #252525;
  --lp-nav-color: #AD2379;
  --lp-nav-bg-color: #fff;
  --lp-swiper-nav-color: #252525;
  --lp-products-pickup-gap: min(20px, 2vw);
}

/* 各セクション 背景設定 */
.p-psale-section#sec01 {
  background: url("https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/psele_sec_bg01.jpg") no-repeat top center/cover;
}

.p-psale-section#sec02 {
  position: relative;
  background: url("https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/2606_psele_bg02.jpg") repeat top center/cover;
}

.p-psale-section#sec04,
.p-psale-section#sec05 {
  background-color: #EEEBE2;
}

.p-psale-section#sec04 {
  border: none;
}

.p-psale-section {
  border-bottom: 1px solid #252525;
}

.-present-bg01 {
  /* max-width: 890px; */
  background-color: #00226d;
  margin-top: 60px;
  padding: 0 10px 30px;
}
@media (width < 768px) {
  .-present-bg01 {
    margin-top: 30px;
    padding: 3px 3px 20px;
  }
}
.-present-bg01 .p-lp-products-swiper__main {
  background-color: #fff;
}
.-present-bg01 .p-lp-products-swiper {
  padding-bottom: 20px;
  background-color: rgb(255, 255, 255);
}

.-present-bg02 {
  background-color: #f4b3d1;
  padding-bottom: 10px;
}
@media (width < 768px) {
  .-present-bg02 {
    padding-bottom: 20px;
  }
}

/* 大枠 */
:where(.p-psale-wrapper) {
  overflow: clip;
  padding-top: 10px;
  padding-bottom: 30px;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
}

:where(.p-psale-wrapper) .c-ttl-deco-block {
  border-left-color: var(--lp-main-color);
}

.p-psale-title img {
  width: 100%;
  max-width: inherit;
}

@media screen and (min-width: 768px) {
  :where(.p-psale-wrapper) {
    padding-top: 0;
    padding-bottom: 80px;
    font-size: 1.1rem;
    line-height: 1.8;
  }
}
/* ご購入の流れバナー */
.p-psale-nav {
  padding: 30px 0;
  background: var(--lp-nav-bg-color);
}

.p-psale-nav__banner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0 auto 20px;
}

.p-psale-nav__banner img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-psale-nav {
    padding: 50px 0;
  }
  .p-psale-nav__banner {
    display: flex;
    flex-direction: row;
    gap: 2%;
  }
  .p-psale-nav__banner li {
    width: 49%;
  }
}
/* カテゴリーボタン */
.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);
  }
  .p-lp-anchor.-line7 li {
    width: calc(14.2857142857% - 2.5714285714px);
  }
  .p-lp-anchor.-line8 li {
    width: calc(12.5% - 2.625px);
  }
  .p-lp-anchor.-line9 li {
    width: calc(11.1111111111% - 2.6666666667px);
  }
  .p-lp-anchor.-line10 li {
    width: calc(10% - 2.7px);
  }
}
@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%;
  padding: 8px 10px;
  min-height: 50px;
  font-size: min(1.7vw, 1.1rem);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  border-radius: 4px;
  color: #fff;
  background: var(--lp-nav-color);
  /* background: linear-gradient(#EDAF37, #D8332B); */
}
@media (width < 920px) {
  .p-lp-anchor li a {
    min-height: 38px;
    padding: 5px 1px;
    font-size: min(3vw, 1.2rem);
  }
}

/* 追従ナビゲーション */
.nav-sticky {
  justify-content: center;
  position: sticky;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 10;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

.nav-sticky.active {
  transform: translateY(0);
}

@media screen and (width < 768px) {
  .l-main--item-category {
    overflow-x: clip !important;
  }
  .nav-sticky {
    padding: 2% 35px 1.2% 0;
  }
  .nav-sticky .p-lp-anchor li a {
    min-height: 30px;
    padding: 3px 1px;
  }
}
/* セクション */
.p-psale-section {
  padding: 30px 0;
}

.p-psale-section__title {
  margin-bottom: 30px;
}

.p-psale-section__title img {
  margin: 0 auto;
}

.p-psale-section__text-title {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 20px;
  margin: 0 auto 30px;
  padding: 5px 0;
  font-size: min(5vw, 2.2rem);
  font-weight: 900;
  letter-spacing: 0.06em;
  text-align: center;
  border: 3px solid #000;
}

.p-psale-section__text-title::before,
.p-psale-section__text-title::after {
  content: "";
  display: block;
  width: 100%;
  height: min(5vw, 25px);
  background: url(https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/2410psele_sec_title_border.png) repeat-x center center/contain;
}

@media (min-width: 768px) {
  .p-psale-section {
    padding: 50px 0;
  }
  .p-psale-section__text-title {
    grid-template-columns: 1fr max-content 1fr;
    min-width: 750px;
    max-width: max-content;
  }
}
/* 概要文 */
.p-psale-section__desc {
  margin-bottom: 25px;
}
.p-psale-section__desc strong {
  display: block;
  margin-bottom: 8px;
  font-size: 150%;
  font-weight: 900;
  text-align: center;
}
@media (min-width: 768px) {
  .p-psale-section__desc {
    text-align: center;
  }
}

/* 商品カード */
.c-lp-products-item {
  background-color: #fff;
}

.c-lp-products-item figure {
  display: block;
  position: relative;
  overflow: visible;
}

.c-lp-products-item__note {
  position: absolute;
  left: 7px;
  top: 7px;
  font-size: 0.6rem;
  line-height: 1;
  mix-blend-mode: difference;
  color: #fff;
}

.c-lp-products-item__copy {
  position: absolute;
  left: 1vw;
  bottom: 1vw;
  max-width: calc(100% - 2vw);
  padding: 7px 7px;
  /* margin-bottom: 7px; */
  line-height: 1.2;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.8);
}

.c-lp-products-item figure:before {
  content: "";
  display: block;
  position: absolute;
  top: 2%;
  right: 2%;
  width: 25%;
  max-width: 60px;
  height: 25%;
  background: url(https://stprodaeonblob.blob.core.windows.net/eshop-files/images/20240315012.png) top center no-repeat;
  background-size: contain;
  z-index: 1;
}

.c-lp-products-item.-shop figure:before {
  background-image: url(https://stprodaeonblob.blob.core.windows.net/eshop-files/images/20240315013.png);
}

.c-lp-products-item.-house figure:before {
  background-image: url(https://stprodaeonblob.blob.core.windows.net/eshop-files/images/20240315011.png);
}

.c-lp-products-item.-none figure:before {
  display: none;
}

.c-lp-products-item .c-price.-million {
  font-size: clamp(0.9rem, 1.6vw, 1.3rem);
}

.p-psale-section .c-card__name {
  height: auto;
  min-height: 3em;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: inherit;
  overflow: visible;
}

.c-psale-limit {
  position: absolute;
  bottom: -2%;
  left: 0;
  padding: 3px 5px;
  font-size: 0.5rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background-color: #97156B;
  border-radius: 3px;
}

.c-psale-limit span {
  font-size: 0.8rem;
}

.c-product-item__label span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 18px;
  font-size: 0.4rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background-color: #f11a1a;
}

.c-lp-products-item .c-card__name {
  height: auto;
  min-height: 3rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: inherit;
  overflow: visible;
}

@media (min-width: 768px) {
  .c-lp-products-item figure:before {
    max-width: 80px;
  }
  .c-psale-limit {
    padding: 5px 8px;
    font-size: 0.75rem;
  }
  .c-psale-limit span {
    font-size: 1.1rem;
  }
  .c-product-item__label span {
    min-width: 60px;
    height: 26px;
    font-size: 0.75rem;
  }
}
/* イチオシ商品
========================= */
.p-lp-products-pickup {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--lp-products-pickup-gap);
}

.p-lp-products-pickup.-sacondary {
  margin-top: var(--lp-products-pickup-gap);
}

.p-lp-products-pickup .c-lp-products-item {
  background-color: #fff;
}

.p-lp-products-pickup .c-lp-products-item figure img {
  border-radius: 0;
}

.p-lp-products-pickup .c-lp-products-item figure.-contain img {
  object-fit: contain;
}

.p-lp-products-pickup .c-card__name {
  height: auto !important;
  -webkit-line-clamp: inherit !important;
}

.p-lp-products-pickup .c-product-item__price {
  align-items: flex-start;
}

.p-lp-products-pickup .c-lp-products-item figure {
  padding-top: 0;
  margin-bottom: 0;
}

.p-lp-products-pickup .c-lp-products-item img {
  position: relative;
  aspect-ratio: inherit;
  height: auto;
  object-fit: inherit;
}

.p-lp-products-pickup .c-lp-products-item .c-card__textarea {
  padding: 5px 12px 5px;
}

.p-lp-products-pickup:not(.-sacondary) .c-lp-products-item:not(.-ico-topright) figure:before {
  top: 22px;
  right: inherit;
  left: 2%;
}

.p-lp-products-pickup:not(.-sacondary) .c-lp-products-item:not(.-ico-topright) figure img {
  aspect-ratio: 1000/750;
}

@media screen and (width < 768px) {
  .p-lp-products-pickup .c-lp-products-item {
    width: 100%;
    max-width: 850px;
  }
  .p-lp-products-pickup.-sacondary .c-lp-products-item {
    width: calc((100% - var(--lp-products-pickup-gap) * 1) / 2);
  }
  .p-lp-products-pickup:not(.-sacondary) .c-lp-products-item__copy.-large {
    font-size: min(6vw, 1.8rem);
  }
  .p-lp-products-pickup:not(.-sacondary) .c-lp-products-item .c-price {
    font-size: 1.8rem;
  }
  .p-lp-products-pickup:not(.-sacondary) .c-lp-products-item .c-price small {
    font-size: 1.1rem;
  }
  .p-lp-products-pickup:not(.-sacondary) .c-lp-products-item .c-price span {
    font-size: 1rem;
  }
  .p-lp-products-pickup:not(.-sacondary) .c-lp-products-item .c-price .c-text {
    font-size: 1.4rem;
  }
  .p-lp-products-pickup:not(.-sacondary) .c-lp-products-item .c-price .c-text span {
    font-size: 0.8rem;
  }
  .p-lp-products-pickup:not(.-sacondary) .c-product-item__label span {
    width: auto;
    min-width: 60px;
    height: 24px;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .p-lp-products-pickup {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--lp-products-pickup-gap);
  }
  .p-lp-products-pickup.-sacondary {
    margin-top: 60px;
  }
  .p-lp-products-pickup .c-lp-products-item {
    max-width: 800px;
  }
  .p-lp-products-pickup .c-lp-products-item .c-card__textarea {
    padding: 10px 20px;
  }
  .p-lp-products-pickup:has(> :nth-child(1):last-child) .c-lp-products-item {
    width: 100%;
  }
  .p-lp-products-pickup:has(> :nth-child(2):last-child) .c-lp-products-item {
    width: calc((100% - var(--lp-products-pickup-gap) * 1) / 2);
  }
  .p-lp-products-pickup.-sacondary .c-lp-products-item {
    width: calc((100% - var(--lp-products-pickup-gap) * 2) / 3);
  }
  .p-lp-products-pickup.-sacondary:has(> :nth-child(2):last-child) .c-lp-products-item,
  .p-lp-products-pickup.-sacondary:has(> :nth-child(4):last-child) .c-lp-products-item {
    width: calc((100% - var(--lp-products-pickup-gap) * 1) / 2);
  }
  .p-lp-products-pickup .c-lp-products-item .c-lp-products-item__copy {
    font-size: 110%;
  }
  .p-lp-products-pickup .c-lp-products-item .c-lp-products-item__copy.-large {
    /* font-size: 140%; */
    font-size: min(3vw, 2.4rem);
  }
  .p-lp-products-pickup .c-lp-products-item .c-card__name {
    font-size: 110%;
  }
  .p-lp-products-pickup .c-lp-products-item .c-card__name small {
    display: inline-block;
    font-size: 88%;
    line-height: 1.5;
  }
  .p-lp-products-pickup .c-lp-products-item .c-price {
    font-size: 2.4rem;
  }
  .p-lp-products-pickup .c-lp-products-item .c-price small {
    font-size: 1.3rem;
  }
  .p-lp-products-pickup .c-lp-products-item .c-price span {
    font-size: 1.2rem;
  }
  .p-lp-products-pickup .c-lp-products-item .c-price .c-text {
    font-size: 1.6rem;
  }
  .p-lp-products-pickup .c-lp-products-item .c-price .c-text span {
    font-size: 1rem;
  }
  .p-lp-products-pickup .c-product-item__label span {
    width: auto;
    min-width: 90px;
    height: 36px;
    font-size: 1rem;
  }
}
/* 商品スライダーコントローラー
========================= */
.p-lp-products-swiper {
  overflow: clip;
}

.p-psale-wrapper .c-card__point {
  max-width: 72px;
}

.js-lpProductSwiperWrapper {
  display: flex;
}

.p-lp-products-swiper__main {
  padding: 10px 10px 5px;
  background-color: rgba(255, 255, 255, 0.8);
}
.p-lp-products-swiper__main .p-item-list-category__item {
  width: calc((100% - 20px) / 2);
  margin-right: 20px;
}

@media (min-width: 768px) {
  .p-lp-products-swiper__main {
    padding: 20px 20px 10px;
  }
  .p-lp-products-swiper__main .p-item-list-category__item {
    width: calc((100% - 120px) / 5);
    margin-right: 30px;
  }
}
.p-lp-controller {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.p-lp-controller:has(.swiper-button-lock) {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-lp-controller {
    /* width: 85%; */
    margin-top: 30px;
  }
}
.p-lp-controller__pagination {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  bottom: inherit !important;
  left: inherit !important;
  width: auto !important;
  max-width: calc(100% - 70px);
  height: 100%;
  margin: 0;
  padding: 0 12px;
  order: 2;
}

.p-lp-controller__pagination.swiper-scrollbar-horizontal {
  display: block;
  max-width: 560px;
  width: calc(90% - 40px) !important;
  height: 8px;
  margin: 0 20px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0;
  background-color: transparent;
}

.swiper-pagination-clickable .swiper-pagination-bullet:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 5px);
  right: calc(50% - 5px);
  width: 10px;
  height: 10px;
  background-color: var(--lp-swiper-nav-color);
  border-radius: 50%;
}

.p-lp-controller__button {
  cursor: pointer;
  position: relative;
  /* position: absolute; */
  display: block;
  /* top: 0; */
  width: 35px;
  height: 35px;
  background-color: var(--lp-swiper-nav-color);
  border-radius: 50%;
  z-index: 1;
  transition: opacity 0.3s ease;
  order: 1;
}

.p-lp-controller__button:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 6.5px);
  width: 13px;
  height: 13px;
  border-top: 2px solid #fff;
}

.p-lp-controller__button.-prev:before {
  left: 40%;
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
}

.p-lp-controller__button.-next {
  order: 3;
  /* right: 0; */
}

.p-lp-controller__button.-next:before {
  right: 40%;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

.p-lp-controller__button:hover,
.p-lp-controller__button.swiper-button-disabled {
  opacity: 0.6;
}

.u-white {
  color: #fff;
}

.p-lp-campaign {
  margin-bottom: 20px;
  padding: 20px 10px;
  background: #B8D8F1;
}

.p-lp-campaign__banner {
  margin-top: 10px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1%;
}

.p-lp-campaign__banner img {
  margin-left: auto;
  margin-right: auto;
}

.p-lp-campaign__head {
  font-size: 0.8rem;
  color: #fff;
  background: #192F60;
}

.p-lp-campaign__head p {
  padding: 0 3% 10px;
}

.p-lp-campaign__detail {
  padding: 20px;
  background: #F8F1E6;
}

.p-lp-campaign__detail hr {
  margin: 10px 0;
  border-top: 1px dotted #ccc;
}

@media (min-width: 768px) {
  .p-lp-campaign {
    margin-bottom: 30px;
    padding: 40px 20px;
    background: #B8D8F1;
  }
  .p-lp-campaign__banner {
    margin-top: 20px;
  }
  .p-lp-campaign__detail {
    padding: 20px 30px;
  }
  .p-lp-campaign__detail hr {
    margin: 20px 0 10px;
  }
}
/* 説明エリア */
.p-lp-attention {
  width: 96%;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 30px;
  /* border-radius: 10px; */
  border-radius: 0 0 10px 10px;
  background-color: rgb(255, 255, 255);
  border: 2px solid #999;
  border-top: none;
}

.p-lp-attention-title {
  width: 96%;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.p-lp-attention .c-ttl-deco-block {
  border-left-color: #192F60;
}

.p-lp-attention__limit dl {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  line-height: 1.6;
}

.p-lp-attention__limit dl + dl {
  margin-top: 15px;
}

.p-lp-attention__limit dt {
  width: 140px;
  padding: 8px 0;
  font-size: 1.1rem;
  font-weight: normal;
  text-align: center;
  line-height: 1.2;
  color: #fff;
  background-color: #192F60;
  border-radius: 10px;
}

.p-lp-attention__limit dd {
  align-self: center;
  width: calc(100% - 160px);
  font-size: 1.2rem;
}

.p-lp-attention__limit dd .notes {
  font-size: 0.9rem;
}

.p-list-circle.notes .c-text {
  margin-bottom: 5px;
}

.p-list-circle.notes .c-text:before {
  content: "※";
}

@media (width < 768px) {
  .p-lp-attention {
    padding: 30px 20px;
  }
  .p-lp-attention__limit dl {
    display: block;
    margin-bottom: 20px;
    text-align: center;
  }
  .p-lp-attention__limit dt {
    width: max-content;
    min-width: 200px;
    margin: 0 auto 10px;
    padding: 5px 30px;
  }
  .p-lp-attention__limit dd {
    width: 100%;
    font-size: min(5.5vw, 1.2rem);
    line-height: 1.5;
  }
}
/* 今月のイチオシセレクト
========================= */
.p-psale-ichioshi {
  width: 100%;
  max-width: max-content;
  margin: 0 auto 30px;
  padding: 0 20px 20px 20px;
  background-color: #AD2379;
}

.p-psale-ichioshi__title {
  padding: 20px 0;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.p-psale-ichioshi__title img {
  max-width: 450px;
  margin: 0 auto;
}

.p-psale-ichioshi__list {
  display: flex;
  justify-content: center;
  gap: 10px;
  /* padding: 30px;
  background-color: #fff; */
}

.p-psale-ichioshi__list .p-item-list-category__item {
  flex: 1;
  max-width: 400px;
  padding: 20px;
  background-color: #fff;
}

@media (width >= 768px) {
  .p-psale-ichioshi__list:has(> :nth-child(1):last-child) {
    width: 600px;
    background-color: #fff;
  }
  .p-psale-ichioshi__list:has(> :nth-child(2):last-child) {
    width: min(85vw, 850px);
  }
  .p-psale-ichioshi__list:has(> :nth-child(3):last-child) {
    width: min(90vw, 1100px);
  }
  .p-psale-ichioshi__list:has(> :nth-child(4):last-child) {
    width: min(90vw, 1100px);
  }
  /* .p-psale-ichioshi.-item01{
    max-width: 600px;
  }
  .p-psale-ichioshi.-item01 .p-psale-ichioshi__list{
    background-color: #fff;
  }
  .p-psale-ichioshi.-item02{
    max-width: 850px;
  } */
}
@media (width < 768px) {
  .p-psale-ichioshi {
    margin: 0 auto 20px;
    padding: 0 15px 15px 15px;
  }
  .p-psale-ichioshi__title {
    padding: 15px 0;
  }
  .p-psale-ichioshi__title img {
    width: 90%;
  }
  .p-psale-ichioshi__list {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .p-psale-ichioshi__list .p-item-list-category__item {
    width: 100%;
  }
}