@charset "UTF-8";
/* ====================================== //
// フォント設定 - 種類
// ====================================== */
@font-face {
  font-family: "Noto Serif JP";
  src: url("../font/NotoSerifJP-VariableFont_wght.ttf") format("truetype");
  font-display: swap;
}
@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
// ====================================== */
* {
  outline: 1px solid magenta;
}

body {
  overflow-x: hidden;
  font-family: "Noto Serif JP";
  color: #ffffff;
  font-size: clamp(
    0.875rem,
    0.19vw + 0.83046875rem,
    1rem
  );
  font-family: "Noto Serif JP";
  font-weight: 500;
  line-height: 2em; /* 250% */
  letter-spacing: 0.98px;
}
@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: block;
  vertical-align: bottom;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

picture {
  display: 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;
}

.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: "";
}
@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;
}
@media screen and (min-width: 768px) {
  .c-Button__Container {
    width: min(f-rem-contentsWrap-basedMargin(150px), 100%);
  }
}

.c-Bonus {
  padding-top: clamp(
    1rem,
    1.53vw + 0.64140625rem,
    1.375rem
  );
  padding-inline: clamp(
    1rem,
    1.53vw + 0.64140625rem,
    1.375rem
  );
  border: 2px solid #d19652;
}
@media screen and (min-width: 768px) {
  .c-Bonus {
    padding-inline: 2.15625rem;
  }
  .pa-Menu__Food .c-Bonus {
    padding-block: 2.125rem;
    padding-inline: 2.15625rem;
    border: 2px solid #815a2c;
  }
  .pa-WinePrice .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;
}
.c-Bonus__Title::before {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
  width: 1.5rem;
  aspect-ratio: 1.2083333333;
  -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::after {
    bottom: clamp(
    -0.25rem,
    -0.3vw + -0.106rem,
    -0.375rem
  );
  }
}
.pa-Menu__Food .c-Bonus__Title {
  width: -webkit-fit-content;
  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;
}
.pa-Menu__Food .c-Bonus__Title::before {
  transform: translateY(-50%);
  width: 1.375rem;
  height: 2.875rem;
  -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) {
  .pa-Menu__Food .c-Bonus__Title {
    font-size: 2.25rem;
    padding-left: 2.5rem;
  }
}
.pa-WinePrice .c-Bonus__Title {
  width: -webkit-fit-content;
  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% */
}
.pa-WinePrice .c-Bonus__Title::before {
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
}
.pa-WinePrice .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) {
  .pa-WinePrice .c-Bonus__Title {
    width: 100%;
    padding-left: 1.625rem;
    font-size: clamp(
    1.125rem,
    1.19vw + 0.5538rem,
    1.625rem
  );
    letter-spacing: 1.3px;
  }
  .pa-WinePrice .c-Bonus__Title::before {
    width: 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;
}
.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) {
  .pa-WinePrice .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;
}
@media screen and (min-width: 768px) {
  .pa-Menu__Food .c-Bonus__ChargeBlock {
    margin-top: 0rem;
    padding-block: unset;
  }
  .pa-WinePrice .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;
  }
  .pa-WinePrice .c-Bonus__ImageWrap {
    margin-top: 1.125rem;
    padding-right: 1.5625rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .pa-WinePrice .c-Bonus__ImageWrap {
    padding-right: unset;
  }
}
@media screen and (min-width: 768px) {
  .pa-Menu__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;
}
.pa-Menu__Food .c-Bonus__ItemWrap:not(:first-child) {
  margin-top: 0.3125rem;
}
.c-Bonus__ItemWrap:not(:last-child)::before {
  position: absolute;
  bottom: -0.375rem;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
}
@media screen and (min-width: 768px) {
  .c-Bonus__ItemWrap {
    flex-direction: row;
    align-items: center;
  }
  .pa-WinePrice .c-Bonus__ItemWrap:not(:last-child)::before {
    background-image: linear-gradient(90deg, #d19652, #f2c48e);
  }
  .pa-Menu__Food .c-Bonus__ItemWrap:not(:last-child)::before {
    background-image: linear-gradient(90deg, #714d23, #815a2c);
  }
}

.c-Bonus__ItemTitleWrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-block: 0.4375rem;
  padding-inline: 1rem;
  display: flex;
  gap: 0.125rem;
  align-items: center;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #d19652;
  color: #ffffff;
}
@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;
  }
  .pa-Menu__FoodBonus .c-Bonus__ItemTitleWrap {
    margin-top: unset;
    row-gap: 0.3125rem;
  }
  .pa-WinePrice .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;
}
@media screen and (min-width: 768px) {
  .pa-Menu__FoodBonus .c-Bonus__ItemPrice {
    margin-top: unset;
    letter-spacing: 1.8px;
  }
  .pa-Menu__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;
}
.c-Bonus__ServiceWrap.-Horizontal {
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .c-Bonus__ServiceWrap {
    display: flex;
    margin-left: 2.625rem;
    align-items: center;
  }
  .pa-WinePrice .c-Bonus__ServiceWrap {
    -moz-column-gap: 0.9375rem;
         column-gap: 0.9375rem;
  }
  .pa-Menu__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;
  }
  .pa-Menu__Food .c-Bonus__Service {
    font-size: 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;
  }
  .pa-WinePrice .c-Bonus__Service01 {
    letter-spacing: 2px;
  }
  .pa-Menu__FoodBonus .c-Bonus__Service01 {
    font-size: 20px;
    font-weight: 500;
    line-height: 160%; /* 32px */
    letter-spacing: 2px;
  }
}

.c-Bonus__PlusWrap {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}

.c-Bonus__Plus {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6; /* 32px */
  letter-spacing: 2px;
}
@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;
  top: 50%;
  right: 0;
  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 (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: -webkit-fit-content;
  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: -webkit-fit-content;
  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;
  }
}

.mo-DrawerSP-IsOpen {
  overflow-y: hidden;
}

.mo-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: scroll;
  opacity: 0;
}
@media screen and (min-width: 480px) {
  .mo-DrawerSP {
    width: 375px;
  }
}
@media screen and (min-width: 1024px) {
  .mo-DrawerSP {
    margin-left: auto;
    position: relative;
    right: unset;
    display: flex;
    flex-direction: row;
    width: unset;
    height: unset;
    transform: unset;
    overflow-y: unset;
    opacity: 1;
  }
}
.mo-DrawerSP-IsOpen .mo-DrawerSP {
  transform: translateX(0);
  opacity: 1;
}

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

.mo-Burger__Icon {
  width: 1rem;
  height: 1rem;
  position: relative;
  z-index: 101;
}

.mo-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;
}
.mo-Burger__Line::before, .mo-Burger__Line::after {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: #ffffff;
  border-radius: 10px;
  transition: 0.3s ease transform;
}
.mo-Burger__Line::before {
  top: 3px;
}
.mo-Burger__Line::after {
  bottom: 3px;
}
.mo-DrawerSP-IsOpen .mo-Burger__Line {
  background-color: transparent;
}
.mo-DrawerSP-IsOpen .mo-Burger__Line::before {
  top: 50%;
  background-color: #ffffff;
  transform: translateY(-50%) rotate(405deg) scale(1.4);
}
.mo-DrawerSP-IsOpen .mo-Burger__Line::after {
  top: 50%;
  background-color: #ffffff;
  transform: translateY(-50%) rotate(-405deg) scale(1.4);
}

