@charset "UTF-8";

@keyframes linelink {
  0% {
    background-position: right bottom 0px;
    background-size: 100% 1px;
  }
  50% {
    background-position: right bottom 0px;
    background-size: 0% 1px;
  }
  51% {
    background-position: left bottom 0px;
    background-size: 0% 1px;
  }
  100% {
    background-position: left bottom 0px;
    background-size: 100% 1px;
  }
}

@keyframes arwAnime {
  0% {
    translate: 0 0;
  }
  50% {
    translate: 2rem 0;
  }
  51% {
    translate: -2rem 0;
  }
  100% {
    translate: 0 0;
  }
}


body {
  font-size: 1.6rem;
  line-height: 1.6;
}

a {
  text-decoration: none;
  color: #141414;
}


/*===============================================*/
/*lenis */
/*===============================================*/
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

html:has(.en--contents) {
  font-size: 10px;

  @media (min-width: 1600px) {
    font-size: 12.5px;
  }
}
.p-en-fv__img {
  &:before {
    opacity: 0;
    transition: 1.5s 0.2s var(--easing-out);
    transition-property: opacity;
  }
  .js-load-target {
    opacity: 0;
    scale: 1.2;
    transition: 1.5s 0.2s var(--easing-out);
    transition-property: opacity, scale;
  }
}
.p-en-header__nav,
.p-language-btn,
.p-en-header__searchBtn {
  translate: 0 -2rem;
  opacity: 0;
  transition: 1s var(--easing-out_2);
  transition-property: translate, opacity;
}
.p-en-header__logo {
  transition: 1s var(--easing-out_2);
  transition-property: translate, opacity;
  opacity: 0;
  translate: -50% -2rem !important;
}
.p-en-fv__ttl {
  position: relative;
  overflow: clip;

  .split-text {
    --animation-delay: 0.02s;
    translate: 0 100%;
    transition-property: translate;
    transition-duration: 1.5s;
    transition-timing-function: var(--easing-out_2);
    display: inline-block;
    transition-delay: calc(
            var(--index) * var(--animation-delay) + 1.4s
    ) !important;
  }
}
body.is-loaded {
  .en--contents {
    .p-en-fv__img {
      &:before {
        opacity: 0.14;
      }
      .js-load-target {
        opacity: 1;
        scale: 1;
      }
    }
    .p-en-header__nav,
    .p-language-btn,
    .p-en-header__searchBtn {
      translate: 0;
      opacity: 1;
    }
    .p-en-header__logo {
      opacity: 1;
      translate: -50% 0 !important;
    }
    .p-en-fv__ttl {
      .split-text {
        translate: 0 0;
      }
    }
  }
}
@media (max-width: 1023px) {
  .en--contents {
    .p-en-header__logo {
      translate: 0 -2rem !important;
    }
  }
  body.is-loaded {
    .en--contents {
      .p-en-header__logo {
        opacity: 1;
        translate: 0% 0 !important;
      }
      .p-en-fv__img {
        &:before {
          opacity: 0.3;
        }
      }
    }
  }
}

