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

.p-lp-wrapper {
  padding-bottom: 1px;
  background: linear-gradient(to bottom, var(--main-bg-color) 70%, #f5edca);
  background-attachment: fixed;
}

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

.p-lp-bg-section {
  margin-bottom: 0;
  padding-block: 60px;
}
@media (width < 768px) {
  .p-lp-bg-section {
    padding-block: 30px;
  }
}
.p-lp-bg-section .c-heading {
  border-bottom: none;
}
.p-lp-bg-section.-bg-new {
  background: linear-gradient(to bottom, #faeac6 30%, #ebd3af);
}
.p-lp-bg-section.-bg-reserve {
  background-color: #fbf3d2;
}
.p-lp-bg-section.-bg-lineup {
  background-color: #fff;
}
.p-lp-bg-section.-bg-notice {
  background-color: #EFE4DE;
}

.p-lp-banner-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 10px;
}
@media (width < 768px) {
  .p-lp-banner-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
    margin-top: 6px;
  }
}
.p-lp-banner-list li {
  background-color: #fff;
}
.p-lp-banner-list li img {
  display: block;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.p-lp-notice-list {
  max-width: max-content;
  margin-inline: auto;
  font-weight: 500;
}