.mo-DrawerSP-IsOpen .mo-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) {
  .mo-DrawerSP__Layer {
    display: none;
  }
}

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

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

.mo-DrawerSPLogo {
  width: 268px;
  aspect-ratio: 8.9333333333;
}

.mo-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) {
  .mo-Collapse__SummaryWrap::after {
    top: 58%;
    right: 3%;
  }
}
details[open] .mo-Collapse__SummaryWrap::after {
  transform: translateY(-50%) rotate(90deg);
}

.mo-Collapse__Notes {
  transition: 0.3s display;
}

.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-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: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

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

.u-BgWhite {
  background: #ffffff;
}

.u-TextRed {
  color: #ee5a6d;
}

.ps-Single__PagerWrap {
  margin-top: 5.625rem;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
}

.ps-Single__PagerPrev,
.ps-Single__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;
}
.ps-Single__PagerPrev::before,
.ps-Single__PagerNext::before {
  width: 0.875rem;
  aspect-ratio: 1;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

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

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

.ps-Single__PageArchiveLink {
  padding-inline: 1rem 1.875rem;
}

.ps-Single__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;
}

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

.pu-Header__Container {
  margin-inline: auto;
  max-width: 90rem;
  height: 100%;
  padding-right: clamp(
    1rem,
    0.3vw + 0.856rem,
    1.125rem
  );
  padding-left: clamp(
    1rem,
    3.57vw + -0.7136rem,
    2.5rem
  );
  display: flex;
  align-items: center;
  z-index: 200;
  color: #ffffff;
}
.pu-Header__LogoWrap {
  display: flex;
  align-items: center;
}

.pu-Header__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) {
  .pu-Header__LogoLink {
    aspect-ratio: 2.225;
  }
}

.pu-Header__LogoSPLink {
  width: 106px;
  aspect-ratio: 2.2553191489;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
}
.pu-Header__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) {
  .pu-Header__LogoSPLink {
    display: none;
  }
  .pu-Header__LogoSPLink::before {
    content: none;
  }
}

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

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

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

.pu-Header__TelWrap {
  margin-top: 2px;
  margin-left: 3.5625rem;
  margin-right: 0.5rem;
}

.pu-Header__Tel {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2; /* 150% */
  letter-spacing: 0.96px;
  position: relative;
}
.pu-Header__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: "";
}

.pu-Header__NavLower {
  margin-top: 0.875rem;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .pu-Header__NavLower {
    margin-top: -0.1875rem;
    margin-left: auto;
    flex-direction: row;
    -moz-column-gap: clamp(
    1.5625rem,
    2.23vw + 0.4921rem,
    2.5rem
  );
         column-gap: clamp(
    1.5625rem,
    2.23vw + 0.4921rem,
    2.5rem
  );
  }
}

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

.pu-Header__NavItem {
  transition: 0.3s all ease;
  font-size: 1rem;
  cursor: pointer;
}
@media (hover: hover) {
  .pu-Header__NavItem:hover {
    background-image: linear-gradient(90deg, #d19652, #f2c48e);
  }
}

.pu-Header__NavLink {
  transition: 0.3s all ease;
}
@media screen and (min-width: 1024px) {
  .pu-Header__NavLink {
    font-weight: 700;
    line-height: 24px; /* 150% */
    letter-spacing: 0.64px;
  }
}

.pu-Header__NavInsta {
  margin-block: auto;
  display: block;
  width: 30px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../images/sns/instagram.svg);
          mask-image: url(../images/sns/instagram.svg);
  background-color: #ffffff;
}
@media (hover: hover) {
  .pu-Header__NavInsta:hover {
    background-image: linear-gradient(90deg, #d19652, #f2c48e);
  }
}

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

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

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

.pu-Footer__Layout {
  margin-inline: auto;
  width: -webkit-fit-content;
  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) {
  .pu-Footer__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) {
  .pu-Footer__Layout {
    align-items: center;
  }
}

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

.pu-Footer__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) {
  .pu-Footer__ShopName {
    margin-top: unset;
    margin-inline: unset;
    letter-spacing: 1.68px;
  }
}

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

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

.pu-Footer__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) {
  .pu-Footer__Address {
    flex-basis: clamp(
    1.25rem,
    1.46vw + -0.064rem,
    1.6875rem
  );
    letter-spacing: 2px;
  }
}
.pu-Footer__Address:not(:first-child) {
  margin-top: 0.25rem;
}

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

.pu-Footer__TelNote {
  font-size: 12px;
  font-weight: 700;
  line-height: 24px; /* 200% */
  letter-spacing: 0.48px;
}
@media screen and (min-width: 768px) {
  .pu-Footer__TelNote {
    display: none;
  }
}

.pu-Footer__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% */
}
.pu-Footer__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) {
  .pu-Footer__TelNumber {
    margin-left: unset;
    padding-left: 2.5rem;
    line-height: 1.5em; /* 75% */
    letter-spacing: 0px;
  }
}

.pu-Footer__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) {
  .pu-Footer__ButtonWrap {
    margin-top: 0.875rem;
  }
}

.pu-Footer__Button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 25px;
  margin-inline: auto;
  padding-block: 0.5rem;
  padding-inline: 3.625rem;
  border-radius: 39px;
  border: 1px solid #131313;
  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;
}
@media screen and (min-width: 768px) {
  .pu-Footer__Button {
    margin-top: unset;
    margin-inline: unset;
    letter-spacing: 1.2px;
    line-height: 2em; /* 200% */
  }
}

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

.pu-Footer__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;
}
.pu-Footer__OpenData:nth-child(2) {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .pu-Footer__OpenData {
    padding-inline: unset;
  }
  .pu-Footer__OpenData:nth-child(2) {
    margin-top: 1rem;
  }
}

.pu-Footer__OpenData01 {
  width: 5.5rem;
}

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

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

.pu-Footer__AreaCopy {
  margin-top: 42px;
  margin-inline: auto;
  width: -webkit-fit-content;
  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) {
  .pu-Footer__AreaCopy {
    margin-top: unset;
  }
}

.pu-Sticky01 {
  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) {
  .pu-Sticky01 {
    display: none;
  }
}

.pu-Sticky01__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
  );
}

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

.pu-Sticky01__Tel {
  white-space: nowrap;
  padding-left: 1.625rem;
  font-size: 24px;
  font-weight: 700;
  line-height: 1; /* 100% */
  letter-spacing: 0.96px;
  position: relative;
}
.pu-Sticky01__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: "";
}

.pu-Sticky01__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;
}
.pu-Sticky01__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: "";
}

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

.pu-Footer__Spacer {
  width: 100%;
  height: 66px;
}

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

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

.pu-Sticky02__ImageWrap {
  width: 5.1875rem;
  aspect-ratio: 1.2575757576;
}

.pu-Sticky02__Tel {
  margin-left: 4%;
  font-size: 20px;
  font-weight: 700;
  line-height: 48px; /* 240% */
  letter-spacing: 1px;
  position: relative;
}
.pu-Sticky02__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: "";
}