.en--contents {
  --main-color: #d8a440;
  --primary-color: #be732d;
  --c-yellow: #d8a440;
  --header-height: 5rem;
  --easing-out: cubic-bezier(0.55, 0.05, 0.22, 0.99);
  --easing-out_2: cubic-bezier(0, 1.08, 0.61, 0.97);
  --animation-delay: 0.01s;
  position: relative;
  font-family: freight-big-pro, serif;
  font-weight: 400;
  color: #180f00;
  max-width: 100%;
  overflow: clip;

  &:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: fixed;
    inset: 0;
    background-image: url(/wp-content/themes/yuzuan/img/legacy/lang/en/bg.webp);
    background-repeat: repeat;
    background-size: 50%;
    z-index: -1;
  }

  /*===============================================*/
  /*reset */
  /*===============================================*/

  img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  a {
    display: inline-block;
  }

  .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  ul > li {
    list-style: none;
  }

  strong {
    font-weight: normal;
  }

  .c-anchor-target {
    scroll-margin-top: 5rem;
  }
  /*===============================================*/
  /*component */
  /*===============================================*/

  .c-en-btn {
    padding: 0.7rem 4.4rem 0.7rem 1.4rem;
    border-radius: 0.5rem;
    position: relative;
    line-height: 1;
    letter-spacing: 0.1rem;

    &:not(.transparent) {
      background-color: var(--main-color);
      color: white;
      padding: 1.5rem 4.8rem 1.5rem 1.9rem;
    }

    &.transparent {
      --animation-delay: 0s;
      border: 1px solid #e5e5e5;
      position: relative;
      background-color: white;

      &:before {
        position: absolute;
        inset: 0;
        content: "";
        border-radius: 0.5rem;
      }

      .c-en-btn__arw {
        background-color: var(--main-color);
        position: absolute;
        top: 50%;
        right: 0.4rem;
        width: 2.9rem;
        height: 2.7rem;
        display: flex;
        align-items: center;
        justify-content: center;
        translate: 0 -50%;
        border-radius: 0.3rem;

        svg {
          width: 36%;
          max-height: 100%;
          stroke-width: 1.5px;
        }
        @media (max-width: 1023px) {
          width: 44%;
        }
      }
      &:hover {
        .c-en-btn__arw svg {
          animation: arwAnime 0.4s var(--easing-out) forwards;
        }
      }
    }
  }

  .c-en-btn__arw {
    position: absolute;
    top: 50%;
    right: 1.4rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    translate: 0 -50%;
    border-radius: 0.5rem;
    overflow: clip;

    svg {
      width: 52%;
      max-height: 100%;
    }
  }

  .c-en-btn__circle {
    border-radius: 50%;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 12rem;
    aspect-ratio: 1/1;
    margin-inline: auto;

    &.border {
      border: 1px solid;
    }
  }

  .js-stalker-btn {
    opacity: 0;
    transition: 0.4s var(--easing-out_2);
    transition-property: opacity, visibility, width;
    backdrop-filter: blur(5px);
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    visibility: hidden;
    will-change: transform;
    scale: 1;
    aspect-ratio: 1/1;
    width: 14rem;
    z-index: 90;

    &.is-visible {
      scale: 1;
      opacity: 1;
      visibility: visible;
      width: 12rem;
    }
  }
  .js-showStalker-area {
    cursor: pointer;
  }

  .c-en-linkcircle {
    border-radius: 50%;
    aspect-ratio: 1/1;
    display: inline-block;
    fill: none;
    position: absolute;
    inset: 0;

    circle {
      fill: none;
      stroke-width: 0.2;
      &:nth-of-type(1) {
        stroke: rgb(0 0 0 / 0.5);
      }
      &:nth-of-type(2) {
        stroke: rgb(0 0 0 / 0);
      }
      @media (max-width: 1023px) {
        stroke-width: 0.5;
        &:nth-of-type(1) {
          stroke: rgb(0 0 0 / 1);
        }
      }
    }
  }

  .c-en-fullsize {
    position: absolute;
    inset: 0;
    z-index: 80;
  }

  .c-en-grid {
    /* padding-inline: 13rem; */
    margin-inline: auto;
    @media (min-width: 1024px) {
      width: 80.882vw;
      min-width: 900px;
    }
  }

  .p-en-ttl {
    font-size: 5rem;
    margin-bottom: 6rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    letter-spacing: 0.15rem;
    line-height: 1;
    gap: 5rem;

    & + .p-en-lead {
      text-align: center;
    }
  }

  .p-en-ttl__img {
    width: 9rem;
    display: block;
    margin-inline: auto;

    .p-en-search & {
      order: -1;
    }
  }

  .p-en-lead {
    font-size: 1.8rem;

    &.big {
      font-size: 2rem;
    }
  }

  .p-en-ttl__border {
    font-size: 5rem;
    display: flex;
    align-items: center;
    padding-bottom: 2rem;
    margin-bottom: 4rem;
    position: relative;
    line-height: 1.1;

    &:before,
    &:after {
      content: "";
      height: 1px;
      position: absolute;
      bottom: 0;
    }
    &:before {
      width: 0.7rem;
      left: 0;
      background-color: var(--main-color);
    }

    &:after {
      width: calc(100% - 1.1rem);
      left: 1.1rem;
      background-color: #100a00;
      opacity: 0.1;
    }
  }

  .c-linelink__txt {
    display: inline;
    position: relative;
    background-position: right bottom 0px;
    background-image: linear-gradient(90deg, currentcolor, currentcolor);
    background-repeat: no-repeat;
    background-size: 100% 1px;
    transition: background-size 0.32s ease;
    animation-fill-mode: forwards;
    line-height: 1.25;
    letter-spacing: normal;

    @media (max-width: 1023px) {
      background-position: right bottom 3px;
    }
  }

  .c-linelink {
    &:hover {
      .c-linelink__txt {
        animation: linelink 0.8s var(--easing-out) forwards;
      }
    }
  }

  .c-linelink--hidden {
    .c-linelink__txt {
      background-size: 0% 1px;
    }

    a:hover .c-linelink__txt {
      background-size: 100% var(--line-width);
      background-position: left bottom 0px;
    }
  }

  [data-clone] {
    display: grid;
    align-items: center;
    overflow: clip;
    line-height: 1.2;
  }
  [data-clone-item] {
    grid-area: 1 / 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .clone-1 .split-text {
    translate: 0 100%;
    transition: translate 0.5s var(--easing-out_2);
    transition-delay: calc(var(--index) * var(--animation-delay));
  }

  .split-text {
    --index: 0; /* デフォルト値 */
    transition: translate 0.5s var(--easing-out_2);
    transition-delay: calc(var(--index) * var(--animation-delay));
  }

  .js-stalker-btn .split-text {
    transition-delay: calc(var(--index) * var(--animation-delay) + 0.1s);
  }

  .js-scroll-text-left,
  .js-scroll-text-right {
    display: inline-block;
  }

  a:hover .clone-1 .split-text,
  button:hover .clone-1 .split-text,
  a.is-visible .clone-1 .split-text {
    translate: 0 0;
  }

  a:hover [data-split]:not(.clone-1) .split-text,
  button:hover [data-split]:not(.clone-1) .split-text,
  a.is-visible [data-split]:not(.clone-1) .split-text {
    translate: 0 -100%;
  }

  /* 変数を使用した擬似ループ */
  .split-text:nth-of-type(1) {
    --index: 0;
  }
  .split-text:nth-of-type(2) {
    --index: 1;
  }
  .split-text:nth-of-type(3) {
    --index: 2;
  }
  .split-text:nth-of-type(4) {
    --index: 3;
  }
  .split-text:nth-of-type(5) {
    --index: 4;
  }
  .split-text:nth-of-type(6) {
    --index: 5;
  }
  .split-text:nth-of-type(7) {
    --index: 6;
  }
  .split-text:nth-of-type(8) {
    --index: 7;
  }
  .split-text:nth-of-type(9) {
    --index: 8;
  }
  .split-text:nth-of-type(10) {
    --index: 9;
  }
  .split-text:nth-of-type(11) {
    --index: 10;
  }
  .split-text:nth-of-type(12) {
    --index: 11;
  }
  .split-text:nth-of-type(13) {
    --index: 12;
  }
  .split-text:nth-of-type(14) {
    --index: 13;
  }
  .split-text:nth-of-type(15) {
    --index: 14;
  }
  .split-text:nth-of-type(16) {
    --index: 15;
  }
  .split-text:nth-of-type(17) {
    --index: 16;
  }
  .split-text:nth-of-type(18) {
    --index: 17;
  }
  .split-text:nth-of-type(19) {
    --index: 18;
  }
  .split-text:nth-of-type(20) {
    --index: 19;
  }
  .split-text:nth-of-type(21) {
    --index: 20;
  }
  .split-text:nth-of-type(22) {
    --index: 21;
  }
  .split-text:nth-of-type(23) {
    --index: 22;
  }
  .split-text:nth-of-type(24) {
    --index: 23;
  }
  .split-text:nth-of-type(25) {
    --index: 24;
  }
  .split-text:nth-of-type(26) {
    --index: 25;
  }
  .split-text:nth-of-type(27) {
    --index: 26;
  }
  .split-text:nth-of-type(28) {
    --index: 27;
  }
  .split-text:nth-of-type(29) {
    --index: 28;
  }
  .split-text:nth-of-type(30) {
    --index: 29;
  }
  .split-text:nth-of-type(31) {
    --index: 30;
  }
  .split-text:nth-of-type(32) {
    --index: 31;
  }
  .split-text:nth-of-type(33) {
    --index: 32;
  }

  [data-scale-in] {
    scale: 1.2;
    filter: brightness(2.3);
    opacity: 0.3;
    transition: 1.8s var(--easing-out_2);
    trransition-property: transition, opacity, filter;
  }
  .is-active [data-scale-in] {
    scale: 1;
    filter: brightness(1);
    opacity: 1;
  }

  .pc-hidden {
    display: none !important;
  }
  .c-en-motif {
    opacity: 0.8;
  }

  .c-en-btn__plane {
    font-size: 1.4rem;
    color: var(--main-color);
    border-radius: 0.5rem;
    border: 1px solid;
    padding: 0.5rem 1rem 0.5rem 1rem;
    line-height: 1;
    text-align: center;

    &.bold {
      font-weight: bold;
    }

    &.bg-orange {
      background-color:#F7EA08;
      color: #870000;
      border-color:transparent;
    }
    &.bg-yellow {
      background-color: #FDFAED;
      color: #840000;
      border-color:#9D2225;
    }
  }

  /*===============================================*/
  /*フローティング */
  /*===============================================*/
  .p-en-floating {
    aspect-ratio:300/165;
    width:30rem;
    position: fixed;
    z-index: 200;
    bottom: 1.5rem;
    right: 1.5rem;
    display:flex;
    background-image: url(/wp-content/themes/yuzuan/img/legacy/lang/en/coupon_bg_en.webp);
    padding: 2.5rem 0rem 1.8rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: 0.5s var(--easing-out_2);
    transform-origin: right top;
    background-size: 100%;
    color: white;
    align-items: flex-end;
    justify-content:center;

    .c-en-btn__plane {
      font-size: 1.6rem;
      width: 12rem;
      padding: 0.7rem 1rem 0.7rem 1rem;
      border-radius: 0.3rem;
      letter-spacing: 0.1rem;
    }

    &.is-open {
      pointer-events:all ;
      translate: 0;
      opacity: 1;
      scale: 1;
    }
  }
  .p-en-floating:not(.is-open) {
    scale: 0.9;
    opacity: 0;
    translate: 0rem -1rem;
    pointer-events: none;
  }
  .p-en-floating__txt {
    font-size: 1.6rem;
    margin-bottom: 1.3rem;
    line-height: 1.32;
    letter-spacing: 0.16rem;
  }
  .p-en-floating__btns {
    display: flex;
    gap: 0.5rem;
    justify-content:center;
  }

  .p-en-floating__close {
    position: absolute;
    top: -1rem;
    right: -1rem;
    width: 3rem;
    border-radius:50%;
    background-color:white;
    aspect-ratio: 1/1;
    display: block;
    box-shadow:1px 1px 2px rgb(0 0 0 / .2);

    &:before,
    &:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      translate: -50% -50%;
      display: block;
      width: 1.3rem;
      height: 1px;
      background-color: #830000;
    }
    &:before {
      rotate: 45deg;
    }
    &:after {
      rotate: 135deg;
    }
  }

  /*===============================================*/
  /*ヘッダー */
  /*===============================================*/

  .p-en-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .p-en-header__logo {
    position: fixed;
    width: 22rem;
    left: 50%;
    top: 0px;
    z-index: 100;
  }

  .p-en-header__nav {
    position: fixed;
    top: 3.8rem;
    left: 4rem;
    z-index: 100;
    mix-blend-mode: difference;
    letter-spacing: 0.1rem;
  }

  .p-en-header__nav-list {
    display: flex;
    gap: 2.1rem;

    a {
      color: white;
    }
  }
  .p-en-header__searchBtn {
    position: fixed !important;
    top: 3rem;
    right: 3.9rem;
    z-index: 100;
  }

  .p-language-btn {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    color: white;
    position: fixed;
    top: 3.4rem;
    right: 34rem;
    z-index: 100;
    mix-blend-mode: difference;
    cursor: pointer;

    select {
      width: 5rem;
      display: inline-block;
      color: white;
      outline: none;
      cursor: pointer;
    }
    svg {
      translate: 0 -0.2rem;
    }
  }

  .p-language-btn__bg{
    position:fixed;
    top: 1rem;
    right: 31rem;
    width: 14rem;
    height: 8rem;
    z-index: 99;
    background-color:black;
    opacity:0;
    mask-image: radial-gradient(black 0%, transparent 54%);
    transition-property:opacity;
    transition-duration:0s;

    .is-loaded &{
      transition-delay:1s;
      opacity:.3;
    }

    .is-fvOver &{
      transition-delay:0s;
      opacity:0;
    }
  }

  /*===============================================*/
  /*FV */
  /*===============================================*/
  .p-en-fv {
    padding-top: 1rem;
    position: relative;
    margin-bottom: 15.8rem;
  }

  .p-en-fv__main {
    height: calc(100svh - 8.3rem);
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    text-align: center;
    padding-inline: 1rem;
    margin-bottom: 1rem;
  }

  .p-en-fv__ttl {
    font-size: clamp(70px, 9.2vw, 175px);
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 2;
    color: white;
    line-height: 1.2;
    letter-spacing: 0.2rem;
  }

  .p-en-fv__lead {
    position: relative;
    font-size: 1.6rem;
    margin-bottom: -1.5rem;
    color: white;
    z-index: 2;
    line-height: 1.3;
  }

  .p-en-fv__img {
    position: absolute;
    top: 0;
    width: calc(50% - 1rem);
    height: 100%;
    overflow: clip;

    &:before {
      content: "";
      position: absolute;
      inset: 0;
      width: 100%;
      z-index: 1;
    }

    img {
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0;
    }
    &.left {
      left: 1rem;
      &:before {
        background-image: linear-gradient(to left, transparent 18%, black 100%);
      }
    }
    &.right {
      right: 1rem;
      &:before {
        background-image: linear-gradient(
                to top,
                rgb(0 0 0 / 0.4) 40%,
                black 100%
        );
      }
    }
  }

  .p-en-fv__list {
    padding-block: 1.2rem;
  }
  .p-en-fv__sub {
    max-width: 100%;
    overflow: clip;
    pointer-events: none;
    position: relative;
    padding-block: 0.7rem;

    &:before,
    &:after {
      content: "";
      position: absolute;
      left: 1rem;
      right: 1rem;
      height: 1px;
      opacity: 0.5;
      background-image: linear-gradient(
              to right,
              rgb(14 15 0 /0.5),
              rgb(14 15 0 /0.5) 0.9px,
              transparent 0.9px
      );
      background-size: 4px 1px;
      background-position: left top;
      background-repeat: repeat-x;
    }
    &:before {
      top: 0;
    }
    &:after {
      bottom: 0;
    }
  }
  .p-en-fv__item {
    display: flex;
    align-items: center;
    font-size: 2.1rem;
    gap: 1.2rem;
    letter-spacing: 0.1rem;

    strong {
      color: var(--main-color);
    }

    img {
      aspect-ratio: 50/40;
      width: 5rem;
    }

    p {
      white-space: nowrap;
    }
  }

  /*===============================================*/
  /* How To */
  /*===============================================*/
  .p-en-howto {
    text-align: center;
    margin-bottom: 14rem;

    .c-en-btn__circle {
      margin-inline: auto;
      margin-bottom: 17rem;
    }
    .p-en-ttl__img {
      margin-bottom: 5.2rem;
    }
    .c-en-btn {
      font-size: 1.4rem;
      padding: 0.9rem 4.2rem 0.9rem 1.2rem;
    }
    .c-en-btn__arw {
      width: 2.7rem;
      height: 2.7rem;
    }
  }
  .p-en-howto__img {
    margin-top: 6rem;
  }
  .p-en-howto-main {
    position: relative;
  }
  .p-en-howto__brush {
    position: absolute;
    left: -4rem;
    top: 2rem;
    z-index: -1;
    width: 111rem;
  }
  .p-en-howto__ttl {
    font-size: 3rem;
    margin-bottom: 6.7rem;
    letter-spacing: 0.15rem;
  }

  .p-en-howto__logo {
    width: 36.5rem;
    margin-inline: auto;
    margin-bottom: 4.6rem;
    translate: 2rem 0;
  }

  .p-en-howto__lead {
    font-size: 2rem;
    margin-bottom: 4.8rem;
    word-break: normal;
    overflow-wrap: anywhere;
    max-width: 50rem;
    margin-inline: auto;
  }

  .p-en-howto__img {
    aspect-ratio: 1360/600;
    overflow: clip;
    position: relative;

    .js-parallax-target {
      position: absolute;
      top: -200px;
      left: 0;
      width: 100%;
      height: calc(100% + 200px);
    }
  }

  /*===============================================*/
  /* About */
  /*===============================================*/

  .p-en-about {
    text-align: center;
    margin-bottom: 17.9rem;
    .p-en-ttl {
      strong {
        position: relative;
        &:before {
          content: open-quote;
        }
        &:after {
          content: close-quote;
          position: absolute;
          right: -2rem;
          bottom: -0.3lh;
        }
      }
    }
    .p-en-lead {
      margin-bottom: 23rem;
      width: 60rem;
      margin-inline: auto;
    }
  }

  .p-en-about__img {
    display: flex;

    .p-en-about__img-inner {
      width: 50%;
      aspect-ratio: 550/486;
      overflow: clip;
    }

    .p-en-about__img-inner:nth-of-type(1) {
      translate: 0 -9rem;
    }
    .p-en-about__img-inner:nth-of-type(2) [data-scale-in] {
      transition-delay: 0.2s;
    }
  }

  .p-en-about__main {
    position: relative;
  }

  .p-en-about__brush {
    position: absolute;
    right: 2rem;
    top: 15rem;
    z-index: -1;
    width: 101rem;

    &.sushi {
      right: -12rem;
      top: 21rem;
      width: 18rem;
    }
    &.shabushabu {
      right: 2rem;
      top: -1rem;
      width: 32rem;
    }
  }

  /*===============================================*/
  /* Japanese Black Wagyu Beef
 Shabu-Shabu 
(A5) */
  /*===============================================*/

  .p-en-wagyu {
    .p-en-ttl {
      gap: 5.2rem;
      margin-bottom: 5rem;
    }
    .p-en-lead {
      margin-bottom: 7.2rem;
    }
  }

  .p-en-wagyu__img {
    width: 100%;
    aspect-ratio: 1360/1000;
    position: relative;
    overflow: clip;

    img {
      position: absolute;
      inset: 0;
    }
  }

  .p-en-wagyu__main {
    position: relative;
  }
  .p-en-wahyu__brush {
    position: absolute;
    left: -1rem;
    top: -13rem;
    z-index: -1;
    width: 48rem;
  }

  /*===============================================*/
  /* Search */
  /*===============================================*/
  .p-en-search {
    background-image: url(/wp-content/themes/yuzuan/img/legacy/lang/en/search__bg_1.webp);
    background-repeat: repeat;
    background-size: 100%;
    position: relative;
    z-index: 1;

    .p-en-ttl {
      gap: 1.3rem;
      line-height: 0.9;
      font-size: 8rem;
      position: relative;
      z-index: 2;
    }

    &:not(.is-footer) {
      padding-top: 9.3rem;
      margin-bottom: 20rem;
      margin-top: -5rem;
    }

    &.is-footer {
      padding-top: 6.6rem;

      .p-en-ttl {
        font-size: 10rem;
        gap: 2.4rem;
      }

      .p-en-search__img {
        width: 40rem;
      }
    }
  }
  .p-en-search__img {
    width: 29rem;
    margin-inline: auto;
    aspect-ratio: 288/161;
    translate: 0 -8rem;
    position: relative;
    z-index: 1;
    transform-origin: center;
    scale: 0;
    opacity: 0;
    transition: 1s var(--easing-out_2);
    transition-property: scale, opacity;
    &.is-active {
      opacity: 1;
      scale: 1;
    }
  }
  .p-en-search__bg {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;

    &.top {
      top: 0;
      translate: 0 -5rem;
    }
    &.bottom {
      bottom: 0;
      translate: 0 13rem;
    }
  }
  /*===============================================*/
  /* Great Value All-You-Can-Eat Courses */
  /*===============================================*/
  .p-en-value {
    margin-bottom: 7.9rem;

    .p-en-ttl__border {
      margin-bottom: 6.7rem;
    }
    .p-en-ttl__border-icon {
      margin-left: 1.3rem;
    }
  }
  .p-en-value__main {
    position: relative;
  }
  .p-en-value__brush {
    position: absolute;
    left: -1rem;
    top: -13rem;
    z-index: -1;
    width: 48rem;
  }
  .p-en-value__item {
    display: flex;
    justify-content: space-between;
    counter-increment: num 1;

    &:not(:last-of-type) {
      margin-bottom: 5rem;
    }
  }

  .p-en-value__ttl {
    font-size: 4.2rem;
    margin-bottom: 3.3rem;
    padding-top: 2.3rem;
    position: relative;
    counter-increment: num 0;
    line-height: 1.2;

    &:before {
      content: "0" counter(num) "/";
      font-size: 1.2rem;
      margin-bottom: 3rem;
      position: absolute;
      top: 0;
      left: 0;
    }
  }
  .p-en-value__price {
    --animation-delay: 0.1s;
    font-size: 1.8rem;
    line-height: 1.1;
    margin-bottom: 2.6rem;

    strong {
      font-size: 3.2rem;
      color: var(--primary-color);
      margin-right: 1.2rem;
      display: inline-block;
      overflow: clip;
    }

    .split-text {
      translate: 0 100%;
      display: inline-block;
      transition: translate 0.8s var(--easing-out_2);
      transition-delay: calc(var(--index) * var(--animation-delay));
    }
  }

  .is-active strong .split-text {
    translate: 0 0%;
  }
  .p-en-value__include {
    font-size: 1.6rem;
    margin-left: 2.9rem;
    opacity: 0.7;
    position: relative;

    &:before {
      position: absolute;
      width: 2rem;
      height: 1px;
      content: "";
      top: 50%;
      left: -0.3rem;
      translate: -100% -50%;
      background-color: currentColor;
      display: block;
    }
  }

  .p-en-value__txt {
    font-size: 1.8rem;
  }

  .p-en-value__detail {
    width: 39rem;
    padding-right: 8rem;
  }

  .p-en-value__img {
    @media (min-width: 1024px) {
      transform-origin: top;
      height: var(--content-height);
      position: sticky;
      top: var(--top-margin);
      img {
        height: var(--img-height);
      }
    }
  }
  .p-en-value__img:not(:first-child) {
    @media (min-width: 1024px) {
      margin-top: var(--scroll-num);
    }
  }
  .p-en-value__img:last-child {
    @media (min-width: 1024px) {
      img {
        object-position: left;
      }
    }
  }

  /* スクロールアニメ */
  .p-en-value__inner {
    --img-height: 56svh;
    --scroll-num: 50svh;
    --img-length: 3;
    --top-margin: 23svh;
    --content-height: 77svh;
    position: relative;
    height: calc(
            var(--content-height) * var(--content-height) + var(--scroll-num) *
            (var(--content-height) - 1)
    );
    width: 100%;
  }
  .p-en-value__main {
    width: 100%;
    height: calc(100% + (var(--content-height) - var(--img-height)));
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  @media (min-width: 1024px) {
    .p-en-value__list {
      width: 33%;
      position: sticky;
      top: var(--top-margin);
      height: var(--content-height);

      &[data-current="1"] {
        .p-en-value__detail {
          &:nth-of-type(1) {
            translate: 0 0;
            opacity: 1;
          }
        }
      }
      &[data-current="2"] {
        .p-en-value__detail {
          &:nth-of-type(2) {
            translate: 0 0;
            opacity: 1;
          }
          &:nth-of-type(1) {
            translate: 0 -5rem;
          }
        }
        .p-en-value__subItem {
          &:nth-of-type(1) {
            translate: 0 -5rem;
            opacity: 0;
          }
        }
      }
      &[data-current="3"] {
        .p-en-value__detail {
          &:nth-of-type(2) {
            translate: 0 -5rem;
          }
          &:nth-of-type(3) {
            translate: 0 0;
            opacity: 1;
          }
        }
        .p-en-value__subItem {
          &:nth-of-type(1) {
            translate: 0 -5rem;
            opacity: 0;
          }
          &:nth-of-type(2) {
            translate: 0 -5rem;
            opacity: 0;
          }
        }
      }
      &[data-current="4"] {
        .p-en-value__detail {
          &:nth-of-type(2) {
            translate: 0 -5rem;
          }
          &:nth-of-type(3) {
            translate: 0 -5rem;
          }
          &:nth-of-type(4) {
            translate: 0 0;
            opacity: 1;
          }
        }
        .p-en-value__subItem {
          &:nth-of-type(1),
          &:nth-of-type(2),
          &:nth-of-type(3) {
            translate: 0 -5rem;
            opacity: 0;
          }
        }
      }
    }
  }
  .p-en-value__mainList {
    height: var(--content-height);
    position: sticky;
    counter-reset: num 0;
  }
  .p-en-value__subList {
    counter-reset: num 1;
    position: absolute;
    left: 0rem;
    bottom: 7rem;
  }
  .p-en-value__detail {
    counter-increment: num 1;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.8s var(--easing-out_2);
    transition-property: opacity, translate;

    &:nth-of-type(2) {
      translate: 0 5rem;
    }
    &:nth-of-type(3) {
      translate: 0 5rem;
    }
    &:nth-of-type(4) {
      translate: 0 5rem;
    }
  }
  .p-en-value__subItem {
    position: relative;
    transition: 0.8s var(--easing-out_2);
    transition-property: opacity, translate;
    counter-increment: num 1;
    display: flex;
    align-items: center;

    &:before {
      content: "0" counter(num) "/";
      font-size: 1.2rem;
      margin-right: 1.2rem;
    }

    .p-en-value__subTtl {
      font-size: 1.8rem;
      width: 19rem;
    }
    .p-en-value__price {
      margin-bottom: 0;
      font-size: 1.3rem;

      strong {
        font-size: 2rem;
      }
    }
  }
  .p-en-value__imgList {
    width: 63%;
    height: 100%;
  }

  /*===============================================*/
  /* Touch Panel in English */
  /*===============================================*/
  .p-en-panel {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom: 14rem;
  }
  .p-en-panel__main {
    width: 32.3rem;
    padding-top: 0.5rem;
  }
  .p-en-panel__img {
    width: calc(100% - 40rem);
    overflow: clip;
  }
  /*===============================================*/
  /* Location */
  /*===============================================*/

  .p-en-location {
    margin-bottom: 14.8rem;

    .p-en-ttl__border {
      justify-content: space-between;

      .c-en-btn {
        font-size: 1.6rem;
      }
    }
    .c-en-btn__plane {
      margin-left: 1rem;
    }
  }
  .p-en-location__gallery-list {
    display: flex;
  }
  .p-en-location__gallery {
    margin-bottom: 6.8rem;
  }
  .p-en-location__subttl {
    font-size: 2.6rem;
    margin-bottom: 2.3rem;
  }
  .p-en-location__row {
    display: flex;
    font-size: 1.8rem;

    &:not(:last-child) {
      margin-bottom: 0.3rem;
    }
  }
  .p-en-location__label {
    min-width: 16.3rem;
    display: flex;
    align-items: center;

    &:before {
      content: "";
      width: 0.5rem;
      aspect-ratio: 1/1;
      display: inline-block;
      background-color: var(--main-color);
      margin-right: 1.5rem;
      border-radius: 50%;
    }
  }
  .p-en-location__list {
    margin-bottom: 2.9rem;
  }
  .p-en-location__txt {
    letter-spacing: 0.035rem;
  }

  .p-en-location__map {
    aspect-ratio: 1100/482;
    width: 100%;
    border-radius: 0.5rem;
    overflow: clip;

    iframe {
      width: 100%;
      height: 100%;
      display: block;
    }
  }
  /*===============================================*/
  /* Cashless Payment */
  /*===============================================*/
  .p-en-payment {
    font-size: 1.8rem;
    margin-bottom: 18rem;

    .p-en-lead {
      margin-bottom: 5rem;
    }
  }
  .p-en-payment__main {
    display: flex;
    justify-content: space-between;
  }
  .p-en-payment__subttl {
    font-size: 2.6rem;
    position: relative;
    margin-bottom: -0.3rem;
    translate: -1rem 0;
    letter-spacing: 0.09rem;

    &:before {
      content: "・";
      color: var(--main-color);
      margin-right: 0.4rem;
    }
  }
  .p-en-payment__txt {
    padding-left: 2rem;
    margin-bottom: 3.2rem;
  }
  .p-en-payment__item {
    &:nth-of-type(1) {
      width: calc(100% - 44rem);
    }
    &:nth-of-type(2) {
      width: 32.3rem;
    }
  }

  /*===============================================*/
  /* フッター */
  /*===============================================*/
  .p-en-footer {
    padding-top: 18.3rem;
    padding-bottom: 3.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
    background-color: #100a00;

    a {
      color: white;
    }
  }
  .p-en-footer__nav {
    margin-bottom: 3.3rem;
  }
  .p-en-footer__list {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    font-size: 1.4rem;
  }

  .p-en-footer__snsList {
    display: flex;
    margin-bottom: 5.3rem;
    gap: 1rem;

    img {
      object-fit: contain;
    }
  }
  .p-en-footer__snsItem {
    border-radius: 50%;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 4rem;

    &:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: white;
      opacity: 0.1;
      position: absolute;
      top: 0;
      left: 0;
    }
  }

  img {
    &.x {
      height: 43%;
    }
    &.facebook {
      height: 52%;
    }
    &.instagram {
      height: 52%;
    }
  }
  .p-en-footer__copy {
    font-size: 1rem;
    opacity: 0.5;
  }

  /*===============================================*/
  /* SP */
  /*===============================================*/

  @media (max-width: 1023px) {
    padding-top: 6rem;
    /*===============================================*/
    /* 共通 */
    /*===============================================*/
    .c-en-grid {
      padding-inline: 1.5rem;
    }
    .c-en-btn__circle {
      font-size: 1.4rem;
    }
    .p-en-ttl {
      font-size: 3.6rem;
      gap: 3rem;
      margin-bottom: 0.3rem;
    }
    .p-en-lead {
      font-size: 1.6rem;

      &.big {
        font-size: 1.6rem;
      }
    }
    .p-en-ttl__border {
      font-size: 3.6rem;
    }
    .pc-hidden {
      display: block !important;
    }
    .sp-hidden {
      display: none !important;
    }
    .p-en-ttl__img {
      width: 6rem;
      margin-bottom: 1rem;
    }
    .p-en-howto__lead {
      margin-bottom: 3.2rem;
    }
    .c-en-btn {
      font-size: 1.6rem;
      padding: 0.7rem 4.2rem 0.9rem 1.4rem;

      &.transparent {
        .c-en-btn__arw {
          width: 2.6rem;
          height: 2.6rem;
          border-radius: 0.3rem;
          right: 0.5rem;

          .p-en-header &{
            background-color:transparent;
          }
        }

      }
    }
    .c-en-btn__circle {
      width: 7rem;
      margin-inline: auto;
      font-size: 1.2rem;
      display: flex;
      justify-content: center;
      align-items: center;

      &.border {
        border-width: 0.5px;
      }
    }
    .c-linelink__txt {
      background-size: 100% 0.5px;
    }
    .p-en-ttl__border {
      display: block;
      line-height: 1;
      padding-bottom: 1.6rem;
      margin-bottom: 2.3rem;
    }

    /*===============================================*/
    /* ヘッダー*/
    /*===============================================*/

    .p-en-header__logo {
      left: 1.4rem;
      width: 10.4rem;
      top: 14px;
      position: absolute;
    }
    .p-en-header__searchBtn.transparent {
      border: none;
      background: var(--c-yellow);
      color: white;
      top: 0.9rem;
      right: 1rem;
      font-size: 1.6rem;
      letter-spacing: 0.02rem;
      padding: 1.4rem 2.8rem 1.4rem 1.3rem;
    }
    .p-language-btn {
      font-size: 1.5rem;
      top: 1.75rem;
      right: 19.1rem;
      gap: 0.2rem;
      position: absolute;
      color: black;
      mix-blend-mode: normal;
      &:before {
        height: 0.5px;
        bottom: 0.55lh;
        left: 37%;
        background-color: black;
      }
      select {
        color: black;
        width: 4.3rem;
      }
      svg path {
        stroke: black;
      }
      svg {
        width: 0.5rem;
        translate: 0 -0.1rem;
      }
    }
    .p-en-footer .p-language-btn {
      color: white;
      select {
        color: white;
      }
      &:before {
        background-color: white;
      }
      svg path {
        stroke: white;
      }
    }

    .p-en-floating {
      transform-origin: right bottom;
      bottom: 0.6rem;
      padding-bottom:1.6rem;
      right: 1rem;
      aspect-ratio:365/165;
      background-image: url(/wp-content/themes/yuzuan/img/legacy/lang/en/coupon_bg_en_sp.webp);
      width:calc(100% - 2rem);
      box-shadow: 0 .2rem .7rem rgba(0, 0, 0, .3);
      &.is-open {
        scale: 1;
      }

      .c-en-btn__plane{
        width:16rem;
      }
    }

    .p-en-floating__close{
      box-shadow: .5px .5px 2px rgb(0 0 0 / .15);
      right:-.5rem;
    }

    /*===============================================*/
    /* FV */
    /*===============================================*/

    .p-en-fv {
      padding-top: 0;
      margin-bottom: 7.3rem;
    }
    .p-en-fv__main {
      padding-inline: 1rem;
      flex-direction: column;
      padding-top: 19.1rem;
      height: calc(100svh - 6rem - 7.35rem);
    }
    .p-en-fv__sub {
      &:before,
      &:after {
        left: 0.5rem;
        right: 0.5rem;
      }
    }
    .p-en-fv__ttl {
      font-size: 7.3rem;
      line-height: 1;
      margin-bottom: 0.8rem;
      z-index: 2;
      overflow: visible;
      letter-spacing: 0.1rem;
      position: absolute;
      top: 18svh;
      left: 50%;
      translate: -50% 0;
    }
    .p-en-fv__ttl__adjust{
      translate: 0 -1rem;
      display: inline-block;
    }
    .p-en-fv__lead {
      position: absolute;
      left: 50%;
      top: 52.8svh;
      translate: -50% 0;
      width: 100%;
      letter-spacing: 0.082rem;
      line-height: 1.45;
    }
    .p-en-fv__img {
      width: calc(100% - 2rem);
      height: 50%;

      &.left {
        left: 1rem;
        top: 0;
        &:before {
          background-image: linear-gradient(
                  to bottom,
                  transparent 0%,
                  black 66%
          );
        }
      }
      &.right {
        left: 1rem;
        top: 50%;
        &:before {
          background-image: linear-gradient(to top, transparent 0%, black 66%);
          right: auto;
        }
      }
    }
    .p-en-fv__item {
      font-size: 2rem;
    }
    /*===============================================*/
    /* About */
    /*===============================================*/

    .p-en-about {
      margin-bottom: 9.5rem;
      .p-en-lead {
        width: auto;
        line-height: 1.5;
        margin-bottom: 7.3rem;
      }
    }
    .p-en-about__brush {
      &.shabushabu {
        right: auto;
        left: -4rem;
        top: -8rem;
        width: 14rem;
      }
      &.sushi {
        right: -1rem;
        top: 4rem;
        width: 7rem;
      }
    }

    .p-en-about__img {
      .p-en-about__img-inner {
        &:nth-of-type(1) {
          translate: 0;
        }
      }
    }

    /*===============================================*/
    /* How To Enjoy The */
    /*===============================================*/

    .p-en-howto {
      margin-bottom: 7.4rem;
      .p-en-ttl__img {
        margin-bottom: 2.1rem;
      }
    }
    .p-en-howto__lead {
      font-size: 1.6rem;
    }
    .p-en-howto__ttl {
      font-size: 3rem;
      margin-bottom: 2.5rem;
    }
    .p-en-howto__logo {
      width: 20.5rem;
      margin-bottom: 2rem;
      translate: 1rem 0;
    }
    .p-en-howto__brush {
      left: -4rem;
      top: 9rem;
      width: 40rem;
    }
    .p-en-howto__img {
      margin-top: 6.9rem;
      aspect-ratio: 375/400;
    }

    /*===============================================*/
    /* Japanese Black Wagyu Beef Shabu-Shabu */
    /*===============================================*/

    .p-en-wagyu {
      .p-en-lead {
        padding-inline: 1.5rem;
        margin-bottom: 2.2rem;
      }
      .p-en-ttl {
        gap: 2.3rem;
        margin-bottom: 0.5rem;
      }
    }
    .p-en-wahyu__brush {
      left: -7rem;
      top: -5rem;
      width: 20rem;
    }
    /*===============================================*/
    /* search */
    /*===============================================*/
    .p-en-search {
      .p-en-ttl {
        font-size: 4rem;
        gap: 0.7rem;
        letter-spacing: 0.02rem;
      }
      &.is-footer {
        padding-top: 2rem;
        padding-bottom: 3rem;
        .p-en-ttl {
          font-size: 4rem;
          gap: 0.6rem;
        }
        .p-en-search__img {
          width: 20rem;
        }
      }
      &:not(.is-footer) {
        margin-top: 2rem;
        padding-top: 2.1rem;
        padding-bottom: 3rem;
        margin-bottom: 9.6rem;
      }
    }
    .p-en-search__bg {
      &.top {
        translate: 0 -4rem;
      }
      &.bottom {
        translate: 0 3rem;
      }
    }
    .p-en-search__img {
      width: 20rem;
      aspect-ratio: 200/90;
      translate: 0 -1.3rem;
      margin-bottom: 0.7rem;
    }
    /*===============================================*/
    /* Course */
    /*===============================================*/
    .p-en-value {
      margin-bottom: 4.7rem;
      .p-en-ttl__border {
        margin-bottom: 2.3rem;
      }
      .p-en-ttl__border-icon {
        width: 2.8rem;
        display: inline-block;
        margin-left: -0.2rem;
        translate: 0 0.7rem;
      }
    }
    .p-en-value__ttl {
      font-size: 3rem;
      padding-top: 1.7rem;
      margin-bottom: 1rem;
    }
    .p-en-value__txt {
      opacity: 0.7;
    }
    .p-en-value__detail {
      width: 100%;
      padding-right: 0;
    }
    .p-en-value__img {
      width: calc(100% + 3rem);
      translate: -1.5rem 0;
      margin-bottom: 2.2rem;
    }
    .p-en-value__item {
      &:not(:last-child) {
        margin-bottom: 3.2rem;
      }
    }
    .p-en-value__price {
      margin-bottom: 1.6rem;

      strong {
        letter-spacing: 0.2rem;
        margin-right: 0.5rem;
      }
    }
    .p-en-value__include {
      letter-spacing: 0.1rem;
      margin-left: 2.9rem;
    }
    .p-en-value__list {
      width: 100%;
      height: auto;
    }
    .p-en-value__mainList {
      height: auto;
    }
    .p-en-value__detail {
      opacity: 1;
      position: relative;

      &:not(:last-child) {
        margin-bottom: 3.4rem;
      }

      &:nth-of-type(2),
      &:nth-of-type(3),
      &:nth-of-type(4) {
        translate: 0 0;
      }
    }
    /*===============================================*/
    /* Touch Panel 
in English */
    /*===============================================*/
    .p-en-panel {
      flex-direction: column;
      margin-bottom: 7.2rem;

      .p-en-lead {
        margin-bottom: 2.5rem;
      }
    }
    .p-en-panel__main {
      width: 100%;
    }
    .p-en-panel__img {
      width: 100%;
    }
    /*===============================================*/
    /* Loation */
    /*===============================================*/
    .p-en-location {
      margin-bottom: 7rem;
      .c-en-btn__plane {
        margin-left: 0;
        margin-top: 0.7rem;
        padding: 0.4rem 0.8rem 0.3rem 1rem;
      }
    }
    .p-en-location__label {
      min-width: 11.4rem;
      line-height: 1.1;
      align-items: flex-start;
      &:before {
        margin-right: 0.7rem;
        translate: 0 0.6rem;
      }
    }
    .p-en-location__subttl {
      font-size: 2.4rem;
      line-height: 1.1;
      margin-bottom: 2.2rem;
    }
    .p-en-location__row {
      align-items: flex-start;
      font-size: 1.6rem;

      &:not(:last-child) {
        margin-bottom: 1.52rem;
      }
      &:nth-of-type(2) {
        margin-bottom:1.1rem;
        .p-en-location__txt {
          translate: 0 -0.1rem;
        }
        .c-linelink__txt{
          letter-spacing: .15rem;
        }
      }
      &:last-child{
        .p-en-location__txt{
          letter-spacing:0;
        }
      }
    }
    .p-en-location__txt {
      line-height: 1.1;

      .c-linelink__txt{
        line-height: 1.1;
      }
    }
    .p-en-location__map {
      aspect-ratio: 345/180;
    }

    /*===============================================*/
    /* Cashless Payment */
    /*===============================================*/
    .p-en-payment {
      margin-bottom: 12rem;
      .p-en-lead {
        margin-bottom: 1.8rem;
      }
    }
    .p-en-payment__main {
      flex-direction: column;
      gap: 5.4rem;
    }
    .p-en-payment__item {
      &:nth-of-type(1) {
        width: 100%;

        .p-en-payment__img {
          width: 95.3%;
        }
      }
      &:nth-of-type(2) {
        .p-en-payment__img {
          width: 17.5rem;
        }
      }
    }
    .p-en-payment__subttl {
      font-size: 2.4rem;
      margin-bottom: 0.2rem;
      &:before {
        margin-right: 0;
      }
    }
    .p-en-payment__txt {
      padding-left: 1.5rem;
      margin-bottom: 1.2rem;
    }
    .p-en-payment__img {
      translate: 1.5rem 0;
    }

    /*===============================================*/
    /* footer */
    /*===============================================*/
    .p-en-footer {
      padding-top: 5.3rem;
      position: relative;

      .p-language-btn {
        position: absolute;
        bottom: 3.2rem;
        left: 2rem;
        top: auto;
        right: auto;
        display: flex !important;

        &:before {
          width: 4rem;
        }
      }
    }
    .p-en-footer__list {
      flex-direction: column;
      text-align: center;
      font-size: 1.6rem;
      gap: 0.62rem;
    }
    .p-en-footer__nav {
      margin-bottom: 2.3rem;
    }
    .p-en-footer__snsList {
      margin-bottom: 5.4rem;
    }
    .p-en-footer__snsItem {
      width: 3rem;
    }
    .p-en-footer__item {
      .c-linelink__txt {
        background: none;
      }
    }
    .p-en-footer__copy {
      font-size: 1rem;
      margin-left: auto;
      margin-right: 1.6rem;
    }
  }
}

