:root {
  --yumon-ink: #1a1a1a;
  --yumon-muted: #8c867e;
  --yumon-bg: #edebdd;
  --yumon-bg-light: #f7f5ec;
  --yumon-line: #d8d1bf;
  --yumon-accent: #c58b5f;
  --yumon-pink: #f37ca8;
}

body {
  color: var(--yumon-ink);
  font-family: var(--font-base, "Noto Serif JP", serif);
}

.c-loading-wrapper {
  background: var(--yumon-bg);
}

.c-loading-logo {
  max-width: none;
  width: 180px;
}

.c-loading._is-active .c-loading-logo {
  -webkit-animation: yumonOpeningLogo 1.4s ease 0.3s both;
          animation: yumonOpeningLogo 1.4s ease 0.3s both;
}

.c-loading._loaded .c-loading-wrapper {
  opacity: 0;
  visibility: hidden;
}

@-webkit-keyframes yumonOpeningLogo {
  0% {
    -webkit-filter: blur(8px);
            filter: blur(8px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 0.82;
  }
}

@keyframes yumonOpeningLogo {
  0% {
    -webkit-filter: blur(8px);
            filter: blur(8px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 0.82;
  }
}
.page-wrapper {
  padding-top: 0;
  opacity: 0;
}

.page-wrapper._is-show {
  opacity: 1;
}

.l-header {
  -webkit-transform: translateY(min(-216px, -16.3636363636vw));
          transform: translateY(min(-216px, -16.3636363636vw));
}

.top-main {
  overflow: clip;
}

.l-footer {
  margin-top: 0;
}

.top-hero {
  padding-top: min(100px, 7.5757575758vw);
  position: relative;
}
@media (max-width: 767px) {
  .top-hero {
    padding-top: 12.8205128205vw;
  }
}

.top-hero__inner {
  height: 54.8611111111vw;
  position: relative;
}
@media (max-width: 767px) {
  .top-hero__inner {
    height: 166.6666666667vw;
  }
}

.top-hero__inner:after {
  content: "";
  display: block;
  width: 100%;
  height: min(216px, 16.3636363636vw);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#edebdd));
  background-image: linear-gradient(transparent, #edebdd);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
@media (max-width: 767px) {
  .top-hero__inner:after {
    height: 55.3846153846vw;
  }
}

.top-hero__logo {
  display: block;
  position: absolute;
  top: -1.4583333333vw;
  left: 9.0277777778vw;
  z-index: 1;
}
@media (max-width: 767px) {
  .top-hero__logo {
    width: auto;
    height: 33.3333333333vw;
    top: -2.5641025641vw;
    left: 11.0256410256vw;
    z-index: 1;
  }
}

.top-hero__logo-img {
  width: 8.6111111111vw;
}
@media (max-width: 767px) {
  .top-hero__logo-img {
    width: auto;
    height: 33.3333333333vw;
  }
}

.top-hero__visual {
  width: 90.9722222222vw;
  height: 54.8611111111vw;
  position: relative;
  opacity: 0;
  overflow: hidden;
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, transform 1s ease;
  transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease;
}
@media (max-width: 767px) {
  .top-hero__visual {
    width: 87.1794871795vw;
    height: 166.6666666667vw;
  }
}

.page-wrapper._is-show .top-hero__visual {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.top-hero__slide {
  display: block;
  position: absolute;
  inset: 0;
  opacity: 0;
  -webkit-animation: yumonHeroFade 18s ease-in-out infinite;
          animation: yumonHeroFade 18s ease-in-out infinite;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.page-wrapper._is-show .top-hero__slide {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.top-hero__slide:nth-child(1) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

.top-hero__slide:nth-child(2) {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}

.top-hero__slide:nth-child(3) {
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
}

.top-hero__photo {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
}

.top-hero__visual-logo {
  width: min(366px, 27.7272727273vw);
  position: absolute;
  top: min(75px, 5.6818181818vw);
  left: 50vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 767px) {
  .top-hero__visual-logo {
    width: 46.1538461538vw;
    top: 40.5128205128vw;
  }
}

.top-hero__scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: min(16px, 1.2121212121vw);
  line-height: 1;
  letter-spacing: 0.13em;
  position: absolute;
  right: 3.8888888889vw;
  top: min(50vw, 90vh - min(50px, 3.7878787879vw));
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media (max-width: 767px) {
  .top-hero__scroll {
    font-size: 3.5897435897vw;
    top: auto;
    bottom: 23.0769230769vw;
    right: 5.1282051282vw;
  }
}

.top-hero__scroll::after {
  content: "";
  display: block;
  width: min(11px, 0.8333333333vw);
  height: min(11px, 0.8333333333vw);
  border-right: 1px solid #1a1a1a;
  border-bottom: 1px solid #1a1a1a;
  margin-top: min(10px, 0.7575757576vw);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media (max-width: 767px) {
  .top-hero__scroll::after {
    width: 2.3076923077vw;
    height: 2.3076923077vw;
    margin-top: 2.5641025641vw;
  }
}

.top-hero__brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: min(10px, 0.7575757576vw);
  padding-bottom: min(120px, 9.0909090909vw);
  background: #edebdd;
}
@media (max-width: 767px) {
  .top-hero__brand {
    height: 0;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 0;
    padding-inline: 5.1282051282vw;
  }
}

.top-hero__brand-img {
  width: min(787px, 59.6212121212vw);
  -webkit-transform: translateY(18px);
          transform: translateY(18px);
  opacity: 0;
}
@media (max-width: 767px) {
  .top-hero__brand-img {
    width: 100%;
  }
}

.page-wrapper._is-show .top-hero__brand-img {
  -webkit-animation: yumonFadeUp 1.2s ease 0.35s forwards;
          animation: yumonFadeUp 1.2s ease 0.35s forwards;
}

@media (prefers-reduced-motion: reduce) {
  .top-hero__slide {
    -webkit-animation: none;
            animation: none;
    opacity: 0;
  }
  .top-hero__slide:first-child {
    opacity: 1;
  }
}
.top-intro {
  background: #edebdd;
  min-height: 1000lvh;
  position: relative;
}
@media (max-width: 767px) {
  .top-intro {
    min-height: 840vh;
  }
}

.top-intro__inner {
  height: 100%;
  margin-inline: auto;
  max-width: 1440px;
  position: relative;
}
.top-intro__images {
  width: 100%;
  height: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  will-change: opacity, transform;
}
.top-intro__image {
  position: absolute;
  z-index: 1;
}
.top-intro__image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.top-intro__image--1 {
  width: min(360px, 25vw);
  height: min(480px, 33.3333333333vw);
  right: 0;
  top: min(20px, 1.5151515152vw);
}
@media (max-width: 767px) {
  .top-intro__image--1 {
    width: 21lvh;
    height: 29lvh;
    top: 1vh;
  }
}

.top-intro__image--2 {
  width: min(480px, 33.3333333333vw);
  height: min(360px, 25vw);
  left: 0;
  top: calc(100lvh - min(380px, 26.3888888889vw));
}
@media (max-width: 767px) {
  .top-intro__image--2 {
    width: 28lvh;
    height: 21lvh;
    top: 78lvh;
  }
}

.top-intro__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100lvh;
  background: transparent;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  will-change: opacity, transform;
  z-index: 2;
}
@media (max-width: 767px) {
  .top-intro__content {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 35lvh;
  }
}

.top-intro__content-inner {
  height: 100%;
}
.top-intro__copy {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.top-intro.is-scroll-controlled .top-intro__copy,
.top-intro.is-scroll-controlled .top-intro__copy.in-view {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: none;
  transition: none;
  visibility: visible;
}
.top-intro__copy p {
  font-size: min(18px, 1.3636363636vw);
  letter-spacing: 0.05em;
  line-height: min(45px, 3.4090909091vw);
}
@media (max-width: 767px) {
  .top-intro__copy p {
    font-size: 2.2lvh;
    line-height: 6lvh;
  }
}

.top-intro__note {
  color: var(--yumon-pink);
  font-size: 13px !important;
  font-weight: 700;
  margin-right: 48px;
}
@media (prefers-reduced-motion: reduce) {
  .top-intro.is-scroll-controlled .top-intro__copy,
  .top-intro.is-scroll-controlled .top-intro__copy.in-view {
    -webkit-transition: none;
    transition: none;
  }
}
.top-section-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(20px, 1.5151515152vw);
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .top-section-title {
    gap: 3.0769230769vw;
  }
}

.top-section-title__jp {
  font-size: min(24px, 1.8181818182vw);
  line-height: 1.5;
  letter-spacing: 0.15em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media (max-width: 767px) {
  .top-section-title__jp {
    font-size: 4.6153846154vw;
  }
}

.top-section-title__en {
  font-size: min(16px, 1.2121212121vw);
  letter-spacing: 0.13em;
}
@media (max-width: 767px) {
  .top-section-title__en {
    font-size: 3.5897435897vw;
  }
}

.top-products {
  background: #fff;
  margin-top: max(-160px, -12.1212121212vw);
  position: relative;
  z-index: -1;
}
@media (max-width: 767px) {
  .top-products {
    margin-top: -35.8974358974vw;
  }
}

.top-products:after {
  content: "";
  display: block;
  width: 100%;
  height: min(216px, 16.3636363636vw);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#edebdd), to(transparent));
  background-image: linear-gradient(#edebdd, transparent);
  position: absolute;
  top: min(160px, 12.1212121212vw);
  left: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .top-products:after {
    height: 35.8974358974vw;
    top: 35.8974358974vw;
  }
}

.top-products__inner {
  padding-top: min(160px, 12.1212121212vw);
}
@media (max-width: 767px) {
  .top-products__inner {
    padding-top: 35.8974358974vw;
  }
}

.top-products__text {
  font-size: min(18px, 1.3636363636vw);
  text-align: center;
  margin-top: min(45px, 3.4090909091vw);
}
@media (max-width: 767px) {
  .top-products__text {
    font-size: 3.8461538462vw;
    line-height: 6.6666666667vw;
    margin-top: 10.2564102564vw;
  }
}

.top-products__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: min(138px, 10.4545454545vw);
     -moz-column-gap: min(138px, 10.4545454545vw);
          column-gap: min(138px, 10.4545454545vw);
  margin: min(55px, 4.1666666667vw) auto 0;
  padding-inline: min(20px, 1.5151515152vw);
  max-width: min(960px, 72.7272727273vw);
  row-gap: min(120px, 9.0909090909vw);
}
@media (max-width: 767px) {
  .top-products__grid {
    gap: 25.641025641vw;
    max-width: none;
    padding-inline: 10.2564102564vw;
    margin-top: 10.2564102564vw;
  }
}

.top-product-card {
  width: min(310px, 23.4848484848vw);
  text-align: center;
}
@media (max-width: 767px) {
  .top-product-card {
    width: 100%;
  }
}

.top-product-card__image {
  width: min(180px, 13.6363636364vw);
  margin-inline: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767px) {
  .top-product-card__image {
    width: 46.1538461538vw;
  }
}

.top-product-card__title {
  font-size: min(18px, 1.3636363636vw);
  letter-spacing: 0.1em;
  margin-top: min(45px, 3.4090909091vw);
}
@media (max-width: 767px) {
  .top-product-card__title {
    font-size: 4.6153846154vw;
    line-height: 6.9230769231vw;
    margin-top: 10.2564102564vw;
  }
}

.top-product-card__text {
  font-size: min(16px, 1.2121212121vw);
  letter-spacing: 0.1em;
  line-height: min(28px, 2.1212121212vw);
  margin-top: min(30px, 2.2727272727vw);
  text-align: left;
}
@media (max-width: 767px) {
  .top-product-card__text {
    font-size: 3.8461538462vw;
    line-height: 6.6666666667vw;
    margin-top: 5.1282051282vw;
  }
}

.top-gift {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: min(630px, 47.7272727273vw);
  padding-inline: min(20px, 1.5151515152vw);
  background: url(../img/top_gift_bg_1.jpg) 50%/cover no-repeat;
  margin-top: min(120px, 9.0909090909vw);
  position: relative;
}
@media (max-width: 767px) {
  .top-gift {
    height: auto;
    padding-inline: 0;
    background: transparent;
    margin-top: 25.641025641vw;
  }
}

.top-gift:after {
  content: "";
  display: block;
  width: 100%;
  height: min(216px, 16.3636363636vw);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(transparent));
  background-image: linear-gradient(#fff, transparent);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media (max-width: 767px) {
  .top-gift:after {
    content: none;
  }
}

.top-gift__inner {
  width: 100%;
  max-width: 915px;
  margin-inline: auto;
}
.top-gift__text {
  max-width: min(410px, 31.0606060606vw);
}
@media (max-width: 767px) {
  .top-gift__text {
    max-width: none;
  }
}

.top-gift__text h2 {
  font-size: min(22px, 1.6666666667vw);
  line-height: min(27px, 2.0454545455vw);
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .top-gift__text h2 {
    font-size: 4.6153846154vw;
    line-height: 6.9230769231vw;
    text-align: center;
  }
}

.top-gift__sub-title {
  font-size: min(18px, 1.3636363636vw);
  margin-top: min(35px, 2.6515151515vw);
}

.top-gift__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
@media (max-width: 767px) {
  .top-gift__body {
    display: block;
    width: 100%;
    height: 123.0769230769vw;
    padding-inline: 10.2564102564vw;
    padding-top: 72.5641025641vw;
    background-image: url(../img/top_gift_bg_1_sp.jpg);
    background-size: 100% 100%;
    position: relative;
  }
}

@media (max-width: 767px) {
  .top-gift__body:after {
    content: "";
    display: block;
    width: 100%;
    height: 19.4871794872vw;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(transparent));
    background-image: linear-gradient(#fff, transparent);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
}

.top-gift__body p {
  font-size: min(16px, 1.2121212121vw);
  line-height: min(28px, 2.1212121212vw);
  margin-top: min(24px, 1.8181818182vw);
}
@media (max-width: 767px) {
  .top-gift__body p {
    margin-top: 0;
    font-size: 3.8461538462vw;
    line-height: 6.6666666667vw;
  }
}

.top-gift__image {
  margin-left: -30px;
}

.top-gift__image img {
  width: 100%;
}

.top-products .js-loop-text {
  padding-block: min(35px, 2.6515151515vw);
  font-size: min(40px, 3.0303030303vw);
}
@media (max-width: 767px) {
  .top-products .js-loop-text {
    padding-block: 6.1538461538vw;
    font-size: 7.6923076923vw;
  }
}

.top-salt {
  background: url(../img/top_salt_bg_1.jpg) 50%/cover no-repeat;
  background-attachment: fixed;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .top-salt {
    background: none;
    background-attachment: scroll;
    clip-path: inset(0);
    isolation: isolate;
  }
  .top-salt::before {
    content: "";
    position: fixed;
    inset: 0;
    background: url(../img/top_salt_bg_1_sp.jpg) 50%/cover no-repeat;
    pointer-events: none;
    z-index: 0;
  }
}

.top-salt__inner {
  margin-inline: auto;
  width: 100%;
  max-width: min(1180px, 89.3939393939vw);
  padding-top: min(160px, 12.1212121212vw);
  padding-bottom: min(110px, 8.3333333333vw);
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .top-salt__inner {
    max-width: none;
    padding-inline: 10.2564102564vw;
    padding-top: 30.7692307692vw;
    padding-bottom: 15.3846153846vw;
  }
}

.top-salt__contents {
  width: 100%;
  margin-top: min(100px, 7.5757575758vw);
  padding-left: min(130px, 9.8484848485vw);
  position: relative;
}
@media (max-width: 767px) {
  .top-salt__contents {
    padding-left: 0;
  }
}

.top-salt__content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 1fr min(110px, 8.3333333333vw) min(480px, 36.3636363636vw);
  grid-template-columns: 1fr min(480px, 36.3636363636vw);
  gap: min(110px, 8.3333333333vw);
}
@media (max-width: 767px) {
  .top-salt__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 10.2564102564vw;
  }
}

.top-salt.is-salt-scroll-ready .top-salt__contents {
  min-height: var(--top-salt-stage-height);
}

.top-salt.is-salt-scroll-ready .top-salt__content {
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate3d(0, min(24px, 1.8181818182vw), 0);
          transform: translate3d(0, min(24px, 1.8181818182vw), 0);
  -webkit-transition: none;
  transition: none;
  visibility: hidden;
}

.top-salt.is-salt-scroll-fixed .top-salt__inner,
.top-salt.is-salt-scroll-after .top-salt__inner {
  max-width: min(1180px, 89.3939393939vw);
  z-index: 2;
}
@media (max-width: 767px) {
  .top-salt.is-salt-scroll-fixed .top-salt__inner,
  .top-salt.is-salt-scroll-after .top-salt__inner {
    max-width: none;
  }
}

.top-salt__text h2 {
  font-size: min(24px, 1.8181818182vw);
  line-height: min(36px, 2.7272727273vw);
}
@media (max-width: 767px) {
  .top-salt__text h2 {
    font-size: 2.3lvh;
    line-height: 3.8lvh;
  }
}

.top-salt__text p {
  font-size: min(16px, 1.2121212121vw);
  line-height: min(28px, 2.1212121212vw);
  margin-top: min(30px, 2.2727272727vw);
}
@media (max-width: 767px) {
  .top-salt__text p {
    font-size: 2.2lvh;
    line-height: 3.6lvh;
    margin-top: 6.4102564103vw;
  }
}

.top-salt__note {
  color: var(--yumon-pink);
  font-weight: 700;
}

.top-salt__image img {
  aspect-ratio: 1/1;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 767px) {
  .top-salt__image img {
    aspect-ratio: auto;
    width: 100%;
    height: 40lvh;
  }
}

.top-waves {
  height: min(480px, 36.3636363636vw);
  background: url(../img/top_waves_bg_1.jpg) 50%/cover no-repeat;
  background-attachment: fixed;
  position: relative;
}
@media (max-width: 767px) {
  .top-waves {
    height: 76.9230769231vw;
    background: none;
    background-attachment: scroll;
    clip-path: inset(0);
    isolation: isolate;
  }
  .top-waves::before {
    content: "";
    position: fixed;
    inset: 0;
    background: url(../img/top_waves_bg_1_sp.jpg) 50%/cover no-repeat;
    pointer-events: none;
    z-index: 0;
  }
}

.top-news {
  background: #fff;
  padding-inline: min(20px, 1.5151515152vw);
}
@media (max-width: 767px) {
  .top-news {
    padding-inline: 10.2564102564vw;
  }
}

.top-news__inner {
  margin-inline: auto;
  max-width: min(780px, 59.0909090909vw);
  padding-block: min(80px, 6.0606060606vw) min(160px, 12.1212121212vw);
}
@media (max-width: 767px) {
  .top-news__inner {
    max-width: none;
    padding-block: 30.7692307692vw;
  }
}

.top-news__list {
  margin-top: min(80px, 6.0606060606vw);
}
@media (max-width: 767px) {
  .top-news__list {
    margin-top: 15.3846153846vw;
  }
}

.top-news-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(10px, 0.7575757576vw);
  padding-block: min(20px, 1.5151515152vw);
  border-bottom: 1px solid var(--yumon-line);
  opacity: 1;
}
@media (max-width: 767px) {
  .top-news-item {
    gap: 2.5641025641vw;
    padding-block: 5.1282051282vw;
  }
}

.top-news-item__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: min(14px, 1.0606060606vw);
}
@media (max-width: 767px) {
  .top-news-item__meta {
    font-size: 3.0769230769vw;
    letter-spacing: 0.05em;
  }
}

.top-news-item__time:after {
  content: "|";
  margin-inline: 1em;
}
.top-news-item__title {
  display: block;
  width: 100%;
  font-size: min(16px, 1.2121212121vw);
  position: relative;
}
@media (max-width: 767px) {
  .top-news-item__title {
    padding-right: 3.8461538462vw;
    font-size: 3.8461538462vw;
    line-height: 6.6666666667vw;
  }
}

.top-news-item__title:after {
  content: "";
  display: block;
  width: min(11px, 0.8333333333vw);
  height: min(11px, 0.8333333333vw);
  border-top: 1px solid #a87d54;
  border-right: 1px solid #a87d54;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  z-index: 1;
}
@media (max-width: 767px) {
  .top-news-item__title:after {
    width: 2.0512820513vw;
    height: 2.0512820513vw;
  }
}

.top-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: min(16px, 1.2121212121vw);
  letter-spacing: 0.13em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-top: min(80px, 6.0606060606vw);
}
@media (max-width: 767px) {
  .top-more {
    font-size: 3.5897435897vw;
    margin-top: 20.5128205128vw;
  }
}

.top-more:after {
  content: "";
  display: block;
  width: min(11px, 0.8333333333vw);
  height: min(11px, 0.8333333333vw);
  border-top: 1px solid #1a1a1a;
  border-right: 1px solid #1a1a1a;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 1em;
}
@media (max-width: 767px) {
  .top-more:after {
    width: 2.0512820513vw;
    height: 2.0512820513vw;
    margin-left: 0.8em;
  }
}

.top-shop {
  background: var(--yumon-bg);
  padding-inline: min(20px, 1.5151515152vw);
}
@media (max-width: 767px) {
  .top-shop {
    padding-inline: 10.2564102564vw;
  }
}

.top-shop__inner {
  margin-inline: auto;
  max-width: min(915px, 69.3181818182vw);
  padding-top: min(160px, 12.1212121212vw);
  padding-bottom: min(140px, 10.6060606061vw);
}
@media (max-width: 767px) {
  .top-shop__inner {
    max-width: none;
    padding-top: 30.7692307692vw;
    padding-bottom: 20.5128205128vw;
  }
}

.top-shop__content {
  display: -ms-grid;
  display: grid;
  gap: min(107px, 8.1060606061vw);
  -ms-grid-columns: min(498px, 37.7272727273vw) min(107px, 8.1060606061vw) 1fr;
  grid-template-columns: min(498px, 37.7272727273vw) 1fr;
  margin-top: min(90px, 6.8181818182vw);
}
@media (max-width: 767px) {
  .top-shop__content {
    display: block;
    margin-top: 20.5128205128vw;
  }
}

.top-shop__image img {
  width: 100%;
}
@media (max-width: 767px) {
  .top-shop__detail {
    margin-top: 15.3846153846vw;
  }
}

.top-shop__detail-title {
  font-size: min(14px, 1.0606060606vw);
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .top-shop__detail-title {
    font-size: 3.5897435897vw;
  }
}

.top-shop__detail-title span {
  font-size: min(20px, 1.5151515152vw);
  vertical-align: -0.1em;
}
@media (max-width: 767px) {
  .top-shop__detail-title span {
    font-size: 5.1282051282vw;
  }
}

.top-shop__detail p,
.top-shop__detail dl {
  font-size: min(15px, 1.1363636364vw);
  letter-spacing: 0.05em;
  line-height: min(24px, 1.8181818182vw);
}
@media (max-width: 767px) {
  .top-shop__detail p,
  .top-shop__detail dl {
    font-size: 3.8461538462vw;
    line-height: 6.1538461538vw;
  }
}

.top-shop__address {
  margin-top: min(20px, 1.5151515152vw);
}
@media (max-width: 767px) {
  .top-shop__address {
    margin-top: 5.1282051282vw;
  }
}

.top-shop__address a {
  letter-spacing: 0.05em;
  text-decoration: underline;
}

.top-shop__detail dl {
  margin-top: 1em;
}
.top-shop__detail dl div {
  display: -ms-grid;
  display: grid;
  gap: 12px;
  -ms-grid-columns: 54px 12px 1fr;
  grid-template-columns: 54px 1fr;
}
.top-shop__bnrs {
  margin-top: min(46px, 3.4848484848vw);
}
@media (max-width: 767px) {
  .top-shop__bnrs {
    margin-top: 15.3846153846vw;
  }
}

.top-shop__bnr {
  display: block;
}
.top-shop__bnr + .top-shop__bnr {
  margin-top: min(20px, 1.5151515152vw);
}
@media (max-width: 767px) {
  .top-shop__bnr + .top-shop__bnr {
    margin-top: 5.1282051282vw;
  }
}

.top-instagram {
  margin-top: min(120px, 9.0909090909vw);
  text-align: center;
}
@media (max-width: 767px) {
  .top-instagram {
    margin-top: 25.641025641vw;
  }
}

.top-instagram__title {
  font-size: min(22px, 1.6666666667vw);
}
@media (max-width: 767px) {
  .top-instagram__title {
    font-size: 4.6153846154vw;
  }
}

.top-instagram ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(8px, 0.6060606061vw);
  margin-top: min(60px, 4.5454545455vw);
}
@media (max-width: 767px) {
  .top-instagram ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2.5641025641vw;
    margin-top: 14.1025641026vw;
  }
}

.top-instagram li {
  width: min(194px, 14.696969697vw);
  background: #d9d9d9;
}
@media (max-width: 767px) {
  .top-instagram li {
    width: calc((100% - 2.5641025641vw) / 2);
  }
}

@-webkit-keyframes yumonHeroIn {
  0% {
    -webkit-filter: blur(18px);
            filter: blur(18px);
    opacity: 0;
    -webkit-transform: scale(1.06);
            transform: scale(1.06);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes yumonHeroIn {
  0% {
    -webkit-filter: blur(18px);
            filter: blur(18px);
    opacity: 0;
    -webkit-transform: scale(1.06);
            transform: scale(1.06);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes yumonHeroFade {
  0% {
    opacity: 0;
  }
  5.555%, 30% {
    opacity: 1;
  }
  36.666%, 100% {
    opacity: 0;
  }
}
@keyframes yumonHeroFade {
  0% {
    opacity: 0;
  }
  5.555%, 30% {
    opacity: 1;
  }
  36.666%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes yumonFadeUp {
  0% {
    -webkit-filter: blur(8px);
            filter: blur(8px);
    opacity: 0;
    -webkit-transform: translateY(18px);
            transform: translateY(18px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes yumonFadeUp {
  0% {
    -webkit-filter: blur(8px);
            filter: blur(8px);
    opacity: 0;
    -webkit-transform: translateY(18px);
            transform: translateY(18px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/*# sourceMappingURL=index.min.css.map */