.pu-Footer__Insta2 {
  width: 2.25rem;
}

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

.pu-Sticky01__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);
}

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

.pu-Sticky01__Tel {
  white-space: nowrap;
  padding-left: 1.625rem;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.96px;
  position: relative;
}
.pu-Sticky01__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: "";
}

.pu-Sticky01__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;
}
.pu-Sticky01__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: 1.978021978;
  }
}

.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;
}

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

.pf-MainView {
  overflow: hidden;
}

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

.pf-MainView__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) {
  .pf-MainView__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) {
  .pf-MainView__Caption {
    font-size: 3.3333333333vw;
  }
}
@media screen and (min-width: 1921px) {
  .pf-MainView__Caption {
    font-size: 64;
  }
}

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

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

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

.pf-mvSlide__ImageWrap {
  width: 100%;
  height: 100%;
}

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

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

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

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

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

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

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

.pf-Concept__Caption {
  margin-top: clamp(
    2.25rem,
    3.56vw + 1.415625rem,
    3.125rem
  );
  /* SP_セクションタ_NoSe20 */
}
@media screen and (min-width: 768px) {
  .pf-Concept__Caption {
    margin-top: clamp(
    3.9375rem,
    4.02vw + 2.0079rem,
    5.625rem
  );
    text-align: center;
  }
}

.pf-Concept__Layout {
  width: 100%;
  display: grid;
  grid-template-areas: "Item01Wrap" "TextWrap" "Item03" "Item02";
}
@media screen and (min-width: 768px) {
  .pf-Concept__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;
  }
}

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

.pf-Concept__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";
}
.pf-Concept__Text:not(:first-child) {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .pf-Concept__Text {
    word-break: keep-all;
    overflow-wrap: anywhere;
    overflow-wrap: break-word;
    line-height: 2.5; /* 250% */
    letter-spacing: 2.5px;
  }
}

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

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

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

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

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

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

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

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

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

.pf-Concept__NoteBlock {
  flex-basis: 408px;
}

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

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

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

.pf-Enomathic {
  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) {
  .pf-Enomathic {
    padding-block: clamp(
    6.5625rem,
    6.7vw + 3.3465rem,
    9.375rem
  ) 0;
  }
}

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

.pf-Enomathic__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) {
  .pf-Enomathic__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";
  }
}

.pf-Enomathic__TextWrap {
  grid-area: EnomaticTextWrap;
}
@media screen and (min-width: 768px) {
  .pf-Enomathic__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
  );
  }
}

.pf-Enomathic__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) {
  .pf-Enomathic__Caption {
    margin-top: 27px;
    font-size: 35px;
    line-height: 1.37143; /* 137.143% */
    letter-spacing: 3.5px;
  }
}

.pf-Enomathic__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) {
  .pf-Enomathic__Text {
    margin-top: 50px;
    margin-left: unset;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.5; /* 250% */
    letter-spacing: 1.6px;
  }
}

.pf-Enomathic__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) {
  .pf-Enomathic__TextAccess {
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 2px;
  }
}

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

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

.pf-Enomathic__ButtonWrap {
  grid-area: EnomaticButtonWrap;
  margin-top: 1.75rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .pf-Enomathic__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
  );
  }
}

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

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

.pf-Darts__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) {
  .pf-Darts__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";
  }
}

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

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

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

.pf-Darts__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) {
  .pf-Darts__Caption {
    letter-spacing: 3.5px;
  }
}

.pf-Darts__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) {
  .pf-Darts__Text {
    margin-top: clamp(
    1.25rem,
    4.46vw + -0.8908rem,
    3.125rem
  );
  }
}

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

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

.pf-Beginner {
  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) {
  .pf-Beginner {
    padding-block: clamp(
    7.25rem,
    7.29vw + 3.7508rem,
    10.3125rem
  ) clamp(
    4.375rem,
    4.46vw + 2.2342rem,
    6.25rem
  );
  }
}

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

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

.pf-Beginner__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) {
  .pf-Beginner__Caption {
    margin-top: clamp(
    4.25rem,
    4.32vw + 2.1764rem,
    6.0625rem
  );
    letter-spacing: 2px;
  }
}

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

.pf-Beginner__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;
}
.pf-Beginner__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) {
  .pf-Beginner__SummaryWrap {
    padding-block: 1.375rem 1.25rem;
    padding-left: clamp(
    3.875rem,
    3.42vw + 2.2334rem,
    5.3125rem
  );
  }
  .pf-Beginner__SummaryWrap::before {
    top: 51%;
    left: 4.5%;
  }
}

.pf-Beginner__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) {
  .pf-Beginner__Summary {
    line-height: 1.5;
    letter-spacing: 2px;
  }
}

.pf-Beginner__Notes {
  position: relative;
  background-color: #ffffff;
  padding-block: 0.75rem;
  padding-inline: 5rem 0.625rem;
  color: #131313;
}
.pf-Beginner__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;
}

.pf-Beginner__Cheers {
  width: 100%;
  aspect-ratio: 2.6408450704;
  background-image: url(../images/pages/front/cheers-sp.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
@supports (background-image: url("../images/pages/front/cheers-sp.webp")) {
  .pf-Beginner__Cheers {
    background-image: url("../images/pages/front/cheers-sp.webp");
  }
}
@media screen and (min-width: 768px) {
  .pf-Beginner__Cheers {
    aspect-ratio: 3.0769230769;
    background-image: url(../images/pages/front/cheers-pc.jpg);
  }
  @supports (background-image: url("../images/pages/front/cheers-pc.webp")) {
    .pf-Beginner__Cheers {
      background-image: url("../images/pages/front/cheers-pc.webp");
    }
  }
}

.pf-News {
  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) {
  .pf-News {
    padding-block: clamp(
    6.75rem,
    6.85vw + 3.462rem,
    9.625rem
  ) clamp(
    4.375rem,
    4.46vw + 2.2342rem,
    6.25rem
  );
  }
}

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

.pf-News__PostList {
  margin-top: 2.0625rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(
    1.25rem,
    2.04vw + 0.771875rem,
    1.75rem
  );
}
@media screen and (min-width: 768px) {
  .pf-News__PostList {
    margin-top: 6.25rem;
    gap: 2.875rem;
  }
}

.pf-news__link-news,
.pf-news__link-events {
  position: relative;
  margin-left: auto;
  width: -webkit-fit-content;
  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;
}
.pf-news__link-news::before,
.pf-news__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) {
  .pf-news__link-news:hover,
.pf-news__link-events:hover {
    color: #d59347;
  }
  .pf-news__link-news:hover::before,
.pf-news__link-events:hover::before {
    background-color: #d59347;
  }
}

.pf-news__link-events {
  margin-top: 1.875rem;
}

.pf-news__link-news {
  margin-top: 1.25rem;
}

.pf-Gallary {
  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) {
  .pf-Gallary {
    padding-block: clamp(
    6.8125rem,
    6.99vw + 3.4573rem,
    9.75rem
  ) clamp(
    3.8125rem,
    3.87vw + 1.9549rem,
    5.4375rem
  );
  }
}

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

.pf-Gallary__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) {
  .pf-Gallary__SlideshowBig {
    margin-top: clamp(
    4.3125rem,
    4.32vw + 2.2389rem,
    6.125rem
  );
  }
}

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

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