/*===============================================*/
/* 中国語 */
/*===============================================*/
.en--contents.zh {
  font-family: source-han-serif-cn-subset, sans-serif;
  font-weight: 400;
  font-style: normal;
  .p-en-fv__main {
    gap: 2rem;
  }

  .p-en-floating{
    background-image: url(/wp-content/themes/yuzuan/img/legacy/lang/zh/coupon_bg_zh.webp);
  }

  .p-en-fv__item {
    font-size: 1.8rem;
  }

  .p-en-fv__ttl {
    font-size: clamp(70px, 10vw, 175px);
  }

  .p-language-btn {
    right: 21rem;
    font-size:1.4rem;

    select {
      width: 7rem;
    }
  }

  .p-language-btn__bg{
    top: -.5rem;
    right: 16rem;
    width: 22rem;
    height: 11rem;
  }

  .p-en-howto__lead {
    max-width: none;
  }

  @media (max-width: 1023px) {
    .p-en-floating{
      background-image: url(/wp-content/themes/yuzuan/img/legacy/lang/zh/coupon_bg_zh_sp.webp);
    }
    .p-language-btn{
      right: 16rem;

      select{
        width:6.5rem;
      }
      svg{
        translate: 0 -0.25rem;
      }
    }
    .p-en-fv__ttl{
      font-size:60px;
      width:100%;
      top: 24.9svh;
    }
    .p-en-fv__lead{
      top: 55svh;
    }

  }
}


