#fv-coupon-link-wrapper.fv-coupon-link-wrapper {
  padding-top: calc(70*(100vw / 750));
  padding-bottom: calc(45*(100vw / 750));
  --color-bg-primary: #f2f2f2;
  --color-bg-secondary: #f1ece7;
  --color-bg-transparent: transparent;
  /*margin: 20px auto 20px;*/
  line-height: 1;
  margin: 0;
  /*padding: 0;*/
  border: 0;
  outline: 0;
  font-size: 100%;
  /*vertical-align: baseline;*/
  background: transparent;
  font-weight: normal;
}

#fv-coupon-link-wrapper .fv-coupon-link-ul {
  display: flex;
  flex-wrap: initial;
  justify-content: center;
  font-family: 'Crimson Text', 'Noto Serif JP', serif !important;
  font-size: calc(28 * (100vw / 750)) !important;
  letter-spacing: 0.025em;
  list-style: none;
}

#fv-coupon-link-wrapper .fv-coupon-link-li {
  padding: 0 calc(24*(100vw / 750));
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal;
  /*line-height: 1;*/
}

#fv-coupon-link-wrapper .fv-coupon-link-li:nth-child(2) {
  border-left: solid 1px #acacac;
}

#fv-coupon-link-wrapper .fv-coupon-link-a {
  font-family: 'Crimson Text', 'Noto Serif JP', serif !important;
  /*font-size: calc(28 * (100vw / 750)) !important;*/
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  white-space: nowrap;
  vertical-align: middle;
}

.ba-no-margin {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.ba1-content {
  margin: 0 auto;
  width: 100% !important;
  display: block;
}

.ba1-heading {
  width: 100%;
  margin: 0 auto;
}

.ba1-menu-container {
  width: 100%;
  margin: 0 auto 15px;
}

.ba1-menu-container.for-ba1-2 {
  margin-top: 60px;
}

.ba1-menu-container.for-ba1-3 {
  margin-top: 41px;
}

.ba1-menu-img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.ba2-heading {
  width: 100%;
  margin: 26px auto 0;
}

.ba2-heading-img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.ba3-heading {
  width: 100%;
  margin: 0 auto;
}

.ba3-heading-img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 641px) {
  #fv-coupon-link-wrapper.fv-coupon-link-wrapper {
    padding-top: calc(40*(100vw / 750));
    padding-bottom: calc(30*(100vw / 750));
    line-height: 0.3;
  }
	#fv-coupon-link-wrapper .fv-coupon-link-a {
    font-size: 43% !important;
    line-height: 60% !important;
	}
}

/* BA2(唇の縦スクロール) の回転アニメーション - start - */
/* 初期状態では直立、次の画像は斜め（左上がり）からスタート */
.scr_item .item_before, .scr_item .item_after {
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s ease; /* 透明度変化を早くする */
}

.scr_item .item_before {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.scr_item .item_after {
  transform: translate3d(0, 0, -300px) rotateY(45deg) rotateZ(10deg);
  opacity: 0; /* 初期状態で完全に透明 */
  transition: none; /* 初期状態ではアニメーション無し */
}

/* スクロール時に１枚目が素早くフェードアウト、その後すぐに２枚目がフェードインと同時にフリップ */
.scr_item.is_action .item_before {
  opacity: 0;
  transition: opacity 0.3s ease; /* 1枚目のフェードアウトをさらに速く */
}

.scr_item.is_action .item_after {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(0deg);
  transition: opacity 0.2s ease 0.2s, transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s; /* 透明度の遅延を減らし、変形のアニメーションを速める */
}
/* BA2(唇の縦スクロール) の回転アニメーション - end - */