.pf-Gallary__SlideSmallList {
  display: flex;
  width: auto;
}

.pf-Gallary__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) {
  .pf-Gallary__SlideSmall {
    flex: 0 0 435px;
    aspect-ratio: 1.2428571429;
  }
}

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

.pp-Darts__EyeCatchWrap {
  position: absolute;
  top: 73%;
  left: 6%;
}

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

.pp-DartsAbout {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  padding-bottom: clamp(
    0rem,
    18.15vw + -8.712rem,
    7.625rem
  );
  color: #ffffff;
  position: relative;
}

.pp-DartsAbout__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.png);
  background-color: #313131;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom left;
}

.pp-DartsAbout__Bg.is-BgFixed {
  position: fixed;
  bottom: 0;
  left: 50%;
}

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

.pp-DartsAbout__Headline02Wrap {
  margin-inline: auto;
  text-align: center;
}

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

.pp-DartsAbout__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) {
  .pp-DartsAbout__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) {
  .pp-DartsAbout__Layout {
    max-width: 90.0625rem;
    margin-inline: auto;
  }
}

.pp-DartsAbout__OriginWrap {
  grid-area: Item01;
  width: 100%;
}

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

.pp-DartsAbout__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) {
  .pp-DartsAbout__ImageWrap {
    margin-top: 0;
    margin-left: unset;
    margin-right: unset;
  }
}

.pp-DartsAbout__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) {
  .pp-DartsAbout__GameTextWrap {
    margin-right: clamp(
    1.875rem,
    12.8vw + -4.269rem,
    7.25rem
  );
  }
}

.pp-DartsAbout__Lower {
  margin-top: 4.375rem;
  margin-left: auto;
}

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

.pp-DartsAbout__Lowerheadline04 {
  padding-left: 6.3125rem;
  position: relative;
}
.pp-DartsAbout__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: "";
}

.pp-DartsAbout-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) {
  .pp-DartsAbout-List {
    flex-direction: column-reverse;
  }
}

.pp-DartsAbout-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;
}
.pp-DartsAbout-Item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.pp-DartsAbout-Item:nth-of-type(2) {
  padding-bottom: clamp(
    1rem,
    4.46vw + -1.1408rem,
    2.875rem
  );
}
.pp-DartsAbout-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: "";
}

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

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

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

.pp-DartsAllure__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) {
  .pp-DartsAllure__Caption {
    text-align: center;
    font-weight: 700;
    letter-spacing: 1.6px;
  }
}

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

.pp-DartsAllure__List {
  margin-top: clamp(
    1.25rem,
    5.63vw + -0.06953125rem,
    5rem
  );
}
@media screen and (min-width: 1080px) {
  .pp-DartsAllure__List {
    margin-top: clamp(
    1.25rem,
    11.01vw + -4.0348rem,
    5.875rem
  );
  }
}

.pp-DartsAllure__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;
}
@media screen and (min-width: 1080px) {
  .pp-DartsAllure__Item {
    margin-right: unset;
    margin-left: unset;
    padding-top: 2.625rem;
    padding-bottom: 0;
  }
  .pp-DartsAllure__Item:nth-child(2) {
    margin-top: 3.875rem;
    padding-top: 2.8125rem;
  }
  .pp-DartsAllure__Item:nth-child(3) {
    margin-top: 7.5rem;
    padding-top: 2.8125rem;
  }
  .pp-DartsAllure__Item:nth-child(4) {
    margin-top: 3.75rem;
    padding-top: 2.8125rem;
  }
}

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

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

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

.pp-DartsAllure__WrittingWrap-01,
.pp-DartsAllure__WrittingWrap-02,
.pp-DartsAllure__WrittingWrap-03,
.pp-DartsAllure__WrittingWrap-04 {
  display: contents;
}
@media screen and (min-width: 1080px) {
  .pp-DartsAllure__WrittingWrap-01,
.pp-DartsAllure__WrittingWrap-02,
.pp-DartsAllure__WrittingWrap-03,
.pp-DartsAllure__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
  );
  }
}

.pp-DartsAllure__WrittingWrap-01,
.pp-DartsAllure__WrittingWrap-03 {
  margin-left: auto;
  margin-right: 3.875rem;
}

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

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

.pp-DartsAllure__WrittingWrap-02,
.pp-DartsAllure__WrittingWrap-04 {
  margin-left: 4.6875rem;
  margin-right: auto;
}

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

.pp-DartsAllure__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) {
  .pp-DartsAllure__Number {
    margin-top: -0.8125rem;
    position: relative;
    top: 0;
    left: unset;
  }
}

.pp-DartsAllure__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) {
  .pp-DartsAllure__Title {
    font-weight: 700;
    letter-spacing: 0.96px;
  }
}

.pp-DartsAllure__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) {
  .pp-DartsAllure__Text {
    margin-top: 2.25rem;
    font-weight: 500;
    line-height: 2em; /* 200% */
    letter-spacing: 2px;
  }
}

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

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

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

.pp-DartsAfterAllure__ImageBlock {
  position: relative;
  width: 100%;
  aspect-ratio: 1.6163793103;
}
@media screen and (min-width: 1080px) {
  .pp-DartsAfterAllure__ImageBlock {
    aspect-ratio: 1.9072847682;
  }
}

.pp-DartsAfterAllure__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;
}

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

.pp-DartsHowTo {
  margin-inline: auto;
  background-image: url(../images/pages/sub/darts/darts-howto-bg-pc.jpg);
}

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

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

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

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

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

.pp-DartsHowTo__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) {
  .pp-DartsHowTo__TitleWrap {
    line-height: 1.3714em; /* 137.143% */
    letter-spacing: 3.5px;
  }
}

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

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

.pp-DartsHowTo__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) {
  .pp-DartsHowTo__Text {
    margin-top: 0.3125rem;
    line-height: 2.5em; /* 137.143% */
    letter-spacing: 1.6px;
  }
}

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

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

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

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

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

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

.pp-DartsPrice__TextWrap {
  flex: 1;
}

.pp-DartsPrice__Title03 {
  padding-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75em; /* 175% */
  letter-spacing: 1.12px;
  position: relative;
}
.pp-DartsPrice__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) {
  .pp-DartsPrice__Title03 {
    line-height: 2.5em; /* 250% */
    letter-spacing: 1.6px;
  }
  .pp-DartsPrice__Title03::before {
    bottom: -16px;
  }
}

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

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

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

.pp-DartsPrice__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) {
  .pp-DartsPrice__Caption {
    font-size: 1rem;
    line-height: 2.5; /* 250% */
    letter-spacing: 1.6px;
  }
}

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

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

.pa-Events__EyeCatchWrap {
  position: absolute;
  bottom: 7%;
  left: 6.3888888889%;
}

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

.pa-Events__Events {
  background-color: #131313;
  padding-bottom: 6.25rem;
}

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

.pa-Events__Layout {
  margin-top: 4rem;
}

.pa-Events__Body {
  margin-top: 4rem;
}

.pa-Events__TagList {
  display: flex;
  gap: 0.875rem;
}

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

.pa-Events__PostItemLink {
  position: relative;
}

