:root {
  --ybh-font-family-sans-serif: "Zen Kaku Gothic New", sans-serif;
  --ybh-font-family-serif: "Shippori Mincho", serif;
  --ybh-color-base: #440205;
  --ybh-color-cream: #f0ebd7;
  --sb-color-main: #f3be00;
  --sb-color-bgbase: #fff;
  scroll-behavior: smooth;
}

:root:has(dialog[open]) {
  overflow: hidden;
}

.ybh :where([hidden]) {
  display: none !important;
}

.ybh :where(header, footer, section, article, aside, nav):before, .ybh :where(header, footer, section, article, aside, nav):after {
  content: none;
}

.ybh :where(p) {
  margin: 0;
  padding: 0;
}

.ybh :where(picture) {
  max-width: 100%;
  display: inline-block;
}

.ybh :where(picture) > img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.ybh :where(svg) {
  fill: currentColor;
  max-width: 100%;
}

.ybh :is(a[target="_blank"]):after {
  content: none;
}

.ybh :where([tabindex="-1"]:focus-visible) {
  outline: unset;
}

.ybh-container {
  box-sizing: border-box;
  flex-direction: column;
  flex-grow: 1;
  display: flex;
  position: relative;
}

@media (width <= 768px) {
  .ybh-container {
    gap: 9.375vw;
    padding-block: 17.5vw;
    padding-inline: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-container {
    gap: clamp(37.9688px, 3.51563vw, 45px);
    padding-block: clamp(70.875px, 6.5625vw, 84px);
    padding-inline: clamp(25.3125px, 2.34375vw, 30px);
  }
}

.ybh-hidden {
  display: none;
}

@media (width <= 768px) {
  .ybh-hidden-sp {
    display: none;
  }
}

@media (width >= 769px) {
  .ybh-hidden-pc {
    display: none;
  }
}

.ybh-btn:is(a, button) {
  background: unset;
  border: unset;
  text-align: unset;
  font-family: inherit;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  transition: all .3s ease-out !important;
}

.ybh-btn:is(:disabled, [aria-disabled="true"]) {
  pointer-events: none;
}

.ybh-btn__inner {
  align-items: center;
  transition: inherit;
  display: inline-flex;
}

.ybh-btn__label {
  font-weight: 500;
  line-height: 1;
}

.ybh-btn__icon {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ybh-btn--text {
  color: var(--ybh-color-base) !important;
}

@media (hover: hover) {
  .ybh-btn--text:hover:not(:is(:disabled, [aria-disabled="true"])) {
    color: #a18082 !important;
  }
}

@media (width <= 768px) {
  .ybh-btn--text {
    font-size: 4.375vw;
  }
}

@media (width >= 769px) {
  .ybh-btn--text {
    font-size: clamp(15.1875px, 1.40625vw, 18px);
  }
}

@media (width <= 768px) {
  .ybh-btn--text .ybh-btn__inner {
    gap: .285714em;
    padding-block: .714286em;
    padding-inline: .857143em;
  }
}

@media (width >= 769px) {
  .ybh-btn--text .ybh-btn__inner {
    gap: .222222em;
    padding-block: .666667em;
    padding-inline: .833333em;
  }
}

@media (width <= 768px) {
  .ybh-btn--text .ybh-btn__label {
    line-height: 1.42857em;
  }
}

@media (width >= 769px) {
  .ybh-btn--text .ybh-btn__label {
    line-height: 1em;
  }
}

@media (width <= 768px) {
  .ybh-btn--text .ybh-btn__icon {
    width: 1.28571em;
  }
}

@media (width >= 769px) {
  .ybh-btn--text .ybh-btn__icon {
    width: 1.5em;
  }
}

.ybh-btn--line {
  border-radius: 2em;
  padding-block: .5em;
  padding-inline: .666667em;
  color: #a18082 !important;
}

@media (width <= 768px) {
  .ybh-btn--line {
    font-size: 3.75vw;
  }
}

@media (width >= 769px) {
  .ybh-btn--line {
    font-size: clamp(15.1875px, 1.40625vw, 18px);
  }
}

@media (hover: hover) {
  .ybh-btn--line:hover:not(:is(:disabled, [aria-disabled="true"])) {
    color: var(--ybh-color-base) !important;
  }
}

.ybh-btn--line:is(:disabled, [aria-disabled="true"]) {
  opacity: .4;
}

.ybh-btn--line .ybh-btn__inner {
  border-block-end: .0833333em solid #a1808280;
  gap: .333333em;
  padding-block: .333333em;
}

@media (hover: hover) {
  .ybh-btn--line:hover:not(:is(:disabled, [aria-disabled="true"])) .ybh-btn__inner {
    border-block-end-color: inherit;
  }
}

.ybh-btn--line .ybh-btn__label {
  letter-spacing: .0208333em;
}

.ybh-btn--line .ybh-btn__icon {
  width: 1.16667em;
}

.ybh-btn--filled {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 125%;
  border-radius: 1.71429em;
}

@media (width <= 768px) {
  .ybh-btn--filled {
    font-size: 4.375vw;
  }
}

@media (width >= 769px) {
  .ybh-btn--filled {
    font-size: clamp(17.7188px, 1.64063vw, 21px);
  }
}

.ybh-btn--filled:is(:disabled, [aria-disabled="true"]) {
  background-image: url("../images/btn-filled.disabled.bg.webp");
  color: var(--ybh-color-cream) !important;
}

@media (width <= 768px) {
  .ybh-btn--filled:not(:is(:disabled, [aria-disabled="true"])) {
    box-shadow: 0 1.25vw 2.5vw #beb17c99;
  }
}

@media (width >= 769px) {
  .ybh-btn--filled:not(:is(:disabled, [aria-disabled="true"])) {
    box-shadow: 0 clamp(3.375px, .3125vw, 4px) clamp(6.75px, .625vw, 8px) #beb17c99;
  }
}

@media (hover: hover) {
  .ybh-btn--filled:not(:is(:disabled, [aria-disabled="true"])):before {
    content: "";
    background-position: inherit;
    background-repeat: inherit;
    background-size: inherit;
    opacity: 0;
    transition: opacity .3s ease-out;
    display: block;
    position: absolute;
    inset: 0;
  }

  .ybh-btn--filled:not(:is(:disabled, [aria-disabled="true"])):hover:before {
    opacity: 1;
  }
}

.ybh-btn--filled_yellow:not(:is(:disabled, [aria-disabled="true"])) {
  background-image: url("../images/btn-filled.yellow.bg.webp");
  color: var(--ybh-color-base) !important;
}

@media (hover: hover) {
  .ybh-btn--filled_yellow:not(:is(:disabled, [aria-disabled="true"])):before {
    background-image: url("../images/btn-filled.orange.bg.webp");
  }
}

.ybh-btn--filled_red:not(:is(:disabled, [aria-disabled="true"])) {
  background-image: url("../images/btn-filled.red.bg.webp");
  color: var(--ybh-color-cream) !important;
}

@media (hover: hover) {
  .ybh-btn--filled_red:not(:is(:disabled, [aria-disabled="true"])):before {
    background-image: url("../images/btn-filled.brown.bg.webp");
  }
}

.ybh-btn--filled_brown:not(:is(:disabled, [aria-disabled="true"])) {
  background-image: url("../images/btn-filled.brown.bg.webp");
  color: var(--ybh-color-cream) !important;
}

@media (hover: hover) {
  .ybh-btn--filled_brown:not(:is(:disabled, [aria-disabled="true"])):before {
    background-image: url("../images/btn-filled.red.bg.webp");
  }
}

.ybh-btn--filled_orange:not(:is(:disabled, [aria-disabled="true"])) {
  background-image: url("../images/btn-filled.orange.bg.webp");
  color: var(--ybh-color-base) !important;
}

@media (hover: hover) {
  .ybh-btn--filled_orange:not(:is(:disabled, [aria-disabled="true"])):before {
    background-image: url("../images/btn-filled.brown.bg.webp");
  }
}

.ybh-btn--filled .ybh-btn__inner {
  gap: .571429em;
  height: 3.42857em;
  padding-block: .714286em;
  padding-inline: 1.71429em;
  position: relative;
}

.ybh-btn--filled:is(:disabled, [aria-disabled="true"]) .ybh-btn__inner {
  opacity: .8;
}

.ybh-btn--filled .ybh-btn__label {
  letter-spacing: .0178571em;
  line-height: 1.42857em;
}

.ybh-btn--filled .ybh-btn__icon {
  width: 1.14286em;
}

.ybh-section-header {
  text-align: center;
  font-family: var(--ybh-font-family-serif);
}

.ybh-section-header__typography {
  display: block;
}

@media (width <= 768px) {
  .ybh-section-header__typography {
    height: 9.375vw;
  }
}

@media (width >= 769px) {
  .ybh-section-header__typography {
    height: clamp(37.9688px, 3.51563vw, 45px);
  }
}

.ybh-section-header__title {
  margin-block-start: 1lh;
  line-height: 1;
}

@media (width <= 768px) {
  .ybh-section-header__title {
    font-size: 3.75vw;
  }
}

@media (width >= 769px) {
  .ybh-section-header__title {
    font-size: clamp(15.1875px, 1.40625vw, 18px);
  }
}

.ybh-section-footer {
  flex-direction: column;
  display: flex;
}

@media (width <= 768px) {
  .ybh-section-footer {
    gap: 5vw;
    margin-block-start: 5vw;
  }
}

@media (width >= 769px) {
  .ybh-section-footer {
    gap: clamp(20.25px, 1.875vw, 24px);
    margin-block-start: clamp(20.25px, 1.875vw, 24px);
  }
}

.ybh-section-footer__title {
  background-color: var(--sb-color-bgbase);
  color: var(--ybh-color-base);
  text-align: center;
  font-weight: 500;
  position: relative;
}

@media (width <= 768px) {
  .ybh-section-footer__title {
    letter-spacing: .078125vw;
    border-radius: 10vw;
    padding-block: 1.875vw;
    font-size: 4.375vw;
    line-height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-section-footer__title {
    letter-spacing: clamp(.316406px, .0292969vw, .375px);
    border-radius: clamp(40.5px, 3.75vw, 48px);
    padding-block: clamp(7.59375px, .703125vw, 9px);
    font-size: clamp(17.7188px, 1.64063vw, 21px);
    line-height: clamp(25.3125px, 2.34375vw, 30px);
  }
}

.ybh-section-footer__title:after {
  content: "";
  border-color: #0000;
  border-block-start-color: var(--sb-color-bgbase);
  border-style: solid;
  border-width: 0;
  position: absolute;
  inset-inline-start: 50%;
  transform: translateX(-50%);
}

@media (width <= 768px) {
  .ybh-section-footer__title:after {
    border-block-start-width: 2.5vw;
    border-inline-width: 1.25vw;
    inset-block-end: -2.5vw;
  }
}

@media (width >= 769px) {
  .ybh-section-footer__title:after {
    border-block-start-width: clamp(10.125px, .9375vw, 12px);
    border-inline-width: clamp(5.0625px, .46875vw, 6px);
    inset-block-end: clamp(-12px, -.9375vw, -10.125px);
  }
}

.ybh-section-footer__catch {
  text-align: center;
  word-break: keep-all;
  font-weight: 500;
}

@media (width <= 768px) {
  .ybh-section-footer__catch {
    letter-spacing: .078125vw;
    font-size: 4.375vw;
    line-height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-section-footer__catch {
    letter-spacing: clamp(.316406px, .0292969vw, .375px);
    font-size: clamp(17.7188px, 1.64063vw, 21px);
    line-height: clamp(25.3125px, 2.34375vw, 30px);
  }
}

.ybh-section-footer__nav {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.ybh-beer-card__inner, .ybh-shop-card__inner, .ybh-menu-card {
  background-color: var(--sb-color-bgbase);
  color: var(--ybh-color-base);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (width <= 768px) {
  .ybh-beer-card__inner, .ybh-shop-card__inner, .ybh-menu-card {
    border-radius: 4.375vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-card__inner, .ybh-shop-card__inner, .ybh-menu-card {
    border-radius: clamp(11.8125px, 1.09375vw, 14px);
  }
}

.ybh-beer-card__img, .ybh-shop-card__img, .ybh-menu-card__img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  flex-shrink: 0;
  position: relative;
}

.ybh-beer-card__img > picture, .ybh-shop-card__img > picture, .ybh-menu-card__img > picture {
  width: 100%;
  height: 100%;
}

.ybh-beer-card__img > picture > img, .ybh-shop-card__img > picture > img, .ybh-menu-card__img > picture > img {
  object-fit: cover;
}

.ybh-beer-card__trigger, .ybh-shop-card__trigger {
  color: var(--ybh-color-base);
  background-color: #4402051a;
  border: 0;
  transition: all .3s ease-out;
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
}

@media (width <= 768px) {
  .ybh-beer-card__trigger, .ybh-shop-card__trigger {
    border-start-start-radius: 4.375vw;
    width: 14.375vw;
    height: 14.375vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-card__trigger, .ybh-shop-card__trigger {
    border-start-start-radius: clamp(11.8125px, 1.09375vw, 14px);
    width: clamp(38.8125px, 3.59375vw, 46px);
    height: clamp(38.8125px, 3.59375vw, 46px);
  }
}

@media (hover: hover) {
  .ybh-beer-card__trigger:hover, .ybh-shop-card__trigger:hover {
    background-color: var(--ybh-color-base);
    color: var(--ybh-color-cream);
  }
}

.ybh-menu-card {
  background-color: var(--sb-color-bgbase);
}

.ybh-menu-card__content {
  flex-grow: 1;
  grid-template-rows: 1fr auto auto;
  grid-template-areas: "header"
                       "inner"
                       "footer";
  display: grid;
  position: relative;
}

@media (width <= 768px) {
  .ybh-menu-card__content {
    padding: 4.6875vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card__content {
    padding-block: clamp(20.25px, 1.875vw, 24px) clamp(13.5px, 1.25vw, 16px);
    padding-inline: clamp(16.875px, 1.5625vw, 20px);
  }
}

.ybh-menu-card__content-header {
  grid-area: header;
}

@media (width <= 768px) {
  .ybh-menu-card__content-header {
    margin-block-end: 4.6875vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card__content-header {
    margin-block-end: clamp(13.5px, 1.25vw, 16px);
  }
}

.ybh-menu-card__content-inner {
  grid-area: inner;
}

.ybh-menu-card__content-footer {
  flex-direction: column;
  grid-area: footer;
  align-items: center;
  display: flex;
}

@media (width <= 768px) {
  .ybh-menu-card__content-footer {
    margin-block-start: 3.125vw;
    margin-inline: -4.6875vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card__content-footer {
    margin-block-start: clamp(15.1875px, 1.40625vw, 18px);
    margin-inline: clamp(-15px, -1.17188vw, -12.6563px);
  }

  .ybh-menu-card__content-footer .ybh-btn {
    font-size: clamp(10.125px, .9375vw, 12px);
  }
}

@media (width <= 768px) {
  .ybh-menu-card[data-ybh-menu-type="beer"] .ybh-menu-card__content {
    padding-block-start: 8.75vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card[data-ybh-menu-type="beer"] .ybh-menu-card__content {
    padding-block-start: clamp(27px, 2.5vw, 32px);
  }
}

.ybh-menu-card__tag {
  background-color: var(--ybh-color-base);
  color: var(--ybh-color-cream);
  font-weight: 500;
  position: absolute;
  inset-inline-start: 0;
}

@media (width <= 768px) {
  .ybh-menu-card__tag {
    border-start-end-radius: 5.625vw;
    border-end-end-radius: 5.625vw;
    padding-block: .625vw;
    padding-inline: 4.375vw;
    inset-block-start: -3.4375vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card__tag {
    border-start-end-radius: clamp(22.7813px, 2.10938vw, 27px);
    border-end-end-radius: clamp(22.7813px, 2.10938vw, 27px);
    padding-block: clamp(2.53125px, .234375vw, 3px);
    padding-inline: clamp(17.7188px, 1.64063vw, 21px);
    inset-block-start: clamp(-16.5px, -1.28906vw, -13.9219px);
  }
}

@media (width <= 768px) {
  .ybh-menu-card__tag {
    font-size: 3.75vw;
    line-height: 5.625vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card__tag {
    font-size: clamp(11.8125px, 1.09375vw, 14px);
    line-height: clamp(18.5625px, 1.71875vw, 22px);
  }
}

.ybh-menu-card__shop-name {
  display: block;
}

@media (width <= 768px) {
  .ybh-menu-card__shop-name {
    margin-block-end: 1.875vw;
    font-size: 3.75vw;
    line-height: 5vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card__shop-name {
    margin-block-end: clamp(6.75px, .625vw, 8px);
    font-size: clamp(10.125px, .9375vw, 12px);
    line-height: clamp(13.5px, 1.25vw, 16px);
  }
}

.ybh-menu-card__shop-term {
  justify-content: center;
  display: flex;
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
}

.ybh-menu-card__shop-term-inner {
  background-color: var(--ybh-color-base);
  color: var(--ybh-color-cream);
  justify-content: center;
  align-items: flex-end;
  font-weight: 500;
  display: flex;
}

@media (width <= 768px) {
  .ybh-menu-card__shop-term-inner {
    border-end-end-radius: 3.125vw;
    border-end-start-radius: 3.125vw;
    padding-block: .9375vw 1.5625vw;
    padding-inline: 3.75vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card__shop-term-inner {
    border-end-end-radius: clamp(8.4375px, .78125vw, 10px);
    border-end-start-radius: clamp(8.4375px, .78125vw, 10px);
    padding-block: clamp(2.53125px, .234375vw, 3px) clamp(4.21875px, .390625vw, 5px);
    padding-inline: clamp(10.125px, .9375vw, 12px);
  }
}

.ybh-menu-card__shop-term-title {
  flex-shrink: 0;
  line-height: 1;
}

@media (width <= 768px) {
  .ybh-menu-card__shop-term-title {
    font-size: 3.125vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card__shop-term-title {
    font-size: clamp(8.4375px, .78125vw, 10px);
  }
}

.ybh-menu-card__shop-term-title:after {
  content: "：";
}

.ybh-menu-card__shop-term-description {
  flex-shrink: 0;
  display: inline-flex;
}

@media (width <= 768px) {
  .ybh-menu-card__shop-term-description {
    height: 3.125vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card__shop-term-description {
    height: clamp(8.4375px, .78125vw, 10px);
  }
}

.ybh-menu-card__shop-term-description svg {
  height: 100%;
}

.ybh-menu-card__name {
  font-family: var(--ybh-font-family-serif);
  flex-direction: column;
  font-weight: 700;
  display: flex;
}

@media (width <= 768px) {
  .ybh-menu-card__name {
    gap: 1.5625vw;
    font-size: 5vw;
    line-height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card__name {
    gap: clamp(4.21875px, .390625vw, 5px);
    font-size: clamp(13.5px, 1.25vw, 16px);
    line-height: clamp(16.875px, 1.5625vw, 20px);
  }
}

.ybh-menu-card__name small {
  font-family: var(--ybh-font-family-san-serif);
  font-weight: 500;
}

@media (width <= 768px) {
  .ybh-menu-card__name small {
    font-size: 3.125vw;
    line-height: 4.375vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card__name small {
    font-size: clamp(8.4375px, .78125vw, 10px);
    line-height: clamp(11.8125px, 1.09375vw, 14px);
  }
}

.ybh-menu-card__name :is(br, ruby, rt, rp) {
  font-size: inherit;
  line-height: inherit;
  display: contents;
}

.ybh-menu-card__holiday-plate {
  display: flex;
}

@media (width <= 768px) {
  .ybh-menu-card__holiday-plate {
    height: 3.125vw;
    margin-block-start: 1.5625vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card__holiday-plate {
    height: clamp(10.125px, .9375vw, 12px);
    margin-block-start: clamp(4.21875px, .390625vw, 5px);
  }
}

.ybh-menu-card__price {
  font-family: var(--ybh-font-family-serif);
  justify-content: flex-end;
  align-items: flex-end;
  font-weight: 700;
  display: flex;
}

@media (width <= 768px) {
  .ybh-menu-card__price:nth-child(n+2) {
    margin-block-start: 1.875vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card__price:nth-child(n+2) {
    margin-block-start: clamp(5.0625px, .46875vw, 6px);
  }
}

.ybh-menu-card__price-prefix {
  line-height: 1;
}

@media (width <= 768px) {
  .ybh-menu-card__price-prefix {
    font-size: 3.4375vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card__price-prefix {
    font-size: clamp(9.28125px, .859375vw, 11px);
  }
}

.ybh-menu-card__price-prefix:after {
  content: "/";
  display: inline-block;
}

@media (width <= 768px) {
  .ybh-menu-card__price-prefix:after {
    margin-inline: .9375vw;
    font-size: 3.125vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card__price-prefix:after {
    margin-inline: clamp(2.53125px, .234375vw, 3px);
    font-size: clamp(8.4375px, .78125vw, 10px);
  }
}

.ybh-menu-card__price-content {
  flex-shrink: 0;
  line-height: 1;
}

@media (width <= 768px) {
  .ybh-menu-card__price-content {
    font-size: 3.125vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card__price-content {
    font-size: clamp(8.4375px, .78125vw, 10px);
  }
}

@media (width <= 768px) {
  .ybh-menu-card__price-content-value {
    margin-inline-end: .625vw;
    font-size: 5vw;
  }
}

@media (width >= 769px) {
  .ybh-menu-card__price-content-value {
    margin-inline-end: clamp(1.6875px, .15625vw, 2px);
    font-size: clamp(13.5px, 1.25vw, 16px);
  }
}

.ybh-menus {
  flex-direction: column;
  align-items: center;
  display: flex;
}

@media (width <= 768px) {
  .ybh-menus {
    gap: 3.125vw;
  }
}

@media (width >= 769px) {
  .ybh-menus {
    gap: clamp(20.25px, 1.875vw, 24px);
  }
}

@media (width <= 768px) {
  .ybh-menus__wrapper {
    scrollbar-width: 0;
    max-width: calc(100% + 12.5vw);
    margin-inline: -6.25vw;
    overflow-x: auto;
  }

  .ybh-menus__wrapper::-webkit-scrollbar {
    display: none;
  }

  .ybh-menus__list {
    grid-template-rows: 1fr;
    grid-auto-columns: 70.3125vw;
    grid-auto-flow: column;
    gap: 4.6875vw;
    padding-inline: 6.25vw;
    display: inline-grid;
  }
}

@media (width >= 769px) {
  .ybh-menus__list {
    grid-template-columns: repeat(2, minmax(clamp(229.5px, 21.25vw, 272px), 1fr));
    gap: clamp(27px, 2.5vw, 32px) clamp(21.9375px, 2.03125vw, 26px);
    display: grid;
  }
}

.ybh-menus__list-item {
  display: contents;
}

@media (width >= 769px) {
  .ybh-menus > .ybh-btn {
    font-size: clamp(10.125px, .9375vw, 12px);
  }
}

.ybh-menus > .ybh-notes {
  margin-block-start: unset;
}

@media (width >= 769px) {
  .ybh-menus > .ybh-notes {
    font-size: clamp(10.125px, .9375vw, 12px);
  }
}

.ybh-notes {
  line-height: 1.33333em;
}

@media (width <= 768px) {
  .ybh-notes {
    font-size: 3.75vw;
  }
}

@media (width >= 769px) {
  .ybh-notes {
    font-size: clamp(15.1875px, 1.40625vw, 18px);
  }
}

.ybh-notes__item {
  font-size: inherit;
  line-height: inherit;
}

.ybh-notes__item:has(.ybh-notes__item-marker) {
  align-items: flex-start;
  gap: .333333em;
  display: flex;
}

.ybh-notes__item:has(.ybh-notes__item-marker):nth-of-type(n+2) {
  margin-block-start: .833333em;
}

.ybh-notes__item:not(:has(.ybh-notes__item-marker)) {
  margin-inline-start: 1em;
  list-style-type: disc;
}

.ybh-notes__item:not(:has(.ybh-notes__item-marker)):nth-of-type(n+2) {
  margin-block-start: .333333em;
}

.ybh-header-notes {
  background-image: url("../images/header-notes.archived.bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (width <= 768px) {
  .ybh-header-notes {
    width: 75vw;
    height: 43.75vw;
  }
}

@media (width >= 769px) {
  .ybh-header-notes {
    width: clamp(295.313px, 27.3438vw, 350px);
    height: clamp(172.125px, 15.9375vw, 204px);
  }
}

.ybh-header-notes * {
  color: #0000;
  appearance: none;
  font-size: 0 !important;
}

@media (width >= 769px) {
  :root {
    --ybh-header-height-pc-default: calc(100vh - var(--yebisu-gnav-height-pc));
    --ybh-header-height-pc: var(--ybh-header-height-pc-default);
  }

  .layout-container {
    overflow-x: initial;
  }
}

.ybh-header {
  background-repeat: no-repeat;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

@media (width <= 768px) {
  .ybh-header {
    background-image: url("../images/header.bg.sp.webp");
    background-position: top;
    background-size: cover;
    height: 148.75vw;
  }
}

@media (width >= 769px) {
  .ybh-header {
    height: var(--ybh-header-height-pc);
    background-image: url("../images/header.bg.pc.webp");
    background-position: center;
    background-size: clamp(1957.5px, 181.25vw, 2320px);
    align-items: center;
    transition: height .3s ease-out;
    position: sticky;
    inset-block-start: var(--yebisu-gnav-height-pc);
  }
}

.ybh-header > .ybh-wrapper {
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  display: flex;
  position: relative;
}

@media (width <= 768px) {
  .ybh-header > .ybh-wrapper {
    gap: 5.625vw;
    width: 100%;
    padding-block-start: 22.5vw;
    padding-inline: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-header > .ybh-wrapper {
    justify-content: center;
    gap: clamp(27.8438px, 2.57813vw, 33px);
    width: clamp(337.5px, 31.25vw, 400px);
    padding-inline: clamp(21.0938px, 1.95313vw, 25px);
    transform: translateX(clamp(-250px, -19.5313vw, -210.938px));
  }
}

.ybh-header__info {
  background-image: url("../images/header-info.bg.svg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (width <= 768px) {
  .ybh-header__info {
    width: 75vw;
    height: 70vw;
  }
}

@media (width >= 769px) {
  .ybh-header__info {
    width: clamp(253.125px, 23.4375vw, 300px);
    height: clamp(236.25px, 21.875vw, 280px);
  }
}

.ybh-header__info * {
  color: #0000;
  appearance: none;
  font-size: 0 !important;
}

.ybh-statement {
  background-color: #faf7e1;
}

.ybh-statement__title {
  text-align: center;
}

@media (width <= 768px) {
  .ybh-statement__title {
    height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-statement__title {
    height: clamp(25.3125px, 2.34375vw, 30px);
  }
}

.ybh-statement__content {
  flex-direction: column;
  align-items: center;
  display: flex;
}

@media (width <= 768px) {
  .ybh-statement__content {
    gap: 12.5vw;
  }
}

@media (width >= 769px) {
  .ybh-statement__content {
    gap: clamp(50.625px, 4.6875vw, 60px);
  }
}

.ybh-statement__text > p {
  text-align: center;
  font-weight: 500;
  line-height: 185%;
}

@media (width <= 768px) {
  .ybh-statement__text > p {
    font-size: 4.375vw;
  }
}

@media (width >= 769px) {
  .ybh-statement__text > p {
    font-size: clamp(17.7188px, 1.64063vw, 21px);
  }
}

@media (width <= 768px) {
  .ybh-statement__text > p + p {
    margin-block-start: 5vw;
  }
}

@media (width >= 769px) {
  .ybh-statement__text > p + p {
    margin-block-start: clamp(20.25px, 1.875vw, 24px);
  }
}

@media (width <= 768px) {
  .ybh-statement__logo {
    width: 36.875vw;
  }
}

@media (width >= 769px) {
  .ybh-statement__logo {
    width: clamp(149.344px, 13.8281vw, 177px);
  }
}

@keyframes FoodsGallerySlide {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.ybh-foods-gallery {
  overflow: hidden;
}

@media (width <= 768px) {
  .ybh-foods-gallery {
    width: 100vw;
    margin-inline: -6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-foods-gallery {
    width: clamp(405px, 37.5vw, 480px);
    margin-inline: clamp(-30px, -2.34375vw, -25.3125px);
  }
}

.ybh-foods-gallery__inner {
  display: inline-flex;
}

.ybh-foods-gallery__img {
  display: none;
}

.ybh-foods-gallery__slide {
  background-image: url("../images/foods-gallery-img.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  animation: 74.0625s linear infinite FoodsGallerySlide;
}

@media (width <= 768px) {
  .ybh-foods-gallery__slide {
    width: 393.75vw;
    height: 87.5vw;
  }
}

@media (width >= 769px) {
  .ybh-foods-gallery__slide {
    width: clamp(1594.69px, 147.656vw, 1890px);
    height: clamp(354.375px, 32.8125vw, 420px);
  }

  .ybh-shop-card__inner {
    flex-direction: row;
  }
}

@media (width <= 768px) {
  .ybh-shop-card__img {
    aspect-ratio: 4 / 3;
  }
}

@media (width >= 769px) {
  .ybh-shop-card__img {
    aspect-ratio: 1;
    width: clamp(159.469px, 14.7656vw, 189px);
  }
}

.ybh-shop-card__summary {
  word-break: keep-all;
  font-family: var(--ybh-font-family-serif);
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  display: flex;
}

@media (width <= 768px) {
  .ybh-shop-card__summary {
    align-items: center;
    padding-block: 4.6875vw 7.5vw;
    padding-inline: 7.5vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-card__summary {
    padding-block: clamp(27px, 2.5vw, 32px) clamp(30.375px, 2.8125vw, 36px);
    padding-inline: clamp(16.875px, 1.5625vw, 20px) clamp(13.5px, 1.25vw, 16px);
  }
}

.ybh-shop-card__summary-name {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  display: flex;
}

@media (width <= 768px) {
  .ybh-shop-card__summary-name {
    font-size: 4.375vw;
    line-height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-card__summary-name {
    font-size: clamp(17.7188px, 1.64063vw, 21px);
    line-height: clamp(25.3125px, 2.34375vw, 30px);
  }
}

@media (width <= 768px) {
  .ybh-shop-card__summary-name {
    min-height: 18.75vw;
  }

  .ybh-shop-card__summary-name > small {
    font-size: 3.125vw;
    line-height: 4.375vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-card__summary-name > small {
    font-size: clamp(12.6563px, 1.17188vw, 15px);
    line-height: clamp(17.7188px, 1.64063vw, 21px);
  }
}

.ybh-shop-card__btn {
  border-radius: 50% 0 0 50%;
  line-height: 1;
}

@media (width <= 768px) {
  .ybh-shop-card__btn {
    gap: 1.25vw;
    width: 14.375vw;
    height: 14.375vw;
    padding-inline: 2.5vw 1.25vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-card__btn {
    gap: clamp(5.0625px, .46875vw, 6px);
    width: clamp(58.2188px, 5.39063vw, 69px);
    height: clamp(58.2188px, 5.39063vw, 69px);
    padding-inline: clamp(10.125px, .9375vw, 12px) clamp(5.0625px, .46875vw, 6px);
  }
}

@media (width <= 768px) {
  .ybh-shop-card__btn {
    inset-block-end: 2.5vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-card__btn {
    inset-block-end: clamp(17.7188px, 1.64063vw, 21px);
  }
}

@media (width <= 768px) {
  .ybh-shop-card__btn-icon {
    width: 4.6875vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-card__btn-icon {
    width: clamp(18.9844px, 1.75781vw, 22.5px);
  }
}

@media (width <= 768px) {
  .ybh-shop-card__btn-label {
    width: 10.625vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-card__btn-label {
    width: clamp(43.0313px, 3.98438vw, 51px);
  }
}

@keyframes TurningCardDetailSP {
  from {
    opacity: 0;
    transform: translateY(15vw);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes TurningCardDetailPC {
  from {
    opacity: 0;
    transform: translateY(clamp(40.5px, 3.75vw, 48px));
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ybh-holiday-plate__dialog, .ybh-beer-detail, .ybh-shop-detail {
  max-width: 100%;
  max-height: 100%;
  padding: unset;
  border: unset;
  background: unset;
  inset-block-start: unset;
}

@media (width >= 769px) {
  .ybh-holiday-plate__dialog, .ybh-beer-detail, .ybh-shop-detail {
    max-width: clamp(627.75px, 58.125vw, 744px);
  }
}

.ybh-holiday-plate__dialog::backdrop, .ybh-beer-detail::backdrop, .ybh-shop-detail::backdrop {
  cursor: pointer;
  background-color: #00000080;
}

.ybh-holiday-plate__container, .ybh-beer-detail__container, .ybh-shop-detail__container {
  background-color: var(--ybh-color-base);
}

@media (width <= 768px) {
  .ybh-holiday-plate__container, .ybh-beer-detail__container, .ybh-shop-detail__container {
    padding: 2.5vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__container, .ybh-beer-detail__container, .ybh-shop-detail__container {
    padding: clamp(10.125px, .9375vw, 12px);
  }
}

dialog[open]:is(.is-opening, .is-closing) .ybh-holiday-plate__container, dialog[open]:is(.is-opening, .is-closing) .ybh-beer-detail__container, dialog[open]:is(.is-opening, .is-closing) .ybh-shop-detail__container {
  animation-duration: .3s;
  animation-timing-function: ease-out;
}

@media (width <= 768px) {
  dialog[open]:is(.is-opening, .is-closing) .ybh-holiday-plate__container, dialog[open]:is(.is-opening, .is-closing) .ybh-beer-detail__container, dialog[open]:is(.is-opening, .is-closing) .ybh-shop-detail__container {
    animation-name: TurningCardDetailSP;
  }
}

@media (width >= 769px) {
  dialog[open]:is(.is-opening, .is-closing) .ybh-holiday-plate__container, dialog[open]:is(.is-opening, .is-closing) .ybh-beer-detail__container, dialog[open]:is(.is-opening, .is-closing) .ybh-shop-detail__container {
    animation-name: TurningCardDetailPC;
  }
}

dialog[open].is-closing .ybh-holiday-plate__container, dialog[open].is-closing .ybh-beer-detail__container, dialog[open].is-closing .ybh-shop-detail__container {
  animation-direction: reverse;
}

.ybh-holiday-plate__inner, .ybh-beer-detail__inner, .ybh-shop-detail__inner {
  background-color: var(--ybh-color-cream);
  color: var(--ybh-color-base);
  background-image: url("../images/card-detail-inner.bg.jpg");
  background-position: 0 0;
  flex-direction: column;
  display: flex;
  position: relative;
}

@media (width <= 768px) {
  .ybh-holiday-plate__inner, .ybh-beer-detail__inner, .ybh-shop-detail__inner {
    border-radius: 4.375vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__inner, .ybh-beer-detail__inner, .ybh-shop-detail__inner {
    border-radius: clamp(17.7188px, 1.64063vw, 21px);
  }
}

@media (width <= 768px) {
  .ybh-holiday-plate__inner, .ybh-beer-detail__inner, .ybh-shop-detail__inner {
    background-size: contain;
    gap: 12.5vw;
    padding-block: 10vw;
    padding-inline: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__inner, .ybh-beer-detail__inner, .ybh-shop-detail__inner {
    background-size: clamp(297px, 27.5vw, 352px);
    padding: clamp(40.5px, 3.75vw, 48px);
  }
}

.ybh-beer-detail__taste-header, .ybh-beer-detail__menu-header-en, .ybh-shop-detail__menu-header, .ybh-shop-detail__chef-header {
  align-items: center;
  display: flex;
}

@media (width <= 768px) {
  .ybh-beer-detail__taste-header, .ybh-beer-detail__menu-header-en, .ybh-shop-detail__menu-header, .ybh-shop-detail__chef-header {
    gap: 3.125vw;
    height: 4.375vw;
    margin-block-end: 5vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__taste-header, .ybh-beer-detail__menu-header-en, .ybh-shop-detail__menu-header, .ybh-shop-detail__chef-header {
    gap: clamp(12.6563px, 1.17188vw, 15px);
    height: clamp(11.8125px, 1.09375vw, 14px);
    margin-block-end: clamp(10.125px, .9375vw, 12px);
  }
}

.ybh-beer-detail__taste-header:before, .ybh-beer-detail__menu-header-en:before, .ybh-shop-detail__menu-header:before, .ybh-shop-detail__chef-header:before, .ybh-beer-detail__taste-header:after, .ybh-beer-detail__menu-header-en:after, .ybh-shop-detail__menu-header:after, .ybh-shop-detail__chef-header:after {
  content: "";
  background-color: var(--ybh-color-base);
  flex-grow: 1;
  display: block;
}

@media (width <= 768px) {
  .ybh-beer-detail__taste-header:before, .ybh-beer-detail__menu-header-en:before, .ybh-shop-detail__menu-header:before, .ybh-shop-detail__chef-header:before, .ybh-beer-detail__taste-header:after, .ybh-beer-detail__menu-header-en:after, .ybh-shop-detail__menu-header:after, .ybh-shop-detail__chef-header:after {
    height: .3125vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__taste-header:before, .ybh-beer-detail__menu-header-en:before, .ybh-shop-detail__menu-header:before, .ybh-shop-detail__chef-header:before, .ybh-beer-detail__taste-header:after, .ybh-beer-detail__menu-header-en:after, .ybh-shop-detail__menu-header:after, .ybh-shop-detail__chef-header:after {
    height: clamp(1.26563px, .117188vw, 1.5px);
  }
}

.ybh-beer-detail__taste-header > picture, .ybh-beer-detail__menu-header-en > picture, .ybh-shop-detail__menu-header > picture, .ybh-shop-detail__chef-header > picture {
  height: 100%;
}

.ybh-holiday-plate__trigger-back, .ybh-beer-detail__trigger-back, .ybh-shop-detail__trigger-back {
  background-color: color-mix(in srgb, #fbf8e2, var(--ybh-color-base) 10%);
  color: var(--ybh-color-base);
  border: 0;
  transition: all .3s ease-out;
  position: fixed;
  inset-block-end: 0;
}

@media (width <= 768px) {
  .ybh-holiday-plate__trigger-back, .ybh-beer-detail__trigger-back, .ybh-shop-detail__trigger-back {
    border-start-end-radius: 4.375vw;
    width: 14.375vw;
    height: 14.375vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__trigger-back, .ybh-beer-detail__trigger-back, .ybh-shop-detail__trigger-back {
    border-start-end-radius: clamp(11.8125px, 1.09375vw, 14px);
    width: clamp(38.8125px, 3.59375vw, 46px);
    height: clamp(38.8125px, 3.59375vw, 46px);
  }
}

@media (hover: hover) {
  .ybh-holiday-plate__trigger-back:hover, .ybh-beer-detail__trigger-back:hover, .ybh-shop-detail__trigger-back:hover {
    background-color: var(--ybh-color-base);
    color: var(--ybh-color-cream);
  }
}

@media (width <= 768px) {
  .ybh-shop-detail__inner {
    padding-block-start: 16.25vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__inner {
    gap: clamp(33.75px, 3.125vw, 40px);
    padding-block-start: clamp(74.25px, 6.875vw, 88px);
  }
}

.ybh-shop-detail__summary {
  flex-direction: column;
  display: flex;
}

@media (width <= 768px) {
  .ybh-shop-detail__summary {
    gap: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__summary {
    gap: clamp(27px, 2.5vw, 32px);
  }
}

.ybh-shop-detail__summary-logo {
  flex-direction: column;
  align-items: center;
  display: flex;
}

@media (width <= 768px) {
  .ybh-shop-detail__summary-logo {
    height: 25vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__summary-logo {
    height: clamp(92.8125px, 8.59375vw, 110px);
  }
}

@media (width <= 768px) {
  .ybh-shop-detail__summary-logo#ybh-shop-detail-name-shishikura, .ybh-shop-detail__summary-logo#ybh-shop-detail-name-shujishokudou {
    height: 43.75vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__summary-logo#ybh-shop-detail-name-shishikura, .ybh-shop-detail__summary-logo#ybh-shop-detail-name-shujishokudou {
    height: clamp(135px, 12.5vw, 160px);
  }
}

.ybh-shop-detail__summary-logo > picture {
  max-height: 100%;
}

.ybh-shop-detail__summary-term {
  justify-content: center;
  display: flex;
  position: absolute;
  inset-inline: 0;
}

@media (width <= 768px) {
  .ybh-shop-detail__summary-term {
    inset-block-start: -.625vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__summary-term {
    inset-block-start: clamp(-3px, -.234375vw, -2.53125px);
  }
}

.ybh-shop-detail__summary-term-inner {
  background-color: var(--ybh-color-base);
  color: var(--ybh-color-cream);
  justify-content: center;
  align-items: flex-end;
  font-weight: 500;
  display: flex;
}

@media (width <= 768px) {
  .ybh-shop-detail__summary-term-inner {
    border-end-end-radius: 4.375vw;
    border-end-start-radius: 4.375vw;
    padding-block: 3.4375vw 4.375vw;
    padding-inline: 3.75vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__summary-term-inner {
    border-end-end-radius: clamp(17.7188px, 1.64063vw, 21px);
    border-end-start-radius: clamp(17.7188px, 1.64063vw, 21px);
    padding-block: clamp(13.9219px, 1.28906vw, 16.5px) clamp(17.7188px, 1.64063vw, 21px);
    padding-inline: clamp(15.1875px, 1.40625vw, 18px);
  }
}

.ybh-shop-detail__summary-term-title {
  flex-shrink: 0;
  line-height: 1;
}

@media (width <= 768px) {
  .ybh-shop-detail__summary-term-title {
    font-size: 4.0625vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__summary-term-title {
    font-size: clamp(16.4531px, 1.52344vw, 19.5px);
  }
}

.ybh-shop-detail__summary-term-title:after {
  content: "：";
}

.ybh-shop-detail__summary-term-description {
  flex-shrink: 0;
  display: inline-flex;
}

@media (width <= 768px) {
  .ybh-shop-detail__summary-term-description {
    height: 3.4375vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__summary-term-description {
    height: clamp(13.9219px, 1.28906vw, 16.5px);
  }
}

.ybh-shop-detail__summary-term-description > svg {
  height: 100%;
}

@media (width <= 768px) {
  .ybh-shop-detail__summary-text {
    font-size: 4.375vw;
    line-height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__summary-text {
    font-size: clamp(13.5px, 1.25vw, 16px);
    line-height: clamp(20.25px, 1.875vw, 24px);
  }
}

.ybh-shop-detail__summary-links {
  justify-content: flex-end;
  display: flex;
}

@media (width <= 768px) {
  .ybh-shop-detail__summary-links {
    gap: 1.5625vw;
    margin-block-start: 1.5625vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__summary-links {
    gap: clamp(4.21875px, .390625vw, 5px);
    margin-block-start: clamp(16.875px, 1.5625vw, 20px);
  }

  .ybh-shop-detail__summary-links-item .ybh-btn {
    font-size: clamp(10.125px, .9375vw, 12px);
  }
}

@media (width <= 768px) {
  .ybh-shop-detail__menu-header {
    margin-block-end: 5vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__menu-header {
    margin-block-end: clamp(20.25px, 1.875vw, 24px);
  }

  .ybh-shop-detail__chef {
    margin-block-start: clamp(13.5px, 1.25vw, 16px);
  }
}

@media (width <= 768px) {
  .ybh-shop-detail__chef-header {
    margin-block-end: 5vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__chef-header {
    margin-block-end: clamp(20.25px, 1.875vw, 24px);
  }
}

.ybh-shop-detail__chef-content {
  display: grid;
  overflow: hidden;
}

@media (width <= 768px) {
  .ybh-shop-detail__chef-content {
    border-radius: 4.375vw;
    gap: 1.25vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__chef-content {
    border-radius: clamp(11.8125px, 1.09375vw, 14px);
    gap: clamp(3.375px, .3125vw, 4px);
  }
}

.ybh-shop-detail__chef-article {
  background-color: var(--sb-color-bgbase);
  display: grid;
}

@media (width <= 768px) {
  .ybh-shop-detail__chef-article {
    gap: 6.25vw;
    padding-block: 8.75vw;
    padding-inline: 4.6875vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__chef-article {
    gap: clamp(16.875px, 1.5625vw, 20px);
    padding-block: clamp(23.625px, 2.1875vw, 28px);
    padding-inline: clamp(33.75px, 3.125vw, 40px);
  }
}

@media (width <= 768px) {
  .ybh-shop-detail__chef-article:first-of-type {
    padding-block-start: 10vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__chef-article:first-of-type {
    padding-block-start: clamp(33.75px, 3.125vw, 40px);
  }
}

@media (width <= 768px) {
  .ybh-shop-detail__chef-article:last-of-type {
    padding-block-end: 10vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__chef-article:last-of-type {
    padding-block-end: clamp(33.75px, 3.125vw, 40px);
  }
}

.ybh-shop-detail__chef-article-title {
  font-family: var(--ybh-font-family-serif);
  text-align: center;
  word-break: keep-all;
  font-weight: 700;
}

@media (width <= 768px) {
  .ybh-shop-detail__chef-article-title {
    font-size: 4.375vw;
    line-height: 6.875vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__chef-article-title {
    font-size: clamp(15.1875px, 1.40625vw, 18px);
    line-height: clamp(20.25px, 1.875vw, 24px);
  }

  .ybh-shop-detail__chef-profile {
    flex-direction: row-reverse;
    align-items: flex-start;
    gap: clamp(27px, 2.5vw, 32px);
    display: flex;
  }
}

@media (width <= 768px) {
  .ybh-shop-detail__chef-profile > picture {
    width: 58.125vw;
    margin-inline: auto;
    display: block;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__chef-profile > picture {
    flex-shrink: 0;
    width: clamp(156.938px, 14.5313vw, 186px);
  }
}

.ybh-shop-detail__chef-profile-inner {
  flex-direction: column;
  display: flex;
}

@media (width <= 768px) {
  .ybh-shop-detail__chef-profile-inner {
    align-items: flex-start;
    gap: 6.25vw;
    margin-block-start: -7.5vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__chef-profile-inner {
    flex-direction: column-reverse;
    flex-grow: 1;
    gap: clamp(20.25px, 1.875vw, 24px);
  }
}

.ybh-shop-detail__chef-profile-header {
  flex-direction: column;
  display: flex;
}

@media (width <= 768px) {
  .ybh-shop-detail__chef-profile-header {
    background-color: var(--sb-color-bgbase);
    gap: 1.875vw;
    min-width: 45vw;
    padding-block-start: 3.125vw;
    padding-inline-end: 3.75vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__chef-profile-header {
    align-items: flex-end;
    gap: clamp(5.0625px, .46875vw, 6px);
  }
}

@media (width <= 768px) {
  .ybh-shop-detail__chef-profile-header-title {
    font-size: 3.75vw;
    line-height: 5vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__chef-profile-header-title {
    font-size: clamp(10.125px, .9375vw, 12px);
    line-height: clamp(13.5px, 1.25vw, 16px);
  }
}

.ybh-shop-detail__chef-profile-header-name {
  font-weight: 500;
}

@media (width <= 768px) {
  .ybh-shop-detail__chef-profile-header-name {
    font-size: 4.375vw;
    line-height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__chef-profile-header-name {
    font-size: clamp(11.8125px, 1.09375vw, 14px);
    line-height: clamp(16.875px, 1.5625vw, 20px);
  }
}

@media (width <= 768px) {
  .ybh-shop-detail__chef-profile-content > p {
    font-size: 4.375vw;
    line-height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__chef-profile-content > p {
    font-size: clamp(11.8125px, 1.09375vw, 14px);
    line-height: clamp(16.875px, 1.5625vw, 20px);
  }
}

@media (width <= 768px) {
  .ybh-shop-detail__chef-profile-content > p + p {
    margin-block-start: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__chef-profile-content > p + p {
    margin-block-start: clamp(16.875px, 1.5625vw, 20px);
  }
}

.ybh-shop-detail__chef-suggest {
  grid-template-areas: "name"
                       "images"
                       "link";
  display: grid;
}

.ybh-shop-detail__chef-suggest-header, .ybh-shop-detail__chef-suggest-header-inner {
  display: contents;
}

.ybh-shop-detail__chef-suggest-header-name {
  text-align: center;
  grid-area: name;
  font-weight: 500;
}

@media (width <= 768px) {
  .ybh-shop-detail__chef-suggest-header-name {
    margin-block-end: 3.125vw;
    font-size: 4.375vw;
    line-height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__chef-suggest-header-name {
    margin-block-end: clamp(13.5px, 1.25vw, 16px);
    font-size: clamp(11.8125px, 1.09375vw, 14px);
    line-height: clamp(16.875px, 1.5625vw, 20px);
  }
}

.ybh-shop-detail__chef-suggest-header-link {
  text-align: center;
  grid-area: link;
}

@media (width <= 768px) {
  .ybh-shop-detail__chef-suggest-header-link {
    margin-block-start: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__chef-suggest-header-link {
    margin-block-start: clamp(16.875px, 1.5625vw, 20px);
  }

  .ybh-shop-detail__chef-suggest-header-link > .ybh-btn {
    font-size: clamp(10.125px, .9375vw, 12px);
  }
}

.ybh-shop-detail__chef-suggest-images {
  grid-area: images;
  display: grid;
}

@media (width <= 768px) {
  .ybh-shop-detail__chef-suggest-images {
    grid-template-areas: "a a"
                         "b c";
    gap: .625vw;
  }

  .ybh-shop-detail__chef-suggest-images > picture:first-child {
    grid-area: a;
  }
}

@media (width >= 769px) {
  .ybh-shop-detail__chef-suggest-images {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(6.75px, .625vw, 8px);
  }
}

.ybh-foods-shops__header {
  flex-direction: column;
  display: flex;
}

@media (width <= 768px) {
  .ybh-foods-shops__header {
    gap: 6.25vw;
    margin-block-end: 5vw;
  }
}

@media (width >= 769px) {
  .ybh-foods-shops__header {
    gap: clamp(25.3125px, 2.34375vw, 30px);
    margin-block-end: clamp(20.25px, 1.875vw, 24px);
  }
}

.ybh-foods-shops__tabs {
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

@media (width <= 768px) {
  .ybh-foods-shops__tabs {
    gap: 1.25vw;
  }
}

@media (width >= 769px) {
  .ybh-foods-shops__tabs {
    gap: clamp(5.0625px, .46875vw, 6px);
  }
}

.ybh-foods-shops__tab {
  color: var(--ybh-color-cream);
  background-color: #8f6769;
  border: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all .3s ease-out;
  display: flex;
}

@media (width <= 768px) {
  .ybh-foods-shops__tab {
    border-start-start-radius: 4.375vw;
    border-start-end-radius: 4.375vw;
    height: 14.375vw;
  }
}

@media (width >= 769px) {
  .ybh-foods-shops__tab {
    border-start-start-radius: clamp(17.7188px, 1.64063vw, 21px);
    border-start-end-radius: clamp(17.7188px, 1.64063vw, 21px);
    height: clamp(58.2188px, 5.39063vw, 69px);
  }
}

.ybh-foods-shops__tab:hover, .ybh-foods-shops__tab:focus, .ybh-foods-shops__tab[aria-selected="true"] {
  background-color: var(--ybh-color-base);
}

.ybh-foods-shops__tab-img {
  opacity: .7;
  transition: opacity .3s ease-out;
}

@media (width <= 768px) {
  .ybh-foods-shops__tab-img {
    width: 26.875vw;
  }
}

@media (width >= 769px) {
  .ybh-foods-shops__tab-img {
    width: clamp(108.844px, 10.0781vw, 129px);
  }
}

.ybh-foods-shops__tab:hover .ybh-foods-shops__tab-img, .ybh-foods-shops__tab:focus .ybh-foods-shops__tab-img, .ybh-foods-shops__tab[aria-selected="true"] .ybh-foods-shops__tab-img {
  opacity: 1;
}

.ybh-foods-shops__panels {
  background-color: var(--ybh-color-base);
  grid-template-columns: 100% 100%;
  display: grid;
  position: relative;
}

@media (width <= 768px) {
  .ybh-foods-shops__panels {
    grid-template-rows: 1fr;
    padding-block: 10vw 3.75vw;
  }
}

@media (width >= 769px) {
  .ybh-foods-shops__panels {
    padding-block: clamp(40.5px, 3.75vw, 48px) clamp(15.1875px, 1.40625vw, 18px);
  }
}

.ybh-foods-shops__panels:before {
  line-height: 1;
  position: absolute;
}

@media (width <= 768px) {
  .ybh-foods-shops__panels:before {
    content: url("../images/foods-shops-panels.before.sp.svg");
    inset-block-start: 3.75vw;
    inset-inline-start: 3.75vw;
  }
}

@media (width >= 769px) {
  .ybh-foods-shops__panels:before {
    content: url("../images/foods-shops-panels.before.pc.svg");
    inset-block-start: clamp(15.1875px, 1.40625vw, 18px);
    inset-inline-start: 50%;
    translate: -50%;
  }
}

@media (width <= 768px) {
  .ybh-foods-shops__panel {
    scrollbar-width: 0;
    max-width: 100%;
    overflow-x: auto;
  }

  .ybh-foods-shops__panel::-webkit-scrollbar {
    display: none;
  }
}

.ybh-foods-shops__panel#ybh-foods-shops-second {
  transform: translateX(-100%);
}

.ybh-foods-shops__panel[aria-hidden="true"] {
  z-index: -1;
}

@media (width <= 768px) {
  .ybh-foods-shops__panel-inner {
    grid-template-rows: 1fr;
    grid-auto-columns: 70vw;
    grid-auto-flow: column;
    display: inline-grid;
  }
}

@media (width >= 769px) {
  .ybh-foods-shops__panel-inner {
    grid-template-columns: 100%;
    display: grid;
  }
}

@media (width <= 768px) {
  .ybh-foods-shops__panel-inner {
    gap: 3.75vw;
    padding-inline: 3.75vw;
  }
}

@media (width >= 769px) {
  .ybh-foods-shops__panel-inner {
    gap: clamp(15.1875px, 1.40625vw, 18px);
    padding-inline: clamp(15.1875px, 1.40625vw, 18px);
  }
}

.ybh-foods-shops__footer small {
  font-weight: 500;
}

@media (width <= 768px) {
  .ybh-foods-shops__footer small {
    font-size: 4.375vw;
    line-height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-foods-shops__footer small {
    font-size: clamp(17.7188px, 1.64063vw, 21px);
    line-height: clamp(25.3125px, 2.34375vw, 30px);
  }
}

.ybh-foods {
  background-image: url("../images/foods.bg.webp");
  background-position: top;
  background-repeat: repeat-y;
  background-position: contain;
  flex-direction: column;
  display: flex;
  position: relative;
}

@media (width <= 768px) {
  .ybh-foods {
    gap: 9.375vw;
  }
}

@media (width >= 769px) {
  .ybh-foods {
    gap: clamp(37.9688px, 3.51563vw, 45px);
  }
}

.ybh-foods:before {
  content: "";
  background-image: url("../images/foods.before.bg.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  inset-inline: 0;
}

@media (width <= 768px) {
  .ybh-foods:before {
    height: 15vw;
    inset-block-start: -7.5vw;
  }
}

@media (width >= 769px) {
  .ybh-foods:before {
    height: clamp(60.75px, 5.625vw, 72px);
    inset-block-start: clamp(-36px, -2.8125vw, -30.375px);
  }
}

@media (width <= 768px) {
  .ybh-foods .ybh-container {
    padding-block-end: 25vw;
  }
}

@media (width >= 769px) {
  .ybh-foods .ybh-container {
    padding-block-end: clamp(101.25px, 9.375vw, 120px);
  }
}

.ybh-foods__content {
  flex-direction: column;
  display: flex;
}

@media (width <= 768px) {
  .ybh-foods__content {
    gap: 12.5vw;
  }
}

@media (width >= 769px) {
  .ybh-foods__content {
    gap: clamp(50.625px, 4.6875vw, 60px);
  }
}

.ybh-foods__summary {
  text-align: center;
  word-break: keep-all;
  font-weight: 500;
}

@media (width <= 768px) {
  .ybh-foods__summary {
    font-size: 4.375vw;
    line-height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-foods__summary {
    font-size: clamp(17.7188px, 1.64063vw, 21px);
    line-height: clamp(25.3125px, 2.34375vw, 30px);
  }
}

.ybh-beer-card__inner {
  height: 100%;
}

@media (width <= 768px) {
  .ybh-beer-card__inner {
    gap: 3.125vw;
    padding-block: 9.375vw;
    padding-inline: 4.6875vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-card__inner {
    gap: clamp(6.75px, .625vw, 8px);
    padding-block: clamp(21.9375px, 2.03125vw, 26px);
    padding-inline: clamp(16.0313px, 1.48438vw, 19px);
  }
}

@media (width <= 768px) {
  .ybh-beer-card__img {
    aspect-ratio: 188 / 252;
  }
}

@media (width >= 769px) {
  .ybh-beer-card__img {
    aspect-ratio: 156 / 252;
  }
}

.ybh-beer-card__img-limited {
  position: absolute;
}

@media (width <= 768px) {
  .ybh-beer-card__img-limited {
    width: 20.9375vw;
    inset-block-start: -7.5vw;
    inset-inline-end: 4.0625vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-card__img-limited {
    width: clamp(56.5313px, 5.23438vw, 67px);
    inset-block-start: clamp(-24px, -1.875vw, -20.25px);
    inset-inline-end: clamp(2.53125px, .234375vw, 3px);
  }
}

.ybh-beer-card__summary {
  font-family: var(--ybh-font-family-serif);
  text-align: center;
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.ybh-beer-card__name {
  border-block-end-style: solid;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  display: flex;
}

@media (width <= 768px) {
  .ybh-beer-card__name {
    border-block-end-width: .3125vw;
    min-height: 20.9375vw;
    padding-block-end: 1.875vw;
    font-size: 4.375vw;
    line-height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-card__name {
    border-block-end-width: clamp(.84375px, .078125vw, 1px);
    min-height: clamp(56.5313px, 5.23438vw, 67px);
    padding-block-end: clamp(5.0625px, .46875vw, 6px);
    font-size: clamp(11.8125px, 1.09375vw, 14px);
    line-height: clamp(16.875px, 1.5625vw, 20px);
  }
}

.ybh-beer-card__price {
  font-weight: 700;
  line-height: 1;
}

@media (width <= 768px) {
  .ybh-beer-card__price {
    padding-block-start: 2.5vw;
    font-size: 3.125vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-card__price {
    padding-block-start: clamp(6.75px, .625vw, 8px);
    font-size: clamp(8.4375px, .78125vw, 10px);
  }
}

@media (width <= 768px) {
  .ybh-beer-card__price-value {
    font-size: 5vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-card__price-value {
    font-size: clamp(13.5px, 1.25vw, 16px);
  }
}

.ybh-beer-detail__inner {
  align-items: center;
  display: grid;
}

@media (width <= 768px) {
  .ybh-beer-detail__inner {
    grid-template-columns: 1fr 37.5vw;
    grid-template-areas: "name img"
                         "info info"
                         "taste taste"
                         "menu menu";
    gap: 6.25vw 1.25vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__inner {
    grid-template-columns: 1fr clamp(200.813px, 18.5938vw, 238px);
    grid-template-areas: "content img"
                         "taste img"
                         "menu menu";
    gap: clamp(13.5px, 1.25vw, 16px) clamp(47.25px, 4.375vw, 56px);
    padding-inline: clamp(57.375px, 5.3125vw, 68px);
  }
}

.ybh-beer-detail__summary {
  display: contents;
}

.ybh-beer-detail__summary-img {
  grid-area: img;
  position: relative;
}

@media (width <= 768px) {
  .ybh-beer-detail__summary-img {
    aspect-ratio: 120 / 228;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__summary-img {
    aspect-ratio: 238 / 452;
  }
}

.ybh-beer-detail__summary-img > picture {
  height: 100%;
}

.ybh-beer-detail__summary-img > picture > img {
  object-fit: cover;
}

.ybh-beer-detail__summary-img-limited {
  position: absolute;
}

@media (width <= 768px) {
  .ybh-beer-detail__summary-img-limited {
    width: 18.75vw;
    inset-block-start: -7.5vw;
    inset-inline-end: -4.375vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__summary-img-limited {
    width: clamp(81px, 7.5vw, 96px);
    inset-block-start: clamp(-35px, -2.73438vw, -29.5313px);
    inset-inline-end: clamp(-22px, -1.71875vw, -18.5625px);
  }
}

@media (width <= 768px) {
  .ybh-beer-detail__summary-content {
    display: contents;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__summary-content {
    flex-direction: column;
    grid-area: content;
    gap: clamp(13.5px, 1.25vw, 16px);
    display: flex;
  }
}

.ybh-beer-detail__summary-name {
  font-family: var(--ybh-font-family-serif);
  word-break: keep-all;
  flex-direction: column;
  font-weight: 700;
  display: flex;
}

@media (width <= 768px) {
  .ybh-beer-detail__summary-name {
    grid-area: name;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__summary-name {
    gap: clamp(3.375px, .3125vw, 4px);
    padding-block: clamp(4.21875px, .390625vw, 5px);
  }
}

@media (width <= 768px) {
  .ybh-beer-detail__summary-name-ja {
    font-size: 6.25vw;
    line-height: 8.75vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__summary-name-ja {
    font-size: clamp(20.25px, 1.875vw, 24px);
    line-height: clamp(27px, 2.5vw, 32px);
  }
}

@media (width <= 768px) {
  .ybh-beer-detail__summary-name-ja small {
    font-size: 4.375vw;
    line-height: 7.5vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__summary-name-ja small {
    font-size: clamp(13.5px, 1.25vw, 16px);
    line-height: clamp(23.625px, 2.1875vw, 28px);
  }
}

@media (width <= 768px) {
  .ybh-beer-detail__summary-name-en {
    font-size: 3.75vw;
    line-height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__summary-name-en {
    font-size: clamp(13.5px, 1.25vw, 16px);
    line-height: clamp(18.5625px, 1.71875vw, 22px);
  }
}

.ybh-beer-detail__summary-info {
  flex-direction: column;
  display: flex;
}

@media (width <= 768px) {
  .ybh-beer-detail__summary-info {
    grid-area: info;
    gap: 3.125vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__summary-info {
    gap: clamp(16.875px, 1.5625vw, 20px);
  }
}

@media (width <= 768px) {
  .ybh-beer-detail__summary-text {
    font-size: 4.375vw;
    line-height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__summary-text {
    font-size: clamp(13.5px, 1.25vw, 16px);
    line-height: clamp(20.25px, 1.875vw, 24px);
  }
}

.ybh-beer-detail__summary-price {
  font-family: var(--ybh-font-family-serif);
  text-align: right;
  font-weight: 700;
  line-height: 1;
}

@media (width <= 768px) {
  .ybh-beer-detail__summary-price {
    font-size: 3.125vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__summary-price {
    font-size: clamp(13.5px, 1.25vw, 16px);
  }
}

@media (width <= 768px) {
  .ybh-beer-detail__summary-price-value {
    font-size: 5vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__summary-price-value {
    font-size: clamp(15.1875px, 1.40625vw, 18px);
  }
}

.ybh-beer-detail__taste {
  grid-area: taste;
}

@media (width <= 768px) {
  .ybh-beer-detail__taste {
    margin-block-start: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__taste {
    margin-block-start: clamp(16.875px, 1.5625vw, 20px);
  }
}

.ybh-beer-detail__taste-content {
  background-color: var(--sb-color-bgbase);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (width <= 768px) {
  .ybh-beer-detail__taste-content {
    border-radius: 4.375vw;
    padding-block: 10vw 9.375vw;
    padding-inline: 9.375vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__taste-content {
    border-radius: clamp(12.6563px, 1.17188vw, 15px);
    padding-block: clamp(23.625px, 2.1875vw, 28px) clamp(18.5625px, 1.71875vw, 22px);
    padding-inline: clamp(23.625px, 2.1875vw, 28px);
  }
}

.ybh-beer-detail__menu {
  grid-area: menu;
}

@media (width <= 768px) {
  .ybh-beer-detail__menu {
    margin-block-start: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__menu {
    margin-block-start: clamp(27px, 2.5vw, 32px);
    margin-inline: clamp(-20px, -1.5625vw, -16.875px);
  }
}

.ybh-beer-detail__menu-header {
  flex-direction: column;
  display: flex;
}

@media (width <= 768px) {
  .ybh-beer-detail__menu-header {
    margin-block-end: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__menu-header {
    margin-block-end: clamp(16.875px, 1.5625vw, 20px);
  }
}

@media (width <= 768px) {
  .ybh-beer-detail__menu-header-en {
    margin-block-end: 2.5vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__menu-header-en {
    margin-block-end: clamp(6.75px, .625vw, 8px);
  }
}

.ybh-beer-detail__menu-header-ja {
  text-align: center;
  font-weight: 500;
}

@media (width <= 768px) {
  .ybh-beer-detail__menu-header-ja {
    font-size: 3.75vw;
    line-height: 5.625vw;
  }
}

@media (width >= 769px) {
  .ybh-beer-detail__menu-header-ja {
    font-size: clamp(10.125px, .9375vw, 12px);
    line-height: clamp(15.1875px, 1.40625vw, 18px);
  }

  .ybh-beer-detail__menu .ybh-menus__list {
    grid-template-columns: repeat(3, minmax(clamp(160.313px, 14.8438vw, 190px), 1fr));
  }

  .ybh-beer-detail__menu .ybh-menu-card__content {
    padding-inline: clamp(12.6563px, 1.17188vw, 15px);
  }

  .ybh-beer-detail__menu .ybh-menu-card__content-footer {
    margin-block-start: clamp(6.75px, .625vw, 8px);
  }

  .ybh-beer-detail__menu .ybh-menu-card__name {
    font-size: clamp(11.8125px, 1.09375vw, 14px);
    line-height: clamp(16.875px, 1.5625vw, 20px);
  }

  .ybh-beer-detail__menu .ybh-menu-card__price-prefix {
    word-break: keep-all;
    align-items: flex-end;
    width: min-content;
    display: flex;
  }
}

.ybh-beers-list {
  background-blend-mode: multiply;
  isolation: isolate;
  background-color: var(--ybh-color-base);
  color: var(--ybh-color-cream);
  flex-direction: column;
  display: flex;
  position: relative;
}

@media (width <= 768px) {
  .ybh-beers-list {
    padding-block: 12.5vw 5vw;
  }
}

@media (width >= 769px) {
  .ybh-beers-list {
    padding-block: clamp(50.625px, 4.6875vw, 60px) clamp(20.25px, 1.875vw, 24px);
  }
}

.ybh-beers-list:before {
  line-height: 1;
  position: absolute;
}

@media (width <= 768px) {
  .ybh-beers-list:before {
    content: url("../images/beers-list.before.sp.svg");
    inset-block-start: 6.875vw;
    inset-inline-start: 3.75vw;
  }
}

@media (width >= 769px) {
  .ybh-beers-list:before {
    content: url("../images/beers-list.before.pc.svg");
    inset-block-start: clamp(25.3125px, 2.34375vw, 30px);
    inset-inline-start: 50%;
    translate: -50%;
  }
}

@media (width <= 768px) {
  .ybh-beers-list__wrapper {
    scrollbar-width: 0;
    overflow-x: auto;
  }

  .ybh-beers-list__wrapper::-webkit-scrollbar {
    display: none;
  }

  .ybh-beers-list__inner {
    grid-template-rows: 1fr;
    grid-auto-columns: 68.125vw;
    grid-auto-flow: column;
    gap: 3.75vw;
    padding-inline: 3.75vw;
    display: inline-grid;
  }
}

@media (width >= 769px) {
  .ybh-beers-list__inner {
    grid-template-rows: 1fr;
    grid-template-columns: repeat(2, minmax(clamp(163.688px, 15.1563vw, 194px), 1fr));
    gap: clamp(10.125px, .9375vw, 12px) clamp(8.4375px, .78125vw, 10px);
    padding-inline: clamp(8.4375px, .78125vw, 10px);
    display: grid;
  }
}

.ybh-beers-list__footer {
  flex-direction: column;
  align-items: center;
  display: flex;
}

@media (width <= 768px) {
  .ybh-beers-list__footer {
    gap: 2.5vw;
    margin-block-start: 5vw;
  }
}

@media (width >= 769px) {
  .ybh-beers-list__footer {
    gap: clamp(10.125px, .9375vw, 12px);
    margin-block-start: clamp(20.25px, 1.875vw, 24px);
  }
}

.ybh-beers-list__footer-title {
  font-weight: 500;
}

@media (width <= 768px) {
  .ybh-beers-list__footer-title {
    font-size: 3.75vw;
    line-height: 5.625vw;
  }
}

@media (width >= 769px) {
  .ybh-beers-list__footer-title {
    font-size: clamp(15.1875px, 1.40625vw, 18px);
    line-height: clamp(22.7813px, 2.10938vw, 27px);
  }
}

.ybh-beers-list__footer-links {
  display: flex;
}

@media (width <= 768px) {
  .ybh-beers-list__footer-links {
    gap: 2.5vw;
  }
}

@media (width >= 769px) {
  .ybh-beers-list__footer-links {
    gap: clamp(10.125px, .9375vw, 12px);
  }
}

.ybh-beers-list__footer-links-item .ybh-btn {
  box-shadow: unset;
}

@media (width <= 768px) {
  .ybh-beers-list__footer-links-item .ybh-btn {
    font-size: 3.75vw;
  }
}

@media (width >= 769px) {
  .ybh-beers-list__footer-links-item .ybh-btn {
    font-size: clamp(15.1875px, 1.40625vw, 18px);
  }
}

.ybh-beers-list__footer-links-item .ybh-btn__inner {
  height: unset;
}

@media (width <= 768px) {
  .ybh-beers-list__footer-links-item .ybh-btn__inner {
    gap: 1.25vw;
    padding-block: 3.125vw;
    padding-inline: 3.75vw;
  }
}

@media (width >= 769px) {
  .ybh-beers-list__footer-links-item .ybh-btn__inner {
    gap: clamp(5.0625px, .46875vw, 6px);
    padding-block: clamp(12.6563px, 1.17188vw, 15px);
    padding-inline: clamp(15.1875px, 1.40625vw, 18px);
  }
}

.ybh-beers-list__footer-links-item .ybh-btn__label {
  line-height: 1;
}

.ybh-beers-list__footer-links-item .ybh-btn__label svg {
  height: 1em;
}

.ybh-beers-list__footer-links-item .ybh-btn__icon {
  width: 1em;
}

.ybh-beers {
  background-image: url("../images/beers.bg.webp");
  background-position: top;
  background-repeat: repeat-y;
  background-size: contain;
  position: relative;
}

.ybh-beers:before, .ybh-beers:after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  inset-inline: 0;
}

.ybh-beers:before {
  background-image: url("../images/beers.before.bg.webp");
}

@media (width <= 768px) {
  .ybh-beers:before {
    height: 15vw;
    inset-block-start: -7.5vw;
  }
}

@media (width >= 769px) {
  .ybh-beers:before {
    height: clamp(60.75px, 5.625vw, 72px);
    inset-block-start: clamp(-36px, -2.8125vw, -30.375px);
  }
}

.ybh-beers:after {
  content: unset;
}

.ybh-beers .ybh-container {
  flex-direction: column;
  display: flex;
}

@media (width <= 768px) {
  .ybh-beers .ybh-container {
    gap: 9.375vw;
  }
}

@media (width >= 769px) {
  .ybh-beers .ybh-container {
    gap: clamp(37.9688px, 3.51563vw, 45px);
  }
}

.ybh-beers__summary {
  text-align: center;
  word-break: keep-all;
  font-weight: 500;
}

@media (width <= 768px) {
  .ybh-beers__summary {
    font-size: 4.375vw;
    line-height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-beers__summary {
    font-size: clamp(17.7188px, 1.64063vw, 21px);
    line-height: clamp(25.3125px, 2.34375vw, 30px);
  }
}

@media (width <= 768px) {
  .ybh-beers .ybh-beers-list {
    margin-block-start: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-beers .ybh-beers-list {
    margin-block-start: clamp(25.3125px, 2.34375vw, 30px);
  }
}

@media (width <= 768px) {
  .ybh-beers :where(.ybh-notes) {
    margin-block-start: 3.125vw;
  }
}

@media (width >= 769px) {
  .ybh-beers :where(.ybh-notes) {
    margin-block-start: clamp(12.6563px, 1.17188vw, 15px);
  }
}

.ybh-holiday-plate {
  --ybh-color-holiday-plate: #bf2900;
}

@media (width >= 769px) {
  .ybh-holiday-plate__inner {
    gap: clamp(40.5px, 3.75vw, 48px);
  }
}

.ybh-holiday-plate__summary {
  display: grid;
}

@media (width <= 768px) {
  .ybh-holiday-plate__summary {
    gap: 5vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__summary {
    gap: clamp(11.8125px, 1.09375vw, 14px);
  }
}

.ybh-holiday-plate__summary-header {
  flex-direction: column;
  align-items: center;
  display: flex;
}

@media (width <= 768px) {
  .ybh-holiday-plate__summary-header {
    gap: 5vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__summary-header {
    gap: clamp(13.5px, 1.25vw, 16px);
  }
}

.ybh-holiday-plate__summary-header-catch {
  background-color: var(--ybh-color-holiday-plate);
  width: max-content;
  color: var(--ybh-color-cream);
  font-weight: 700;
  position: relative;
}

@media (width <= 768px) {
  .ybh-holiday-plate__summary-header-catch {
    border-radius: 10vw;
    padding-block: 1.25vw;
    padding-inline: 5vw;
    font-size: 4.375vw;
    line-height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__summary-header-catch {
    border-radius: clamp(27px, 2.5vw, 32px);
    padding-block: clamp(3.375px, .3125vw, 4px);
    padding-inline: clamp(13.5px, 1.25vw, 16px);
    font-size: clamp(15.1875px, 1.40625vw, 18px);
    line-height: clamp(18.5625px, 1.71875vw, 22px);
  }
}

.ybh-holiday-plate__summary-header-catch:after {
  content: "";
  border: 0 solid #0000;
  border-block-start-color: var(--ybh-color-holiday-plate);
  position: absolute;
  inset-inline: 50%;
  translate: -50%;
}

@media (width <= 768px) {
  .ybh-holiday-plate__summary-header-catch:after {
    border-block-start-width: 2.5vw;
    border-inline-width: 1.25vw;
    inset-block-end: -2.5vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__summary-header-catch:after {
    border-block-start-width: clamp(6.75px, .625vw, 8px);
    border-inline-width: clamp(3.375px, .3125vw, 4px);
    inset-block-end: clamp(-8px, -.625vw, -6.75px);
  }
}

.ybh-holiday-plate__summary-header-title {
  font-weight: 900;
}

@media (width <= 768px) {
  .ybh-holiday-plate__summary-header-title {
    font-size: 7.5vw;
    line-height: 9.375vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__summary-header-title {
    font-size: clamp(25.3125px, 2.34375vw, 30px);
    line-height: clamp(28.6875px, 2.65625vw, 34px);
  }
}

.ybh-holiday-plate__summary-content {
  display: contents;
}

.ybh-holiday-plate__summary-text {
  text-align: center;
  word-break: keep-all;
}

@media (width <= 768px) {
  .ybh-holiday-plate__summary-text {
    font-size: 4.375vw;
    line-height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__summary-text {
    font-size: clamp(13.5px, 1.25vw, 16px);
    line-height: clamp(20.25px, 1.875vw, 24px);
  }
}

.ybh-holiday-plate__summary-price {
  font-family: var(--ybh-font-family-serif);
  align-items: baseline;
  font-weight: 700;
  display: flex;
}

@media (width <= 768px) {
  .ybh-holiday-plate__summary-price {
    justify-content: flex-end;
    gap: .625vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__summary-price {
    justify-content: center;
    gap: clamp(3.375px, .3125vw, 4px);
  }
}

@media (width <= 768px) {
  .ybh-holiday-plate__summary-price-title {
    font-size: 3.125vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__summary-price-title {
    font-size: clamp(10.125px, .9375vw, 12px);
  }
}

.ybh-holiday-plate__summary-price-content {
  display: inherit;
  align-items: inherit;
}

@media (width <= 768px) {
  .ybh-holiday-plate__summary-price-content {
    gap: .625vw;
    font-size: 3.125vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__summary-price-content {
    gap: clamp(1.6875px, .15625vw, 2px);
    font-size: clamp(8.4375px, .78125vw, 10px);
  }
}

@media (width <= 768px) {
  .ybh-holiday-plate__summary-price-value {
    font-size: 5vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__summary-price-value {
    font-size: clamp(16.875px, 1.5625vw, 20px);
  }
}

.ybh-holiday-plate__steps {
  position: relative;
}

.ybh-holiday-plate__steps-header {
  z-index: 1;
  background-color: var(--ybh-color-holiday-plate);
  width: max-content;
  color: var(--ybh-color-cream);
  font-weight: 500;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  translate: -50% -50%;
}

@media (width <= 768px) {
  .ybh-holiday-plate__steps-header {
    border-radius: 5.625vw;
    padding-block: .3125vw .625vw;
    padding-inline: 3.75vw;
    font-size: 3.75vw;
    line-height: 5.625vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__steps-header {
    border-radius: clamp(15.1875px, 1.40625vw, 18px);
    padding-block: clamp(.84375px, .078125vw, 1px) clamp(1.6875px, .15625vw, 2px);
    padding-inline: clamp(10.125px, .9375vw, 12px);
    font-size: clamp(11.8125px, 1.09375vw, 14px);
    line-height: clamp(16.875px, 1.5625vw, 20px);
  }
}

.ybh-holiday-plate__steps-list {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

@media (width <= 768px) {
  .ybh-holiday-plate__steps-list {
    border-radius: 4.375vw;
    gap: .9375vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__steps-list {
    border-radius: clamp(11.8125px, 1.09375vw, 14px);
    gap: clamp(3.375px, .3125vw, 4px);
  }
}

.ybh-holiday-plate__step {
  position: relative;
}

@media (width <= 768px) {
  .ybh-holiday-plate__step {
    padding-block: 10.625vw 7.5vw;
    padding-inline: 4.6875vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__step {
    padding-block: clamp(16.875px, 1.5625vw, 20px);
    padding-inline: clamp(33.75px, 3.125vw, 40px);
  }
}

@media (width <= 768px) {
  .ybh-holiday-plate__step:first-of-type {
    padding-block-start: 11.25vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__step:first-of-type {
    padding-block-start: clamp(30.375px, 2.8125vw, 36px);
  }
}

@media (width <= 768px) {
  .ybh-holiday-plate__step:last-of-type {
    padding-block-end: 10vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__step:last-of-type {
    padding-block-end: clamp(27px, 2.5vw, 32px);
  }
}

.ybh-holiday-plate__step:before, .ybh-holiday-plate__step:after {
  position: absolute;
}

.ybh-holiday-plate__step:before {
  content: "";
  background-color: var(--sb-color-bgbase);
  inset: 0;
}

@media (width <= 768px) {
  .ybh-holiday-plate__step:not(:first-of-type):before {
    clip-path: polygon(0 0, calc(50% - 2.1875vw) 0, 50% 3.125vw, calc(50% + 2.1875vw) 0, 100% 0, 100% 100%, 0 100%);
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__step:not(:first-of-type):before {
    clip-path: polygon(0 0, calc(50% - clamp(6.75px, .625vw, 8px)) 0, 50% clamp(10.125px, .9375vw, 12px), calc(50% + clamp(6.75px, .625vw, 8px)) 0, 100% 0, 100% 100%, 0 100%);
  }
}

.ybh-holiday-plate__step:after {
  border: 0 solid #0000;
  border-block-start-color: var(--sb-color-bgbase);
  inset-inline: 50%;
  translate: -50%;
}

@media (width <= 768px) {
  .ybh-holiday-plate__step:after {
    border-block-start-width: 2.5vw;
    border-inline-width: 1.5625vw;
    inset-block-start: -.9375vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__step:after {
    border-block-start-width: clamp(8.4375px, .78125vw, 10px);
    border-inline-width: clamp(5.0625px, .46875vw, 6px);
    inset-block-start: clamp(-4px, -.3125vw, -3.375px);
  }
}

.ybh-holiday-plate__step:not(:first-of-type):after {
  content: "";
}

.ybh-holiday-plate__step-inner {
  align-items: center;
  display: flex;
  position: relative;
}

@media (width <= 768px) {
  .ybh-holiday-plate__step-inner {
    flex-direction: column;
    gap: 3.75vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__step-inner {
    gap: clamp(33.75px, 3.125vw, 40px);
  }
}

.ybh-holiday-plate__step-content {
  flex-direction: column;
  display: flex;
}

@media (width <= 768px) {
  .ybh-holiday-plate__step-content {
    align-items: center;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__step-content {
    flex-grow: 1;
    align-items: flex-start;
  }
}

.ybh-holiday-plate__step-num {
  display: flex;
}

@media (width <= 768px) {
  .ybh-holiday-plate__step-num {
    height: 4.375vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__step-num {
    height: clamp(11.8125px, 1.09375vw, 14px);
  }
}

.ybh-holiday-plate__step-num > svg {
  height: 100%;
}

.ybh-holiday-plate__step-title {
  word-break: keep-all;
  font-weight: 500;
}

@media (width <= 768px) {
  .ybh-holiday-plate__step-title {
    text-align: center;
    margin-block-start: 2.5vw;
    font-size: 4.375vw;
    line-height: 6.25vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__step-title {
    margin-block-start: clamp(8.4375px, .78125vw, 10px);
    font-size: clamp(13.5px, 1.25vw, 16px);
    line-height: clamp(18.5625px, 1.71875vw, 22px);
  }
}

@media (width <= 768px) {
  .ybh-holiday-plate__step:nth-of-type(2) .ybh-holiday-plate__step-title {
    text-align: unset;
    word-break: unset;
  }

  .ybh-holiday-plate__step:nth-of-type(2) .ybh-holiday-plate__step-title wbr {
    display: none;
  }

  .ybh-holiday-plate__step .ybh-notes {
    width: 100%;
    margin-block-start: 1.25vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__step .ybh-notes {
    margin-block-start: clamp(3.375px, .3125vw, 4px);
    font-size: clamp(10.125px, .9375vw, 12px);
  }
}

.ybh-holiday-plate__step-inner > picture {
  flex-shrink: 0;
}

@media (width <= 768px) {
  .ybh-holiday-plate__step-inner > picture {
    width: 60vw;
  }
}

@media (width >= 769px) {
  .ybh-holiday-plate__step-inner > picture {
    width: clamp(141.75px, 13.125vw, 168px);
  }

  :root {
    --yebisu-gnav-height-pc: 70px;
  }
}

.ybh {
  background-color: var(--ybh-color-cream);
  color: var(--ybh-color-base);
  font-family: var(--ybh-font-family-sans-serif);
  position: relative;
}

@media (width <= 768px) {
  .ybh {
    font-size: 3.125vw;
  }
}

@media (width >= 769px) {
  .ybh {
    font-size: clamp(12.6563px, 1.17188vw, 15px);
  }
}

.ybh-wrapper {
  box-sizing: border-box;
  margin-inline: auto;
}

@media (width >= 769px) {
  .ybh-wrapper {
    width: clamp(1080px, 100vw, 1280px);
    padding-inline: clamp(33.75px, 3.125vw, 40px);
  }
}

.ybh-contents {
  background-color: #fbfcfe;
  flex-direction: column;
  display: flex;
}

@media (width >= 769px) {
  .ybh-contents {
    width: clamp(405px, 37.5vw, 480px);
    margin-block-start: calc(var(--ybh-header-height-pc) * -1);
    margin-inline-start: auto;
    transition: margin-block-start .3s ease-out;
    position: relative;
    box-shadow: 0 1px 2px #0000004d, 0 1px 3px 1px #00000026;
  }

  .ybh-contents [id] {
    scroll-margin-block-start: var(--yebisu-gnav-height-pc);
  }
}

.ybs-aside {
  background-color: var(--sb-color-bgbase);
  position: relative;
}