.en--contents.ko {
  font-family: source-han-serif-kr-subset, sans-serif;
  font-weight: 400;
  font-style: normal;

  .p-language-btn__bg{
    top: -.5rem;
    right: 16rem;
    width: 22rem;
    height: 11rem;
  }

  .p-en-floating{
    background-image: url(/wp-content/themes/yuzuan/img/legacy/lang/ko/coupon_bg_ko.webp);
  }

  .p-language-btn {
    right: 23rem;
  }

  .p-en-fv__main {
    gap: 3rem;
  }
  .p-en-fv__ttl {
    font-size: clamp(70px, 8.4vw, 175px);
  }
  .p-en-fv__item {
    font-size: 1.8rem;
  }

  @media(max-width:1023px){
    .p-en-floating{
      background-image: url(/wp-content/themes/yuzuan/img/legacy/lang/ko/coupon_bg_ko_sp.webp);
    }
    .p-en-fv__ttl{
      width:100%;
      font-size:6rem;
      top: 25svh;
    }
    .p-language-btn{
      right: 18rem;

      svg{
        translate: 0 -0.25rem;
      }
    }
  }
}

.en--contents.zh,
.en--contents.ko {
  font-feature-settings: "palt";
  .p-en-header__searchBtn {
    font-size: 1.4rem;
  }

  .p-en-search{
    .p-en-ttl{
      line-height:1.1;
    }
  }

  @media(max-width:1023px){

    .p-en-howto__ttl{
      font-size:2.2rem;
      margin-bottom: 3.1rem;
    }
    .p-en-howto__logo{
      width: 20rem;
    }
    .p-en-ttl{
      font-size:3rem;

      .p-en-search &{
        font-size:3.6rem;
        line-height:1.1;
      }
    }
    .p-en-wagyu{
      .p-en-ttl{
        margin-bottom: 1.5rem;
      }
    }

    .p-en-value__include{
      font-size:1.4rem;
    }

    .p-en-value__txt{
      font-size:1.6rem;
    }

    .p-en-location{
      .c-en-btn__plane{
        margin-top:1.2rem;
      }
    }

    .p-en-ttl__border{
      font-size:3rem;
    }
    .p-en-value__ttl{
      font-size:2.4rem;
      padding-top:2.5rem;
    }
    .p-en-location__subttl{
      font-size:2.2rem;
    }
    .p-en-location__row{
      font-size:1.4rem;
      &:nth-of-type(2){
        .c-linelink__txt{

        }
      }
    }

    .p-en-location__txt{
      line-height:1.35;
    }

    .p-en-location__label{
      min-width:9.4rem;
    }

    .p-en-payment__subttl{
      font-size:2rem;
      padding-left:.8rem;
      margin-bottom: 0.7rem;
      &:before{
        margin-right: .6rem;
      }
    }
    .p-en-payment__txt{
      margin-bottom: 1.8rem;
    }
    .p-en-payment{
      font-size:1.4rem;

      .p-en-lead{
        margin-bottom:2.3rem;
      }
    }

    .p-en-footer{
      .p-language-btn{
        right:auto;
        bottom:3.2rem;
        left:2rem;
      }
    }
  }
}