.pa-Events__PostList {
  margin-top: 2.0625rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr));
  grid-template-rows: auto auto;
  -moz-column-gap: 2.1875rem;
       column-gap: 2.1875rem;
  row-gap: 2.5rem;
}
@media screen and (min-width: 768px) {
  .pa-Events__PostList {
    margin-top: 3.75rem;
  }
}

.pa-Events__PostItem {
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
}

.pa-Events__ImageWrap {
  width: 100%;
  aspect-ratio: 1.5;
}

.pa-Events__ItemNoteArea {
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
}

.pa-Events__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;
}

.pa-Events__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 */
}

.pa-Events__ItemDate {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25; /* 125% */
  letter-spacing: 1.6px;
}

.pa-Events__EventDate {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.pa-Events__Ended {
  position: absolute;
  top: 50%;
  right: -3.125rem;
  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;
}

.pa-Events__PaginationWrap {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}

.pa-Events__PaginationWrap .pagination {
  display: flex;
  justify-content: center;
  gap: 0.625rem;
}

.pa-Events__PaginationWrap .page-numbers {
  display: flex;
  justify-content: center;
}

.pa-Events__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;
}

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

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

.pa-Gallery__Container {
  width: 100%;
  padding-block: clamp(
    1.25rem,
    2.04vw + 0.771875rem,
    1.75rem
  );
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .pa-Gallery__Container {
    padding-inline: 2.7777777778%;
    height: calc(100vh - 108px);
  }
}

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

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

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

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

.pa-Gallery__Gallery-01 {
  padding-top: 56px;
  padding-right: clamp(
    1rem,
    1.53vw + 0.64140625rem,
    1.375rem
  );
}
@media screen and (min-width: 768px) {
  .pa-Gallery__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;
  }
}

.pa-Gallery__Gallery-02 {
  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) {
  .pa-Gallery__Gallery-02 {
    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);
  }
}

.pa-Gallery__Layout01,
.pa-Gallery__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) {
  .pa-Gallery__Layout01,
.pa-Gallery__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";
  }
}

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

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

.pa-Gallery__LayoutBig01 {
  grid-area: Big01;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pa-Gallery__LayoutBig02 {
  grid-area: Big02;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
}

.pa-Gallery__Messages {
  display: none;
}
@media screen and (min-width: 768px) {
  .pa-Gallery__Messages {
    display: inline-block;
    position: relative;
    z-index: 3;
    margin-right: -50px;
    color: var(--_, #fff);
    /* ひな明_40_タグチ */
    font-family: "Hina Mincho";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 62px; /* 155% */
  }
}

.pa-Gallery__Block-Vertical01 {
  grid-area: Vertical01;
  align-self: center;
}

.pa-Gallery__Block-Vertical02 {
  grid-area: Vertical02;
  align-self: center;
}

.pa-Gallery__Item-Nomal01 {
  grid-area: Nomal01;
}

.pa-Gallery__Item-Nomal02 {
  grid-area: Nomal02;
}

.pa-Gallery__Item-Nomal03 {
  grid-area: Nomal03;
}

.pa-Gallery__Item-Nomal04 {
  grid-area: Nomal04;
}

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

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

.pa-Gallery__ItemWrap-Big {
  width: 100%;
  aspect-ratio: 1.3134328358;
}
@media screen and (min-width: 768px) {
  .pa-Gallery__ItemWrap-Big {
    flex-basis: 42rem;
    aspect-ratio: 1.6192771084;
  }
}

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

.pa-js-Gallery__ItemWrap01,
.pa-js-Gallery__ItemWrap02 {
  position: relative;
  width: 100%;
  overflow: hidden;
  transform-style: preserve-3d;
}

.pa-js-Gallery__Item01,
.pa-js-Gallery__Item02 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.pa-Gallery__Item-Big {
  aspect-ratio: 0.6205357143;
}

.pa-Gallery__YouTube {
  padding-block: clamp(
    5rem,
    8.14vw + 3.0921875rem,
    7rem
  );
  background-color: #404040;
}
@media screen and (min-width: 768px) {
  .pa-Gallery__YouTube {
    height: 100vh;
    padding-block: unset;
    padding-top: 56px;
    padding-bottom: 4.125rem;
  }
}
@media screen and (min-width: 1024px) {
  .pa-Gallery__YouTube {
    padding-block: clamp(
    3.5rem,
    3.57vw + 1.7864rem,
    5rem
  );
    padding-top: 108px;
  }
}

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

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

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

.pa-js-Gallery__OverlapContent {
  will-change: transform;
}

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

.pa-Menu__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) {
  .pa-Menu__Headline04 {
    font-weight: 700;
    letter-spacing: 0.05em;
  }
}
.pa-Menu__Headline04.-Beer {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .pa-Menu__Headline04.-Beer {
    margin-top: 1.25rem;
  }
}
.pa-Menu__Headline04.-Food {
  background-image: linear-gradient(90deg, #714d23, #815a2c);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pa-Menu__EyeCatchWrap {
  position: absolute;
  bottom: 7%;
  left: 6%;
}

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

.pa-Menu__Main {
  background-color: #313131;
  padding-top: 8rem;
}

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

.pa-Menu__Layout {
  margin-top: 4rem;
}

.pa-Menu__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) {
  .pa-Menu__ButtonArea {
    margin-top: 4.875rem;
    grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr));
  }
}

.pa-Menu__ButtonLink {
  display: flex;
}

.pa-Menu__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) {
  .pa-Menu__ButtonNameWrap {
    min-width: 13.75rem;
  }
}

.pa-Menu__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;
  position: relative;
}
@media screen and (min-width: 768px) {
  .pa-Menu__ButtonName {
    letter-spacing: 0;
  }
}
.pa-Menu__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: "";
}

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

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

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

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

.pa-Menu__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) {
  .pa-Menu__DrinkCategoryArea {
    margin-top: clamp(
    4rem,
    2.38vw + 2.8576rem,
    5rem
  );
    flex-direction: row;
    gap: 4.875rem;
  }
}

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

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

