@charset "UTF-8";
/* ====================================== //
// フォント設定 - 種類
// ====================================== */
@font-face {
  font-family: "Noto Serif JP";
  src: url("../font/NotoSerifJP-VariableFont_wght.woff") format("woff");
  font-weight: 400 700;
  font-style: normal;
  font-display: block;
}
/* noto-serif-jp-regular - latin */
@font-face {
  font-family: "Noto Serif JP";
  font-style: normal;
  font-weight: 400;
  src: url("../font/noto-serif-jp-v32-latin-regular.woff2") format("woff2");
  font-display: block;
}
/* noto-serif-jp-500 - latin */
@font-face {
  font-family: "Noto Serif JP";
  font-style: normal;
  font-weight: 500;
  src: url("../font/noto-serif-jp-v32-latin-500.woff2") format("woff2");
  font-display: block;
}
@font-face {
  font-family: "Hina Mincho";
  src: url("../font/HinaMincho-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Dancing Script";
  src: url("../font/DancingScript-VariableFont_wght.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NotoSansJP-VariableFont_wght.ttf") format("truetype");
  font-display: swap;
}
/* ====================================== //
// proceeding/config/_base.scss
// ====================================== */
body {
  overflow-x: hidden;
  font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  color: #ffffff;
  font-size: clamp(0.875rem, 0.19vw + 0.83046875rem, 1rem);
  font-weight: 500;
  line-height: 2em; /* 250% */
  letter-spacing: 0.98px;
  background-color: #313131;
}
@media screen and (min-width: 768px) {
  body {
    line-height: 2.5; /* 250% */
    letter-spacing: 1.6px;
  }
}

a {
  display: inline-block;
  width: 100%;
  height: auto;
  text-decoration: none;
  cursor: pointer;
}

img {
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

picture {
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
}

use {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

h1,
h2,
h3,
p {
  word-break: break-word;
  overflow-wrap: break-word;
}

.l-container {
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-container {
    max-width: 72.5rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}

.l-header__Spacer {
  width: 100%;
  height: 56px;
  background-color: #131313;
}
@media screen and (min-width: 768px) {
  .l-header__Spacer {
    height: 108px;
  }
}

.l-section-Block {
  padding-block: clamp(4.0625rem, 6.62vw + 2.5109375rem, 5.6875rem);
}
@media screen and (min-width: 768px) {
  .l-section-Block {
    padding-block: clamp(6.8125rem, 6.85vw + 3.5245rem, 9.6875rem);
  }
}

.l-section-Top {
  padding-top: clamp(4.0625rem, 6.62vw + 2.5109375rem, 5.6875rem);
}
@media screen and (min-width: 768px) {
  .l-section-Top {
    padding-top: clamp(6.8125rem, 6.85vw + 3.5245rem, 9.6875rem);
  }
}

.l-section__Body {
  margin-top: clamp(1.875rem, 3.05vw + 1.16015625rem, 2.625rem);
}
@media (min-width: 768px) {
  .l-section__Body {
    margin-top: clamp(4.3125rem, 4.32vw + 2.2389rem, 6.125rem);
  }
}

.l-areaBreadcrumb {
  margin-top: 2px;
}

.l-breadcrumbsWrap {
  background-color: #131313;
}

.c-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 15px;
       column-gap: 15px;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  font-size: clamp(0.625rem, 0.6vw + 0.337rem, 0.875rem);
  color: #d19652;
}
@media screen and (min-width: 768px) {
  .c-breadcrumbs {
    flex-wrap: nowrap;
  }
}

.c-breadcrumbs__link {
  transition: opacity 0.3s;
}
@media (hover: hover) {
  .c-breadcrumbs__link:hover {
    opacity: 0.5;
  }
}

.c-button-Outline {
  width: clamp(16.875rem, 19.35vw + 7.587rem, 25rem);
  padding-block: clamp(0.6875rem, 1.93vw + -0.2389rem, 1.5rem) clamp(0.75rem, 1.79vw + -0.1092rem, 1.5rem);
  border: 1px solid #ffffff;
  border-radius: 40px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 6.4px;
  position: relative;
  transition: 0.3s all;
}
.c-button-Outline::before {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  width: 1rem;
  aspect-ratio: 1;
  background-color: #ffffff;
  -webkit-mask-image: url(../images/icon/arrow.svg);
          mask-image: url(../images/icon/arrow.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  content: "";
}
.p-singleEvents .c-button-Outline {
  padding-block: 2px;
  margin-inline: auto;
}
@media (hover: hover) {
  .c-button-Outline:hover {
    background-color: #ffffff;
    color: #393939;
  }
  .c-button-Outline:hover::before {
    background-color: #393939;
  }
}

.c-button__Container {
  min-width: 16.875rem;
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px; /* 250% */
  letter-spacing: 0.32px;
}
@media screen and (min-width: 768px) {
  .c-button__Container {
    width: min(f-rem-contentsWrap-basedMargin(150px), 100%);
    /* リンク＿タグチ */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 250% */
    letter-spacing: 1.6px;
  }
}

.c-button-Solid {
  width: -moz-fit-content;
  width: fit-content;
  padding-block: 0.5rem;
  padding-inline: 3.625rem;
  border-radius: 39px;
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #131313;
  font-size: clamp(0.9375rem, 1.34vw + 0.2943rem, 1.5rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1.05px;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media (hover: hover) {
  .c-button-Solid:hover {
    background: #131313;
    color: #ffffff;
  }
}
@media screen and (hover: hover) and (min-width: 768px) {
  .c-button-Solid {
    letter-spacing: 1.2px;
    line-height: 2em; /* 200% */
  }
}

.c-button-Instagram {
  position: relative;
  background-color: #ffffff;
  -webkit-mask-image: url(../images/sns/instagram.svg);
          mask-image: url(../images/sns/instagram.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  transition: background-color 0.3s ease;
}
.c-button-Instagram::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url(../images/sns/instagram.svg);
          mask-image: url(../images/sns/instagram.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  content: "";
  opacity: 0;
  transition: 0.3s opacity ease;
}
@media (hover: hover) {
  .c-button-Instagram:hover {
    background-color: transparent;
  }
  .c-button-Instagram:hover::after {
    opacity: 1;
  }
}

.c-bonus {
  padding-inline: clamp(1rem, 1.53vw + 0.64140625rem, 1.375rem);
  border: 2px solid #d19652;
}
.p-fixedMenu__Food .c-bonus {
  padding-top: clamp(1rem, 1.53vw + 0.64140625rem, 1.375rem);
  padding-bottom: clamp(1.4375rem, 2.29vw + 0.90078125rem, 2rem);
  border: 2px solid #815a2c;
}
.p-archiveWinePrice .c-bonus {
  padding-top: clamp(1.25rem, 2.04vw + 0.771875rem, 1.75rem);
  padding-bottom: clamp(1.75rem, 2.8vw + 1.09375rem, 2.4375rem);
}
@media screen and (min-width: 768px) {
  .c-bonus {
    padding-inline: 2.15625rem;
  }
  .p-fixedMenu__Food .c-bonus {
    padding-block: 2.125rem;
    padding-inline: 2.15625rem;
    border: 2px solid #815a2c;
  }
  .p-archiveWinePrice .c-bonus {
    padding-top: unset;
    padding-inline: unset;
    border: unset;
  }
}

.c-bonus__Title {
  position: relative;
  padding-left: 2.1875rem;
  padding-right: 0.3125rem;
  font-size: clamp(1.5rem, 2.54vw + 0.9046875rem, 2.125rem);
  font-weight: 700;
  line-height: 2;
  letter-spacing: 1.2px;
}
.p-fixedMenu__Food .c-bonus__Title {
  margin-inline: auto;
}
.c-bonus__Title::before {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
  width: 1.5rem;
  aspect-ratio: 0.8275862069;
  -webkit-mask-image: url(../images/icon/wine-glass.svg);
          mask-image: url(../images/icon/wine-glass.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  content: "";
}
.c-bonus__Title::after {
  position: absolute;
  bottom: 0rem;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(90deg, #714d23 0%, #815a2c 100%);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 768px) {
  .c-bonus__Title {
    font-size: clamp(1.5625rem, 1.64vw + 0.7753rem, 2.25rem);
    line-height: 1.33;
    letter-spacing: 1.8px;
  }
  .c-bonus__Title::before {
    width: 1.5rem;
  }
  .c-bonus__Title::after {
    bottom: clamp(-0.25rem, -0.3vw + -0.106rem, -0.375rem);
  }
}
.p-fixedMenu__Food .c-bonus__Title {
  width: -moz-fit-content;
  width: fit-content;
  background-image: linear-gradient(90deg, #714d23, #815a2c);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.p-fixedMenu__Food .c-bonus__Title::before {
  transform: translateY(-50%);
  width: 2rem;
  aspect-ratio: 0.6666666667;
  -webkit-mask-image: url(../images/icon/wine-glass.svg);
          mask-image: url(../images/icon/wine-glass.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background: linear-gradient(90deg, #714d23, #815a2c);
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__Food .c-bonus__Title {
    font-size: 2.25rem;
    padding-left: 2.5rem;
  }
  .p-fixedMenu__Food .c-bonus__Title::before {
    width: 1.375rem;
    height: 2.875rem;
  }
}
.p-archiveWinePrice .c-bonus__Title {
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 1.5625rem;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 2.4; /* 240% */
  letter-spacing: 1px;
  line-height: 1.84615; /* 184.615% */
}
.p-archiveWinePrice .c-bonus__Title::before {
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
}
.p-archiveWinePrice .c-bonus__Title::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #d19652 0%, #f2c48e 100%);
  content: "";
}
@media screen and (min-width: 768px) {
  .p-archiveWinePrice .c-bonus__Title {
    width: 100%;
    padding-left: 1.625rem;
    font-size: clamp(1.125rem, 1.19vw + 0.5538rem, 1.625rem);
    letter-spacing: 1.3px;
  }
  .p-archiveWinePrice .c-bonus__Title::before {
    width: clamp(1.5625rem, 2.23vw + 0.4921rem, 2.5rem);
  }
}

.c-bonus__Note {
  margin-top: 0.8125rem;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.86667;
  letter-spacing: 1.05px;
  position: relative;
}
.p-archiveWinePrice .c-bonus__Note {
  margin-top: 0.9375rem;
  padding-inline: 0.0625rem;
}
.c-bonus__Note::before {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 768px) {
  .c-bonus__Note {
    margin-top: 1.125rem;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: 2px;
  }
}

@media screen and (min-width: 768px) {
  .p-archiveWinePrice .c-bonus__Note {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1.6px;
  }
}

.c-bonus__BounsNote {
  font-weight: 500;
  line-height: 28px; /* 200% */
  letter-spacing: 0.98px;
}
@media screen and (min-width: 768px) {
  .c-bonus__BounsNote {
    line-height: 1.75; /* 175% */
    letter-spacing: 1.6px;
  }
}

.c-bonus__ChargeBlock {
  margin-top: 0.625rem;
}
.p-archiveWinePrice .c-bonus__ChargeBlock {
  padding-inline: 0.0625rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__Food .c-bonus__ChargeBlock {
    margin-top: 0rem;
    padding-block: unset;
  }
  .p-archiveWinePrice .c-bonus__ChargeBlock {
    margin-top: 0.875rem;
  }
}

.c-bonus__ImageWrap {
  margin-top: 0.8125rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .c-bonus__ImageWrap {
    margin-top: 1.125rem;
    padding-bottom: 0.5625rem;
    flex-direction: row;
  }
  .p-archiveWinePrice .c-bonus__ImageWrap {
    margin-top: 1.125rem;
    padding-right: 1.5625rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .p-archiveWinePrice .c-bonus__ImageWrap {
    padding-right: unset;
  }
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__Food .c-bonus__ImageWrap {
    margin-top: 0.8125rem;
    padding-block: unset;
  }
}

.c-bonus__ItemWrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}
.c-bonus__ItemWrap:not(:first-child) {
  margin-top: 0.875rem;
}
.p-fixedMenu__Food .c-bonus__ItemWrap:not(:first-child) {
  margin-top: 0.3125rem;
}
.c-bonus__ItemWrap:not(:last-child)::before {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
}
.p-archiveWinePrice .c-bonus__ItemWrap:not(:last-child)::before {
  bottom: -0.1875rem;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
}
.p-fixedMenu__Food .c-bonus__ItemWrap:not(:last-child)::before {
  bottom: 0.1875rem;
  background-image: linear-gradient(90deg, #714d23, #815a2c);
}
@media screen and (min-width: 768px) {
  .c-bonus__ItemWrap {
    flex-direction: row;
    align-items: center;
  }
  .p-archiveWinePrice .c-bonus__ItemWrap:not(:last-child)::before {
    background-image: linear-gradient(90deg, #d19652, #f2c48e);
  }
  .p-fixedMenu__Food .c-bonus__ItemWrap:not(:last-child)::before {
    bottom: -0.1875rem;
  }
}

.c-bonus__ItemTitleWrap {
  width: -moz-fit-content;
  width: fit-content;
  padding-block: 0.4375rem;
  padding-inline: 1rem;
  display: flex;
  align-items: center;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #d19652;
  color: #ffffff;
}
.p-fixedMenu__Food .c-bonus__ItemTitleWrap {
  gap: 0.125rem;
}
.p-archiveWinePrice .c-bonus__ItemTitleWrap {
  gap: 0.5625rem;
}
@media screen and (min-width: 768px) {
  .c-bonus__ItemTitleWrap {
    margin-top: 0.4375rem;
    flex: 0 0 125px;
    padding-top: 0.625rem;
    padding-bottom: 0.3125rem;
    flex-direction: column;
    row-gap: 0.5rem;
  }
  .p-fixedMenu__FoodBonus .c-bonus__ItemTitleWrap {
    margin-top: unset;
    row-gap: 0.3125rem;
  }
  .p-archiveWinePrice .c-bonus__ItemTitleWrap {
    margin-top: unset;
    row-gap: 0.3125rem;
  }
}

.c-bonus__ItemTitle {
  text-align: center;
  font-size: clamp(0.875rem, 0.15vw + 0.803rem, 0.9375rem);
  font-weight: 600;
  line-height: 1.2; /* 15px */
  letter-spacing: 1.5px;
}

.c-bonus__ItemPrice {
  text-align: center;
  font-size: clamp(0.9375rem, 0.45vw + 0.7215rem, 1.125rem);
  font-weight: 600;
  line-height: 1.2; /* 18px */
  letter-spacing: 1.8px;
}
.p-archiveWinePrice .c-bonus__ItemPrice {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__FoodBonus .c-bonus__ItemPrice {
    margin-top: unset;
    letter-spacing: 1.8px;
  }
  .p-archiveMenu__WineBonus .c-bonus__ItemPrice {
    margin-top: unset;
    letter-spacing: 2px;
  }
}

.c-bonus__ServiceWrap {
  padding-block: 0.5rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6; /* 25.6px */
  letter-spacing: 1.6px;
  max-width: 19.1875rem;
}
.c-bonus__ServiceWrap.-Horizontal {
  flex-direction: column;
}
.p-archiveWinePrice .c-bonus__ServiceWrap {
  padding-block: 0.375rem 0.3125rem;
}
@media screen and (min-width: 768px) {
  .c-bonus__ServiceWrap {
    display: flex;
    margin-left: 2.625rem;
    max-width: unset;
    align-items: center;
  }
  .p-archiveWinePrice .c-bonus__ServiceWrap {
    -moz-column-gap: 0.9375rem;
         column-gap: 0.9375rem;
  }
  .p-fixedMenu__Food .c-bonus__ServiceWrap {
    margin-left: 1.125rem;
    font-size: 1.25rem;
    -moz-column-gap: 13px;
         column-gap: 13px;
  }
}

.c-bonus__Service {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6; /* 24px */
  letter-spacing: 1.5px;
}
.c-bonus__Service.-Left {
  align-self: flex-start;
}
@media screen and (min-width: 768px) {
  .c-bonus__Service {
    letter-spacing: 0.1333333333em;
  }
  .p-fixedMenu__Food .c-bonus__Service {
    font-size: clamp(0.875rem, 0.89vw + 0.4478rem, 1.25rem);
    letter-spacing: 0.1em;
  }
}

.c-bonus__Service01 {
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 1.5px;
}
@media screen and (min-width: 768px) {
  .c-bonus__Service01 {
    text-align: center;
  }
  .p-archiveWinePrice .c-bonus__Service01 {
    letter-spacing: 2px;
  }
  .p-fixedMenu__FoodBonus .c-bonus__Service01 {
    font-size: clamp(0.875rem, 0.89vw + 0.4478rem, 1.25rem);
    font-weight: 500;
    line-height: 160%; /* 32px */
    letter-spacing: 0.1em;
    white-space: nowrap;
  }
}

.c-bonus__PlusWrap {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.p-fixedMenu__Food .c-bonus__PlusWrap {
  justify-content: flex-end;
}
.p-archiveWinePrice .c-bonus__PlusWrap {
  align-items: center;
}
@media screen and (min-width: 768px) {
  .c-bonus__PlusWrap {
    align-items: center;
  }
  .p-archiveWinePrice .c-bonus__PlusWrap {
    margin-left: unset;
  }
}

.c-bonus__Plus {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6; /* 32px */
  letter-spacing: 2px;
}
.p-archiveWinePrice .c-bonus__Plus {
  font-size: 1.75rem;
  line-height: 1;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .c-bonus__Plus {
    font-size: 2rem;
  }
}

.c-card-news {
  width: 20rem;
}

.c-card__link-news,
.c-card__link-events {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.c-card__link-events {
  position: relative;
}

.c-card__imageWrap {
  width: 100%;
}

.c-card__imageWrap img {
  aspect-ratio: 1.5;
}

.c-card__noteWrap {
  background-color: #282727;
  padding-block: 0.5rem 0.5rem;
  padding-inline: 0.5rem 0.5rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.c-card__infoType {
  padding-block: 0.25rem 0.25rem;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 160% */
  letter-spacing: 0.8px;
}

.c-card__Title-news,
.c-card__Title-events {
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 2; /* 行数を制限 */
  line-height: 1.5;
  text-overflow: ellipsis;
  overflow: clip;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.8px;
}

.c-card__Title-news {
  font-size: 0.875rem;
}

.c-card__dataWrap {
  position: relative;
}

.c-card__BookingDateWrap-news,
.c-card__noteDate-events {
  position: relative;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 1.6px;
}

.c-card__BookingDateWrap-news {
  font-size: 0.875rem;
}

.c-card__noteDate-events {
  font-size: 1rem;
}

.c-card__BookingDate-news {
  position: relative;
  width: 100%;
}

.c-card__wineName {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 166.667% */
  letter-spacing: 0.48px;
}

.c-card__Eventended {
  position: absolute;
  bottom: 0%;
  right: 0;
  padding-block: 0.25rem;
  padding-inline: 0.375rem;
  background-color: #cb2222;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2; /* 166.667% */
  letter-spacing: 1.2px;
}

@media screen and (min-width: 768px) {
  .c-card__postDateWrap-news {
    margin-top: auto;
    padding-top: 1.25rem;
  }
}

.c-card__postDate-events,
.c-card__postDate-news {
  margin-top: auto;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 22px;
  color: #b7a8a8;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5; /* 320% */
  letter-spacing: 0.4px;
}
.c-card__postDate-events::before,
.c-card__postDate-news::before {
  position: absolute;
  top: 50%;
  left: 0.625rem;
  transform: translate(-50%, -50%);
  width: 0.625rem;
  aspect-ratio: 1;
  background-image: url(../images/icon/update.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.c-headline02Wrap {
  position: relative;
  margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
}

.c-headline02-English {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  text-transform: uppercase;
  font-family: "Dancing Script";
  font-size: clamp(2.5rem, 4.07vw + 1.54609375rem, 3.5rem);
  color: rgba(255, 255, 255, 0.1);
  text-align: center;
  font-weight: 400;
  line-height: 1.2; /* 120% */
  letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
  .c-headline02-English {
    bottom: 60%;
    font-size: clamp(4.75rem, 4.76vw + 2.4652rem, 6.75rem);
    line-height: 0.44em; /* 44.444% */
    letter-spacing: 5.4px;
  }
}

.c-headline02-Japanese,
.c-headline03,
.c-headline04 {
  background: linear-gradient(90deg, #d19652 0%, #f2c48e 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.c-headline02-Japanese {
  margin-inline: auto;
  font-size: clamp(1.5rem, 2.54vw + 0.9046875rem, 2.125rem);
  text-align: center;
  font-weight: 700;
  line-height: 1.5; /* 150% */
  letter-spacing: 1.2px;
}
@media screen and (min-width: 768px) {
  .c-headline02-Japanese {
    font-size: clamp(1.375rem, 1.49vw + 0.6598rem, 2rem);
  }
}
@media screen and (min-width: 1440px) {
  .c-headline02-Japanese {
    font-size: clamp(2rem, 2.29vw + -0.061rem, 2.6875rem);
    letter-spacing: 1.6px;
  }
}

.c-headline03 {
  position: relative;
  text-align: center;
  padding-inline: clamp(1.25rem, 0.74vw + 0.8948rem, 1.5625rem);
  font-size: clamp(1.5rem, 1.5vw + 1.1484375rem, 2.5rem);
  font-weight: 700;
  line-height: 1.5; /* 150% */
  letter-spacing: 0.05em;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 768px) {
  .c-headline03 {
    font-size: clamp(2rem, 1.19vw + 1.4288rem, 2.5rem);
    line-height: 1.2;
    letter-spacing: 0.05em;
  }
}
.c-headline03::before, .c-headline03::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18%;
  height: 1px;
  background-image: linear-gradient(90deg, #d19652 0%, #f2c48e 100%);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.c-headline03::before {
  left: 14%;
}
.c-headline03::after {
  right: 14%;
}
@media screen and (min-width: 768px) {
  .c-headline03::before, .c-headline03::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 41%;
    height: 1px;
    background-image: linear-gradient(90deg, #d19652 0%, #f2c48e 100%);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
  }
  .c-headline03::before {
    left: 0;
  }
  .c-headline03::after {
    right: 0;
  }
}

.c-headline03-32 {
  font-size: clamp(1.25rem, 2.04vw + 0.771875rem, 1.75rem);
  font-weight: 400;
  line-height: 1.5; /* 150% */
  letter-spacing: 0.1em;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 768px) {
  .c-headline03-32 {
    font-size: clamp(1.375rem, 1.49vw + 0.6598rem, 2rem);
    font-weight: 700;
    line-height: 1.5; /* 150% */
    letter-spacing: 0.05em;
  }
}

.c-headline03-news {
  padding-inline: clamp(1.25rem, 0.74vw + 0.8948rem, 1.5625rem);
  font-size: clamp(1.5rem, 2.54vw + 0.9046875rem, 2.125rem);
  font-weight: 700;
  line-height: 1.5; /* 150% */
  letter-spacing: 0.05em;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 768px) {
  .c-headline03-news {
    font-size: clamp(1.75rem, 1.79vw + 0.8908rem, 2.5rem);
    line-height: 1.2;
    letter-spacing: 0.05em;
  }
}

.c-headline04 {
  font-size: clamp(1.25rem, 1.79vw + 0.3908rem, 2rem);
  font-weight: 400;
  line-height: 1.5em; /* 30px */
  letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
  .c-headline04 {
    font-weight: 700;
    letter-spacing: 1.6px;
  }
}

.c-section__Caption {
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: clamp(1.25rem, 2.04vw + 0.771875rem, 1.75rem);
  font-weight: 400;
  line-height: 1.5; /* 150% */
  letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
  .c-section__Caption {
    font-size: clamp(1.5625rem, 1.49vw + 0.8473rem, 2.1875rem);
    line-height: 1.3714285714; /* 150% */
    letter-spacing: 3.5px;
  }
}
@media screen and (min-width: 1441px) {
  .c-section__Caption {
    font-size: clamp(2.1875rem, 2.5vw + -0.0625rem, 2.9375rem);
    letter-spacing: 0.05em;
  }
}

.c-section__Caption-32 {
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: clamp(1.25rem, 2.04vw + 0.771875rem, 1.75rem);
  font-weight: 700;
  line-height: 1.5; /* 150% */
  letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
  .c-section__Caption-32 {
    font-size: clamp(1.375rem, 1.49vw + 0.6598rem, 2rem);
    line-height: 1.5; /* 150% */
    letter-spacing: 1.6px;
  }
}
@media screen and (min-width: 1441px) {
  .c-section__Caption-32 {
    font-size: clamp(2rem, 2.29vw + -0.061rem, 2.6875rem);
    letter-spacing: 0.05em;
  }
}

.m-drawerSP-IsOpen {
  overflow-y: hidden;
}

.m-drawerSP {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  transform: translateX(100%);
  transition: 0.3s;
  overflow-y: auto;
  opacity: 0;
}
@media screen and (min-width: 480px) {
  .m-drawerSP {
    width: 375px;
  }
}
@media screen and (min-width: 1024px) {
  .m-drawerSP {
    margin-left: auto;
    position: relative;
    right: unset;
    display: flex;
    flex-direction: row;
    width: unset;
    height: unset;
    transform: unset;
    overflow-y: unset;
    opacity: 1;
  }
}
.m-drawerSP-IsOpen .m-drawerSP {
  transform: translateX(0);
  opacity: 1;
}

.m-burger {
  position: absolute;
  right: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .m-burger {
    display: none;
  }
}
@media (hover: hover) {
  .m-burger:hover {
    cursor: pointer;
  }
}

.m-burger__Icon {
  width: 1rem;
  height: 1rem;
  position: relative;
  z-index: 101;
}

.m-burger__Line {
  display: block;
  width: 100%;
  height: 2px;
  background: transparent;
  position: absolute;
  z-index: 102;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: background-color 0.5s ease;
}
.m-burger__Line::before, .m-burger__Line::after {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: #ffffff;
  border-radius: 10px;
  transition: 0.3s ease transform;
}
.m-burger__Line::before {
  top: 3px;
}
.m-burger__Line::after {
  bottom: 3px;
}
.m-drawerSP-IsOpen .m-burger__Line {
  background-color: transparent;
}
.m-drawerSP-IsOpen .m-burger__Line::before {
  top: 50%;
  background-color: #ffffff;
  transform: translateY(-50%) rotate(405deg) scale(1.4);
}
.m-drawerSP-IsOpen .m-burger__Line::after {
  top: 50%;
  background-color: #ffffff;
  transform: translateY(-50%) rotate(-405deg) scale(1.4);
}

.m-drawerSP-IsOpen .m-drawerSP__Layer {
  display: block;
  background: rgba(0, 0, 0, 0.6);
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
@media screen and (min-width: 1024px) {
  .m-drawerSP__Layer {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .m-drawerSP__LogoWrap {
    display: none;
  }
}

.m-drawerSP__NavWrap {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .m-drawerSP__NavWrap {
    width: unset;
    height: unset;
  }
}

.m-drawerSPLogo {
  width: 268px;
  aspect-ratio: 8.9333333333;
}

.m-collapse__SummaryWrap::after {
  position: absolute;
  top: 50%;
  right: 0.9375rem;
  transform: translateY(-50%) rotate(0deg);
  width: 2rem;
  aspect-ratio: 1;
  background-color: #ffffff;
  -webkit-mask-image: url(../images/icon/toggle.svg);
          mask-image: url(../images/icon/toggle.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  content: "";
  transition: 0.3s transform ease;
}
@media screen and (min-width: 768px) {
  .m-collapse__SummaryWrap::after {
    top: 58%;
    right: 3%;
  }
}
details[open] .m-collapse__SummaryWrap::after {
  transform: translateY(-50%) rotate(90deg);
}

.m-collapse__Notes {
  transition: 0.3s display;
}

.p-archiveEvents__PaginationWrap {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}

.p-archiveEvents__PaginationWrap .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}

.p-archiveEvents__PaginationWrap .page-numbers {
  display: flex;
  justify-content: center;
}

.p-archiveEvents__PaginationWrap .page-individual {
  padding-inline: 0.75rem;
  padding-block: 0.25rem;
  border: 1px solid #ffffff;
  border-radius: 0.25rem;
}

.page-numbers.current {
  background: linear-gradient(90deg, #d19652 0%, #f2c48e 100%);
  color: #393939;
}

.m-pagination-prev,
.m-pagination-next {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0.5;
  letter-spacing: 0.1px;
  color: #ffffff;
  white-space: nowrap;
}

.m-archive-Prev {
  margin-right: 26px;
  width: 20px;
  height: 20px;
}

.m-archive-Next {
  margin-left: 26px;
  width: 20px;
  height: 20px;
}

.u-Spacer {
  width: 100%;
  height: 56px;
  background-color: #313131;
}
@media screen and (min-width: 768px) {
  .u-Spacer {
    height: 108px;
  }
}

.u-Break {
  display: inline-block;
}

.u-TextUpperCase {
  text-transform: uppercase;
}

.u-TextWhite {
  color: #ffffff;
}

.u-TextBlock {
  color: #393939;
}

.u-TextBlown {
  color: #815a2c;
}

.u-ShowOverMedium {
  display: none;
}
@media (min-width: 768px) {
  .u-ShowOverMedium {
    display: block;
  }
}

.u-ShowOverLarge {
  display: none;
}
@media (min-width: 1024px) {
  .u-ShowOverLarge {
    display: block;
  }
}

.u-ShowUnderHeader {
  display: block;
}
@media (min-width: 1024px) {
  .u-ShowUnderHeader {
    display: none;
  }
}

.u-ShowUnderMedium {
  display: block;
}
@media (min-width: 768px) {
  .u-ShowUnderMedium {
    display: none;
  }
}

.u-ShowUnder900 {
  display: block;
}
@media (min-width: 900px) {
  .u-ShowUnder900 {
    display: none;
  }
}

.u-ShowUnderXSmall {
  display: block;
}
@media (min-width: 480px) {
  .u-ShowUnderXSmall {
    display: none;
  }
}

.u-HeaderShowOnlySP {
  display: none;
}
@media (max-width: 1024px) {
  .u-HeaderShowOnlySP {
    display: block;
  }
}

.u-HeaderShowSPInline {
  display: none;
}
@media (max-width: 1024px) {
  .u-HeaderShowSPInline {
    display: inline-block;
  }
}

.u-ShowOnlySPBlock {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-ShowOnlySPBlock {
    display: block;
  }
}

.u-ShowOnlySPInlineBlock {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .u-ShowOnlySPInlineBlock {
    display: none;
  }
}

.u-ShowOnlyMiddle {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-ShowOnlyMiddle {
    display: block;
  }
}

.u-ShowOnlyPC {
  display: block;
}
@media (max-width: 768px) {
  .u-ShowOnlyPC {
    display: none;
  }
}

.u-TextCenter {
  text-align: center;
}

.u-MarginCenter {
  margin-inline: auto;
}

.u-InlineBlock {
  display: inline-block;
}

.u-CenterSelf {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.u-Space {
  margin-left: 1.25rem;
}

.u-BgWhite {
  background: #ffffff;
}

.u-TextRed {
  color: #ee5a6d;
}

.u-Whitespace {
  white-space: nowrap;
}

/* ====================================== //
// Template
// ====================================== */
.p-singleSingle__PagerWrap {
  margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
}

.p-singleSingle__PagerPrev,
.p-singleSingle__PagerNext {
  position: relative;
  display: block;
  border: 1px solid #ffffff;
  padding-block: 0.5rem 0.5625rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
}
.p-singleSingle__PagerPrev::before,
.p-singleSingle__PagerNext::before {
  width: 0.875rem;
  aspect-ratio: 1;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.p-singleSingle__PagerPrev {
  padding-inline: 1.875rem 1rem;
  position: relative;
}
.p-singleSingle__PagerPrev::before {
  position: absolute;
  background-image: url(../images/icon/arrow-left.svg);
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}

.p-singleSingle__PagerNext {
  padding-inline: 1rem 1.875rem;
}
.p-singleSingle__PagerNext::before {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  background-image: url(../images/icon/arrow-right.svg);
}

.p-singleSingle__PageArchiveLink {
  padding-inline: 1rem 1.875rem;
}

.p-singleSingle__PageArchiveLink {
  border: 1px solid #ffffff;
  padding-inline: 1.875rem;
  padding-block: 0.5rem 0.5625rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
}

.p-unitHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  height: 56px;
  background: rgb(0, 0, 0);
}
@media screen and (min-width: 1024px) {
  .p-unitHeader {
    height: 108px;
    background: rgba(0, 0, 0, 0.8);
  }
}

.p-unitHeader__Container {
  margin-inline: auto;
  max-width: 90rem;
  height: 100%;
  padding-right: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  padding-left: clamp(1rem, 3.57vw + -0.7136rem, 2.5rem);
  display: flex;
  align-items: center;
  z-index: 200;
  color: #ffffff;
}

.p-unitHeader__LogoWrap {
  display: flex;
  align-items: center;
}

.p-unitHeader__LogoLink {
  width: clamp(4.375rem, 10.14vw + 1.9984375rem, 11.125rem);
  aspect-ratio: 2.2580645161;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 1024px) {
  .p-unitHeader__LogoLink {
    aspect-ratio: 2.225;
  }
}

.p-unitHeader__LogoSPLink {
  width: 106px;
  aspect-ratio: 2.2553191489;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
}
.p-unitHeader__LogoSPLink::before {
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 15.3125rem;
  height: 1px;
  background-color: #ffffff;
  content: "";
}
@media screen and (min-width: 1024px) {
  .p-unitHeader__LogoSPLink {
    display: none;
  }
  .p-unitHeader__LogoSPLink::before {
    content: none;
  }
}

.p-unitHeader__DrawerWrap {
  background-color: #313131;
  padding-top: 2.5rem;
}
@media screen and (min-width: 1024px) {
  .p-unitHeader__DrawerWrap {
    padding-top: unset;
    background-color: transparent;
    margin-left: auto;
  }
}

.p-unitHeader__NavUpper {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-unitHeader__NavUpper {
    justify-self: flex-end;
    color: #ffffff;
    display: flex;
    padding-block: 2px 0px;
    align-items: center;
  }
}

.p-unitHeader__Slogan {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.64px;
}

.p-unitHeader__Reserve {
  position: relative;
  margin-left: 1.5rem;
  padding-inline: 12px 2px;
  color: #393939;
  font-size: 0.875rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1.2;
}
.p-unitHeader__Reserve::before {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  transform: translateY(-50%);
  width: 6.9375rem;
  aspect-ratio: 3.7;
  background-image: url(../images/general/header-reserve.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.p-unitHeader__TelWrap {
  margin-top: 2px;
  margin-left: 2.8125rem;
  margin-right: 0.5rem;
}

.p-unitHeader__Tel {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2; /* 150% */
  letter-spacing: 0.96px;
  position: relative;
}
.p-unitHeader__Tel::before {
  position: absolute;
  top: 47%;
  left: -13.5%;
  transform: translateY(-50%);
  width: 1.3125rem;
  aspect-ratio: 1;
  background-color: #ffffff;
  -webkit-mask-image: url(../images/icon/tel.svg);
          mask-image: url(../images/icon/tel.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  content: "";
}

.p-unitHeader__NavLower {
  margin-top: 0.875rem;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .p-unitHeader__NavLower {
    margin-top: -0.1875rem;
    margin-left: auto;
    flex-direction: row;
    -moz-column-gap: clamp(0.9375rem, 3.72vw + -0.8481rem, 2.5rem);
         column-gap: clamp(0.9375rem, 3.72vw + -0.8481rem, 2.5rem);
  }
}

.p-unitHeader__NavWrap {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-unitHeader__NavWrap {
    margin-top: unset;
  }
}

.p-unitHeader__NavLink {
  height: 100%;
  font-size: 1rem;
  position: relative;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-color: white;
}
.p-unitHeader__NavLink::after {
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: attr(data-text);
  transition: 0.3s all ease;
  opacity: 0;
}
@media (hover: hover) {
  .p-unitHeader__NavLink:hover::after {
    opacity: 1;
  }
}
@media screen and (min-width: 1024px) {
  .p-unitHeader__NavLink {
    font-weight: 700;
    line-height: 24px; /* 150% */
    letter-spacing: 0.64px;
  }
}

.p-unitHeader__NavInsta {
  margin-block: auto;
  display: block;
  width: 30px;
  aspect-ratio: 1;
}
@media (hover: hover) {
  .p-unitHeader__NavInsta:hover {
    background-image: linear-gradient(90deg, #d19652, #f2c48e);
  }
}

.p-unitHeader__Spacer {
  width: 100%;
  height: 56px;
}
@media screen and (min-width: 768px) {
  .p-unitHeader__Spacer {
    height: 0;
  }
}

.p-unitFooter {
  padding-top: 3.125rem;
  background-color: #131313;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .p-unitFooter {
    padding-top: 5rem;
    bottom: 5.125rem;
  }
}

.p-unitFooter-Container {
  margin-inline: auto;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 768px) {
  .p-unitFooter-Container {
    max-width: 1440px;
    padding-left: unset;
    padding-right: 1.875rem;
  }
}

.p-unitFooter__Layout {
  margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "FooterImage" "ShopTel" "ShopName" "ShopAdress" "ShopOpenTime" "ShopHoliday" "ButtonWrap" "ShopMap";
}
@media screen and (min-width: 768px) {
  .p-unitFooter__Layout {
    grid-template-columns: auto minmax(0, 800px);
    -moz-column-gap: clamp(1.25rem, 32.44vw + -14.3212rem, 14.875rem);
         column-gap: clamp(1.25rem, 32.44vw + -14.3212rem, 14.875rem);
    grid-template-areas: "FooterImage ShopName" "FooterImage ShopAdress" "FooterImage ShopTel" "FooterImage ShopMap" "FooterImage ShopOpenTime" "FooterImage ShopHoliday";
  }
}
@media screen and (min-width: 768px) {
  .p-unitFooter__Layout {
    align-items: center;
  }
}

.p-unitFooter__ImageWrap {
  grid-area: FooterImage;
  width: 10.8125rem;
  aspect-ratio: 2.2467532468;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-unitFooter__ImageWrap {
    width: clamp(18.75rem, 11.46vw + 13.2492rem, 23.5625rem);
    aspect-ratio: 1.2566666667;
  }
}

.p-unitFooter__ShopName {
  grid-area: ShopName;
  margin-top: 23px;
  margin-inline: auto;
  font-size: clamp(1rem, 1.19vw + 0.4288rem, 1.5rem);
  font-weight: 700;
  line-height: 1.5; /* 36px */
  letter-spacing: 0.64px;
}
@media screen and (min-width: 768px) {
  .p-unitFooter__ShopName {
    margin-top: unset;
    margin-inline: unset;
    letter-spacing: 1.68px;
  }
}

.p-unitFooter__OverviewArea {
  padding-right: clamp(0rem, 14.88vw + -7.1424rem, 6.25rem);
}
@media screen and (min-width: 1921px) {
  .p-unitFooter__OverviewArea {
    flex-basis: clamp(45rem, 50vw + 0rem, 60rem);
  }
}

.p-unitFooter__AddressWrap {
  grid-area: ShopAdress;
  margin-top: 0.6875rem;
  padding-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-unitFooter__AddressWrap {
    flex-basis: clamp(1.25rem, 1.46vw + -0.064rem, 1.6875rem);
    padding-left: unset;
  }
}

.p-unitFooter__Address {
  font-size: clamp(0.875rem, 0.89vw + 0.4478rem, 1.25rem);
  font-weight: 500;
  line-height: 1.5; /* 200% */
  letter-spacing: 1px;
  word-break: keep-all;
}
@media screen and (min-width: 768px) {
  .p-unitFooter__Address {
    flex-basis: clamp(1.25rem, 1.46vw + -0.064rem, 1.6875rem);
    letter-spacing: 2px;
  }
}
.p-unitFooter__Address:not(:first-child) {
  margin-top: 0.25rem;
}

.p-unitFooter__TelWrap {
  position: relative;
  margin-top: 1.125rem;
  margin-inline: auto;
  min-width: 15.3125rem;
  padding-bottom: 1.25rem;
}
.p-unitFooter__TelWrap::before {
  position: absolute;
  bottom: 9%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  content: "";
}
@media screen and (min-width: 768px) {
  .p-unitFooter__TelWrap {
    margin-top: 1.5rem;
    margin-inline: unset;
    margin-right: auto;
    padding-bottom: unset;
  }
  .p-unitFooter__TelWrap::before {
    content: unset;
  }
}

.p-unitFooter__TelNote {
  font-size: 12px;
  font-weight: 700;
  line-height: 24px; /* 200% */
  letter-spacing: 0.48px;
}
@media screen and (min-width: 768px) {
  .p-unitFooter__TelNote {
    padding-left: 40px;
    font-weight: bold;
  }
}

.p-unitFooter__TelNumber {
  position: relative;
  text-align: end;
  font-size: clamp(1.75rem, 0.6vw + 1.462rem, 2rem);
  letter-spacing: 1.12px;
  font-weight: 700;
  line-height: 1.2em; /* 75% */
}
.p-unitFooter__TelNumber::before {
  position: absolute;
  top: 45%;
  left: 0;
  transform: translateY(-50%);
  width: 1.5625rem;
  aspect-ratio: 1;
  background-image: url(../images/general/footer-tel.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 768px) {
  .p-unitFooter__TelNumber {
    margin-left: unset;
    padding-left: 2.5rem;
    line-height: 1.5em; /* 75% */
    letter-spacing: 0px;
  }
}

.p-unitFooter__ButtonWrap {
  grid-area: ShopMap;
  margin-top: 0.9375rem;
  display: flex;
  align-items: center;
  -moz-column-gap: clamp(1.25rem, 10.86vw + -3.9628rem, 5.8125rem);
       column-gap: clamp(1.25rem, 10.86vw + -3.9628rem, 5.8125rem);
}
@media screen and (min-width: 768px) {
  .p-unitFooter__ButtonWrap {
    margin-top: 0.875rem;
  }
}

.p-unitFooter__Button-Map {
  margin-top: 25px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-unitFooter__Button-Map {
    margin-top: unset;
    margin-inline: unset;
  }
}

.p-unitFooter__OpenDataWrap {
  grid-area: ShopHoliday;
  margin-top: 0.3125rem;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-unitFooter__OpenDataWrap {
    margin-top: 2.625rem;
  }
}

.p-unitFooter__OpenData {
  display: flex;
  font-size: clamp(0.875rem, 0.89vw + 0.4478rem, 1.25rem);
  gap: clamp(0.625rem, 7.44vw + -2.9462rem, 3.75rem);
  line-height: 1.5;
}
.p-unitFooter__OpenData:nth-child(2) {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-unitFooter__OpenData {
    padding-inline: unset;
  }
  .p-unitFooter__OpenData:nth-child(2) {
    margin-top: 1rem;
  }
}

.p-unitFooter__OpenData01 {
  width: 5.5rem;
}

.p-unitFooter__OpenData02 {
  flex-grow: 1;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-unitFooter__OpenData02 {
    text-align: center;
  }
}

.p-unitFooter__AreaCopyWrap {
  padding-block: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-unitFooter__AreaCopyWrap {
    padding-block: 2.8125rem 1.5625rem;
  }
}

.p-unitFooter__AreaCopy {
  margin-top: 42px;
  margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.28px;
}
@media screen and (min-width: 768px) {
  .p-unitFooter__AreaCopy {
    margin-top: unset;
  }
}

.p-unitSticky01 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  z-index: 1000;
}
@media screen and (min-width: 1024px) {
  .p-unitSticky01 {
    display: none;
  }
}

.p-unitSticky01__Inner {
  max-width: 25rem;
  margin-inline: auto;
  padding-block: 0.5rem 0.5625rem;
  padding-inline: 1.5625rem 1.4375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(3.125rem, 12.72vw + 0.14375rem, 6.25rem);
}

.p-unitSticky01__Notion {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.48px;
}

.p-unitSticky01__Tel {
  white-space: nowrap;
  padding-left: 1.625rem;
  font-size: 24px;
  font-weight: 700;
  line-height: 1; /* 100% */
  letter-spacing: 0.96px;
  position: relative;
}
.p-unitSticky01__Tel::before {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translate(-50%, -50%);
  width: 1rem;
  aspect-ratio: 1;
  -webkit-mask-image: url(../images/icon/tel.svg);
          mask-image: url(../images/icon/tel.svg);
  background-color: #ffffff;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  content: "";
}

.p-unitSticky01__MapWrap {
  display: block;
  margin-top: -6px;
  text-transform: uppercase;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.6px;
  position: relative;
}
.p-unitSticky01__MapWrap::before {
  position: absolute;
  top: 50%;
  left: -40%;
  transform: translate(-50%, -50%);
  width: 1.375rem;
  aspect-ratio: 1;
  -webkit-mask-image: url(../images/icon/map-point.svg);
          mask-image: url(../images/icon/map-point.svg);
  background-color: #ffffff;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  content: "";
}

.p-unitFooter__Insta {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-unitFooter__Insta {
    display: inline-block;
    width: 2.25rem;
    aspect-ratio: 1;
  }
}

.p-unitFooter__Spacer {
  width: 100%;
  height: 66px;
}

.p-unitSticky02 {
  background-color: #131313;
}
@media screen and (min-width: 768px) {
  .p-unitSticky02 {
    display: none;
  }
}

.p-unitSticky02__Inner {
  margin-inline: auto;
  max-width: 375px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 1rem;
}

.p-unitSticky02__ImageWrap {
  width: 5.1875rem;
  aspect-ratio: 1.2575757576;
}

.p-unitSticky02__Tel {
  margin-left: 4%;
  font-size: 20px;
  font-weight: 700;
  line-height: 48px; /* 240% */
  letter-spacing: 1px;
  position: relative;
}
.p-unitSticky02__Tel::before {
  position: absolute;
  top: 50%;
  left: -12%;
  transform: translate(-50%, -50%);
  width: 1.125rem;
  aspect-ratio: 1;
  -webkit-mask-image: url(../images/icon/tel.svg);
          mask-image: url(../images/icon/tel.svg);
  background-color: #ffffff;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  content: "";
}

.p-unitFooter__Insta2 {
  width: 2.25rem;
}

.p-unitSticky01 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  z-index: 1000;
}

.p-unitSticky01__Inner {
  max-width: 25rem;
  margin-inline: auto;
  padding-block: 0.5rem 0.5625rem;
  padding-inline: 1.5625rem 1.4375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(3.125rem, 12.72vw + 0.14375rem, 6.25rem);
}

.p-unitSticky01__Notion {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.48px;
}

.p-unitSticky01__Tel {
  white-space: nowrap;
  padding-left: 1.625rem;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.96px;
  position: relative;
}
.p-unitSticky01__Tel::before {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translate(-50%, -50%);
  width: 1rem;
  aspect-ratio: 1;
  -webkit-mask-image: url(../images/icon/tel.svg);
  mask-image: url(../images/icon/tel.svg);
  background-color: #fff;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  content: "";
}

.p-unitSticky01__MapWrap {
  display: block;
  margin-top: -6px;
  text-transform: uppercase;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.6px;
  position: relative;
}
.p-unitSticky01__MapWrap::before {
  position: absolute;
  top: 50%;
  left: -40%;
  transform: translate(-50%, -50%);
  width: 1.375rem;
  aspect-ratio: 1;
  -webkit-mask-image: url(../images/icon/map-point.svg);
  mask-image: url(../images/icon/map-point.svg);
  background-color: #fff;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  content: "";
}

.l-subHero {
  position: relative;
  width: 100%;
  background-size: cover;
  aspect-ratio: 1.25;
}
@media screen and (min-width: 768px) {
  .l-subHero {
    aspect-ratio: 3.6;
  }
}

.l-subHero-Events {
  background-size: cover;
  height: 56px;
}
@media screen and (min-width: 1024px) {
  .l-subHero-Events {
    height: 108px;
  }
}

.l-subHero__BgWrap {
  width: 100%;
  height: 100%;
}

.l-subHero__EyeCatch {
  /* メインコピー_ひな明_48 */
  font-family: "Hina Mincho";
  font-size: clamp(1.25rem, 4.17vw + -0.7516rem, 3rem);
  font-weight: 400;
  line-height: 1.5; /* 129.167% */
  letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
  .l-subHero__EyeCatch {
    font-size: clamp(2.125rem, 2.08vw + 1.1266rem, 3rem);
    line-height: 1.29167; /* 129.167% */
    letter-spacing: normal;
  }
}
@media screen and (min-width: 1441px) {
  .l-subHero__EyeCatch {
    font-size: 3.3333333333vw;
  }
}

.l-subHeroArea {
  width: 100%;
  aspect-ratio: 1.25;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .l-subHeroArea {
    aspect-ratio: 1.978021978;
  }
}

.l-subHeroImage {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.l-subView__EyeCatch {
  position: absolute;
  top: 66%;
  left: clamp(0.8125rem, 17.41vw + -7.5443rem, 8.125rem);
  font-family: "Hina Mincho";
  font-size: clamp(1.25rem, 4.17vw + -0.7516rem, 3rem);
  font-weight: 400;
  line-height: 1.5; /* 129.167% */
  letter-spacing: 2px;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media screen and (min-width: 768px) {
  .l-subView__EyeCatch {
    top: 77%;
    line-height: 1.2; /* 129.167% */
    letter-spacing: 0;
  }
}

/* ローディング画面 */
/* 初期状態：表示しておく（positionで全画面） */
#loading {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex; /* JSでは display を触らない */
  transition: opacity 1s;
  opacity: 1;
  visibility: visible;
  /* background-image: url(./assets/images/pages/front/loading.jpg); */
}

/* 非表示状態（JSでこのクラスを付ける） */
#loading.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.p-frontSpace {
  width: 100%;
  height: 56px;
}
@media screen and (min-width: 568px) {
  .p-frontSpace {
    height: 0;
  }
}

.p-frontMainView {
  overflow: hidden;
}

.p-frontMainView__Container {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-frontMainView__Container {
    aspect-ratio: 1.8;
    flex-direction: row;
  }
}

.p-frontMainView__Caption {
  position: absolute;
  top: 28%;
  left: 4.2666666667%;
  z-index: 5;
  font-family: "Hina Mincho";
  font-size: clamp(1.875rem, 2.68vw + 0.5886rem, 3rem);
  font-weight: 400;
  line-height: 1.4; /* 129.167% */
  letter-spacing: 0.005em;
}
@media screen and (min-width: 768px) {
  .p-frontMainView__Caption {
    top: 62.5%;
    left: 8.75%;
    font-size: clamp(2.125rem, 2.08vw + 1.1266rem, 3rem);
    font-weight: 400;
    line-height: 1.29167; /* 129.167% */
  }
}
@media screen and (min-width: 1441px) {
  .p-frontMainView__Caption {
    font-size: 3.3333333333vw;
  }
}
@media screen and (min-width: 1921px) {
  .p-frontMainView__Caption {
    font-size: 64;
  }
}

/* ====================================== //
// Set Swiper
// ====================================== */
.p-frontMainView__Left-SwiperWrap,
.p-frontMainView__Right-SwiperWrap {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-frontMainView__Left-SwiperWrap,
  .p-frontMainView__Right-SwiperWrap {
    width: 50%;
  }
}

/* ====================================== //
// Set Swiper
// ====================================== */
.p-frontMvSlidBlock {
  height: 100%;
  display: flex;
}

.p-frontMvSlide {
  position: relative;
  width: 100%;
  aspect-ratio: 1.1645962733;
  overflow: hidden;
}
@media screen and (min-width: 568px) {
  .p-frontMvSlide {
    aspect-ratio: 0.9;
  }
}

.p-frontMvSlide__ImageWrap {
  width: 100%;
  height: 100%;
}

.p-frontMvSlide__item-left,
.p-frontMvSlide__item-right {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.p-frontMvSlide__item-left.before img {
  position: relative;
  z-index: 2;
  animation-name: slide-before-left-sp;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  transition-timing-function: linear;
  -o-object-fit: cover;
     object-fit: cover; /* 下端を含めてトリミング */
  -o-object-position: bottom;
     object-position: bottom; /* 下端を基準に表示 */
}

.p-frontMvSlide__item-left.active img {
  position: relative;
  z-index: 3;
  animation-name: slide-left-sp;
  animation-duration: 3s;
  transition-timing-function: linear;
  -o-object-fit: cover;
     object-fit: cover; /* 下端を含めてトリミング */
  -o-object-position: bottom;
     object-position: bottom; /* 下端を基準に表示 */
}

.p-frontMvSlide__item-right.before img {
  position: relative;
  z-index: 2;
  animation-name: slide-before-right-sp;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  transition-timing-function: linear;
}

.p-frontMvSlide__item-right.active img {
  position: relative;
  z-index: 3;
  animation-name: slide-right-sp;
  animation-duration: 3s;
  transition-timing-function: linear;
}

@media screen and (min-width: 1000px) {
  .p-frontMvSlide__item-left.before img {
    animation-name: slide-before-left;
  }
  .p-frontMvSlide__item-left.active img {
    animation-name: slide-active-left;
  }
  .p-frontMvSlide__item-right.before img {
    animation-name: slide-before-right;
  }
  .p-frontMvSlide__item-right.active img {
    animation-name: slide-active-right;
  }
}
@keyframes slide-active-left {
  0% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
    transform: translateY(70px);
  }
  50% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    transform: translateY(30px);
  }
}
@keyframes slide-before-left {
  0% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(100px);
  }
}
@keyframes slide-left-sp {
  0% {
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    transform: translateX(-70px);
  }
  50% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    transform: translateX(0px);
  }
}
@keyframes slide-before-left-sp {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@keyframes slide-active-right {
  0% {
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    transform: translateY(70px);
  }
  50% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    transform: translateY(0px);
  }
}
@keyframes slide-before-right {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-30px);
  }
}
@keyframes slide-right-sp {
  0% {
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
    transform: translateX(70px);
  }
  50% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    transform: translateX(0px);
  }
}
@keyframes slide-before-right-sp {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-30px);
  }
}
.p-frontConcept {
  padding-block: 4.5625rem 3rem;
  background-image: url(../images/pages/front/concept-bg.png);
  background-color: #131313;
}
@media screen and (min-width: 768px) {
  .p-frontConcept {
    padding-block: clamp(7rem, 7.14vw + 3.5728rem, 10rem) clamp(4.375rem, 4.46vw + 2.2342rem, 6.25rem);
  }
}

.p-frontConcept__Container {
  margin-inline: auto;
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-frontConcept__Container {
    max-width: 72.5rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}
@media screen and (min-width: 768px) {
  .p-frontConcept__Container {
    max-width: 90rem;
    padding-inline: 0;
  }
}

.p-frontConcept__Caption {
  margin-top: clamp(2.25rem, 3.56vw + 1.415625rem, 3.125rem);
}
@media screen and (min-width: 768px) {
  .p-frontConcept__Caption {
    margin-top: clamp(3.9375rem, 4.02vw + 2.0079rem, 5.625rem);
    text-align: center;
  }
}

.p-frontConcept__Layout {
  width: 100%;
  display: grid;
  grid-template-areas: "Item01Wrap" "TextWrap" "Item03" "Item02";
}
@media screen and (min-width: 768px) {
  .p-frontConcept__Layout {
    margin-top: clamp(2.1875rem, 2.23vw + 1.1171rem, 3.125rem);
    padding-left: 0;
    grid-template-columns: 52.9166666667% 47.0833333333%;
    grid-template-rows: auto auto;
    grid-template-areas: "TextWrap Item01Wrap" "Item02 Item03";
    flex-direction: row;
  }
}

.p-frontConcept__TextWrap {
  grid-area: TextWrap;
  margin-top: clamp(1.125rem, 1.78vw + 0.7078125rem, 1.5625rem);
}
@media screen and (min-width: 768px) {
  .p-frontConcept__TextWrap {
    margin-top: unset;
    padding-bottom: 1.875rem;
    padding-left: clamp(1.875rem, 22.92vw + -9.1266rem, 11.5rem);
    padding-right: 3%;
  }
}

.p-frontConcept__Text {
  font-size: clamp(0.9375rem, 0.15vw + 0.8655rem, 1rem);
  font-weight: 500;
  line-height: 1.86667; /* 28px */
  letter-spacing: 2px;
  font-feature-settings: "palt";
}
.p-frontConcept__Text:not(:first-child) {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-frontConcept__Text {
    word-break: keep-all;
    overflow-wrap: anywhere;
    overflow-wrap: break-word;
    line-height: 2.5; /* 250% */
    letter-spacing: 2.5px;
  }
}

.p-frontConcept__Text-accent {
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.p-frontConcept__Item01 {
  grid-area: Item01Wrap;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-frontConcept__Item01 {
    margin-top: unset;
    align-self: center;
  }
}

.p-frontConcept__Image01Wrap {
  margin-left: calc(50% - 50vw);
  width: 90%;
  aspect-ratio: 1.5024390244;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-frontConcept__Image01Wrap {
    margin-left: unset;
    width: 100%;
    align-items: center;
    aspect-ratio: 1.369168357;
  }
}

.p-frontConcept__Item02 {
  margin-top: clamp(0.75rem, 1.27vw + 0.45234375rem, 1.0625rem);
  grid-area: Item02;
}
@media screen and (min-width: 768px) {
  .p-frontConcept__Item02 {
    margin-top: unset;
    padding-left: clamp(1.875rem, 22.92vw + -9.1266rem, 11.5rem);
  }
}

.p-frontConcept__Item02Area {
  margin-right: calc(50% - 50vw);
}
@media screen and (min-width: 768px) {
  .p-frontConcept__Item02Area {
    margin-left: unset;
    margin-right: unset;
  }
}

.p-frontConcept__Image02Wrap {
  margin-left: auto;
  width: 70%;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-frontConcept__Image02Wrap {
    margin-left: unset;
    margin-right: unset;
    width: 93.4256055363%;
    aspect-ratio: 1.5;
  }
}

.p-frontConcept__Item03 {
  grid-area: Item03;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-frontConcept__Item03 {
    margin-top: unset;
  }
}

.p-frontConcept__Image03Wrap {
  display: inline-block;
  margin-left: calc(50% - 50vw);
  width: 70%;
  aspect-ratio: 1.4906832298;
}
@media screen and (min-width: 768px) {
  .p-frontConcept__Image03Wrap {
    margin-top: clamp(4.375rem, 4.46vw + 2.2342rem, 6.25rem);
    margin-left: unset;
    width: 79.6460176991%;
    aspect-ratio: 1.4917127072;
  }
}

.p-frontConcept__ImageWrap {
  margin-left: calc(50% - 50vw);
  width: 20.875rem;
  aspect-ratio: 1.452173913;
}
@media screen and (min-width: 768px) {
  .p-frontConcept__ImageWrap {
    margin-left: calc(51% - 50vw);
    width: 640px;
    aspect-ratio: 1.4611872146;
    padding-right: unset;
  }
}
@media screen and (min-width: 1281px) {
  .p-frontConcept__ImageWrap {
    margin-left: unset;
    margin-right: 20px;
  }
}

.p-frontConcept__Image {
  width: 100%;
  height: 100%;
  border-radius: 0 20px 20px 0;
}
@media screen and (min-width: 768px) {
  .p-frontConcept__Image {
    border-radius: 0 10px 10px 0;
  }
}

.p-frontConcept__NoteBlock {
  flex-basis: 408px;
}

.p-frontConcept__Headline02-None {
  margin-top: clamp(1.125rem, 1.34vw + 0.4818rem, 1.6875rem);
}

.p-frontConcept__Writting {
  margin-top: 28px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
}
@media screen and (min-width: 768px) {
  .p-frontConcept__Writting {
    margin-top: 36px;
  }
}

.p-frontConcept__Button {
  margin-top: 36px;
  display: block;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-frontConcept__Button {
    margin-inline: unset;
  }
}

.p-frontEnomathic {
  padding-block: clamp(2.8125rem, 4.58vw + 1.7390625rem, 3.9375rem) clamp(3.125rem, 5.09vw + 1.93203125rem, 4.375rem);
  background-color: #131313;
}
@media screen and (min-width: 768px) {
  .p-frontEnomathic {
    padding-block: clamp(6.5625rem, 6.7vw + 3.3465rem, 9.375rem) 0;
  }
}

.p-frontEnomathic__Container {
  margin-inline: auto;
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-frontEnomathic__Container {
    max-width: 72.5rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}
@media screen and (min-width: 768px) {
  .p-frontEnomathic__Container {
    max-width: 90rem;
    padding-inline: 0;
  }
}

.p-frontEnomathic__Layout {
  margin-top: clamp(2rem, 3.31vw + 1.22421875rem, 2.8125rem);
  display: grid;
  width: 100%;
  grid-template-areas: "EnomaticTextWrap" "EnomaticImageArea" "EnomaticButtonWrap";
}
@media screen and (min-width: 768px) {
  .p-frontEnomathic__Layout {
    margin-top: clamp(3.0625rem, 3.13vw + 1.5601rem, 4.375rem);
    width: unset;
    grid-template-columns: 59.3055555556% 40.6944444444%;
    grid-template-rows: 1fr auto;
    grid-template-areas: "EnomaticTextWrap EnomaticImageArea" "EnomaticButtonWrap EnomaticImageArea";
  }
}

.p-frontEnomathic__TextWrap {
  grid-area: EnomaticTextWrap;
}
@media screen and (min-width: 768px) {
  .p-frontEnomathic__TextWrap {
    width: 100%;
    padding-left: clamp(1.875rem, 22.92vw + -9.1266rem, 11.5rem);
    padding-right: clamp(1.875rem, 4.46vw + -0.2658rem, 3.75rem);
  }
}

.p-frontEnomathic__Caption {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5; /* 30px */
  letter-spacing: 2px;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 768px) {
  .p-frontEnomathic__Caption {
    margin-top: 27px;
    font-size: 35px;
    line-height: 1.37143; /* 137.143% */
    letter-spacing: 3.5px;
  }
}

.p-frontEnomathic__Text {
  margin-top: 18px;
  margin-left: 4px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.86667; /* 186.667% */
  letter-spacing: 1.05px;
}
@media screen and (min-width: 768px) {
  .p-frontEnomathic__Text {
    margin-top: 50px;
    margin-left: unset;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.5; /* 250% */
    letter-spacing: 1.6px;
  }
}

.p-frontEnomathic__TextAccess {
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 768px) {
  .p-frontEnomathic__TextAccess {
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 2px;
  }
}

.p-frontEnomathic__ImageArea {
  grid-area: EnomaticImageArea;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-frontEnomathic__ImageArea {
    margin-top: unset;
  }
}

.p-frontEnomathic__ImageWrap {
  display: block;
  margin-right: calc(50% - 50vw);
  margin-left: auto;
  width: 72%;
  aspect-ratio: 1.0378151261;
}
@media screen and (min-width: 768px) {
  .p-frontEnomathic__ImageWrap {
    margin-right: auto;
    width: 100%;
    aspect-ratio: 1.0371681416;
  }
}

.p-frontEnomathic__ButtonWrap {
  grid-area: EnomaticButtonWrap;
  margin-top: 1.75rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-frontEnomathic__ButtonWrap {
    margin-top: clamp(3.0625rem, 3.13vw + 1.5601rem, 4.375rem);
    margin-bottom: clamp(4.0625rem, 4.17vw + 2.0609rem, 5.8125rem);
    margin-inline: unset;
    padding-left: clamp(1.875rem, 22.92vw + -9.1266rem, 11.5rem);
  }
}

.p-frontDarts {
  background-color: #313131;
  padding-block: clamp(3.875rem, 6.36vw + 2.384375rem, 5.4375rem) 0;
}
@media screen and (min-width: 768px) {
  .p-frontDarts {
    padding-block: clamp(6.75rem, 6.85vw + 3.462rem, 9.625rem) 0;
  }
}

.p-frontDarts__Container {
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-frontDarts__Container {
    max-width: 93.75rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}
@media screen and (min-width: 768px) {
  .p-frontDarts__Container {
    max-width: 90rem;
    padding-inline: 0;
  }
}

.p-frontDarts__Layout {
  margin-top: clamp(1.75rem, 2.8vw + 1.09375rem, 2.4375rem);
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-template-areas: "dartsTextWrap" "dartsImage01" "dartsButton";
}
@media screen and (min-width: 768px) {
  .p-frontDarts__Layout {
    margin-top: clamp(3.3125rem, 3.27vw + 1.7429rem, 4.6875rem);
    -moz-column-gap: clamp(3.9375rem, 4.02vw + 2.0079rem, 5.625rem);
         column-gap: clamp(3.9375rem, 4.02vw + 2.0079rem, 5.625rem);
    row-gap: clamp(1.25rem, 6.85vw + -2.038rem, 4.125rem);
    grid-template-columns: 46.5277777778% auto;
    grid-template-rows: auto;
    grid-template-areas: "dartsImage01 dartsTextWrap" "dartsImage01 dartsButton";
  }
}

.p-frontDarts__ImageArea {
  grid-area: dartsImage01;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-frontDarts__ImageArea {
    margin-top: unset;
  }
}

.p-frontDarts__ImageWrap {
  aspect-ratio: 1.5;
  margin-inline: calc(50% - 50vw);
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-frontDarts__ImageWrap {
    aspect-ratio: 1.3979166667;
    margin-inline: unset;
  }
}

.p-frontDarts__TextWrap {
  grid-area: dartsTextWrap;
}
@media screen and (min-width: 768px) {
  .p-frontDarts__TextWrap {
    margin-top: clamp(0rem, 2.98vw + -1.4304rem, 1.25rem);
  }
}

.p-frontDarts__Caption {
  font-size: clamp(1.25rem, 2.23vw + 0.1796rem, 2.1875rem);
  font-weight: 400;
  line-height: 1.5; /* 137.143% */
  letter-spacing: 2px;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 768px) {
  .p-frontDarts__Caption {
    letter-spacing: 3.5px;
  }
}

.p-frontDarts__Text {
  margin-top: clamp(1.25rem, 2.04vw + 0.771875rem, 1.75rem);
  font-size: clamp(0.9375rem, 0.15vw + 0.8655rem, 1rem);
}
@media screen and (min-width: 768px) {
  .p-frontDarts__Text {
    margin-top: clamp(1.25rem, 4.46vw + -0.8908rem, 3.125rem);
  }
}

.p-frontDarts__ButtonWrap {
  grid-area: dartsButton;
  padding-bottom: clamp(3.125rem, 5.09vw + 1.93203125rem, 4.375rem);
}
@media screen and (min-width: 768px) {
  .p-frontDarts__ButtonWrap {
    padding-bottom: clamp(1.25rem, 11.9vw + -4.462rem, 6.25rem);
  }
}

.p-frontDarts__Button {
  margin-top: 1.5625rem;
  margin-inline: auto;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-frontDarts__Button {
    margin-top: unset;
    margin-inline: unset;
  }
}

.p-frontBeginner {
  background-color: #131313;
  padding-block: clamp(3.875rem, 6.36vw + 2.384375rem, 5.4375rem) clamp(1.5625rem, 2.54vw + 0.9671875rem, 2.1875rem);
}
@media screen and (min-width: 768px) {
  .p-frontBeginner {
    padding-block: clamp(7.1875rem, 7.44vw + 3.6163rem, 10.3125rem) clamp(4.375rem, 4.46vw + 2.2342rem, 6.25rem);
  }
}

.p-frontBeginner__Container {
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-frontBeginner__Container {
    max-width: 60rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}

.p-frontBeginner__Layout {
  margin-top: clamp(2.1875rem, 3.56vw + 1.353125rem, 3.0625rem);
}
@media screen and (min-width: 768px) {
  .p-frontBeginner__Layout {
    margin-top: clamp(2.1875rem, 2.23vw + 1.1171rem, 3.125rem);
  }
}

.p-frontBeginner__Caption {
  margin-top: clamp(2.75rem, 4.58vw + 1.6765625rem, 3.875rem);
  text-align: center;
  font-size: clamp(0.875rem, 0.89vw + 0.4478rem, 1.25rem);
  font-weight: 500;
  line-height: 2; /* 200% */
  letter-spacing: 0.98px;
}
@media screen and (min-width: 768px) {
  .p-frontBeginner__Caption {
    margin-top: clamp(4.25rem, 4.32vw + 2.1764rem, 6.0625rem);
    letter-spacing: 2px;
  }
}

.p-frontBeginner__Details:not(:first-child) {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .p-frontBeginner__Details:not(:first-child) {
    margin-top: 3.25rem;
  }
}

.p-frontBeginner__SummaryWrap {
  position: relative;
  min-height: 55px;
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid #ffffff;
  padding-top: 0.375rem;
  padding-bottom: clamp(0.5rem, 0vw + 0.5rem, 0.5rem);
  padding-left: clamp(3.875rem, 3.42vw + 2.2334rem, 5.3125rem);
  background-color: #404040;
}
.p-frontBeginner__SummaryWrap::before {
  position: absolute;
  top: 45%;
  left: 3.5%;
  transform: translateY(-50%);
  content: "Q.";
  font-family: "Dancing Script";
  font-size: 40px;
  font-weight: 400;
  line-height: 48px; /* 120% */
  letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
  .p-frontBeginner__SummaryWrap {
    padding-block: 1.375rem 1.25rem;
    padding-left: clamp(3.875rem, 3.42vw + 2.2334rem, 5.3125rem);
  }
  .p-frontBeginner__SummaryWrap::before {
    top: 51%;
    left: 4.5%;
  }
}

.p-frontBeginner__Summary {
  font-size: clamp(0.9375rem, 0.74vw + 0.5823rem, 1.25rem);
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 1.05px;
}
@media screen and (min-width: 768px) {
  .p-frontBeginner__Summary {
    line-height: 1.5;
    letter-spacing: 2px;
  }
}

.p-frontBeginner__Notes {
  position: relative;
  background-color: #ffffff;
  padding-block: 0.75rem;
  padding-inline: 5rem 0.625rem;
  color: #131313;
}
.p-frontBeginner__Notes::before {
  position: absolute;
  top: 51%;
  left: 4.5%;
  transform: translateY(-50%);
  content: "A.";
  font-family: "Dancing Script";
  font-size: 40px;
  font-weight: 400;
  line-height: 48px; /* 120% */
  letter-spacing: 2px;
}

.p-frontBeginner__CheersWrap {
  width: 100%;
  aspect-ratio: 2.6408450704;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-frontBeginner__CheersWrap {
    aspect-ratio: 3.0769230769;
  }
}

.p-frontBeginner__Cheers {
  width: 100%;
  height: 180%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/pages/front/cheers-sp.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  will-change: transform;
}
@supports (background-image: url("../images/pages/front/cheers-sp.webp")) {
  .p-frontBeginner__Cheers {
    background-image: url("../images/pages/front/cheers-sp.webp");
  }
}
.p-frontBeginner__Cheers {
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-frontBeginner__Cheers {
    background-image: url("../images/pages/front/cheers-pc.jpg");
    background-position: bottom center;
  }
  @supports (background-image: url("../images/pages/front/cheers-pc.webp")) {
    .p-frontBeginner__Cheers {
      background-image: url("../images/pages/front/cheers-pc.webp");
    }
  }
}

.p-frontNews {
  padding-block: clamp(4rem, 6.62vw + 2.4484375rem, 5.625rem) clamp(2.9375rem, 4.83vw + 1.80546875rem, 4.125rem);
  background-image: url(../images/pages/front/news-bg.jpg);
}
@media screen and (min-width: 768px) {
  .p-frontNews {
    padding-block: clamp(6.75rem, 6.85vw + 3.462rem, 9.625rem) clamp(4.375rem, 4.46vw + 2.2342rem, 6.25rem);
  }
}

.p-frontNews__Container {
  padding-inline: 7.4666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-frontNews__Container {
    max-width: 69.5rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}

.p-frontNews__PostList {
  margin-top: 2.0625rem;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.25rem, 2.04vw + 0.771875rem, 1.75rem);
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-frontNews__PostList {
    margin-top: 6.25rem;
    max-width: 42.875rem;
    justify-content: unset;
    gap: 2.875rem;
  }
}
@media screen and (min-width: 1120px) {
  .p-frontNews__PostList {
    max-width: unset;
    justify-content: center;
  }
}

.p-frontNews__PostList > li.c-card-news:nth-child(3) {
  justify-self: flex-start;
}

.p-frontNews__link-news,
.p-frontNews__link-events {
  position: relative;
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 34px;
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5; /* 231.25% */
  letter-spacing: 3.52px;
  transition: 0.3s color;
}
.p-frontNews__link-news::before,
.p-frontNews__link-events::before {
  position: absolute;
  top: 50%;
  right: -8px;
  transform: translateY(-50%);
  width: 1.875rem;
  aspect-ratio: 3.9230769231;
  background-color: #ffffff;
  -webkit-mask-image: url(../images/icon/news-arrow.svg);
          mask-image: url(../images/icon/news-arrow.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  content: "";
}
@media (hover: hover) {
  .p-frontNews__link-news:hover,
  .p-frontNews__link-events:hover {
    color: #d59347;
  }
  .p-frontNews__link-news:hover::before,
  .p-frontNews__link-events:hover::before {
    background-color: #d59347;
  }
}

.p-frontNews__link-events {
  margin-top: 1.875rem;
}

.p-frontNews__link-news {
  margin-top: 1.25rem;
}

.p-frontGallary {
  background-color: #131313;
  padding-block: clamp(3.875rem, 6.36vw + 2.384375rem, 5.4375rem) clamp(3.125rem, 5.09vw + 1.93203125rem, 4.375rem);
}
@media screen and (min-width: 768px) {
  .p-frontGallary {
    padding-block: clamp(6.8125rem, 6.99vw + 3.4573rem, 9.75rem) clamp(3.8125rem, 3.87vw + 1.9549rem, 5.4375rem);
  }
}

.p-frontGallary__Container {
  width: min(f-rem-contentsWrap-basedMargin(150px), 100%);
}

.p-frontGallary__SlideshowBig {
  position: relative;
  margin-top: clamp(2rem, 3.31vw + 1.22421875rem, 2.8125rem);
  width: 100%;
  aspect-ratio: 1.932885906;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-frontGallary__SlideshowBig {
    margin-top: clamp(4.3125rem, 4.32vw + 2.2389rem, 6.125rem);
  }
}

.p-frontGallary__SlideBig {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: scale 0.6s ease;
}

.p-frontGallary__SlideSmallWrap {
  margin-top: clamp(0.9375rem, 1.53vw + 0.57890625rem, 1.3125rem);
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-frontGallary__SlideSmallWrap {
    margin-top: clamp(1.6875rem, 1.64vw + 0.9003rem, 2.375rem);
  }
}

.p-frontGallary__SlideSmallList {
  display: flex;
  width: auto;
}

.p-frontGallary__SlideSmall {
  margin-left: 24px;
  flex: 0 0 198px;
  aspect-ratio: 1.2375;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-frontGallary__SlideSmall {
    flex: 0 0 435px;
    aspect-ratio: 1.2428571429;
  }
}

.p-frontGallary__Button {
  margin-top: clamp(1.6875rem, 2.8vw + 1.03125rem, 2.375rem);
  display: block;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-frontGallary__Button {
    margin-top: clamp(1.6875rem, 1.64vw + 0.9003rem, 2.375rem);
  }
}

.pn-404LayoutWrap {
  display: grid;
  place-items: center;
  background-color: #131313;
  height: 80vh;
}

.pn-404Layout {
  height: 50vh;
  display: grid;
  place-content: center;
  gap: clamp(1.5625rem, 2.54vw + 0.9671875rem, 2.1875rem);
}
@media screen and (max-width: 768px) {
  .pn-404Layout {
    gap: clamp(2.625rem, 2.68vw + 1.3386rem, 3.75rem);
    height: 80vh;
    flex-direction: column;
  }
}

.pn-404Layout__BlockBooks {
  max-width: 440px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .pn-404Layout__BlockBooks {
    flex: none;
  }
}

.pn-404Layout__BlockImage {
  width: clamp(20rem, 32.57vw + 12.36640625rem, 28rem);
}
@media screen and (max-width: 768px) {
  .pn-404Layout__BlockImage {
    width: clamp(17.5rem, 17.86vw + 8.9272rem, 25rem);
    max-width: 375px;
    width: 100%;
  }
}

.pn-404Layout__AreaImage {
  aspect-ratio: 1/1;
  margin-inline: auto;
}

.pn-404BlockBooks__Book {
  margin-top: 20px;
  max-width: 400px;
  margin-inline: auto;
}

.pn-404BlockBooks__AreaButton {
  margin-top: 30px;
  width: 100%;
  margin-inline: auto;
  display: flex;
  gap: clamp(1.25rem, 2.04vw + 0.771875rem, 1.75rem);
}
@media screen and (max-width: 768px) {
  .pn-404BlockBooks__AreaButton {
    flex-direction: column;
    align-items: center;
    gap: clamp(1.75rem, 1.79vw + 0.8908rem, 2.5rem);
  }
}

.pn-404__Code {
  font-size: clamp(3.125rem, 5.09vw + 1.93203125rem, 4.375rem);
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .pn-404__Code {
    font-size: clamp(5.25rem, 5.36vw + 2.6772rem, 7.5rem);
  }
}

.p-fixedDarts__EyeCatchWrap {
  position: absolute;
  top: 65%;
  left: 4%;
}
@media screen and (min-width: 768px) {
  .p-fixedDarts__EyeCatchWrap {
    top: 73%;
    left: 6%;
  }
}

.p-fixedDarts__EyeCatch {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .p-fixedDarts__EyeCatch {
    padding-block: 1.3125rem 1.625rem;
    padding-inline: 2.625rem 0.5rem;
  }
}

.p-fixedDartsAbout {
  clip-path: inset(0);
  padding-bottom: clamp(0rem, 18.15vw + -8.712rem, 7.625rem);
  background-color: #313131;
  color: #ffffff;
  position: relative;
}

.p-fixedDartsAbout__Bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
  width: 100%;
  height: 100vh;
  background-image: url(../images/pages/sub/darts/darts-about-bg-pc.webp);
  background-color: #313131;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom left;
}

.p-fixedDartsAbout__Bg.is-BgFixed {
  position: fixed;
  bottom: 0;
  left: 50%;
}

.p-fixedDartsAbout__Container {
  margin-inline: auto;
  padding-inline: 1rem;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsAbout__Container {
    max-width: 90rem;
    padding-inline: unset;
  }
}

.p-fixedDartsAbout__Headline02Wrap {
  margin-inline: auto;
  text-align: center;
}

.p-fixedDartsAbout__Body {
  margin-top: clamp(2.1875rem, 5.92vw + 0.8rem, 6.125rem);
}
@media screen and (min-width: 768px) {
  .p-fixedDartsAbout__Body {
    padding-left: clamp(1.875rem, 22.92vw + -9.1266rem, 11.5rem);
  }
}

.p-fixedDartsAbout__Layout {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
  grid-template-areas: "Item01" "Item03" "Item02";
}
@media screen and (min-width: 768px) {
  .p-fixedDartsAbout__Layout {
    grid-template-columns: 1fr clamp(12.5rem, 59.08vw + -15.8584rem, 37.3125rem);
    grid-template-rows: repeat(2, auto);
    -moz-column-gap: clamp(1.875rem, 13.24vw + -4.4802rem, 7.4375rem);
         column-gap: clamp(1.875rem, 13.24vw + -4.4802rem, 7.4375rem);
    grid-template-areas: "Item01  Item02 " "Item03  Item03";
  }
}
@media screen and (min-width: 1441) {
  .p-fixedDartsAbout__Layout {
    max-width: 90.0625rem;
    margin-inline: auto;
  }
}

.p-fixedDartsAbout__OriginWrap {
  grid-area: Item01;
  width: 100%;
}

.p-fixedDartsAbout__OriginText {
  margin-top: clamp(1.25rem, 0.94vw + 1.0296875rem, 1.875rem);
  font-weight: 500;
  line-height: 2em; /* 200% */
  letter-spacing: 0.9px;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsAbout__OriginText {
    line-height: 2.5em; /* 250% */
    letter-spacing: 2.6px;
  }
}

.p-fixedDartsAbout__ImageWrap {
  margin-top: 1.5625rem;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  grid-area: Item02;
  aspect-ratio: 1.286637931;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsAbout__ImageWrap {
    margin-top: 0;
    margin-left: unset;
    margin-right: unset;
  }
}

.p-fixedDartsAbout__GameTextWrap {
  grid-area: Item03;
  margin-top: clamp(2.5rem, 2.82vw + 1.8390625rem, 4.375rem);
  margin-left: auto;
  max-width: 49rem;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsAbout__GameTextWrap {
    margin-right: clamp(1.875rem, 12.8vw + -4.269rem, 7.25rem);
  }
}

.p-fixedDartsAbout__Lower {
  margin-top: 4.375rem;
  margin-left: auto;
}

.p-fixedDartsAbout__LowerCaption {
  margin-top: clamp(1.25rem, 0.94vw + 1.0296875rem, 1.875rem);
  font-weight: 500;
}

.p-fixedDartsAbout__Lowerheadline04 {
  padding-left: 6.3125rem;
  position: relative;
}
.p-fixedDartsAbout__Lowerheadline04::after {
  position: absolute;
  top: 50%;
  left: 32.5px;
  transform: translate(-50%, -50%);
  width: 4.0625rem;
  aspect-ratio: 1;
  background-color: #ffffff;
  -webkit-mask-image: url(../images/pages/sub/darts/darts-game-icon.svg);
          mask-image: url(../images/pages/sub/darts/darts-game-icon.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  content: "";
}

.p-fixedDartsAbout-List {
  margin-top: clamp(1rem, 7.74vw + -2.7152rem, 4.25rem);
  max-width: 44.125rem;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsAbout-List {
    flex-direction: column-reverse;
  }
}

.p-fixedDartsAbout-Item {
  padding-top: clamp(1.0625rem, 6.1vw + -1.8655rem, 3.625rem);
  padding-bottom: clamp(0.9375rem, 4.46vw + -1.2033rem, 2.8125rem);
  position: relative;
}
.p-fixedDartsAbout-Item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.p-fixedDartsAbout-Item:nth-of-type(2) {
  padding-bottom: clamp(1rem, 4.46vw + -1.1408rem, 2.875rem);
}
.p-fixedDartsAbout-Item:nth-of-type(2)::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.p-fixedDartsAbout__GameText {
  font-weight: 500;
  line-height: 2em; /* 200% */
  letter-spacing: 0.98px;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsAbout__GameText {
    margin-top: 10px;
    padding-right: 150px;
    line-height: 2.5em; /* 250% */
    letter-spacing: 1.6px;
  }
}

.p-fixedDartsAllure {
  background-color: #131313;
  padding-bottom: clamp(4.125rem, 5.06vw + 1.6962rem, 6.25rem);
}

.p-fixedDartsAllure__Container {
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsAllure__Container {
    max-width: 72.625rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}

.p-fixedDartsAllure__Caption {
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: clamp(1.25rem, 1.13vw + 0.98515625rem, 2rem);
  font-weight: 400;
  line-height: 1.5em; /* 30px */
  letter-spacing: 2px;
}
@media screen and (min-width: 1080px) {
  .p-fixedDartsAllure__Caption {
    text-align: center;
    font-weight: 700;
    letter-spacing: 1.6px;
  }
}

.p-fixedDartsAllure__Body {
  margin-top: clamp(2.625rem, 5.26vw + 1.3921875rem, 6.125rem);
}

.p-fixedDartsAllure__List {
  margin-top: clamp(1.125rem, 1.78vw + 0.7078125rem, 1.5625rem);
}
@media screen and (min-width: 1080px) {
  .p-fixedDartsAllure__List {
    margin-top: clamp(4.125rem, 4.17vw + 2.1234rem, 5.875rem);
  }
}

.p-fixedDartsAllure__Item {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: relative;
  padding-top: 3.4375rem;
  padding-bottom: clamp(11.5625rem, 54.71vw + -1.26015625rem, 25rem);
  position: relative;
}
.p-fixedDartsAllure__Item:not(:first-child) {
  margin-top: 3.125rem;
  padding-top: 3.375rem;
}
@media screen and (min-width: 1080px) {
  .p-fixedDartsAllure__Item {
    margin-right: unset;
    margin-left: unset;
    padding-top: 2.625rem;
    padding-bottom: 0;
  }
  .p-fixedDartsAllure__Item:nth-child(2) {
    margin-top: 3.875rem;
    padding-top: 2.8125rem;
  }
  .p-fixedDartsAllure__Item:nth-child(3) {
    margin-top: 7.5rem;
    padding-top: 2.8125rem;
  }
  .p-fixedDartsAllure__Item:nth-child(4) {
    margin-top: 3.75rem;
    padding-top: 2.8125rem;
  }
}

.p-fixedDartsAllure__WrittingBlock-01,
.p-fixedDartsAllure__WrittingBlock-02,
.p-fixedDartsAllure__WrittingBlock-03,
.p-fixedDartsAllure__WrittingBlock-04 {
  background-color: #313131;
  padding-top: 1.25rem;
  padding-bottom: 2.25rem;
}
@media screen and (min-width: 1080px) {
  .p-fixedDartsAllure__WrittingBlock-01,
  .p-fixedDartsAllure__WrittingBlock-02,
  .p-fixedDartsAllure__WrittingBlock-03,
  .p-fixedDartsAllure__WrittingBlock-04 {
    max-width: 78%;
    min-height: 20rem;
    padding-top: 1.6875rem;
    padding-bottom: unset;
    display: flex;
    align-items: center;
  }
}

.p-fixedDartsAllure__WrittingBlock-01,
.p-fixedDartsAllure__WrittingBlock-03 {
  margin-right: 1.3125rem;
  padding-left: 19%;
}
@media screen and (min-width: 1080px) {
  .p-fixedDartsAllure__WrittingBlock-01,
  .p-fixedDartsAllure__WrittingBlock-03 {
    margin-left: auto;
    margin-right: unset;
    padding-left: unset;
  }
}

.p-fixedDartsAllure__WrittingBlock-02,
.p-fixedDartsAllure__WrittingBlock-04 {
  margin-left: 1.3125rem;
  padding-left: 14%;
}
@media screen and (min-width: 1080px) {
  .p-fixedDartsAllure__WrittingBlock-02,
  .p-fixedDartsAllure__WrittingBlock-04 {
    margin-left: unset;
    padding-left: unset;
  }
}

.p-fixedDartsAllure__WrittingWrap-01,
.p-fixedDartsAllure__WrittingWrap-02,
.p-fixedDartsAllure__WrittingWrap-03,
.p-fixedDartsAllure__WrittingWrap-04 {
  display: contents;
}
@media screen and (min-width: 1080px) {
  .p-fixedDartsAllure__WrittingWrap-01,
  .p-fixedDartsAllure__WrittingWrap-02,
  .p-fixedDartsAllure__WrittingWrap-03,
  .p-fixedDartsAllure__WrittingWrap-04 {
    max-width: 30.6875rem;
    display: flex;
    -moz-column-gap: clamp(1.25rem, 5.36vw + -1.3228rem, 3.5rem);
         column-gap: clamp(1.25rem, 5.36vw + -1.3228rem, 3.5rem);
  }
}

.p-fixedDartsAllure__WrittingWrap-01,
.p-fixedDartsAllure__WrittingWrap-03 {
  margin-left: auto;
  margin-right: 3.875rem;
}

@media screen and (min-width: 768px) {
  .p-fixedDartsAllure__WrittingWrap-01 {
    margin-top: -1.875rem;
    margin-right: 3.875rem;
  }
}

@media screen and (min-width: 768px) {
  .p-fixedDartsAllure__WrittingWrap-03 {
    margin-top: -1.875rem;
    margin-right: 4.25rem;
  }
}

.p-fixedDartsAllure__WrittingWrap-02,
.p-fixedDartsAllure__WrittingWrap-04 {
  margin-left: 4.6875rem;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-fixedDartsAllure__WrittingWrap-04 {
    margin-left: 4.6875rem;
    margin-right: auto;
  }
}

.p-fixedDartsAllure__Number {
  position: absolute;
  top: 0;
  left: 5%;
  font-family: "Dancing Script";
  font-size: 70px;
  font-weight: 400;
  line-height: 1em; /* 68.571% */
  letter-spacing: 3.5px;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 1080px) {
  .p-fixedDartsAllure__Number {
    margin-top: -0.8125rem;
    position: relative;
    top: 0;
    left: unset;
  }
}

.p-fixedDartsAllure__Title {
  font-size: clamp(1rem, 0.75vw + 0.82421875rem, 1.5rem);
  font-weight: 500;
  line-height: 1.5em; /* 175% */
  letter-spacing: 1.12px;
}
@media screen and (min-width: 1080px) {
  .p-fixedDartsAllure__Title {
    font-weight: 700;
    letter-spacing: 0.96px;
  }
}

.p-fixedDartsAllure__Text {
  margin-top: 0.5625rem;
  font-size: clamp(0.875rem, 0.56vw + 0.74375rem, 1.25rem);
  font-weight: 500;
  line-height: 1.4587em; /* 142.857% */
  letter-spacing: 0.98px;
}
@media screen and (min-width: 1080px) {
  .p-fixedDartsAllure__Text {
    margin-top: 2.25rem;
    font-weight: 500;
    line-height: 2em; /* 200% */
    letter-spacing: 2px;
  }
}

.p-fixedDartsAllure__ImageWrap-01,
.p-fixedDartsAllure__ImageWrap-02,
.p-fixedDartsAllure__ImageWrap-03,
.p-fixedDartsAllure__ImageWrap-04 {
  position: absolute;
  bottom: 0;
  width: 80%;
  aspect-ratio: 1.5;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsAllure__ImageWrap-01,
  .p-fixedDartsAllure__ImageWrap-02,
  .p-fixedDartsAllure__ImageWrap-03,
  .p-fixedDartsAllure__ImageWrap-04 {
    width: 54%;
    aspect-ratio: 1.4285714286;
  }
}
@media screen and (min-width: 1080px) {
  .p-fixedDartsAllure__ImageWrap-01,
  .p-fixedDartsAllure__ImageWrap-02,
  .p-fixedDartsAllure__ImageWrap-03,
  .p-fixedDartsAllure__ImageWrap-04 {
    top: 0;
    bottom: unset;
    width: 43%;
  }
}

.p-fixedDartsAllure__ImageWrap-01,
.p-fixedDartsAllure__ImageWrap-03 {
  right: 0;
}
@media screen and (min-width: 1080px) {
  .p-fixedDartsAllure__ImageWrap-01,
  .p-fixedDartsAllure__ImageWrap-03 {
    left: 0;
    right: unset;
  }
}

.p-fixedDartsAllure__ImageWrap-02,
.p-fixedDartsAllure__ImageWrap-04 {
  left: 0;
}
@media screen and (min-width: 1080px) {
  .p-fixedDartsAllure__ImageWrap-02,
  .p-fixedDartsAllure__ImageWrap-04 {
    left: unset;
    right: 0;
  }
}

.p-fixedDartsAfterAllure__ImageBlock {
  position: relative;
  z-index: -1;
  width: 100%;
  aspect-ratio: 1.6163793103;
  background-color: #131313;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsAfterAllure__ImageBlock {
    aspect-ratio: 1.9072847682;
  }
}

.p-fixedDartsAfterAllure__ImageWrap {
  position: absolute;
  z-index: -1;
  background-image: url("../images/pages/sub/darts/darts-allure-after-pc.jpg");
  background-repeat: no-repeat;
  background-size: 700px auto;
  background-position: top;
}

.p-fixedDartsAfterAllure__ImageWrap.is-BgFixed {
  position: fixed;
  top: 56px;
}
@media screen and (min-width: 1024px) {
  .p-fixedDartsAfterAllure__ImageWrap.is-BgFixed {
    top: 108px;
  }
}

.p-fixedDartsHowTo {
  overflow-x: hidden;
  margin-inline: auto;
  background-image: url(../images/pages/sub/darts/darts-howto-bg-pc.jpg);
}

.p-fixedDartsHowTo__Container {
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsHowTo__Container {
    max-width: 71.25rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}

.p-fixedDartsHowTo__Body {
  margin-top: clamp(2.1875rem, 4.23vw + 1.19609375rem, 5rem);
  margin-right: calc(50% - 50vw);
}

.p-fixedDartsHowTo__layout {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsHowTo__layout {
    padding-left: 0.25rem;
    flex-direction: row;
    align-items: flex-start;
    gap: 1.875rem;
  }
}

@media screen and (min-width: 768px) {
  .p-fixedDartsHowTo__List {
    margin-top: 1.25rem;
  }
}

.p-fixedDartsHowTo__Item:not(:first-child) {
  margin-top: clamp(2.0625rem, 0.66vw + 1.9078125rem, 2.5rem);
}
@media screen and (min-width: 768px) {
  .p-fixedDartsHowTo__Item:not(:first-child) {
    margin-top: 3rem;
  }
}

.p-fixedDartsHowTo__TitleWrap {
  display: flex;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: clamp(1.25rem, 1.41vw + 0.91953125rem, 2.1875rem);
  font-weight: 400;
  line-height: 1.5em; /* 30px */
  letter-spacing: 1.5px;
  background-clip: text;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsHowTo__TitleWrap {
    line-height: 1.3714em; /* 137.143% */
    letter-spacing: 3.5px;
  }
}

.p-fixedDartsHowTo__TitleNumber {
  -webkit-background-clip: text;
          background-clip: text;
  text-transform: uppercase;
  letter-spacing: 1.9px;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsHowTo__TitleNumber {
    letter-spacing: 3.5px;
    white-space: nowrap;
  }
}

.p-fixedDartsHowTo__Title {
  padding-left: 3px;
  letter-spacing: 1.7px;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsHowTo__Title {
    padding-left: 15px;
    line-height: 1.3714em; /* 137.143% */
    letter-spacing: 3.5px;
  }
}

.p-fixedDartsHowTo__Text {
  margin-top: clamp(0.4375rem, 2.16vw + -0.06875rem, 1.875rem);
  font-weight: 500;
  line-height: 1.4285em; /* 142.857% */
  letter-spacing: 0.5px;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsHowTo__Text {
    margin-top: 0.3125rem;
    line-height: 2.5em; /* 137.143% */
    letter-spacing: 1.6px;
  }
}

.p-fixedDartsHowTo__ImageBlock {
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsHowTo__ImageBlock {
    margin-top: 0;
    margin-left: auto;
    flex-basis: 550px;
  }
}

.p-fixedDartsHowTo__Extend {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
@media screen and (min-width: 768px) {
  .p-fixedDartsHowTo__Extend {
    margin-left: unset;
    margin-right: unset;
  }
}

.p-fixedDartsHowTo__ImageWrap {
  display: block;
  width: 100%;
  aspect-ratio: 0.8445945946;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsHowTo__ImageWrap {
    aspect-ratio: 0.6619217082;
  }
}

.p-fixedDartsPrice {
  margin-inline: auto;
  padding-top: 4.0625rem;
  background-color: #313131;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsPrice {
    padding-top: 10.25rem;
    padding-bottom: 6.25rem;
  }
}

.p-fixedDartsPrice__Container {
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsPrice__Container {
    max-width: 70.875rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}

.p-fixedDartsPrice__Layout {
  margin-top: clamp(2.125rem, 6.01vw + 0.71640625rem, 6.125rem);
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsPrice__Layout {
    flex-direction: row-reverse;
    -moz-column-gap: 7.9375rem;
         column-gap: 7.9375rem;
  }
}

.p-fixedDartsPrice__TextWrap {
  flex: 1;
}

.p-fixedDartsPrice__Title03 {
  padding-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75em; /* 175% */
  letter-spacing: 1.12px;
  position: relative;
}
.p-fixedDartsPrice__Title03::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: clamp(21.25rem, 12.65vw + 15.178rem, 26.5625rem);
  height: 1px;
  background-color: #ffffff;
  content: "";
}
@media screen and (min-width: 768px) {
  .p-fixedDartsPrice__Title03 {
    line-height: 2.5em; /* 250% */
    letter-spacing: 1.6px;
  }
  .p-fixedDartsPrice__Title03::before {
    bottom: -16px;
  }
}

.p-fixedDartsPrice__List {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsPrice__List {
    margin-top: 2.5rem;
  }
}

.p-fixedDartsPrice__Item {
  display: flex;
  gap: 10px;
  font-weight: 500;
  line-height: 2em; /* 200% */
  letter-spacing: 0.98px;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsPrice__Item {
    line-height: 2.5em; /* 250% */
    letter-spacing: 1.6px;
  }
}

.p-fixedDartsPrice__DataTitle {
  flex-basis: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsPrice__DataTitle {
    flex-basis: 5rem;
  }
}

.p-fixedDartsPrice__Caption {
  margin-top: 1rem;
  font-size: 13px;
  font-weight: 500;
  line-height: 2.15; /* 215.385% */
  letter-spacing: 0.91px;
}
@media screen and (min-width: 768px) {
  .p-fixedDartsPrice__Caption {
    font-size: 1rem;
    line-height: 2.5; /* 250% */
    letter-spacing: 1.6px;
  }
}

.p-fixedDartsPrice__ImageBlock {
  margin-top: 2.5rem;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
@media screen and (min-width: 768px) {
  .p-fixedDartsPrice__ImageBlock {
    margin-top: unset;
    margin-left: unset;
    margin-right: unset;
  }
}

@media screen and (min-width: 768px) {
  .p-fixedDartsPrice__ImageWrap {
    display: block;
    width: 24.375rem;
    aspect-ratio: 1;
  }
}

.p-fixedMenu__Headline04 {
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 400;
  font-size: clamp(1.25rem, 1.79vw + 0.3908rem, 2rem);
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__Headline04 {
    font-weight: 700;
    letter-spacing: 0.05em;
  }
}
.p-fixedMenu__Headline04.-Beer {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__Headline04.-Beer {
    margin-top: 1.25rem;
  }
}
.p-fixedMenu__Headline04.-Food {
  background-image: linear-gradient(90deg, #714d23, #815a2c);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.p-fixedMenu__EyeCatchWrap {
  position: absolute;
  bottom: 17%;
  left: 4%;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__EyeCatchWrap {
    bottom: 7%;
    left: 6%;
  }
}

.p-fixedMenu__EyeCatch {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__EyeCatch {
    padding-top: 1.3125rem;
    padding-bottom: 1.625rem;
    padding-inline: 2.625rem 0.5rem;
  }
}

.p-fixedMenu__Main {
  padding-top: clamp(2.5rem, 4.07vw + 1.54609375rem, 3.5rem);
  background-color: #313131;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__Main {
    padding-top: clamp(5.625rem, 5.65vw + 2.913rem, 8rem);
  }
}

.p-fixedMenu__Container {
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__Container {
    max-width: 77.5rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}
.p-fixedMenu__Food .p-fixedMenu__Container {
  padding-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__Food .p-fixedMenu__Container {
    padding-bottom: 6.875rem;
  }
}

.p-fixedMenu__Layout {
  margin-top: 4rem;
}

.p-fixedMenu__ButtonArea {
  margin-top: clamp(2.1875rem, 2.29vw + 1.65078125rem, 2.75rem);
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  justify-content: center;
  gap: clamp(1.25rem, 2.23vw + 0.1796rem, 2.1875rem);
}
@media screen and (min-width: 1024px) {
  .p-fixedMenu__ButtonArea {
    margin-top: 4.875rem;
    grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr));
  }
}

.p-fixedMenu__ButtonLink {
  display: flex;
}

.p-fixedMenu__ButtonNameWrap {
  background-color: #131313;
  min-width: 14.375rem;
  flex-grow: 1;
  display: grid;
  place-content: center;
  font-kerning: normal;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__ButtonNameWrap {
    min-width: 13.75rem;
  }
}

.p-fixedMenu__ButtonName {
  padding-right: 28px;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-kerning: normal;
  font-size: clamp(1.125rem, 0.6vw + 0.837rem, 1.375rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.2em;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__ButtonName {
    letter-spacing: 0;
  }
}
.p-fixedMenu__ButtonName {
  position: relative;
}
.p-fixedMenu__ButtonName::before {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.875rem;
  aspect-ratio: 1;
  background: linear-gradient(90deg, #d19652 0%, #f2c48e 100%);
  -webkit-mask-image: url(../images/icon/arrow.svg);
          mask-image: url(../images/icon/arrow.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  content: "";
}

.p-fixedMenu__ButtonImage {
  aspect-ratio: 1.4;
}
@media screen and (min-width: 1024px) {
  .p-fixedMenu__ButtonImage {
    aspect-ratio: 1;
  }
}

.p-fixedMenu__DrinkBlock {
  position: relative;
  overflow-x: hidden;
  z-index: 0;
}

.p-fixedMenu__Drink {
  padding-top: clamp(2.8125rem, 2.8vw + 2.15625rem, 3.5rem);
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__Drink {
    padding-top: clamp(6.75rem, 4.17vw + 4.7484rem, 8.5rem);
    z-index: 0;
  }
}

.p-fixedMenu__DrinkBgFix {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100dvh;
  background-image: url(../images/pages/sub/menu/drink-bg.png); /* 画像を後に指定 */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.p-fixedMenu__DrinkBgFix.is-BgFixed {
  position: fixed;
  top: 58px;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkBgFix.is-BgFixed {
    top: 108px;
  }
}

.p-fixedMenu__DrinkBody {
  margin-top: clamp(1.5625rem, 1.78vw + 1.1453125rem, 2rem);
  font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkBody {
    margin-top: 5rem;
    font-size: 1.25rem;
  }
}

.p-fixedMenu__DrinkBeerWrap {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.51vw + 0.88046875rem, 1.125rem);
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkBeerWrap {
    flex-direction: row-reverse;
    gap: 5rem;
  }
}

.p-fixedMenu__DrinkCategoryArea {
  margin-top: clamp(4rem, 4.07vw + 3.04609375rem, 5rem);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.02vw + 0.7609375rem, 1.25rem);
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkCategoryArea {
    margin-top: clamp(4rem, 2.38vw + 2.8576rem, 5rem);
    flex-direction: row;
    gap: 4.875rem;
  }
}

@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkBeerArea {
    flex-basis: 33.125rem;
  }
}

.p-fixedMenu__BeerIconWrap {
  width: 9.5rem;
  aspect-ratio: 7.2380952381;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__BeerIconWrap {
    width: 12.625rem;
    aspect-ratio: 7.2142857143;
  }
}

.p-fixedMenu__BeerPriceWrap {
  margin-top: 1.1875rem;
  color: var(--_, #fff);
  /* 本文_NoSe20 */
  font-family: "Noto Serif JP";
  font-size: clamp(0.9375rem, 1.53vw + 0.57890625rem, 1.3125rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__BeerPriceWrap {
    margin-top: 1rem;
    display: flex;
    gap: 1.25rem;
    font-size: f-Shrink-PC(20);
    letter-spacing: 2px;
  }
}

.p-fixedMenu__DrinkBeerPriceWrap {
  width: 80%;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkBeerPriceWrap {
    margin-left: unset;
    width: 100%;
    flex: 1;
  }
}

.p-fixedMenu__DrinkLeaderWrap-02 {
  margin-top: 1.5625rem;
  margin-left: auto;
  width: 14rem;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkLeaderWrap-02 {
    margin-top: unset;
  }
}
.p-fixedMenu__DrinkLeaderWrap-02.-Cocktail {
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkLeaderWrap-02.-Cocktail {
    margin-top: 0.75rem;
  }
}
.p-fixedMenu__DrinkLeaderWrap-02.-NonCocktail {
  margin-top: 0.375rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkLeaderWrap-02.-NonCocktail {
    margin-top: 0.75rem;
  }
}
.p-fixedMenu__DrinkLeaderWrap-02.-SoftDrink {
  margin-top: 0.375rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkLeaderWrap-02.-SoftDrink {
    margin-top: unset;
  }
}

.p-fixedMenu__BeerPriceSpace01 {
  display: inline-block;
  margin-left: 1.5625rem;
  letter-spacing: 0.1em;
}

.p-fixedMenu__BeerPriceSpace02 {
  display: inline-block;
  margin-left: 0.75rem;
  letter-spacing: 0.1em;
}

.p-fixedMenu__BeerNote {
  margin-top: clamp(0.9375rem, 53.57vw + -24.7761rem, 23.4375rem);
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__BeerNote {
    margin-top: 0.9375rem;
    flex-basis: 33.125rem;
    font-size: 1rem;
  }
}

.p-fixedMenu__ItemLeader {
  flex: 1;
  position: relative;
}
.p-fixedMenu__ItemLeader::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 0.75rem;
  background-image: radial-gradient(circle, #fff 1.5px, transparent 1.5px);
  background-size: 8px 8px;
  background-repeat: repeat-x;
  z-index: 0;
  content: "";
}
.p-fixedMenu__ItemLeader.-White::before {
  background-image: radial-gradient(circle, #ffffff 1.5px, transparent 1.5px);
}
.p-fixedMenu__ItemLeader.-Black::before {
  background-image: radial-gradient(circle, #131313 1.5px, transparent 1.5px);
}

.p-fixedMenu__ItemPrice {
  white-space: nowrap;
}

.p-fixedMenu__DrinkBlockImage-01 {
  aspect-ratio: 1.587962963;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkBlockImage-01 {
    flex-basis: clamp(24.9375rem, 25.45vw + 12.7215rem, 35.625rem);
    aspect-ratio: 1.5;
  }
}
.p-fixedMenu__DrinkBlockImage-02 {
  aspect-ratio: 1.587962963;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkBlockImage-02 {
    flex-basis: 36.25rem;
    aspect-ratio: 1.9333333333;
  }
}
.p-fixedMenu__DrinkBlockImage-03 {
  aspect-ratio: 1.681372549;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkBlockImage-03 {
    flex-basis: 36.25rem;
    aspect-ratio: 1.9333333333;
  }
}
.p-fixedMenu__DrinkBlockImage-04 {
  aspect-ratio: 1.6731707317;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkBlockImage-04 {
    flex-basis: 36.25rem;
    aspect-ratio: 1.9333333333;
  }
}

.p-fixedMenu__DrinkCategoryNoteArea {
  margin-top: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkCategoryNoteArea {
    margin-top: unset;
    flex-basis: 31.875rem;
  }
}

.p-fixedMenu__DrinkItemArea.-Umeshu {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkItemArea.-Umeshu {
    margin-top: 1.125rem;
  }
}
.p-fixedMenu__DrinkItemArea.-NonCoctail {
  margin-top: 0.5rem;
}
.p-fixedMenu__DrinkItemArea.-SoftDrink {
  margin-top: 0.5rem;
}

.p-fixedMenu__DrinkItemWrap {
  display: flex;
  align-items: center;
  font-size: clamp(0.9375rem, 1.27vw + 0.63984375rem, 1.25rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5; /* 200% */
  letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkItemWrap {
    font-size: clamp(1rem, 0.6vw + 0.712rem, 1.25rem);
  }
}
.p-fixedMenu__DrinkItemWrap.-Umeshu01 {
  justify-content: space-between;
  align-self: center;
}
.p-fixedMenu__DrinkItemWrap.-Umeshu02 {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkItemWrap.-Umeshu02 {
    margin-top: unset;
  }
}
.p-fixedMenu__DrinkItemWrap.-Umeshu03 {
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkItemWrap.-Umeshu03 {
    margin-top: 0.875rem;
  }
}
.p-fixedMenu__DrinkItemWrap.-Whisky01 {
  margin-top: 1.625rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkItemWrap.-Whisky01 {
    margin-top: 1.5625rem;
  }
}
.p-fixedMenu__DrinkItemWrap.-Whisky02 {
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkItemWrap.-Whisky02 {
    margin-top: 0.1875rem;
  }
}
.p-fixedMenu__DrinkItemWrap.-Whisky03 {
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkItemWrap.-Whisky03 {
    margin-top: 0.1875rem;
  }
}
.p-fixedMenu__DrinkItemWrap.-Whisky04 {
  margin-top: 0.75rem;
  display: block;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.8666666667; /* 250% */
  letter-spacing: 1.6px;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkItemWrap.-Whisky04 {
    margin-top: 0.5rem;
    font-size: 1rem;
    letter-spacing: 1.6px;
  }
}
.p-fixedMenu__DrinkItemWrap.-Type02 {
  margin-top: 0.4375rem;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkItemWrap.-Type02 {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkItemArea__LineSecond {
    font-size: clamp(1rem, 0.6vw + 0.712rem, 1.25rem);
  }
}

.p-fixedMenu__DrinkNote02 {
  margin-top: 0.5rem;
  word-break: auto-phrase;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkNote02 {
    margin-top: 0.875rem;
    letter-spacing: 0.1em;
  }
}

.p-fixedMenu__DrinkLine-Multu {
  margin-left: auto;
  width: 20rem;
  display: flex;
  align-items: center;
}

.p-fixedMenu__DrinkItemPrice {
  font-size: clamp(0.9375rem, 1.53vw + 0.57890625rem, 1.3125rem);
  letter-spacing: 0.07em;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkItemPrice {
    font-size: clamp(0.875rem, 0.89vw + 0.4478rem, 1.25rem);
  }
}
.p-fixedMenu__DrinkItemPrice.-Umeshu01 {
  font-size: 1.25rem;
  align-self: flex-start;
}
.p-fixedMenu__DrinkItemPrice.-Cocktail, .p-fixedMenu__DrinkItemPrice.-NonCoctail {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkItemPrice.-Cocktail, .p-fixedMenu__DrinkItemPrice.-NonCoctail {
    font-size: 1.25rem;
  }
}
.p-fixedMenu__DrinkItemPrice.-SoftDrink {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkItemPrice.-SoftDrink {
    font-size: 1.25rem;
  }
}

.p-fixedMenu__DrinkItemSpace {
  margin-left: 0.2666666667em;
}

.p-fixedMenu__DrinkNonAlcoholArea {
  margin-top: 4rem;
  border: 1px solid #d19652;
  width: 100%;
  padding: clamp(1.25rem, 1.27vw + 0.95234375rem, 1.5625rem);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkNonAlcoholArea {
    margin-top: 5rem;
    padding: 3.125rem;
    flex-direction: row;
    gap: 3.75rem;
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkNonAlcoholWrap {
    width: 35.4166666667%;
    flex: 1;
  }
}

@media screen and (min-width: 768px) {
  .p-fixedMenu__SoftdrinklWrap {
    width: 35.4166666667%;
    flex: 1;
  }
}

.p-fixedMenu__DrinkItemName {
  line-height: 186.6666666667%; /* 250% */
  word-break: auto-phrase;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__DrinkItemName {
    line-height: 40px; /* 250% */
    letter-spacing: 0.1066666667em;
  }
}

.p-fixedMenu__DrinkItemOtherWrap {
  display: flex;
  justify-content: flex-end;
}

.p-fixedMenu__Separator {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-top: 3.75rem;
  aspect-ratio: 1.0775862069;
  clip-path: polygon(0 calc(0% + 18vw), 100% 0, 100% calc(100% - 18vw), 0 100%);
  background-image: url(../images/pages/sub/menu/separator.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__Separator {
    margin-top: 4.375rem;
    aspect-ratio: 1.6035634744;
  }
}

.p-fixedMenu__FoodBlock {
  position: relative;
  z-index: 0;
  overflow-x: hidden;
  margin-top: -21.3333333333vw;
  padding-top: 24.2666666667vw;
  background: linear-gradient(90deg, #d19652 0%, #f2c48e 100%);
}

.p-fixedMenu__FoodBgFix {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100dvh;
  background: url(../images/pages/sub/menu/menu-food-bg-pc.webp), linear-gradient(90deg, #d19652 0%, #f2c48e 100%);
  background-repeat: no-repeat;
  background-size: cover;
}

.p-fixedMenu__FoodBgFix.is-BgFixed {
  position: fixed;
  top: 58px;
  z-index: -1;
}

.p-fixedMenu__Food {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__Food {
    margin-top: -18.0555555556vw;
    padding-top: 18.0555555556vw;
  }
}

.p-fixedMenu__FoodLayout {
  margin-top: 0.5rem;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 976px);
  color: #393939;
  grid-template-areas: "Item01" "Item02" "Item03" "Item07" "Item04" "Item05" "Item06" "Item08";
}
@media screen and (min-width: 1024px) {
  .p-fixedMenu__FoodLayout {
    margin-top: 0.25rem;
    -moz-column-gap: 5.9322033898%;
         column-gap: 5.9322033898%;
    grid-template-columns: 44.9152542373% 49.1525423729%;
    grid-template-areas: "Item01  Item01 " "Item02  Item03" "Item02  Item07" "Item04  Item07" "Item05  Item07" "Item06  Item07";
  }
}

.p-fixedMenu__FoodStaticBlock01 {
  grid-area: Item01;
}

.p-fixedMenu__FoodStaticBlock02 {
  grid-area: Item02;
  position: relative;
  z-index: 0;
  width: 100%;
  aspect-ratio: 0.8683544304;
}
.p-fixedMenu__FoodStaticBlock02::before {
  position: absolute;
  top: 55%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 109.3294460641%;
  aspect-ratio: 0.9146666667;
  background-image: url(../images/pages/sub/menu/menu-food01-sp.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 1024px) {
  .p-fixedMenu__FoodStaticBlock02:before {
    top: 50%;
    left: 60%;
    width: clamp(36.855rem, 39.98vw + 11.2678rem, 47.25rem);
    aspect-ratio: 0.975483871;
    background-image: url(../images/pages/sub/menu/menu-food01-pc.png);
  }
}

.p-fixedMenu__FoodStaticBlock03 {
  display: contents;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__FoodStaticBlock03 {
    display: block;
  }
}
.p-fixedMenu__FoodStaticBlock03 {
  grid-area: Item07;
}

.p-fixedMenu__FoodBonus {
  grid-area: Item08;
  margin-top: clamp(3.125rem, 5.09vw + 1.93203125rem, 4.375rem);
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__FoodBonus {
    grid-area: unset;
    margin-top: clamp(3.3125rem, 3.42vw + 1.6709rem, 4.75rem);
  }
}

.p-fixedMenu__FoodImage02 {
  margin-top: clamp(3rem, 4.83vw + 1.86796875rem, 4.1875rem);
  background-image: url(../images/pages/sub/menu/menu-food02-sp.png);
  width: 100%;
  aspect-ratio: 0.9320652174;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__FoodImage02 {
    margin-top: clamp(3.3125rem, 3.27vw + 1.7429rem, 4.6875rem);
    aspect-ratio: 1.0740740741;
    background-image: url(../images/pages/sub/menu/menu-food02-pc.png);
  }
}

.p-fixedMenu__FoodDynamicBlock01 {
  grid-area: Item03;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__FoodDynamicBlock01 {
    padding-left: clamp(3.125rem, 17.79vw + -8.2606rem, 7.75rem);
    padding-top: clamp(3.3125rem, 3.27vw + 1.7429rem, 4.6875rem);
  }
}

.p-fixedMenu__FoodDynamicBlock02 {
  grid-area: Item04;
  position: relative;
  z-index: 1;
  padding-top: clamp(2.875rem, 4.58vw + 1.8015625rem, 4rem);
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__FoodDynamicBlock02 {
    padding-top: clamp(2.4375rem, 2.53vw + 1.2231rem, 3.5rem);
  }
}

.p-fixedMenu__FoodDynamicBlock03 {
  grid-area: Item05;
  padding-top: 2.5rem;
}

.p-fixedMenu__FoodDynamicBlock04 {
  grid-area: Item06;
  padding-top: clamp(4rem, 6.62vw + 2.4484375rem, 5.625rem);
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__FoodDynamicBlock04 {
    padding-top: clamp(1.75rem, 1.79vw + 0.8908rem, 2.5rem);
  }
}

.p-fixedMenu__FoodHeadline03 {
  position: relative;
  margin-inline: auto;
  text-align: center;
  background-image: linear-gradient(90deg, #714d23, #815a2c);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: clamp(1.5rem, 1.53vw + 1.14140625rem, 1.875rem);
  font-weight: 700;
  line-height: 48px; /* 120% */
  letter-spacing: 2px;
}
@media screen and (min-width: 1024px) {
  .p-fixedMenu__FoodHeadline03 {
    margin-left: auto;
    margin-right: unset;
    width: unset;
    font-size: clamp(2rem, 1.19vw + 1.4288rem, 2.5rem);
  }
}
.p-fixedMenu__FoodHeadline03::before, .p-fixedMenu__FoodHeadline03::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(3.75rem, 3.82vw + 2.8546875rem, 4.6875rem);
  height: 0.0625rem;
  background: linear-gradient(90deg, #714d23 0%, #815a2c 100%);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.p-fixedMenu__FoodHeadline03::before {
  left: 14%;
}
.p-fixedMenu__FoodHeadline03::after {
  right: 14%;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__FoodHeadline03 {
    width: 36.25rem;
  }
  .p-fixedMenu__FoodHeadline03::before, .p-fixedMenu__FoodHeadline03::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: clamp(10.5rem, 6.25vw + 7.5rem, 13.125rem);
    height: 0.0625rem;
    background: linear-gradient(90deg, #714d23 0%, #815a2c 100%);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
  }
  .p-fixedMenu__FoodHeadline03::before {
    left: 0;
  }
  .p-fixedMenu__FoodHeadline03::after {
    right: 0;
  }
}

.p-fixedMenu__FoodBlock03 {
  grid-area: Item03;
}

.__NewsItem04 {
  grid-area: Item04;
}

.p-fixedMenu__FoodBlock02 {
  position: relative;
  z-index: 0;
}
.p-fixedMenu__FoodBlock02::before {
  position: absolute;
  top: 50%;
  left: -25%;
  transform: translateY(-50%);
  z-index: 0;
  width: 48.125rem;
  aspect-ratio: 1.0350649351;
  background-image: url(../images/pages/sub/menu/menu-food01.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.p-fixedMenu__FoodPostList {
  margin-top: 0.9375rem;
  color: #393939;
  /* 本文_NoSe20 */
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 40px; /* 200% */
  letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__FoodPostList {
    font-size: 20px;
  }
}

.p-fixedMenu__FoodItem:not(:first-child) {
  margin-top: 0.25rem;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__FoodItem:not(:first-child) {
    margin-top: 0.25rem;
  }
}

.p-fixedMenu__FoodItemLink {
  display: flex;
}
@media (hover: hover) {
  .p-fixedMenu__FoodItemLink:hover {
    opacity: 0.5;
  }
}

.p-fixedMenu__FoodItemName {
  color: #131313;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.86; /* 200% */
  letter-spacing: 1.05px;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__FoodItemName {
    font-size: 20px;
    line-height: 2; /* 200% */
    letter-spacing: 2.5px;
  }
}

.p-fixedMenu__FoodItemPrice {
  /* SP本文_NoSe16 */
  font-size: 16px;
  font-weight: 500;
  line-height: 28px; /* 175% */
  letter-spacing: 1.12px;
}
@media screen and (min-width: 768px) {
  .p-fixedMenu__FoodItemPrice {
    /* 本文_NoSe20_右揃え_タグチ */
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 2; /* 200% */
    letter-spacing: 2px;
  }
}

.p-archiveEvents__Hero {
  background-color: #313131;
}

.p-archiveEvents__EyeCatchWrap {
  position: absolute;
  bottom: 7%;
  left: 6.3888888889%;
}

.p-archiveEvents__EyeCatch {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .p-archiveEvents__EyeCatch {
    padding-block: 1.3125rem 1.625rem;
    padding-inline: 2.625rem 0.5rem;
  }
}

.p-archiveEvents__Events {
  background-color: #131313;
  padding-bottom: 6.25rem;
}
@media screen and (min-width: 768px) {
  .p-archiveEvents__Events {
    background-image: url(../images/pages/sub/events/events-bg-pc.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.p-archiveEvents__Container {
  padding-inline: 7.2%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-archiveEvents__Container {
    max-width: 68.75rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}

.p-archiveEvents__Layout {
  margin-top: 4rem;
}

.p-archiveEvents__Body {
  margin-top: 4rem;
}

.p-archiveEvents__TagList {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-archiveEvents__TagList {
    flex-wrap: nowrap;
  }
}

.p-archiveEvents__TagItem {
  padding-block: 0.25rem;
  padding-inline: 0.5rem;
  background: linear-gradient(90deg, #d19652 0%, #f2c48e 100%);
  color: #393939;
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.2;
}

.p-archiveEvents__PostItemLink {
  position: relative;
}

.p-archiveEvents__PostList {
  margin-top: 2.0625rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: auto auto;
  -moz-column-gap: 2.1875rem;
       column-gap: 2.1875rem;
  row-gap: 2.5rem;
}
@media screen and (min-width: 764px) {
  .p-archiveEvents__PostList {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 3.75rem;
  }
}
@media screen and (min-width: 1100px) {
  .p-archiveEvents__PostList {
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
}

.p-archiveEvents__PostItem {
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
}

.p-archiveEvents__ImageWrap {
  width: 100%;
  aspect-ratio: 1.511627907;
}

.p-archiveEvents__ItemNoteArea {
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  background-color: #282727;
  padding-block: 0.5rem;
  padding-inline: 0.5rem;
}

.p-archiveEvents__ItemTitle {
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 2; /* 行数を制限 */
  line-height: 1.5;
  text-overflow: ellipsis; /* 語尾を3点リーダーに */
  overflow: clip; /* はみ出た部分を非表示 */
  font-size: 20px;
  font-weight: 700;
  line-height: 32px; /* 160% */
  letter-spacing: 0.8px;
}

.p-archiveEvents__CategoryWrap {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 10px;
  background: linear-gradient(90deg, #d19652 0%, #f2c48e 100%);
  color: #393939;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5; /* 22.5px */
}

.p-archiveEvents__ItemDate {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-archiveEvents__ItemDate {
    margin-top: 0.125rem;
  }
}

.p-archiveEvents__EventDate {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25; /* 125% */
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-archiveEvents__EventDate {
    letter-spacing: 2.5px;
  }
}
@media screen and (max-width: 374px) {
  .p-archiveEvents__EventDate {
    font-size: clamp(0.875rem, 3.64vw + 0.147rem, 1rem);
    letter-spacing: 0.1em;
  }
}

.p-archiveEvents__PostDate {
  position: relative;
  margin-top: 0.75rem;
  padding-left: 0.875rem;
  color: #b7a8a8;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5; /* 320% */
  letter-spacing: 0.04em;
}
.p-archiveEvents__PostDate::before {
  position: absolute;
  top: 50%;
  left: 0.375rem;
  transform: translate(-50%, -50%);
  width: 0.625rem;
  aspect-ratio: 1;
  background-image: url(../images/icon/update.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.p-archiveEvents__Ended {
  position: absolute;
  top: 50%;
  right: -3rem;
  transform: translateY(-50%);
  padding-block: 0.25rem;
  padding-inline: 0.375rem;
  background-color: #cb2222;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2; /* 166.667% */
  letter-spacing: 1.2px;
}
@media screen and (max-width: 374px) {
  .p-archiveEvents__Ended {
    right: -2.25rem;
    font-size: clamp(0.5625rem, 5.45vw + -0.5275rem, 0.75rem);
    padding-inline: 0.1875rem;
  }
}

.p-archiveGallery {
  width: 100%;
  background-image: url(../images/pages/sub/gallery/gallary-bg-sp.png);
  background-color: #131313;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  padding-block: clamp(2.375rem, 3.82vw + 1.4796875rem, 3.3125rem);
}
@media screen and (min-width: 768px) {
  .p-archiveGallery {
    padding-block: unset;
    padding-top: 11.8055555556vw;
    background-image: url(../images/pages/sub/gallery/gallery-bg-pc.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.p-archiveGallery__Container-H2 {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-archiveGallery__Container-H2 {
    padding-inline: 2.7777777778%;
  }
}

.p-archiveGallery__Container {
  width: 100%;
  padding-block: clamp(1.25rem, 2.04vw + 0.771875rem, 1.75rem);
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 56px);
  padding-inline: 7.2%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-archiveGallery__Container {
    max-width: 88.75rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}
@media screen and (min-width: 1024px) {
  .p-archiveGallery__Container {
    height: calc(100vh - 108px);
  }
}

.p-archiveGallery__Container-Youtube {
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-archiveGallery__Container-Youtube {
    max-width: 72.5rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}
@media screen and (min-width: 768px) {
  .p-archiveGallery__Container-Youtube {
    height: calc(100vh - 108px);
  }
}

@media screen and (min-width: 1024px) {
  .p-archiveGallery__PageWrap {
    height: calc(100vh - 108px);
  }
}

.p-archiveGallery__Body {
  margin-top: clamp(1.25rem, 2.04vw + 0.771875rem, 1.75rem);
}
@media screen and (min-width: 768px) {
  .p-archiveGallery__Body {
    margin-top: clamp(4.8125rem, 4.91vw + 2.4557rem, 6.875rem);
  }
}

@media screen and (min-width: 768px) {
  .p-archiveGallery__Static {
    display: none;
  }
}

.p-archiveGallery__Gallery-02,
.p-archiveGallery__Gallery-01 {
  padding-top: 56px;
  padding-right: clamp(1rem, 1.53vw + 0.64140625rem, 1.375rem);
  background-color: #131313;
  background-image: url(../images/pages/sub/gallery/gallery-bg-sp.png);
  background-position: center center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .p-archiveGallery__Gallery-02,
  .p-archiveGallery__Gallery-01 {
    margin-top: clamp(4.8125rem, 4.91vw + 2.4557rem, 6.875rem);
    padding-top: clamp(7.4375rem, 7.59vw + 3.7943rem, 10.625rem);
    padding-right: unset;
    background-image: url(../images/pages/sub/gallery/gallery-bg-pc.png);
  }
}

.p-archiveGallery__Layout01,
.p-archiveGallery__Layout02 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto;
  -moz-column-gap: 2.4vw;
       column-gap: 2.4vw;
  row-gap: 2.4vw;
}
@media screen and (min-width: 768px) {
  .p-archiveGallery__Layout01,
  .p-archiveGallery__Layout02 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    row-gap: 2.5rem;
    grid-template-areas: "Vertical Nomal01 Nomal02" "Big01 Big01 Big01";
  }
}

.p-archiveGallery__Layout01 {
  grid-template-areas: "Vertical01 Big01" "Vertical01 Nomal01" "Vertical01 Nomal02";
}
@media screen and (min-width: 768px) {
  .p-archiveGallery__Layout01 {
    grid-template-areas: "Vertical01 Nomal01 Nomal02" "Big01 Big01 Big01";
  }
}

.p-archiveGallery__Layout02 {
  grid-template-areas: "Big02 Vertical02" "Nomal03 Vertical02" "Nomal04 Vertical02";
}
@media screen and (min-width: 768px) {
  .p-archiveGallery__Layout02 {
    grid-template-areas: "Big02 Big02 Big02" "Vertical02  Nomal03  Nomal04";
  }
}

.p-archiveGallery__LayoutBig01,
.p-archiveGallery__LayoutBig02 {
  position: relative;
  display: flex;
}

.p-archiveGallery__LayoutBig01 {
  grid-area: Big01;
  padding-inline: clamp(0rem, 22.02vw + -10.5696rem, 9.25rem);
  justify-content: flex-end;
}

.p-archiveGallery__LayoutBig02 {
  grid-area: Big02;
  padding-inline: clamp(0rem, 22.02vw + -10.5696rem, 9.25rem);
  justify-content: flex-start;
}

.p-archiveGallery__Messages01,
.p-archiveGallery__Messages02 {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-archiveGallery__Messages01,
  .p-archiveGallery__Messages02 {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    font-size: clamp(1.75rem, 1.79vw + 0.8908rem, 2.5rem);
    font-style: normal;
    font-weight: 400;
    line-height: 1.55; /* 155% */
    letter-spacing: 0;
  }
}

.p-archiveGallery__Messages01 {
  left: clamp(0rem, 22.02vw + -10.5696rem, 9.25rem);
}

.p-archiveGallery__Messages02 {
  right: clamp(0rem, 22.02vw + -10.5696rem, 9.25rem);
}

.p-archiveGallery__Block-Vertical01 {
  grid-area: Vertical01;
  align-self: center;
}

.p-archiveGallery__Block-Vertical02 {
  grid-area: Vertical02;
  align-self: center;
}

.p-archiveGallery__Item-Nomal01 {
  grid-area: Nomal01;
}

.p-archiveGallery__Item-Nomal02 {
  grid-area: Nomal02;
}

.p-archiveGallery__Item-Nomal03 {
  grid-area: Nomal03;
}

.p-archiveGallery__Item-Nomal04 {
  grid-area: Nomal04;
}

.p-archiveGallery__Layout-Vertical {
  grid-area: Vertical;
  width: 100%;
  display: grid;
}
@media screen and (min-width: 768px) {
  .p-archiveGallery__Layout-Vertical {
    display: unset;
  }
}

.p-archiveGallery__ItemWrap-Vertical {
  width: 100%;
  aspect-ratio: 0.4972826087;
  margin-block: auto;
}
@media screen and (min-width: 768px) {
  .p-archiveGallery__ItemWrap-Vertical {
    aspect-ratio: 1.3302752294;
  }
}

.p-archiveGallery__ItemWrap-Big {
  position: relative;
  width: 100%;
  aspect-ratio: 1.3134328358;
}
.p-archiveGallery__ItemWrap-Big::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle, #666 1px, transparent 1px);
  background-size: 3px 3px; /* ドット間隔 */
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .p-archiveGallery__ItemWrap-Big {
    flex-basis: clamp(29.375rem, 30.06vw + 14.9462rem, 42rem);
    aspect-ratio: 1.6192771084;
  }
}

.p-archiveGallery__ItemWrap-Normal {
  width: 100%;
  aspect-ratio: 1.3134328358;
}
@media screen and (min-width: 768px) {
  .p-archiveGallery__ItemWrap-Normal {
    aspect-ratio: 1.3302752294;
  }
}

.js-p-archiveGallery__ItemWrap02 {
  position: relative;
  width: 100%;
  overflow: hidden;
  transform-style: preserve-3d;
}

.js-flipThrough,
.js-flipThrough02 {
  position: relative;
  width: 100%;
  transform-style: preserve-3d;
}

.js-p-archiveGallery__Item01,
.js-p-archiveGallery__Item02 {
  position: absolute;
  inset: 0;
}

.p-archiveGallery__Item-Big {
  width: 100%;
}

.js-flipThrough__imageWrap01,
.js-flipThrough__imageWrap02 {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: opacity 0.3s ease;
}

.js-flipThrough__imageWrap01.is-stocked,
.js-flipThrough__imageWrap02.is-stocked {
  z-index: 1;
  opacity: 1;
}

.js-flipThrough__imageWrap01.is-arrival,
.js-flipThrough__imageWrap02.is-arrival {
  z-index: 2;
  opacity: 1;
  animation: clip-diagonal 1s ease-in-out forwards;
}

@keyframes clip-diagonal {
  0% {
    transform: rotate(-5deg) scale(1);
    transform-origin: left bottom;
    clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%);
  }
  50% {
    transform: rotate(-10deg) scale(0.95);
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 0% 100%);
  }
  100% {
    transform: rotate(0deg) scale(1);
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
  }
}
.p-archiveGallery__YouTube {
  padding-block: clamp(5rem, 8.14vw + 3.0921875rem, 7rem);
  background-color: #404040;
}
@media screen and (min-width: 768px) {
  .p-archiveGallery__YouTube {
    height: 100vh;
    padding-block: unset;
    padding-top: 56px;
    padding-bottom: 4.125rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-archiveGallery__YouTube {
    padding-block: clamp(3.5rem, 3.57vw + 1.7864rem, 5rem);
    padding-top: 108px;
  }
}

.p-archiveGallery__YouTubeLayout {
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-archiveGallery__YouTubeLayout {
    max-width: 72.5rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}
.p-archiveGallery__YouTubeLayout {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-archiveGallery__YouTubeLayout {
    width: 100%;
    height: 100%;
  }
}

.p-archiveGallery__YouTubeFrame {
  margin-inline: auto;
  max-width: 1000px;
  width: 100%;
  aspect-ratio: 1.7777777778;
}
.p-archiveGallery__YouTubeFrame iframe {
  aspect-ratio: 1.715;
  width: 100%;
  height: 100%;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .p-archiveGallery__YouTubeFrame iframe {
    aspect-ratio: 1.7094017094;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
}

.js-p-archiveGallery__OverlapWrap {
  width: 100%;
  position: absolute;
  height: calc(100vh - 56px);
}
@media screen and (min-width: 1024px) {
  .js-p-archiveGallery__OverlapWrap {
    height: calc(100vh - 108px);
  }
}

.js-p-archiveGallery__OverlapContent {
  will-change: transform;
}

.js-p-archiveGallery__OverlapPage {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  .js-p-archiveGallery__OverlapPage {
    padding-top: 108px;
    padding-bottom: 108px;
  }
}

.p-archiveNews__News {
  padding-top: clamp(6.25rem, 10.18vw + 3.8640625rem, 8.75rem);
  padding-bottom: 6.25rem;
  background-color: #131313;
}
@media screen and (min-width: 768px) {
  .p-archiveNews__News {
    padding-top: clamp(13.125rem, 13.39vw + 6.6978rem, 18.75rem);
  }
}

.p-archiveNews__Container {
  padding-inline: 7.2%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-archiveNews__Container {
    max-width: 68.75rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}

.p-archiveNews__Layout {
  margin-top: 4rem;
}

.p-archiveNews__Body {
  margin-top: 4rem;
}

.p-archiveNews__PostList {
  margin-top: 2.0625rem;
}
@media screen and (min-width: 768px) {
  .p-archiveNews__PostList {
    margin-top: 3.75rem;
  }
}

.p-archiveNews__ItemNoteArea {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-archiveNews__ItemNoteArea {
    flex-direction: row;
  }
}

.p-archiveNews__PostItemLink {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-block: 1.25rem;
  border-bottom: 1px solid #ffffff;
}
@media screen and (min-width: 568px) {
  .p-archiveNews__PostItemLink {
    flex-direction: row;
    align-items: center;
  }
}

.p-archiveNews__ImageWrap {
  width: 100%;
  aspect-ratio: 1.5;
}

.p-archiveNews__ItemNoteArea {
  width: 100%;
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-archiveNews__ItemNoteArea {
    align-items: center;
  }
}

.p-archiveNews__ItemTitle {
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 2; /* 行数を制限 */
  line-height: 1.5;
  text-overflow: ellipsis; /* 語尾を3点リーダーに */
  overflow: clip; /* はみ出た部分を非表示 */
  font-size: 20px;
  font-weight: 700;
  line-height: 32px; /* 160% */
  letter-spacing: 0.8px;
}

.p-archiveNews__CategoryWrap {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 10px;
  background: linear-gradient(90deg, #d19652 0%, #f2c48e 100%);
  color: #393939;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5; /* 22.5px */
}

.p-archiveNews__ItemDate {
  position: relative;
  padding-top: 1.25rem;
  margin-left: 2.5rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25; /* 125% */
  letter-spacing: 1.6px;
}
@media screen and (min-width: 768px) {
  .p-archiveNews__ItemDate {
    padding-top: unset;
  }
}

.p-archiveNews__EventDate {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 55px;
}

.p-archiveNews__Ended {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding-block: 0.25rem;
  padding-inline: 0.375rem;
  background-color: #cb2222;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2; /* 166.667% */
  letter-spacing: 1.2px;
}

.p-archiveNews__PostDate {
  margin-left: auto;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 22px;
  color: #b7a8a8;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5; /* 320% */
  letter-spacing: 0.4px;
}
.p-archiveNews__PostDate::before {
  position: absolute;
  top: 50%;
  left: 0.625rem;
  transform: translate(-50%, -50%);
  width: 0.625rem;
  aspect-ratio: 1;
  background-image: url(../images/icon/update.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.p-singleNews__Content {
  margin-top: 2.5rem;
}

.p-archiveNews__PaginationWrap {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}

.p-archiveNews__PaginationWrap .pagination {
  display: flex;
  justify-content: center;
  gap: 0.625rem;
}

.p-archiveNews__PaginationWrap .page-numbers {
  display: flex;
  justify-content: center;
}

.p-archiveNews__PaginationWrap .page-individual {
  padding-inline: 0.75rem;
  padding-block: 0.5625rem;
  border: 1px solid #ffffff;
  border-radius: 0.25rem;
}

.page-numbers.current {
  background: linear-gradient(90deg, #d19652 0%, #f2c48e 100%);
  color: #393939;
}

.p-archiveWineHero {
  color: #393939;
}

.p-archiveWineHero__EyeCatchWrap {
  position: absolute;
  bottom: 7%;
  left: 5%;
}
@media screen and (min-width: 768px) {
  .p-archiveWineHero__EyeCatchWrap {
    bottom: 1.875rem;
    left: 6.3888888889%;
  }
}

.p-archiveWineHero__EyeCatch {
  position: relative;
  z-index: 0;
  color: #ffffff;
}
.p-archiveWineHero__EyeCatch::before {
  position: absolute; /* 絶対位置指定で重ねる */
  top: 50%; /* 上下中央 */
  left: 50%; /* 左右中央 */
  z-index: -1;
  transform: translate(-50%, -50%); /* 中央寄せ */
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  filter: blur(6px);
  content: "";
}
@media screen and (min-width: 768px) {
  .p-archiveWineHero__EyeCatch {
    padding-block: 1.3125rem 1.625rem;
    padding-inline: 2.625rem 0.5rem;
  }
}

.p-archiveWinePassion {
  background: #131313;
  padding-bottom: clamp(3.125rem, 5.09vw + 1.93203125rem, 4.375rem);
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion {
    padding-bottom: clamp(4.3125rem, 4.32vw + 2.2389rem, 6.125rem);
  }
}

.p-archiveWinePassion__Body {
  margin-top: clamp(2.1875rem, 3.56vw + 1.353125rem, 3.0625rem);
}
@media (min-width: 768px) {
  .p-archiveWinePassion__Body {
    margin-top: clamp(4.3125rem, 4.32vw + 2.2389rem, 6.125rem);
  }
}

.p-archiveWinePassion__Container-upper {
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__Container-upper {
    max-width: 77.5rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}

.p-archiveWinePassion__Container-lower {
  padding-inline: 0%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__Container-lower {
    max-width: 77.5rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}

.p-archiveWinePassion__ToplineTitle {
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* SP_セクションタ_NoSe20 */
  font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(1.25rem, 2.04vw + 0.771875rem, 1.75rem);
  font-weight: 400;
  line-height: 1.5em; /* 150% */
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__ToplineTitle {
    font-size: clamp(1.375rem, 1.49vw + 0.6598rem, 2rem);
    text-align: center;
    font-weight: 700;
    letter-spacing: 1.6px;
  }
}

.p-archiveWinePassion__Topline {
  margin-top: clamp(0.875rem, 1.53vw + 0.51640625rem, 1.25rem);
  font-size: clamp(0.875rem, 1.53vw + 0.51640625rem, 1.25rem);
  font-weight: 500;
  line-height: 2; /* 200% */
  letter-spacing: 0.07em;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__Topline {
    word-break: auto-phrase;
    line-break: strict;
    overflow-wrap: break-word;
    text-wrap: pretty;
    margin-top: clamp(1.125rem, 1.04vw + 0.6258rem, 1.5625rem);
    text-align: center;
    letter-spacing: 0.1em;
  }
}

.p-archiveWinePassion__GallaryWrap {
  display: grid;
  margin-top: clamp(1.5625rem, 14.88vw + -5.5799rem, 7.8125rem);
  margin-inline: calc(50% - 50vw);
  grid-template-columns: 57.3333333333% 40.5333333333%;
  grid-template-rows: auto;
  grid-template-areas: "Item01 Item02" "Item01 Item03" "Item01 Item04" "Item05 Item05";
  row-gap: clamp(0.5rem, 0.76vw + 0.321875rem, 0.6875rem);
  -moz-column-gap: clamp(0.5rem, 0.76vw + 0.321875rem, 0.6875rem);
       column-gap: clamp(0.5rem, 0.76vw + 0.321875rem, 0.6875rem);
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__GallaryWrap {
    margin-inline: auto;
    grid-template-columns: 27.1186440678% 41.0169491525% 27.1186440678%;
    grid-template-rows: auto;
    grid-template-areas: "Item01 ItemWrap-U Item04 " "Item01 Item05 Item04 " "Item01 Item05 Item09" "Item06 Item05 Item09" "Item06 ItemWrap-L Item09";
    row-gap: clamp(1rem, 1.79vw + 0.1408rem, 1.75rem);
    -moz-column-gap: clamp(1rem, 1.79vw + 0.1408rem, 1.75rem);
         column-gap: clamp(1rem, 1.79vw + 0.1408rem, 1.75rem);
    justify-content: space-between;
    width: 100%;
  }
}

.p-archiveWinePassion__GallaryItemAreaWrap {
  display: contents;
}

.p-archiveWinePassion__GallaryItemArea {
  display: contents;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__GallaryItemArea {
    display: flex;
    -moz-column-gap: clamp(1rem, 1.79vw + 0.1408rem, 1.75rem);
         column-gap: clamp(1rem, 1.79vw + 0.1408rem, 1.75rem);
  }
}

.p-archiveWinePassion__GallaryItem01 {
  grid-area: Item01;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__GallaryItem01 {
    max-width: 20rem;
    aspect-ratio: 0.64;
  }
}

.p-archiveWinePassion__GallaryItem02 {
  grid-area: Item02;
  aspect-ratio: 1.3333333333;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__GallaryItem02 {
    max-width: 20.9375rem;
    aspect-ratio: 2.09375;
  }
}

.p-archiveWinePassion__GallaryItem03 {
  grid-area: Item03;
  aspect-ratio: 1.3333333333;
  align-self: center;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__GallaryItem03 {
    max-width: 7.5625rem;
    aspect-ratio: 0.75625;
    align-self: unset;
  }
}

.p-archiveWinePassion__GallaryItem04 {
  grid-area: Item04;
  aspect-ratio: 1.2773109244;
  align-self: flex-end;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__GallaryItem04 {
    max-width: 20rem;
    aspect-ratio: 1.3333333333;
    align-self: unset;
  }
}

.p-archiveWinePassion__GallaryItem05 {
  grid-area: Item05;
  aspect-ratio: 1.3489208633;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__GallaryItem05 {
    max-width: 30.25rem;
    aspect-ratio: 1.3595505618;
  }
}

.p-archiveWinePassion__GallaryItem06 {
  grid-area: Item06;
  display: none;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__GallaryItem06 {
    display: block;
    max-width: 20rem;
    aspect-ratio: 1.3333333333;
  }
}

.p-archiveWinePassion__GallaryItem07 {
  grid-area: Item07;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__GallaryItem07 {
    max-width: 7.5625rem;
    aspect-ratio: 0.605;
  }
}

.p-archiveWinePassion__GallaryItem08 {
  grid-area: Item08;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__GallaryItem08 {
    max-width: 20.9375rem;
    aspect-ratio: 1.675;
  }
}

@media screen and (min-width: 768px) {
  .p-archiveWinePassion__GallaryItem09 {
    grid-area: Item09;
    max-width: 20rem;
    aspect-ratio: 0.64;
  }
}

.p-archiveWinePassion__Image01Wrap {
  aspect-ratio: 0.5922865014;
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__Image01Wrap {
    aspect-ratio: 0.64;
  }
}

.p-archiveWinePassion__Image02Wrap {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-archiveWinePassion__Image03Wrap {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-archiveWinePassion__Image04Wrap {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__Image05Wrap {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.p-archiveWinePassion__Image06Wrap {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__Image06Wrap {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.p-archiveWinePassion__GallaryItemLowerArea {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__GallaryItemLowerArea {
    display: block;
  }
}

.p-archiveWinePassion__Image07Wrap {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__Image07Wrap {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.p-archiveWinePassion__Image08Wrap {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__Image08Wrap {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.p-archiveWinePassion__GallaryItem09 {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePassion__GallaryItem09 {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .p-archiveWinePassion__Image09Wrap {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.p-archiveWineHowToUse {
  background-color: #313131;
  padding-top: clamp(4.0625rem, 6.62vw + 2.5109375rem, 5.6875rem);
}
@media screen and (min-width: 768px) {
  .p-archiveWineHowToUse {
    padding-top: clamp(6.8125rem, 6.85vw + 3.5245rem, 9.6875rem);
    padding-bottom: 5.9375rem;
  }
}

.p-archiveWineHowToUse__Container {
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-archiveWineHowToUse__Container {
    max-width: 93.75rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}
@media screen and (min-width: 768px) {
  .p-archiveWineHowToUse__Container {
    padding-right: 0;
  }
}

.p-archiveWineHowToUse__Body {
  margin-top: clamp(2rem, 3.31vw + 1.22421875rem, 2.8125rem);
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-archiveWineHowToUse__Body {
    margin-top: clamp(4.3125rem, 4.32vw + 2.2389rem, 6.125rem);
    padding-left: clamp(0rem, 22.92vw + -11.0016rem, 9.625rem);
    flex-direction: row;
    align-items: flex-start;
    -moz-column-gap: clamp(1.25rem, 12.95vw + -4.966rem, 6.6875rem);
         column-gap: clamp(1.25rem, 12.95vw + -4.966rem, 6.6875rem);
  }
}

.p-archiveWineHowToUse__NoteWrap {
  font-size: 14px;
  font-weight: 500;
  line-height: 2; /* 200% */
  letter-spacing: 0.92px;
}
@media screen and (min-width: 768px) {
  .p-archiveWineHowToUse__NoteWrap {
    margin-top: -0.25rem;
    font-size: 16px;
    flex-basis: 578px;
    word-break: auto-phrase;
    line-break: strict;
    overflow-wrap: break-word;
    text-wrap: pretty;
    line-height: 40px; /* 250% */
    letter-spacing: 1.6px;
  }
}

.p-archiveWineHowToUse__ImageWrap {
  margin-top: 1.75rem;
  display: block;
  margin-inline: calc(50% - 50vw);
  aspect-ratio: 0.8278145695;
}
@media screen and (min-width: 768px) {
  .p-archiveWineHowToUse__ImageWrap {
    margin-top: unset;
    margin-inline: unset;
    margin-left: auto;
    flex-basis: 35.5rem;
    aspect-ratio: 0.8340675477;
  }
}

.p-archiveWineHowToUse__StepBlock {
  position: relative;
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-archiveWineHowToUse__StepBlock {
    margin-top: 1.5rem;
  }
}

.p-archiveWineHowToUse__StepWrap {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.p-archiveWineHowToUse__StepWrap:not(:first-child) {
  margin-top: 4.6875rem;
}
.p-archiveWineHowToUse__StepWrap:not(:last-child)::before {
  position: absolute;
  bottom: -4.0625rem;
  left: 0;
  width: 1.25rem;
  aspect-ratio: 0.3921568627;
  background-image: url(../images/icon/arrow-wine.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 768px) {
  .p-archiveWineHowToUse__StepWrap {
    margin-top: 1.5rem;
  }
  .p-archiveWineHowToUse__StepWrap:not(:first-child)::before {
    bottom: -4.375rem;
  }
  .p-archiveWineHowToUse__StepWrap:not(:first-child) {
    margin-top: 5.375rem;
  }
}

.p-archiveWineHowToUse__StepTitleWrap-BGColor {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #727171;
  position: relative;
  padding-block: 0.3125rem;
  padding-inline: 1.25rem 1.125rem;
}
.p-archiveWineHowToUse__StepTitleWrap-BGColor::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #d19652 0%, #f2c48e 100%);
  content: "";
}
@media screen and (min-width: 768px) {
  .p-archiveWineHowToUse__StepTitleWrap-BGColor {
    padding-block: 0.375rem;
    padding-inline: 1.25rem 1em;
  }
}

.p-archiveWineHowToUse__StepTitleWrap-BGGradation {
  width: 100%;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: clamp(1.25rem, 2.04vw + 0.771875rem, 1.75rem);
  font-weight: 400;
  line-height: 1.3; /* 137.143% */
  letter-spacing: 2px;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-archiveWineHowToUse__StepTitleWrap-BGGradation {
    letter-spacing: 3.5px;
    font-size: clamp(1.5625rem, 1.49vw + 0.8473rem, 2.1875rem);
  }
}

@media screen and (min-width: 768px) {
  .p-archiveWineHowToUse__StepNumber {
    letter-spacing: -0.125em;
  }
}

.p-archiveWineHowToUse__StepTitle {
  display: inline-block;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-archiveWineHowToUse__StepTitle {
    margin-left: 0.75rem;
    letter-spacing: 0.1142857143em;
  }
}

.p-archiveWineHowToUse__StepNote {
  margin-top: 1.125rem;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-archiveWineHowToUse__StepNote {
    margin-top: 1.125rem;
    letter-spacing: 0.2em;
  }
}

.p-archiveWineList {
  position: relative;
  padding-block: clamp(4.25rem, 6.87vw + 2.63984375rem, 5.9375rem) clamp(4.0625rem, 6.62vw + 2.5109375rem, 5.6875rem);
}
@media screen and (min-width: 768px) {
  .p-archiveWineList {
    padding-top: clamp(6.8125rem, 6.85vw + 3.5245rem, 9.6875rem);
    padding-bottom: 5.9375rem;
  }
}

.p-archiveWineList__BgFix {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background-color: #131313; /* 色を先に指定 */
  background-image: url(../images/pages/sub/wine/wine-list-bg-pc.png); /* 画像を後に指定 */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.p-archiveWineList__BgFix.is-BgFixed {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100dvh;
}

.p-archiveWineList__Body {
  margin-top: clamp(2.1875rem, 3.56vw + 1.353125rem, 3.0625rem);
}
@media screen and (min-width: 768px) {
  .p-archiveWineList__Body {
    margin-top: clamp(4.3125rem, 4.32vw + 2.2389rem, 6.125rem);
  }
}

.p-archiveWineList__ListArea {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .p-archiveWineList__ListArea {
    margin-top: 3rem;
  }
}

.p-archiveWineList__ListWrap {
  margin-top: clamp(1.4375rem, 2.29vw + 0.90078125rem, 2rem);
}
@media screen and (min-width: 768px) {
  .p-archiveWineList__ListWrap {
    margin-top: 1.25rem;
  }
}

.p-archiveWineList__WineItem:not(:first-child) {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-archiveWineList__WineItem:not(:first-child) {
    margin-top: 1.875rem;
  }
}

.p-archiveWineList__NameWrap {
  line-height: 1.625;
}

.p-archiveWineList__CategoryTitle {
  text-transform: capitalize;
  /* セクションタイトル_DS40 */
  font-family: "Dancing Script";
  font-size: clamp(2rem, 3.31vw + 1.22421875rem, 2.8125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 48px; /* 120% */
  letter-spacing: 0.07em;
}
@media screen and (min-width: 768px) {
  .p-archiveWineList__CategoryTitle {
    font-size: 40px;
    letter-spacing: 2px;
  }
}

.p-archiveWineList__CategoryLineUp:nth-child(3) {
  margin-top: 6.25rem;
}

.p-archiveWineList__Container {
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-archiveWineList__Container {
    max-width: 60.375rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}

.p-archiveWineList__ItemLink {
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  .p-archiveWineList__ItemLink {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
}
@media (hover: hover) {
  .p-archiveWineList__ItemLink:hover {
    background-image: linear-gradient(90deg, #d19652, #f2c48e);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

@media screen and (min-width: 768px) {
  .p-archiveWineList__BottunWrap {
    display: none;
  }
}

.p-archiveWineList__BottunTitle {
  position: relative;
  padding-block: 0.4375rem;
  padding-left: 0.4375rem;
  border-top: #ffffff 1px solid;
  /* セクションタイトル_DS40 */
  text-transform: capitalize;
  font-family: "Dancing Script";
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px; /* 120% */
  letter-spacing: 1.5px;
}
.p-archiveWineList__BottunTitle::before {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 2rem;
  aspect-ratio: 1;
  -webkit-mask-image: url(../images/general/arrow.svg);
          mask-image: url(../images/general/arrow.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #ffffff;
  content: "";
}
.p-archiveWineList__BottunTitle:not(:first-child)::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  content: "";
}

.p-archiveWineList__CategoryLineUp {
  margin-top: clamp(2.5rem, 4.07vw + 1.54609375rem, 3.5rem);
}

.p-archiveWinePrice {
  background-color: #313131;
  padding-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePrice {
    padding-top: 6.8125rem;
    padding-bottom: 6.125rem;
  }
}

.p-archiveWinePrice__Container {
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePrice__Container {
    max-width: 93.75rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}
@media screen and (min-width: 768px) {
  .p-archiveWinePrice__Container {
    padding-right: 0;
  }
}

.p-archiveWinePrice__Body {
  margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePrice__Body {
    margin-top: 5.625rem;
    padding-left: clamp(0rem, 24.11vw + -11.5728rem, 10.125rem);
    display: flex;
    align-items: flex-start;
  }
}

@media screen and (min-width: 768px) {
  .p-archiveWinePrice__NoteArea {
    flex: 1;
  }
}

.p-archiveWinePrice__ImageArea {
  margin-top: 1.625rem;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePrice__ImageArea {
    margin-top: 1rem;
    flex: 1;
  }
}

.p-archiveWinePrice__ImageWrap {
  display: block;
  margin-inline: calc(50% - 50vw);
  width: 100vw;
  aspect-ratio: 1.5;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePrice__ImageWrap {
    margin-left: auto;
    margin-right: unset;
    width: 97%;
    aspect-ratio: 1.0740740741;
  }
}

@media screen and (min-width: 768px) {
  .p-archiveWinePrice__NoteWrap {
    max-width: 31.25rem;
  }
}

.p-archiveWinePrice__Note {
  font-weight: 500;
}
.p-archiveWinePrice__Note:not(:first-child) {
  margin-top: -0.1875rem;
}
.p-archiveWinePrice__Note:nth-child(1) {
  margin-top: 0rem;
  line-height: 2em;
}
.p-archiveWinePrice__Note:nth-child(2) {
  margin-top: -0.375rem;
  line-height: 1.3571428571em;
}
.p-archiveWinePrice__Note:nth-child(3) {
  margin-top: 0.125rem;
  line-height: 2em;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePrice__Note {
    line-height: 2.5em; /* 250% */
    letter-spacing: 1.6px;
  }
  .p-archiveWinePrice__Note:nth-child(2) {
    margin-top: 2.5rem;
  }
}

.p-archiveWinePrice__NoteHieght {
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  line-height: 40px;
  line-height: 2.8571428571em;
}
@media screen and (min-width: 768px) {
  .p-archiveWinePrice__NoteHieght {
    font-size: 1.125rem;
    line-height: 2.2222222222em;
    letter-spacing: 1.8px;
  }
}

.p-archiveWinePrice__FoodBonus {
  margin-top: 1.875rem;
  padding-inline: 0.25rem;
}

.p-singleEvents {
  background: #131313;
  padding-block: clamp(4.0625rem, 6.62vw + 2.5109375rem, 5.6875rem) clamp(5rem, 8.14vw + 3.0921875rem, 7rem);
}
@media screen and (min-width: 768px) {
  .p-singleEvents {
    padding-block: clamp(6.8125rem, 6.85vw + 3.5245rem, 9.6875rem);
  }
}

.p-singleEvents__Container {
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-singleEvents__Container {
    max-width: 68.75rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}

.p-singleEvents__EyeCatchWrap {
  position: absolute;
  bottom: 7%;
  left: 6.3888888889%;
}

.p-singleEvents__Date {
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
  color: #b7a8a8;
  font-size: 0.625rem;
  position: relative;
}
.p-singleEvents__Date::before {
  position: absolute;
  top: 50%;
  left: -0.625rem;
  transform: translate(-50%, -50%);
  width: 0.625rem;
  aspect-ratio: 1;
  background-image: url(../images/icon/update.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media (min-width: 768px) {
  .p-singleEvents__Date {
    margin-top: clamp(4.3125rem, 4.32vw + 2.2389rem, 6.125rem);
  }
}

.p-singleEvents__Content p,
.p-singleEvents__Content ul {
  margin-top: 1rem;
}

.p-singleEvents__ToplineTitle {
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  text-align: center;
  /* SP_セクションタ_NoSe20 */
  font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(1.25rem, 1.79vw + 0.3908rem, 2rem);
  font-weight: 400;
  line-height: 1.5em; /* 150% */
  letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
  .p-singleEvents__ToplineTitle {
    margin-top: 6.125rem;
    /* セクションタイトル_NoSe32B */
    font-weight: 700;
    letter-spacing: 1.6px;
  }
}

.p-singleEvents__Layout {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-singleEvents__Layout {
    gap: 5%;
    flex-direction: row;
  }
}

@media screen and (min-width: 768px) {
  .p-singleEvents__LayoutMain {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .p-singleEvents__LayoutSide {
    width: 45%;
  }
}

.p-singleEvents__TagWrap {
  width: -moz-fit-content;
  width: fit-content;
  background: var(--_G, linear-gradient(90deg, #d19652 0%, #f2c48e 100%));
  color: #393939;
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  padding-block: 0.1875rem;
  padding-inline: 0.5625rem;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2; /* 13px */
  letter-spacing: 0;
}

.p-singleEvents__Title {
  margin-top: 1.25rem;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(1.25rem, 2.04vw + 0.771875rem, 1.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 150% */
  letter-spacing: 0.1em;
  word-break: auto-phrase;
  line-break: strict;
}
@media screen and (min-width: 768px) {
  .p-singleEvents__Title {
    font-weight: 700;
    font-size: clamp(1.375rem, 1.49vw + 0.6598rem, 2rem);
    letter-spacing: 1.6px;
  }
}

.p-singleEvents__Subtitle {
  margin-top: 1.3125rem;
  font-size: clamp(1rem, 1.53vw + 0.64140625rem, 1.375rem);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 1.12px;
}
@media screen and (min-width: 768px) {
  .p-singleEvents__Subtitle {
    font-size: clamp(1.0625rem, 1.04vw + 0.5633rem, 1.5rem);
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: 0.96px;
  }
}

.p-singleEvents__NotionArea {
  margin-top: clamp(1.25rem, 2.04vw + 0.771875rem, 1.75rem);
  padding-block: 0.875rem;
  padding-inline: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  color: #393939;
}
@media screen and (min-width: 768px) {
  .p-singleEvents__NotionArea {
    margin-top: clamp(2.125rem, 2.08vw + 1.1266rem, 3rem);
  }
}

.p-singleEvents__ItemWrap {
  display: flex;
  align-items: self-start;
  gap: 0.5625rem;
}
@media screen and (min-width: 768px) {
  .p-singleEvents__ItemWrap {
    align-items: center;
  }
}

.p-singleEvents__Image02Wrap,
.p-singleEvents__Image03Wrap {
  margin-top: 1.25rem;
  width: 100%;
  aspect-ratio: 1.5015873016;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-singleEvents__ItemTitle {
  width: 3.875rem;
  padding-block: 0.25rem 0.25rem;
  padding-inline: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2; /* 10.4px */
  letter-spacing: 1.3px;
  border: 1px solid #393939;
  border-radius: 32px;
}
@media screen and (min-width: 768px) {
  .p-singleEvents__ItemTitle {
    width: 5.25rem;
    padding-inline: 1.125rem;
  }
}

.p-singleEvents__Space {
  flex: 0 0 5.25rem;
}

.p-singleEvents__ItemNote {
  font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-weight: 700;
  line-height: 180%; /* 28.8px */
  letter-spacing: 1.6px;
}

.p-singleEvents__DateNumber {
  font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 180%; /* 43.2px */
  letter-spacing: 2.4px;
}
@media screen and (min-width: 768px) {
  .p-singleEvents__DateNumber {
    font-size: 24px;
  }
}

.p-singleEvents__DateText01 {
  letter-spacing: 1.6px;
  margin-left: 7px;
}

.p-singleEvents__DateText03 {
  letter-spacing: 1.6px;
  margin-left: 10px;
}

.p-singleEvents__DateTime {
  margin-left: 10px;
  font-size: 15px;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 1.5px;
}
@media screen and (min-width: 768px) {
  .p-singleEvents__DateTime {
    font-size: 20px;
    letter-spacing: 5px;
  }
}

.p-singleEvents__Remarks {
  font-size: 13px;
  font-weight: 700;
  line-height: 170%; /* 27.2px */
  letter-spacing: 1.6px;
}
@media screen and (min-width: 768px) {
  .p-singleEvents__Remarks {
    font-size: 16px;
  }
}

.p-singleEvents__ButtonWrap {
  margin-top: 3.125rem;
  text-align: center;
}

.p-singleEvents__PagerWrap {
  margin-top: 6.25rem;
}

.p-singleEvents__PagenationWrap {
  margin-top: 2.375rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-singleEvents__PagenationWrap {
    margin-top: 5.625rem;
    margin-inline: auto;
  }
}

.p-singleGallery__ImagaWrap {
  margin-inline: auto;
  max-width: 61.25rem;
  aspect-ratio: 1.7777777778;
}

.p-singleGallery__Body {
  margin-top: clamp(1.25rem, 2.04vw + 0.771875rem, 1.75rem);
}
@media screen and (min-width: 768px) {
  .p-singleGallery__Body {
    margin-top: clamp(2.1875rem, 2.23vw + 1.1171rem, 3.125rem);
  }
}

.p-singleGallery__Pagination {
  margin-top: clamp(2.5rem, 4.07vw + 1.54609375rem, 3.5rem);
}
@media screen and (min-width: 768px) {
  .p-singleGallery__Pagination {
    margin-top: clamp(3.5rem, 3.57vw + 1.7864rem, 5rem);
  }
}

.p-singleSingle {
  background-color: #131313;
}
@media screen and (min-width: 768px) {
  .p-singleSingle {
    padding-top: 11.5625rem;
  }
}

.p-singleSingle__Body {
  margin-top: 2.5rem;
}

.p-singleSingle__PagerWrap {
  margin-top: 60px;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  gap: 2.5rem;
}

.p-singleSingle__PageArchiveLink {
  width: -moz-fit-content;
  width: fit-content;
}

.pg-Single__Layout {
  padding-bottom: 161px;
}

.pg-SingleHeader {
  margin-bottom: 48px;
}

.pg-SingleHeader__Headline01 {
  padding-top: 3px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4285714286;
  letter-spacing: 2.2px;
}

.pg-SingleHeader__PostInfo {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 32px;
}

.pg-SingleHeader__Date {
  font-size: 16px;
  padding-left: 20px;
  position: relative;
}
.pg-SingleHeader__Date::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(../images/icon/i-time.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

.pg-Single__Content p {
  margin-top: 26px;
  letter-spacing: 0px;
  line-height: 1.7;
}

.pg-Single__Content > figure {
  margin-top: 26px;
}

.pg-Single__Content > figure > img {
  width: 100%;
  aspect-ratio: 1.5952380952;
  -o-object-fit: cover;
     object-fit: cover;
}

.pg-Single__Content ul {
  margin-top: 21px;
}

.pg-Single__Content li {
  margin-top: 2px;
  font-size: 16px;
  line-height: 30px;
  padding-left: 28px;
  letter-spacing: 0px;
  position: relative;
}
.pg-Single__Content li::after {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  content: "";
  width: 4px;
  height: 4px;
  background-color: #393939;
  border-radius: 50%;
}
.pg-Single__Content li:not(:first-child) {
  margin-top: 4px;
}

.pg-SingleBody__Pager {
  margin-top: 75px;
  height: 36px;
  display: flex;
  justify-content: center;
  gap: 20px;
}

.pg-SinglePager__Prev,
.pg-SinglePager__Next {
  width: 124px;
  height: 36px;
}

.p-singleWineHero {
  color: #393939;
  position: relative;
  width: 100%;
}

.p-singleWineHero__BgWrap {
  width: 100%;
  height: 100%;
  aspect-ratio: 1.978021978;
}

.p-singleWineHero__EyeCatchWrap {
  bottom: 1.875rem;
  position: absolute;
  left: 6.3888888889%;
}

.p-singleWineHero__EyeCatch {
  background-color: #ffffff;
  position: relative;
  z-index: 0;
}
.p-singleWineHero__EyeCatch::before {
  position: absolute; /* 絶対位置指定で重ねる */
  top: 50%; /* 上下中央 */
  left: 50%; /* 左右中央 */
  z-index: -1;
  transform: translate(-50%, -50%); /* 中央寄せ */
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  filter: blur(6px);
  content: "";
}
@media screen and (min-width: 768px) {
  .p-singleWineHero__EyeCatch {
    padding-block: 1.3125rem 1.625rem;
    padding-inline: 2.625rem 0.5rem;
  }
}

.p-singleWine {
  background-color: #131313;
  background-image: url(../images/pages/sub/wine/wine-single-bg.png);
}
@supports (background-image: url("../images/pages/sub/wine/wine-single-bg.webp")) {
  .p-singleWine {
    background-image: url("../images/pages/sub/wine/wine-single-bg.webp");
  }
}
.p-singleWine {
  background-size: cover;
}

.p-singleWine__Container {
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-singleWine__Container {
    max-width: 77.5rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}

.p-singleWine__Layout {
  display: grid;
  grid-template-areas: "Item01" "Item02" "Item03" "Item04" "Item05";
  -moz-column-gap: clamp(0.625rem, 1.49vw + -0.0902rem, 1.25rem);
       column-gap: clamp(0.625rem, 1.49vw + -0.0902rem, 1.25rem);
}
.p-singleWine__Layout__NewsItem01 {
  grid-area: Item01;
}
.p-singleWine__Layout__NewsItem02 {
  grid-area: Item02;
}
.p-singleWine__Layout__NewsItem03 {
  grid-area: Item03;
}
.p-singleWine__Layout__NewsItem04 {
  grid-area: Item04;
}
@media screen and (min-width: 768px) {
  .p-singleWine__Layout {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "Item01 Item03" "Item02 Item03" "Item04 Item03" "Item05 Item05";
    -moz-column-gap: clamp(1.25rem, 11.31vw + -4.1788rem, 6rem);
         column-gap: clamp(1.25rem, 11.31vw + -4.1788rem, 6rem);
  }
}
@media screen and (min-width: 1024px) {
  .p-singleWine__Layout {
    grid-template-columns: auto 468px;
  }
}

.p-singleWine__NoteArea01 {
  grid-area: Item01;
}

.p-singleWine__NoteArea02 {
  grid-area: Item02;
  margin-top: 1.25rem;
}

.p-singleWine__NoteArea03 {
  grid-area: Item03;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-singleWine__NoteArea03 {
    margin-top: unset;
  }
}

.p-singleWine__NoteArea04 {
  grid-area: Item04;
}

.p-singleWine__NoteArea05 {
  grid-area: Item05;
}

.p-singleWine__ItemImage {
  margin-inline: auto;
  width: 100%;
  aspect-ratio: 0.7918781726;
}
@media screen and (min-width: 768px) {
  .p-singleWine__ItemImage {
    margin-inline: unset;
    margin-left: auto;
  }
}

.p-singleWine__Title-Japanese {
  max-width: 37.5rem;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2rem;
  font-weight: 700;
  line-height: 170%; /* 54.4px */
  letter-spacing: 1.6px;
}

.p-singleWine__Title-English {
  margin-top: 0.9375rem;
  max-width: 42.0625rem;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 170%; /* 37.4px */
  letter-spacing: 1.54px;
}

.p-singleFood__Layout {
  display: grid;
  grid-template-areas: "Item01" "Item02" "Item03" "Item04";
  -moz-column-gap: clamp(0.625rem, 1.49vw + -0.0902rem, 1.25rem);
       column-gap: clamp(0.625rem, 1.49vw + -0.0902rem, 1.25rem);
}
@media screen and (min-width: 768px) {
  .p-singleFood__Layout {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "Item01 Item03" "Item02 Item03" "Item04 Item04";
    -moz-column-gap: clamp(1.25rem, 11.31vw + -4.1788rem, 6rem);
         column-gap: clamp(1.25rem, 11.31vw + -4.1788rem, 6rem);
  }
}
@media screen and (min-width: 1024px) {
  .p-singleFood__Layout {
    grid-template-columns: auto 468px;
  }
}

.p-singleFood__NoteArea01 {
  grid-area: Item01;
}

.p-singleFood__NoteArea02 {
  grid-area: Item02;
  margin-top: 1.25rem;
}

.p-singleFood__NoteArea03 {
  grid-area: Item03;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-singleFood__NoteArea03 {
    margin-top: unset;
  }
}

.p-singleFood__NoteArea04 {
  grid-area: Item04;
}

.p-singleWine__Wine-Category,
.p-singleFood__Food-Category {
  margin-top: 2.5rem;
  min-width: 12.5rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.625rem 1.25rem;
  border: 1px solid #d19652;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 100%; /* 24px */
  letter-spacing: 2.4px;
}

.p-singleWine__ItemDataWrap,
.p-singleFood__ItemDataWrap {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.p-singleFood__ItemWrap,
.p-singleWine__ItemWrap {
  padding-block: 0.625rem 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: clamp(0.9375rem, 0vw + 0.9375rem, 0.9375rem);
  position: relative;
  border-bottom: 1px solid var(--_, #d19652);
}
.p-singleFood__ItemWrap:not(:first-child),
.p-singleWine__ItemWrap:not(:first-child) {
  margin-top: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .p-singleFood__ItemWrap,
  .p-singleWine__ItemWrap {
    -moz-column-gap: clamp(1.25rem, 12.5vw + -6.75rem, 4.5rem);
         column-gap: clamp(1.25rem, 12.5vw + -6.75rem, 4.5rem);
    flex-direction: row;
    align-items: center;
  }
}
.p-singleFood__ItemWrap.-memo,
.p-singleWine__ItemWrap.-memo {
  align-items: flex-start;
}

.p-singleFood__ItemTitle,
.p-singleWine__ItemTitle {
  min-width: 10.3125rem;
  padding: 10px 0.625rem;
  display: grid;
  place-items: center;
  background: #d19652;
  font-size: clamp(1rem, 0.3vw + 0.856rem, 1.125rem);
  font-weight: 600;
  line-height: 1.4; /* 18px */
  letter-spacing: 1.8px;
}

.p-singleWine__ItemData {
  font-size: clamp(1rem, 0.6vw + 0.712rem, 1.25rem);
}

.p-singleFood {
  background: #131313;
}

.p-singleFood__Container {
  padding-inline: 4.2666666667%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-singleFood__Container {
    max-width: 77.5rem;
    padding-inline: clamp(1rem, 2.08vw + 0.0016rem, 1.875rem);
  }
}

.p-singleFood__Card {
  display: flex;
  gap: 2.5rem;
}

.p-singleFood__ImageArea {
  flex: 0 0 39.6610169492%;
}

.p-singleFood__CardTitle {
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: 32px;
  font-weight: 700;
  line-height: 170%; /* 54.4px */
  letter-spacing: 1.6px;
}
@media screen and (min-width: 768px) {
  .p-singleFood__CardTitle {
    text-align: unset;
  }
}

.p-singleFood__CardCategory {
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid border #d19652;
  padding-block: 0.625rem;
  padding-inline: 1.5625rem;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 24px */
  letter-spacing: 2.4px;
}

.p-singleFood__ItemData {
  font-size: clamp(1rem, 1.53vw + 0.64140625rem, 1.375rem);
  font-weight: 500;
  line-height: 1.6; /* 32px */
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-singleFood__ItemData {
    font-size: clamp(1rem, 0.6vw + 0.712rem, 1.25rem);
    letter-spacing: 0.1em;
  }
}

@media screen and (min-width: 768px) {
  .p-singleFood__ItemData.-memo {
    padding-top: 0.25em;
  }
}

.p-singleNews__Body {
  margin-top: 4rem;
}

.p-singleNews__ItemWrap {
  margin-top: 4rem;
}

.p-singleNews__pagerWrap {
  margin-top: 5rem;
  padding-bottom: 3.75rem;
}