.pa-Menu__BeerPriceWrap {
  margin-top: 1.1875rem;
  display: flex;
  gap: 1.25rem;
  color: var(--_, #fff);
  /* 本文_NoSe20 */
  font-family: "Noto Serif JP";
  font-size: clamp(
    0.9375rem,
    0.74vw + 0.5823rem,
    1.25rem
  );
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
  .pa-Menu__BeerPriceWrap {
    margin-top: 1rem;
  }
}

.pa-Menu__DrinkBeerPriceWrap {
  flex: 1;
}

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

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

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

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

.pa-Menu__ItemLeader {
  flex: 1;
  position: relative;
}
.pa-Menu__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: "";
}
.pa-Menu__ItemLeader.-White::before {
  background-image: radial-gradient(circle, #ffffff 1.5px, transparent 1.5px);
}
.pa-Menu__ItemLeader.-Black::before {
  background-image: radial-gradient(circle, #131313 1.5px, transparent 1.5px);
}

.pa-Menu__ItemPrice {
  white-space: nowrap;
}

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

.pa-Menu__DrinkCategoryNoteArea {
  margin-top: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .pa-Menu__DrinkCategoryNoteArea {
    margin-top: unset;
    flex: 1;
  }
}

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

.pa-Menu__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) {
  .pa-Menu__DrinkItemWrap {
    font-size: clamp(
    1rem,
    0.6vw + 0.712rem,
    1.25rem
  );
  }
}
.pa-Menu__DrinkItemWrap.-Umeshu01 {
  justify-content: space-between;
  align-self: center;
}
.pa-Menu__DrinkItemWrap.-Umeshu02 {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .pa-Menu__DrinkItemWrap.-Umeshu02 {
    margin-top: unset;
  }
}
.pa-Menu__DrinkItemWrap.-Umeshu03 {
  margin-top: 0.125rem;
}
@media screen and (min-width: 768px) {
  .pa-Menu__DrinkItemWrap.-Umeshu03 {
    margin-top: 0.875rem;
  }
}
.pa-Menu__DrinkItemWrap.-Whisky01 {
  margin-top: 1.125rem;
}
@media screen and (min-width: 768px) {
  .pa-Menu__DrinkItemWrap.-Whisky01 {
    margin-top: 1.5625rem;
  }
}
.pa-Menu__DrinkItemWrap.-Whisky02 {
  margin-top: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .pa-Menu__DrinkItemWrap.-Whisky02 {
    margin-top: 0.1875rem;
  }
}
.pa-Menu__DrinkItemWrap.-Whisky03 {
  margin-top: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .pa-Menu__DrinkItemWrap.-Whisky03 {
    margin-top: 0.1875rem;
  }
}
.pa-Menu__DrinkItemWrap.-Whisky04 {
  margin-top: 0.625rem;
  display: block;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.8666666667; /* 250% */
  letter-spacing: 1.6px;
}
@media screen and (min-width: 768px) {
  .pa-Menu__DrinkItemWrap.-Whisky04 {
    margin-top: 0.5rem;
    font-size: 1rem;
    letter-spacing: 1.6px;
  }
}
.pa-Menu__DrinkItemWrap.-Type02 {
  margin-top: 0.4375rem;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .pa-Menu__DrinkItemWrap.-Type02 {
    margin-top: 1.5rem;
  }
}

.pa-Menu__DrinkNote02 {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .pa-Menu__DrinkNote02 {
    margin-top: 0.875rem;
  }
}

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

.pa-Menu__DrinkItemPrice {
  font-size: 1.25rem;
}
.pa-Menu__DrinkItemPrice.-Umeshu01 {
  align-self: flex-start;
}
.pa-Menu__DrinkItemPrice.-Cocktail, .pa-Menu__DrinkItemPrice.-NonCoctail {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .pa-Menu__DrinkItemPrice.-Cocktail, .pa-Menu__DrinkItemPrice.-NonCoctail {
    font-size: 1.25rem;
  }
}
.pa-Menu__DrinkItemPrice.-SoftDrink {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .pa-Menu__DrinkItemPrice.-SoftDrink {
    font-size: 1.25rem;
  }
}

.pa-Menu__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) {
  .pa-Menu__DrinkNonAlcoholArea {
    margin-top: 5rem;
    padding: 3.125rem;
    flex-direction: row;
    gap: 3.75rem;
    justify-content: space-between;
  }
}

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

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

.pa-Menu__DrinkItemName {
  line-height: 40px; /* 250% */
  letter-spacing: 1.6px;
}

.pa-Menu__DrinkItemOtherWrap {
  display: flex;
  justify-content: flex-end;
}

.pa-Menu__Separator {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
  margin-top: 3.75rem;
  aspect-ratio: 1.0775862069;
  -webkit-clip-path: polygon(0 calc(0% + 18vw), 100% 0, 100% calc(100% - 18vw), 0 100%);
          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;
  position: relative;
}
@media screen and (min-width: 768px) {
  .pa-Menu__Separator {
    margin-top: 4.375rem;
    aspect-ratio: 1.6035634744;
  }
}

.pa-Menu__Food {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: -21.3333333333vw;
  padding-top: 24.2666666667vw;
  background: url(../images/pages/sub/menu/menu-food-bg-sp.webp), linear-gradient(90deg, #d19652 0%, #f2c48e 100%);
  overflow-x: hidden;
}
@media screen and (min-width: 768px) {
  .pa-Menu__Food {
    margin-top: -18.0555555556vw;
    padding-top: 18.0555555556vw;
    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;
  }
}

.pa-Menu__FoodLayout {
  margin-top: 0.5rem;
  display: grid;
  grid-template-rows: auto;
  color: #393939;
  grid-template-areas: "Item01" "Item02" "Item03" "Item07" "Item04" "Item05" "Item06" "Item08";
}
@media screen and (min-width: 1024px) {
  .pa-Menu__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";
  }
}

.pa-Menu__FoodStaticBlock01 {
  grid-area: Item01;
}

.pa-Menu__FoodStaticBlock02 {
  grid-area: Item02;
  position: relative;
  z-index: 0;
  width: 100%;
  aspect-ratio: 0.8683544304;
}
.pa-Menu__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) {
  .pa-Menu__FoodStaticBlock02:before {
    top: 50%;
    left: 60%;
    width: clamp(
    37.8rem,
    36.35vw + 14.536rem,
    47.25rem
  );
    aspect-ratio: 0.975483871;
    background-image: url(../images/pages/sub/menu/menu-food01-pc.png);
  }
}

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

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

.pa-Menu__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) {
  .pa-Menu__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);
  }
}

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

.pa-Menu__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) {
  .pa-Menu__FoodDynamicBlock02 {
    padding-top: clamp(
    2.4375rem,
    2.53vw + 1.2231rem,
    3.5rem
  );
  }
}

.pa-Menu__FoodDynamicBlock03 {
  grid-area: Item05;
  padding-top: 2.5rem;
}

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

.pa-Menu__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) {
  .pa-Menu__FoodHeadline03 {
    margin-left: auto;
    margin-right: unset;
    width: unset;
    font-size: clamp(
    2rem,
    1.19vw + 1.4288rem,
    2.5rem
  );
  }
}
.pa-Menu__FoodHeadline03::before, .pa-Menu__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: "";
}
.pa-Menu__FoodHeadline03::before {
  left: 14%;
}
.pa-Menu__FoodHeadline03::after {
  right: 14%;
}
@media screen and (min-width: 768px) {
  .pa-Menu__FoodHeadline03 {
    width: 36.25rem;
  }
  .pa-Menu__FoodHeadline03::before, .pa-Menu__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: "";
  }
  .pa-Menu__FoodHeadline03::before {
    left: 0;
  }
  .pa-Menu__FoodHeadline03::after {
    right: 0;
  }
}

.pa-Menu__FoodBlock03 {
  grid-area: Item03;
}

.__NewsItem04 {
  grid-area: Item04;
}

.pa-Menu__FoodBlock02 {
  position: relative;
  z-index: 0;
}
.pa-Menu__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;
}

.pa-Menu__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) {
  .pa-Menu__FoodPostList {
    font-size: 20px;
  }
}

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

.pa-Menu__FoodItemWrap {
  display: flex;
}

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

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

.pa-News__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) {
  .pa-News__News {
    padding-top: clamp(
    13.125rem,
    13.39vw + 6.6978rem,
    18.75rem
  );
  }
}

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

.pa-News__Layout {
  margin-top: 4rem;
}

.pa-News__Body {
  margin-top: 4rem;
}

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

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

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

.pa-News__ImageWrap {
  width: 100%;
  aspect-ratio: 1.5;
}

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

.pa-News__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;
}

.pa-News__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 */
}

.pa-News__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) {
  .pa-News__ItemDate {
    padding-top: unset;
  }
}

.pa-News__EventDate {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 55px;
}

.pa-News__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;
}

.pa-News__PostDate {
  margin-left: auto;
  position: relative;
  width: -webkit-fit-content;
  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;
}
.pa-News__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: "";
}

.ps-News__Content {
  margin-top: 2.5rem;
}

.pa-News__PaginationWrap {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}

.pa-News__PaginationWrap .pagination {
  display: flex;
  justify-content: center;
  gap: 0.625rem;
}

.pa-News__PaginationWrap .page-numbers {
  display: flex;
  justify-content: center;
}

.pa-News__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;
}

.pa-WineHero {
  color: #393939;
}

.pa-WineHero__EyeCatchWrap {
  position: absolute;
  bottom: 1.875rem;
  left: 6.3888888889%;
}

.pa-WineHero__EyeCatch {
  position: relative;
  z-index: 0;
}
.pa-WineHero__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) {
  .pa-WineHero__EyeCatch {
    padding-block: 1.3125rem 1.625rem;
    padding-inline: 2.625rem 0.5rem;
  }
}

.pa-WinePassion {
  background: #131313;
}
@media screen and (min-width: 768px) {
  .pa-WinePassion {
    padding-bottom: clamp(
    2.8125rem,
    7.89vw + -0.9747rem,
    6.125rem
  );
  }
}

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

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

.pa-WinePassion__ToplineTitle {
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  /* SP_セクションタ_NoSe20 */
  font-family: "Noto Serif JP";
  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) {
  .pa-WinePassion__ToplineTitle {
    /* セクションタイトル_NoSe32B */
    font-weight: 700;
    letter-spacing: 1.6px;
  }
}

.pa-WinePassion__Topline {
  margin-top: 1rem;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
  .pa-WinePassion__Topline {
    word-break: auto-phrase;
    line-break: strict;
    overflow-wrap: break-word;
    text-wrap: pretty;
    text-align: center;
    margin-top: 1.5625rem;
    letter-spacing: 0.1em;
  }
}

.pa-WinePassion__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: 2.1333333333vw;
  -moz-column-gap: 2.1333333333vw;
       column-gap: 2.1333333333vw;
}
@media screen and (min-width: 768px) {
  .pa-WinePassion__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%;
  }
}

.pa-WinePassion__GallaryItemAreaWrap {
  display: contents;
}

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

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

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

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

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

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

.pa-WinePassion__GallaryItem06 {
  grid-area: Item06;
}
@media screen and (min-width: 768px) {
  .pa-WinePassion__GallaryItem06 {
    max-width: 20rem;
    aspect-ratio: 1.3333333333;
  }
}

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

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

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

.pa-WinePassion__Image01Wrap {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.pa-WinePassion__Image02Wrap {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.pa-WinePassion__Image03Wrap {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.pa-WinePassion__Image04Wrap {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .pa-WinePassion__Image05Wrap {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

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

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

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

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

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

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

.pa-WineHowToUse {
  background-color: #313131;
}
@media screen and (min-width: 768px) {
  .pa-WineHowToUse {
    padding-bottom: 5.9375rem;
  }
}

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

.pa-WineHowToUse__Body {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .pa-WineHowToUse__Body {
    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
  );
  }
}

.pa-WineHowToUse__NoteWrap {
  font-size: 14px;
  font-weight: 500;
  line-height: 2; /* 200% */
  letter-spacing: 0.92px;
}
@media screen and (min-width: 768px) {
  .pa-WineHowToUse__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;
  }
}

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

.pa-WineHowToUse__StepBlock {
  position: relative;
  margin-top: 1.9375rem;
}
@media screen and (min-width: 768px) {
  .pa-WineHowToUse__StepBlock {
    margin-top: 1.5rem;
  }
}

.pa-WineHowToUse__StepWrap {
  position: relative;
  margin-top: 1.875rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.pa-WineHowToUse__StepWrap:not(:first-child) {
  margin-top: 4.6875rem;
}
.pa-WineHowToUse__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) {
  .pa-WineHowToUse__StepWrap {
    margin-top: 1.5rem;
  }
  .pa-WineHowToUse__StepWrap:not(:first-child)::before {
    bottom: -4.375rem;
  }
  .pa-WineHowToUse__StepWrap:not(:first-child) {
    margin-top: 5.375rem;
  }
}

.pa-WineHowToUse__StepTitleWrap-BGColor {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #727171;
  position: relative;
  padding-block: 0.375rem;
  padding-inline: 1.25rem 1em;
}
.pa-WineHowToUse__StepTitleWrap-BGColor::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #d19652 0%, #f2c48e 100%);
  content: "";
}

.pa-WineHowToUse__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,
    3.61vw + -1.0604rem,
    2.1875rem
  );
  font-weight: 400;
  line-height: 1.3; /* 137.143% */
  letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
  .pa-WineHowToUse__StepTitleWrap-BGGradation {
    letter-spacing: 3.5px;
  }
}

.pa-WineHowToUse__StepNumber {
  letter-spacing: -0.125em;
}

.pa-WineHowToUse__StepTitle {
  display: inline-block;
  margin-left: 0.25rem;
  letter-spacing: 0.0571428571em;
}
@media screen and (min-width: 768px) {
  .pa-WineHowToUse__StepTitle {
    margin-left: 0.75rem;
    letter-spacing: 0.1142857143em;
  }
}

.pa-WineHowToUse__StepNote {
  margin-top: 1.125rem;
}

.pa-WineList {
  position: relative;
  padding-bottom: 5.9375rem;
}

.pa-WineList__BgFix {
  position: absolute;
  top: 0;
  left: 0%;
  z-index: -1;
  width: 100%;
  height: 100%;
  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;
}

.pa-WineList__BgFix.active-WineListBg {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100dvh;
}

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

.pa-WineList__ListWrap {
  margin-top: 1.25rem;
}

.pa-WineList__WineItem:not(:first-child) {
  margin-top: 1.875rem;
}

.pa-WineList__NameWrap {
  line-height: 1.625;
}

.pa-WineList__CategoryTitle {
  text-transform: capitalize;
  /* セクションタイトル_DS40 */
  font-family: "Dancing Script";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px; /* 120% */
  letter-spacing: 2px;
}

.pa-WineList__CategoryLineUp:nth-child(3) {
  margin-top: 6.25rem;
}

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

.pa-WineList__ItemLink {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .pa-WineList__ItemLink {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}

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

.pa-WineList__BottunTitle {
  position: relative;
  padding-block: 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: 2px;
}
.pa-WineList__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: "";
}
.pa-WineList__BottunTitle:not(:first-child)::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  content: "";
}

.pa-WinePrice {
  background-color: #313131;
}
@media screen and (min-width: 768px) {
  .pa-WinePrice {
    padding-bottom: 6.125rem;
  }
}

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

@media screen and (min-width: 768px) {
  .pa-WinePrice__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) {
  .pa-WinePrice__NoteArea {
    flex: 1;
  }
}

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

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

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

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

.pa-WinePrice__NoteHieght {
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 18px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: 1.8px;
}

.pa-WinePrice__FoodBonus {
  margin-top: 1.875rem;
}

.ps-Events__EyeCatchWrap {
  position: absolute;
  bottom: 7%;
  left: 6.3888888889%;
}

.ps-Events__Date {
  margin-left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #b7a8a8;
  font-size: 0.625rem;
  position: relative;
}
.ps-Events__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: "";
}

.ps-Events {
  background: #131313;
}

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

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

.ps-Events__ToplineTitle {
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  text-align: center;
  /* SP_セクションタ_NoSe20 */
  font-family: "Noto Serif JP";
  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) {
  .ps-Events__ToplineTitle {
    margin-top: 6.125rem;
    /* セクションタイトル_NoSe32B */
    font-weight: 700;
    letter-spacing: 1.6px;
  }
}

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

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

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

.ps-Events__TagWrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--_G, linear-gradient(90deg, #d19652 0%, #f2c48e 100%));
  color: #393939;
  font-family: "Noto Sans JP";
  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;
}

.ps-Events__Title {
  margin-top: 1.25rem;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  font-family: "Noto Serif JP";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px; /* 150% */
  letter-spacing: 1.6px;
}

.ps-Events__Subtitle {
  margin-top: 1.3125rem;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px; /* 100% */
  letter-spacing: 0.96px;
}

.ps-Events__NotionArea {
  margin-top: 3rem;
  padding-block: 0.875rem;
  padding-inline: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  background-image: linear-gradient(90deg, #d19652, #f2c48e);
  color: #393939;
}

.ps-Events__ItemWrap {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}

.ps-Events__Image02Wrap,
.ps-Events__Image03Wrap {
  margin-top: 1.25rem;
  width: 100%;
  aspect-ratio: 1.5015873016;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}

.ps-Events__ItemTitle {
  width: 5.25rem;
  padding-block: 0.25rem 0.25rem;
  padding-inline: 1.125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2; /* 10.4px */
  letter-spacing: 1.3px;
  border: 1px solid #393939;
  border-radius: 32px;
}

.ps-Events__Space {
  flex: 0 0 5.25rem;
}

.ps-Events__ItemNote {
  font-family: "Noto Serif JP";
  font-weight: 700;
  line-height: 180%; /* 28.8px */
  letter-spacing: 1.6px;
}

.ps-Events__DateNumber {
  font-family: "Noto Serif JP";
  font-size: 24px;
  font-weight: 700;
  line-height: 180%; /* 43.2px */
  letter-spacing: 2.4px;
}

.ps-Events__DateText01 {
  letter-spacing: 1.6px;
  margin-left: 7px;
}

.ps-Events__DateText03 {
  letter-spacing: 1.6px;
  margin-left: 10px;
}

.ps-Events__DateTime {
  font-size: 20px;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 5px;
  margin-left: 10px;
}

.ps-Events__Remarks {
  font-size: 16px;
  font-weight: 700;
  line-height: 170%; /* 27.2px */
  letter-spacing: 1.6px;
}

.ps-Events__ButtonWrap {
  margin-top: 3.125rem;
}

.ps-Events__PagerWrap {
  margin-top: 6.25rem;
}

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

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

.ps-Single__Body {
  margin-top: 2.5rem;
}

.ps-Single__PagerWrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  gap: 2.5rem;
}

.ps-Single__PageArchiveLink {
  width: -webkit-fit-content;
  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;
}

.ps-WineHero {
  color: #393939;
  position: relative;
  width: 100%;
}

.ps-WineHero__BgWrap {
  width: 100%;
  height: 100%;
  aspect-ratio: 1.978021978;
}

.ps-WineHero__EyeCatchWrap {
  bottom: 1.875rem;
  position: absolute;
  left: 6.3888888889%;
}

.ps-WineHero__EyeCatch {
  background-color: #ffffff;
  position: relative;
  z-index: 0;
}
.ps-WineHero__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) {
  .ps-WineHero__EyeCatch {
    padding-block: 1.3125rem 1.625rem;
    padding-inline: 2.625rem 0.5rem;
  }
}

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

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

.ps-Wine__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
  );
}
.ps-Wine__Layout__NewsItem01 {
  grid-area: Item01;
}
.ps-Wine__Layout__NewsItem02 {
  grid-area: Item02;
}
.ps-Wine__Layout__NewsItem03 {
  grid-area: Item03;
}
.ps-Wine__Layout__NewsItem04 {
  grid-area: Item04;
}
@media screen and (min-width: 768px) {
  .ps-Wine__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) {
  .ps-Wine__Layout {
    grid-template-columns: auto 468px;
  }
}

.ps-Wine__NoteArea01 {
  grid-area: Item01;
}

.ps-Wine__NoteArea02 {
  grid-area: Item02;
  margin-top: 1.25rem;
}

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

.ps-Wine__NoteArea04 {
  grid-area: Item04;
}

.ps-Wine__NoteArea05 {
  grid-area: Item05;
}

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

.ps-Wine__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;
}

.ps-Wine__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;
}

.ps-Food__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) {
  .ps-Food__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) {
  .ps-Food__Layout {
    grid-template-columns: auto 468px;
  }
}

.ps-Food__NoteArea01 {
  grid-area: Item01;
}

.ps-Food__NoteArea02 {
  grid-area: Item02;
  margin-top: 1.25rem;
}

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

.ps-Food__NoteArea04 {
  grid-area: Item04;
}

.ps-Wine__Wine-Category,
.ps-Food__Food-Category {
  margin-top: 2.5rem;
  min-width: 12.5rem;
  width: -webkit-fit-content;
  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;
}

.ps-Wine__ItemDataWrap,
.ps-Food__ItemDataWrap {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.ps-Food__ItemWrap,
.ps-Wine__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);
}
.ps-Food__ItemWrap:not(:first-child),
.ps-Wine__ItemWrap:not(:first-child) {
  margin-top: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .ps-Food__ItemWrap,
.ps-Wine__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;
  }
}
.ps-Food__ItemWrap.-memo,
.ps-Wine__ItemWrap.-memo {
  align-items: flex-start;
}

.ps-Food__ItemTitle,
.ps-Wine__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;
}

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

.ps-Food {
  background: #131313;
}

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

.ps-Food__Card {
  display: flex;
  gap: 2.5rem;
}

.ps-Food__ImageArea {
  flex: 0 0 39.6610169492%;
}

.ps-Food__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) {
  .ps-Food__CardTitle {
    text-align: unset;
  }
}

.ps-Food__CardCategory {
  width: -webkit-fit-content;
  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;
}

.ps-Food__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) {
  .ps-Food__ItemData {
    font-size: clamp(
    1rem,
    0.6vw + 0.712rem,
    1.25rem
  );
    letter-spacing: 0.1em;
  }
}

@media screen and (min-width: 768px) {
  .ps-Food__ItemData.-memo {
    padding-top: 0.25em;
  }
}
/*# sourceMappingURL=style.css.map */