@charset "utf-8";
:root {
  --cream: #F6F1E6;
  --cream-deep: #EEEADD;
  --ink: #211C16;
  --ink-soft: #5B5246;
  --deep-red: #7C2E28;
  --forest-deep: #1B231C;
  --gold: #AD8438;
  --gold-soft: #C9A969;
  --brick: #be5a53;
  --line: #DBCFAF;
  --line-soft: #E7DEC6;
  --font-display: "Shippori Mincho", "Noto Serif JP", serif;
  --font-serif: "Noto Serif JP", serif;
  --font-sans: "Noto Sans JP", sans-serif;
}
#primary .ttl_h2 span {
  background: none;
  padding-right: 0;
}
.content-area section {
  padding: 3.125rem 0 0;
}
.teikibin-fv .flex {
  display: flex !important;
  flex-direction: row;
}
.teikibin-fv__txt {
  background: var(--deep-red);
  display: flex;
  padding: 0.625rem 1.375rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  flex: 0 0 22rem;
}
.teikibin-fv__txt h1 {
  color: var(--shop-yuboku-jp-merino, var(--cream, #F6F1E6));
  font-size: 2rem;
  font-weight: var(--font-weight-600, 600);
  line-height: 3rem;
  /* 193.75% */
  letter-spacing: 0.25rem;
  text-align: left;
  width: 100%;
}
.teikibin-fv__txt h1 span {
  color: #FFE063;
  font-size: 3rem;
  font-weight: var(--font-weight-600, 600);
  line-height: 3.438rem;
}
.teikibin-fv__txt .teikibin-fv__lead {
  color: var(--shop-yuboku-jp-merino, var(--cream, #F6F1E6));
  font-size: 1rem;
  font-weight: var(--font-weight-500, 500);
  line-height: 1.625rem;
  letter-spacing: 0.08rem;
}
.teikibin-fv__benefits {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 100%;
}
.teikibin-fv__benefits>span {
  display: flex;
  width: 100%;
  height: 2.75rem;
  padding: 0.5rem 0.875rem 0.588rem 0.875rem;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  background: #F8F6F0;
}
.teikibin-fv__benefits span.bnr01 .add01 {
  text-align: center;
  font-size: 1.25rem;
  font-weight: var(--font-weight-500, 500);
  line-height: 2.938rem;
}
.teikibin-fv__benefits span.bnr01 .add02 {
  color: var(--deep-red);
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.938rem;
  /* 146.875% */
  letter-spacing: 0.188em;
}
.teikibin-fv__benefits span.bnr01 .add03 {
  color: var(--deep-red);
  text-align: center;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: 2.938rem;
  /* 235% */
  letter-spacing: 0.188em;
}
.teikibin-fv__benefits span.bnr02 {
  color: var(--deep-red);
  text-align: center;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  /* 107.143% */
  letter-spacing: 0.05em;
}
.teikibin-fv__benefits span.bnr02 sup {
  text-align: center;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.813rem;
  letter-spacing: 0.05em;
  position: relative;
  top: 0;
  right: 0;
}
.tekibin-link.teikibin-fv__btn {
  display: flex;
  padding: 1.375rem;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  border: 0.063rem solid #FFF;
  background: #BE5A53;
}
.tekibin-link.teikibin-fv__btn a {
  color: var(--shop-yuboku-jp-white, var(--color-white-solid, #FFF));
  text-align: center;
  font-size: var(--font-size-24, 1.5rem);
  font-style: normal;
  font-weight: var(--font-weight-600, 600);
  line-height: var(--font-size-24, 1.5rem);
  /* 100% */
  letter-spacing: var(--letter-spacing-6, 0.375em);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
}
.tekibin-link.teikibin-fv__btn a::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.45em solid #fff;
}
.teikibin-fv__txt .note {
  color: #FFF;
  font-family: var(--font-family-Font-2, "Noto Serif JP");
  font-size: 0.75rem;
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: 1.188rem;
  /* 158.333% */
  letter-spacing: var(--letter-spacing-1_25, 0.078em);
}
.teikibin-fv__img {
  flex: 1;
    min-width: 0;
    width: auto;
    flex: 1;
    min-width: 25rem;
}
.teikibin-fv__img_in {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}
.teikibin-fv__img_in>* {
  margin: 0;
  padding: 0;
}
.teikibin-fv__img_in img {
  display: block;
  width: 100%;
  height: auto;
}
.item_list .cat_info .hanaga-txt p.ttl span {
  color: var(--gold);
}
#tab2_content > section.lp-pain{
  padding-top:0;
}
#primary .ttl_h2,
#guide>div>div.section-head.reveal>h2,
#voice>div>div.section-head.reveal>h2,
#faq>div>div.section-head.reveal>h2 {
  text-align: center;
  color: var(--shop-yuboku-jp-dune, var(--color-orange-19, #362E2B));
  font-size: var(--font-size-24, 1.5rem);
  font-style: normal;
  font-weight: var(--font-weight-600, 600);
  line-height: var(--line-height-40_8, 2.55rem);
  letter-spacing: var(--letter-spacing-4_8, 0.3em);
  margin-bottom: 1.5rem;
}
#primary .ttl_h2::after,
#guide>div>div.section-head.reveal>h2::after,
#voice>div>div.section-head.reveal>h2::after,
#faq>div>div.section-head.reveal>h2::after {
  content: "";
  display: block;
  width: 20%;
  max-width: 2.75rem;
  height: 0.125rem;
  margin: 0.8rem auto 0;
  background-color: var(--gold);
  position: initial;
}
#primary .ttl_h2 span.eyebrow,
#guide>div>div.section-head.reveal>span,
#voice>div>div.section-head.reveal>span,
#faq>div>div.section-head.reveal>span {
  color: var(--shop-yuboku-jp-copper, var(--gold));
  text-align: center;
  font-size: var(--font-size-12, 0.75rem);
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: var(--font-size-12, 0.75rem);
  /* 100% */
  letter-spacing: var(--letter-spacing-2_64, 0.165em);
  text-transform: uppercase;
}
.feeling_wrap ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 0 1.5rem;
}
.feeling_wrap ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15.938rem;
  height: 14.375rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: var(--shop-yuboku-jp-dune, var(--color-orange-19, #362E2B));
  text-align: center;
  /* shop.yuboku.jp/Noto Serif JP/Medium */
  font-family: var(--font-family-Font-2, "Noto Serif JP");
  font-size: 1.2rem;
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: var(--line-height-31_68, 1.98rem);
  /* 165% */
  letter-spacing: var(--stroke-weight-1_92, 0.12em);
}
.feeling_wrap ul li:nth-child(1) {
  background-image: url("https://gigaplus.makeshop.jp/yubokunosato/images/subscription/2026/stone3.png");
}
.feeling_wrap ul li:nth-child(2) {
  background-image: url("https://gigaplus.makeshop.jp/yubokunosato/images/subscription/2026/stone4.png");
}
.feeling_wrap ul li:nth-child(3) {
  background-image: url("https://gigaplus.makeshop.jp/yubokunosato/images/subscription/2026/stone5.png");
}
#tab2_content > section.lp-pain > div.feeling_arrow.lp-pain-arrow.reveal {
    text-align: center;
}
.feeling_arrow.lp-pain-arrow.reveal .reveal {
  color: var(--shop-yuboku-jp-fuzzy-wuzzy-brown, var(--brick, #BE5A53));
  font-size: 1.5rem;
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: var(--line-height-38_4, 2.4rem);
  letter-spacing: var(--stroke-weight-1_92, 0.12em);
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: 0.125rem;
  text-underline-offset: 1em;
  position: relative;
  display: inline-block;
  margin-bottom: 8.125rem;
}
.feeling_arrow.lp-pain-arrow.reveal .reveal::after {
  content: "";
  position: absolute;
  left: 32%;
  /* left: 50%; */
  bottom: -5rem;
  transform: translateX(-50%);
  width: 2.75rem;
  aspect-ratio: 44 / 38;
  background: #BE5A53;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.feeling_arrow.lp-pain-arrow.reveal .reveal span {
  color: var(--shop-yuboku-jp-fuzzy-wuzzy-brown, var(--brick, #BE5A53));
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: var(--line-height-38_4, 2.4rem);
  /* 120% */
  letter-spacing: var(--stroke-weight-1_92, 0.12em);
}

.feeling_arrow.lp-pain-arrow.reveal .reveal {
  color: var(--shop-yuboku-jp-fuzzy-wuzzy-brown, var(--brick, #BE5A53));
  font-size: 1.3rem;
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: var(--line-height-38_4, 2.4rem);
  letter-spacing: var(--stroke-weight-1_92, 0.12em);
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: 0.125rem;
  text-underline-offset: 1em;
}
section.intro {
  padding-top: 0;
}
section.intro .section-head {
  margin-bottom: 3.125rem;
}
section.intro .section-head h2 {
  color: var(--shop-yuboku-jp-dune, var(--color-orange-19, #362E2B));
  font-size: var(--font-size-24, 1.5rem);
  font-style: normal;
  font-weight: var(--font-weight-600, 600);
  line-height: var(--line-height-38_4, 2.4rem);
  letter-spacing: var(--letter-spacing-6, 0.375em);
  text-align: center;
}
section.intro .section-head span {
  color: var(--gold, #AD8438);
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: var(--font-weight-600, 600);
  line-height: var(--line-height-38_4, 2.4rem);
  /* 120% */
  letter-spacing: var(--letter-spacing-6, 0.375em);
}
section.intro .section-head p {
  color: var(--shop-yuboku-jp-dune, var(--color-orange-19, #362E2B));
  text-align: center;
  font-size: var(--font-size-16, 1rem);
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: var(--line-height-34_4, 2.15rem);
  /* 215% */
  letter-spacing: var(--letter-spacing-3_2, 0.2em);
}
section#why {
  display: flex;
  padding: 3.125rem 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 5rem;
  align-self: stretch;
  border-top: var(--stroke-weight-1, 0.063rem) solid var(--gold, #AD8438);
  background: var(--color-red-32, #7C2E28);
}
#primary section#why .ttl_h2 span.eyebrow {
  color: #DFB362;
  background: none;
  margin-bottom: 0.825rem;
}
#primary section#why h2 span {
  color: #DFB362;
  text-align: center;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: var(--font-weight-600, 600);
  line-height: var(--line-height-38_4, 2.4rem);
  /* 96% */
  letter-spacing: var(--letter-spacing-6, 0.375em);
}
#primary section#why h2 {
  color: #FFF;
  font-size: var(--font-size-24, 1.5rem);
  font-style: normal;
  font-weight: var(--font-weight-600, 600);
  line-height: var(--line-height-38_4, 2.4rem);
  letter-spacing: var(--letter-spacing-6, 0.375em);
  margin-bottom: 0.587rem;
}
.why-grid.reveal {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.375rem;
  width: calc(100% - 2.75rem);
  margin: auto;
}
.why-grid.reveal .why-card {
  display: flex;
  padding: 1.875rem 1.375rem 2.063rem 1.375rem;
  flex-direction: column;
  align-items: center;
  gap: 1.063rem;
  flex: 1 0 0;
  background: #F8F6F0;
  position: relative;
  margin-bottom: 1.375rem;
}
.why-grid.reveal .why-card::before {
  position: absolute;
  left: -1.5rem;
  top: 0;
  transform: rotate(-22.638deg);
  color: #B9B9B9;
  font-family: "Mrs Saint Delafield", cursive;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
.why-grid.reveal .why-card:nth-child(1)::before {
  content: "Point 01";
}
.why-grid.reveal .why-card:nth-child(2)::before {
  content: "Point 02";
}
.why-grid.reveal .why-card:nth-child(3)::before {
  content: "Point 03";
}
.why-grid.reveal .why-card h4 {
  color: #7C2E28;
  text-align: center;
  font-family: var(--font-family-Font-2, "Noto Serif JP");
  font-size: var(--font-size-16, 1rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-size-24, 1.5rem);
  /* 150% */
  letter-spacing: var(--letter-spacing-3_2, 0.2em);
  display: flex;
  padding-top: 0.925rem;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}
.why-grid.reveal .why-card p {
  color: #362E2B;
  font-family: var(--font-family-Font-2, "Noto Serif JP");
  font-size: 0.9rem;
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: var(--font-size-28, 1.75rem);
  /* 194.444% */
  letter-spacing: var(--letter-spacing-1_6, 0.1em);
}
p.why-lead {
  color: #FFF;
  text-align: center;
  font-size: var(--font-size-16, 1rem);
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: var(--line-height-34_4, 2.15rem);
  /* 215% */
  letter-spacing: var(--letter-spacing-3_2, 0.2em);
}
p.why-lead .add01 {
  font-size: 1.3rem;
}
p.why-lead .add01 .lineReveal {
  color: #FFE063;
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: 0.125rem;
  text-underline-offset: 0.5em;
}
.content-area .tekibin-link {
  display: flex;
  width: 100%;
  padding: 1.375rem;
  flex-direction: column;
  align-items: center;
  border: 0.063rem solid #FFF;
  background: #BE5A53;
}
.content-area section#why .tekibin-link,
#guide>div>div.tekibin-link.reveal {
  width: calc(100% - 2.75rem);
  margin: 2.125rem auto 0;
}
.content-area .tekibin-link a {
  color: var(--shop-yuboku-jp-white, var(--color-white-solid, #FFF));
  text-align: center;
  font-size: var(--font-size-24, 1.5rem);
  font-weight: var(--font-weight-600, 600);
  line-height: var(--font-size-24, 1.5rem);
  /* 100% */
  letter-spacing: var(--letter-spacing-6, 0.375em);
  display: flex;
  align-items: center;
}
.content-area .tekibin-link a span.box {
  color: #BE5A53;
  text-align: center;
  background: #FFF;
  font-size: var(--font-size-16, 1rem);
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: var(--line-height-34_4, 2.15rem);
  /* 215% */
  letter-spacing: var(--letter-spacing-3_2, 0.2em);
  padding: 0.5rem;
  margin-right: 1.25rem;
}
.content-area .tekibin-link a span.box .box_add {
  font-size: 1.5rem;
}
.content-area .tekibin-link a::after {
  content: "";
  display: inline-block;
  margin-left: 0.6rem;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-top: 0.18em solid transparent;
  border-bottom: 0.18em solid transparent;
  border-left: 0.28em solid #fff;
}
.desc {
  color: var(--shop-yuboku-jp-dune, var(--color-orange-19, #362E2B));
  text-align: center;
  /* shop.yuboku.jp/Noto Serif JP/Medium */
  font-family: var(--font-family-Font-2, "Noto Serif JP");
  font-size: var(--font-size-16, 1rem);
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: var(--line-height-34_4, 2.15rem);
  /* 215% */
  letter-spacing: var(--letter-spacing-3_2, 0.2em);
  margin-bottom: 3.125rem;
}
#inside .inside-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.375rem;
  margin: 3.25rem 0 2.875rem;
}
#inside .inside-item {
  background: #fff;
  /* border: 1px solid #e7dec6; */
  overflow: hidden;
  box-shadow: 0 0.625rem 1.75rem rgba(33, 28, 22, .05);
  transition: .3s;
}
#inside .inside-item:hover {
  transform: translateY(-0.375rem);
  box-shadow: 0 1.125rem 2.375rem rgba(33, 28, 22, .1);
}
#inside .inside-item img {
  width: 100%;
  aspect-ratio: 14/9;
  object-fit: cover;
}
#inside .inside-body {
  padding: 1.375rem 1rem 1.5rem;
}
#inside .inside-item h3 {
  text-align: center;
  color: #362e2b;
  font-size: 1rem;
  line-height: 2.15;
  letter-spacing: 0.12em;
}
#inside .inside-item p {
  margin: 0;
  color: #5b5246;
  font-size: 0.875rem;
  line-height: 1.85;
}
section#features,
#guide {
  border-top: var(--stroke-weight-1, 0.063rem) solid var(--gold, #AD8438);
  background: var(--color-grey-93, #F3F0E7);
  padding-bottom: 3.125rem;
}
section#features .feature-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.375rem;
  align-items: center;
  padding: 1.875rem 0;
  border-bottom: 0.063rem solid var(--line-soft);
  width: 90%;
  margin: auto;
}
/* 奇数番目だけ画像を右、テキストを左 */
section#features .feature-row:nth-child(odd) .feature-media {
  order: 2;
}
section#features .feature-row:nth-child(odd) .feature-text {
  order: 1;
}
section#features .feature-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
section#features .feature-media {
  /* border: 1px solid var(--line); */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19.631rem;
  height: 14.723rem;
  max-width: 19.631rem;
  max-height: 14.723rem;
  flex-shrink: 0;
  aspect-ratio: 4/3;
}
section#features .feature-media::before {
  content: "";
  position: absolute;
  inset: 0.875rem;
  border: 0.063rem solid var(--gold-soft);
  opacity: .55;
}
section#features .feature-media .ph-icon {
  width: 2.875rem;
  height: 2.875rem;
  opacity: .7;
}
section#features .feature-media .ph-label {
  position: absolute;
  bottom: 1.125rem;
  left: 0;
  right: 0;
  text-align: center;
  font-family: var(--font-sans);
  font-size: 0.688rem;
  letter-spacing: .12em;
  color: var(--ink-soft);
  opacity: .6;
}
section#features .feature-text {
  width: 100%;
}
#features > div > div > div.feature-text > div{
  display:flex;
  align-items:flex-start;
    position:relative;
  margin-bottom:1rem;
}
section#features .feature-text .feature-num {
  font-family: "Mrs Saint Delafield", cursive;
  color: var(--shop-yuboku-jp-copper, var(--gold, #AD8438));
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.5rem;
  /* 100% */
  letter-spacing: var(--letter-spacing-3_84, 0.24em);
  display: inline-block;
  position:absolute;
  left:-0.5em;
  top:0.5rem;
}
section#features .feature-text h3 {
  font-size: var(--font-size-24, 1.3rem);
  font-style: normal;
  font-weight: var(--font-weight-600, 600);
  line-height: var(--line-height-38_4, 2.4rem);
  /* 160% */
  letter-spacing: var(--letter-spacing-6, 0.25em);
  display: inline-block;
  padding-left:2.5rem;
}
section#features .feature-text p {
  color: #362e2b;
  font-size: 1rem;
  line-height: 2.15;
  letter-spacing: 0.2em;
}
section#features .feature-text p+p {
  margin-top: 0.875rem;
}
.benefit-hero {
  position: relative;
  overflow: hidden;
  margin-bottom: 4.375rem;
}
.benefit-hero img {
  display: block;
  width: 100%;
  height: 26.25rem;
  object-fit: cover;
}
.benefit-hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(40, 30, 20, .35);
  /* 少し茶色を乗せる */
  mix-blend-mode: multiply;
}
.benefit-hero__content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  z-index: 2;
  top: -10%;
}
.benefit-hero .eyebrow {
  color: #fff;
  opacity: .9;
  margin-bottom: 0.75rem;
}
.benefit-hero h2 {
  color: #fff;
  font-size: 2.7rem;
  line-height: 1.5;
  text-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, .25);
}
.benefit-hero h2 {
  position: relative;
}
.benefit-hero h2 span.lineReveal.reveal {
  display: inline-block;
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: 0.125rem;
  text-underline-offset: 0.5em;
}
.benefit-hero h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4.3rem;
  transform: translateX(-50%);
  width: 2.75rem;
  /* 44px相当 */
  aspect-ratio: 44 / 38;
  background: #F8F6F0;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.lp-benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.125rem;
  margin-bottom: 3.125rem;
}
#price>div>div.benefit-Wrap>div.lp-benefit-grid.reveal>div>div {
  position: relative;
  z-index: 1;
  padding: 4rem 1.375rem;
  text-align: center;
  overflow: hidden;
}
#price>div>div.benefit-Wrap>div.lp-benefit-grid.reveal>div>div::before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(15.75rem, 98%);
    aspect-ratio: 1;
    border-radius: 50%;
    background: #7C2E28;
    z-index: -1;
}
.lp-benefit-icon {
  width: 4.938rem;
  height: 4.375rem;
  margin: 0 auto 1rem;
  border-radius: 50%;
  /* border: 0.094rem solid var(--gold); */
  display: flex;
  align-items: center;
  justify-content: center;
}
.lp-benefit-icon svg {
  width: 1.625rem;
  height: 1.625rem;
}
.lp-benefit-card h3 {
  color: var(--color-white-solid, #FFF);
  text-align: center;
  font-family: var(--font-family-Font-2, "Noto Serif JP");
  font-size: 1.5rem;
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: var(--line-height-22_8, 1.425rem);
  /* 95% */
  letter-spacing: var(--letter-spacing-1_82, 0.114em);
}
.lp-benefit-card .lp-hl {
  color: #FFE479;
  padding-top: 0.438rem;
  display: block;
  font-size: 2rem;
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: 2.938rem;
  /* 130.556% */
  letter-spacing: 0.05em;
}

#price > div > div.benefit-Wrap > div.lp-benefit-grid.reveal > div:nth-child(1) > div > span > span{
font-size: 1.6rem;
}
#price > div > div.benefit-Wrap > div.lp-benefit-grid.reveal > div:nth-child(2) > div > span > sup{
  color: #FFF;
font-size: 0.813rem;
position:absolute;
}
.lp-benefit-card p {
  color: var(--shop-yuboku-jp-soya-bean, var(--ink-soft, #5B5246));
  font-family: var(--font-family-Font-2, "Noto Serif JP");
  font-size: 0.9rem;
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: var(--line-height-23_76, 1.485rem);
  /* 165% */
  letter-spacing: 0.25em;
}
#price {
  margin-bottom: 3.125rem;
}
#price>div>div.price-campaign.reveal {
  display: flex;
  padding: 2.813rem 2.5rem;
  flex-direction: column;
  align-items: center;
  gap: var(--font-size-18, 1.125rem);
  align-self: stretch;
  background: #AD8438;
  position: relative;
  overflow: hidden;
}
#price>div>div.price-campaign.reveal::before {
  content: "";
  position: absolute;
  left: -3.75rem;
  top: 50%;
  transform: translateY(-50%);
  height: 110%;
  aspect-ratio: 1 / 1;
  background: url("https://gigaplus.makeshop.jp/yubokunosato/images/subscription/2026/ribon_bg_01.svg") no-repeat center;
  background-size: contain;
  opacity: 0.3;
}
#price>div>div.price-campaign.reveal>span {
  display: flex;
  width: 21.125rem;
  padding: 0.625rem 1.25rem;
  justify-content: center;
  align-items: flex-start;
  gap: 0.625rem;
  border-radius: 62.438rem;
  background: #F8F6F0;
  color: var(--shop-yuboku-jp-copper, var(--gold, #AD8438));
  text-align: center;
  font-family: var(--font-family-Font-2, "Noto Serif JP");
  font-size: 2.25rem;
  font-weight: var(--font-weight-500, 500);
  line-height: 2.4rem;
  letter-spacing: 0.135em;
}
#price>div>div.price-campaign.reveal>h2 span {
  color: #FFE479;
  text-align: center;
  /* shop.yuboku.jp/Noto Serif JP/Bold */
  font-family: var(--font-family-Font-2, "Noto Serif JP");
  font-size: 3.4rem;
  font-style: normal;
  font-weight: var(--font-weight-700, 700);
  line-height: var(--line-height-76_16, 4.76rem);
  /* 140% */
  letter-spacing: var(--letter-spacing-0_8, 0.05em);
}
#price>div>div.price-campaign.reveal>h2 {
  color: #FFF;
  text-align: center;
  /* shop.yuboku.jp/Noto Serif JP/Medium */
  font-family: var(--font-family-Font-2, "Noto Serif JP");
  font-size: 2.4rem;
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: var(--line-height-53_76, 3.36rem);
  /* 140% */
  letter-spacing: var(--letter-spacing-0_8, 0.05em);
}
#price>div>div.price-campaign.reveal>p {
  color: #FFF;
  text-align: center;
  /* shop.yuboku.jp/Noto Serif JP/Medium */
  font-family: var(--font-family-Font-2, "Noto Serif JP");
  font-size: var(--font-size-16, 1rem);
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: var(--font-size-16, 1rem);
  /* 100% */
  letter-spacing: var(--letter-spacing-0_8, 0.05em);
}
#price>div>div.yb-plans.reveal::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -3.125rem;
  transform: translateX(-50%) translateY(99%);
  width: 2.75rem;
  height: 2.375rem;
  background: #AD8438;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
#price>div>div.yb-plans.reveal {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.375rem;
  width: 90%;
  margin: auto;
  position: relative;
  padding: 3.125rem 0 1.375rem;
}
#price>div>div.yb-plans.reveal .yb-plan {
  background: #fff;
  border: 0.063rem solid #e8decb;
  border-radius: 0.75rem;
  overflow: hidden;
}
#price>div>div.yb-plans.reveal .yb-plan__head {
  background: #fff;
  border-bottom: 0.063rem solid #e8decb;
  padding: 1.75rem;
  text-align: center;
}
#price>div>div.yb-plans.reveal .yb-plan__head h3 {
  font-size: 1.5rem;
  letter-spacing: 0.25em;
  color: #362e2b;
  line-height: 1.6;
}
#price>div>div.yb-plans.reveal .yb-plan__head p {
  color: #8a7b69;
  font-size: 0.875rem;
}
#price>div>div.yb-plans.reveal .yb-price-table {
  width: 100%;
  border-collapse: collapse;
}
#price>div>div.yb-plans.reveal .yb-price-table th,
#price>div>div.yb-plans.reveal .yb-price-table td {
  padding: 1.375rem;
  border-bottom: 0.063rem solid #efe6d8;
}
#price>div>div.yb-plans.reveal .yb-price-table th {
  width: 36%;
  background: #faf7f2;
  text-align: center;
  vertical-align: middle;
  color: #6d6055;
}
#price>div>div.yb-plans.reveal .yb-price-table td {
  text-align: center;
}
#price>div>div.yb-plans.reveal .yb-price-main {
  font-size: 1.875rem;
  color: #34271e;
  /* font-weight:700; */
}
#price>div>div.yb-plans.reveal>article:nth-child(1)>table>tbody>tr:nth-child(1)>td>s,
#price>div>div.yb-plans.reveal>article:nth-child(2)>table>tbody>tr:nth-child(1)>td>s {
  position: relative;
  text-decoration: none;
  display: inline-block;
}
#price>div>div.yb-plans.reveal>article:nth-child(1)>table>tbody>tr:nth-child(1)>td>s::after,
#price>div>div.yb-plans.reveal>article:nth-child(2)>table>tbody>tr:nth-child(1)>td>s::after {
  content: "";
  position: absolute;
  left: 0;
  top: 52%;
  width: 100%;
  height: 0.063rem;
  background: currentColor;
}
#price>div>div.yb-plans.reveal .yb-small {
  display: block;
  margin-top: 0.375rem;
  color: #8f8479;
  font-size: 0.75rem;
}
#price>div>div.yb-plans.reveal>article:nth-child(1)>table>tbody>tr.yb-second>td>s,
#price>div>div.yb-plans.reveal>article:nth-child(2)>table>tbody>tr.yb-second>td>s {
  text-decoration-color: #8f8479;
}
#price>div>div.yb-plans.reveal .yb-first th,
#price>div>div.yb-plans.reveal .yb-first td {
  background: #fff8ec;
}
#price>div>div.yb-plans.reveal>article:nth-child(1)>table>tbody>tr.yb-first>th,
#price>div>div.yb-plans.reveal>article:nth-child(2)>table>tbody>tr.yb-first>th {
  color: var(--shop-yuboku-jp-fuzzy-wuzzy-brown, var(--brick, #BE5A53));
  text-align: center;
  font-family: var(--font-family-Font-2, "Noto Serif JP");
  font-size: 1.5rem;
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: 2.75rem;
  /* 183.333% */
  letter-spacing: var(--letter-spacing-0_8, 0.05em);
}
#price>div>div.yb-plans.reveal .yb-discount {
  display: inline-block;
  margin-bottom: 0.625rem;
  padding: 0.375rem 0.875rem;
  border-radius: 62.438rem;
  background: #be5a53;
  color: #fff;
  font-size: 0.813rem;
  /* font-weight:700; */
}
#price>div>div.yb-plans.reveal .yb-first .yb-price-main {
  font-size: 2.3rem;
  color: #be5a53;
}
#price>div>div.yb-plans.reveal>article:nth-child(1)>table>tbody>tr.yb-first>td>s,
#price>div>div.yb-plans.reveal>article:nth-child(2)>table>tbody>tr.yb-first>td>s {
  text-decoration-color: #BE5A53;
}
#price>div>div.yb-plans.reveal .yb-first .yb-small {
  color: #be5a53;
  /* font-weight:700; */
}
#price>div>div.yb-plans.reveal .yb-second .yb-discount {
  background: #b99758;
}
#price>div>div.yb-plans.reveal .yb-second .yb-price-main {
  color: #333;
}
#price>div>div.yb-plans.reveal>article:nth-child(1)>div.yb-plan__foot,
#price>div>div.yb-plans.reveal>article:nth-child(2)>div.yb-plan__foot {
  padding: 1.375rem;
  background: #f3f0e7;
  /* font-size: 17px; */
  color: #6c6258;
  text-align: center;
}
#price>div>div.yb-trial.reveal {
  /* padding-top: 22px; */
}
#price>div>div.yb-trial.reveal p {
  text-align: center;
  margin: 0 0 1.5rem;
  color: #362e2b;
  font-size: 1rem;
  line-height: 2.15;
  letter-spacing: 0.2em;
}
#price>div>div.yb-trial.reveal>p>span {
  color: #be5a53;
  font-size: 1.75rem;
}
#guide>div>div.section-head.reveal {
  width: 100%;
}
#guide>div>div.section-head.reveal>span,
#voice>div>div.section-head.reveal>span,
#faq>div>div.section-head.reveal>span {
  display: block;
  margin-bottom: 0.813rem;
}
#guide>div>div.guide-grid.reveal {
  width: 90%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--item-spacing-22, 1.375rem);
  align-self: stretch;
}
#guide>div>div.guide-grid.reveal>div {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  align-self: stretch;
}
#guide>div>div.guide-grid.reveal>div>div.guide-icon {
  display: flex;
  height: 7.5rem;
  padding: 1.25rem;
  justify-content: center;
  align-items: center;
  background: #561818;
}
#guide>div>div.guide-grid.reveal>div>div.txt_box>h4 {
  color: var(--shop-yuboku-jp-dune, var(--color-orange-19, #362E2B));
  font-family: var(--font-family-Font-2, "Noto Serif JP");
  font-size: var(--font-size-16, 1rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-34_4, 2.15rem);
  /* 215% */
  letter-spacing: var(--letter-spacing-3_2, 0.2em);
}
#guide>div>div.guide-grid.reveal>div>div.txt_box>p {
  color: var(--shop-yuboku-jp-mine-shaft, var(--color-grey-22, #373737));
  font-family: var(--font-family-Font-2, "Noto Serif JP");
  font-size: 0.9rem;
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: var(--font-size-28, 1.75rem);
  /* 194.444% */
  letter-spacing: var(--letter-spacing-1_6, 0.1em);
}
#voice>div>div.lp-voice-grid.reveal>div>div {
  display: flex;
  padding: 1.563rem 1.375rem 1.625rem 1.375rem;
  align-items: center;
  gap: 1.25rem;
  align-self: stretch;
  border: var(--stroke-weight-1, 0.063rem) solid var(--line, #DBCFAF);
  background: var(--color-white-solid, #FFF);
  margin-bottom: 1.5rem;
}
#voice>div>div.lp-voice-grid.reveal>div:last-child>div {
  margin-bottom: 0;
}
#voice>div>div.lp-voice-grid.reveal>div>div>div.right>div.ttl {
  color: var(--shop-yuboku-jp-copper, var(--gold, #AD8438));
  font-size: 1.063rem;
  font-style: normal;
  font-weight: var(--font-weight-500, 700);
  line-height: var(--font-size-28, 1.75rem);
  /* 194.444% */
  letter-spacing: var(--letter-spacing-1_6, 0.1em);
  margin-bottom: 0.938rem;
}
#voice>div>div.lp-voice-grid.reveal>div>div>div.left>div {
  width: 8.125rem;
}
/* ---------- FAQ ---------- */
.faq-list {
  max-width: 47.5rem;
  margin: 0 auto;
  border-top: 0.063rem solid var(--line);
}
.faq-item {
  border-bottom: 0.063rem solid var(--line);
}
.faq-q {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  padding: 1.625rem 0.25rem;
  font-family: var(--font-serif);
  font-size: 1rem;
  color: var(--ink);
}
.faq-q .q-mark {
  color: var(--gold);
  margin-right: 0.875rem;
}
.faq-q .q-plus {
  flex: none;
  width: 1.375rem;
  height: 1.375rem;
  position: relative;
}
.faq-q .q-plus::before,
.faq-q .q-plus::after {
  content: "";
  position: absolute;
  background: var(--ink-soft);
  transition: transform .25s ease;
}
.faq-q .q-plus::before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 0.063rem;
  transform: translateY(-50%);
}
.faq-q .q-plus::after {
  top: 0;
  left: 50%;
  width: 0.063rem;
  height: 100%;
  transform: translateX(-50%);
}
.faq-item.open .q-plus::after {
  transform: translateX(-50%) rotate(90deg);
  opacity: 0;
}
.faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease;
}
.faq-a-inner {
  padding: 0 0.25rem 1.75rem 2.375rem;
  font-size: 0.906rem;
  color: var(--ink-soft);
  line-height: 1.95;
}
#faq {
  margin-bottom: 3.125rem;
}
/* ========== NEW: ⑩ FINAL CTA ========== */
.content-area section.lp-final-cta {
  background: var(--deep-red);
  color: var(--cream);
  text-align: center;
  padding: 3.125rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.lp-final-cta .eyebrow {
  color: var(--gold-soft);
  font-size: 0.688rem;
  letter-spacing: .25em;
  display: block;
  text-transform: uppercase;
}
.lp-final-cta h2 {
  font-size: 1.6rem;
  line-height: 1.7;
  letter-spacing: .2em;
  color: var(--cream);
}
.lp-final-cta p {
  color: rgba(246, 241, 230, .75);
  font-size: .9rem;
  line-height: 2;
  letter-spacing: .1em;
  margin-bottom: 2.75rem;
}
#tab2_content>section.lp-final-cta>div {
  background: #FFFBEE;
  padding-bottom: 1.563rem;
}
.lp-price-badge {
  position: relative;
  display: flex;
  width: 23.75rem;
  height: 3.438rem;
  padding: 0.313rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  margin: auto;
  border-radius: 2.688rem;
  background: var(--gold, #AD8438);
  top: -1.875rem;
}
.lp-price-badge::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 99%;
  transform: translateX(-50%);
  width: 1.5rem;
  height: 1rem;
  background: var(--gold, #AD8438);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.lp-price-badge strong {
  color: var(--shop-yuboku-jp-white, var(--color-white-solid, #FFF));
  font-family: var(--font-family-Font-2, "Noto Serif JP");
  font-size: 1.5rem;
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: var(--line-height-22_4, 1.4rem);
  letter-spacing: var(--stroke-weight-1_73, 0.108em);
}
.lp-final-cta .tekibin-link a {
  background: var(--gold-soft);
  color: var(--ink);
}
.lp-final-cta .tekibin-link a::after {
  border-color: var(--ink);
}
.lp-final-sub {
  display: block;
  color: var(--color-orange-38-2, #6C6258);
  text-align: center;
  font-size: var(--font-size-12_5, 0.781rem);
  font-style: normal;
  font-weight: var(--font-weight-500, 500);
  line-height: var(--line-height-12_48, 0.78rem);
  /* 99.84% */
  letter-spacing: var(--letter-spacing-1_25, 0.078em);
  margin: 0.875rem 0;
}
#tab2_content>section.lp-final-cta>div>span:nth-child(3) {
  margin-bottom: 0.875rem;
}
.lp-cta-pair {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.875rem;
}
.lp-cta-pair a {
  display: inline-block;
  width: 50%;
  padding: 1.125rem;
  text-align: center;
  text-decoration: none;
  font-family: var(--mincho2026) !important;
  letter-spacing: .25em;
  font-size: 1rem;
  position: relative;
  transition: opacity .25s;
  text-align: center;
}
.lp-cta-pair a:hover {
  opacity: .85;
}
.lp-cta-pair .cta-std {
  background: var(--brick);
  color: #fff;
}
.lp-cta-pair .cta-fam {
  border: var(--stroke-weight-1, 0.063rem) solid rgba(255, 255, 255, 0.40);
  background: var(--color-red-32, #7C2E28);
}
/* reveal */
body.teikibin_2026 .reveal {
  opacity: 0;
  transform: translateY(1.125rem);
  transition: opacity .7s ease, transform .7s ease;
}
body.teikibin_2026 .reveal.in {
  opacity: 1;
  transform: translateY(0);
}

@media only screen and (max-width: 1085px) {
section#features .feature-row {
    grid-template-columns: 1fr;
}
section#features .feature-media {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;;
}
section#features .feature-row:nth-child(odd) .feature-media {
  order: 1;
}
section#features .feature-row:nth-child(odd) .feature-text {
  order: 2;
}
section#features .feature-text h3 {
    font-size: var(--font-size-24, 1.2rem);
    letter-spacing: var(--letter-spacing-6, 0.14em);
}
#features > div > div > div.feature-text > div > h3 br{
  display:none;
}
}

@media only screen and (max-width: 768px) {
#contents {
    margin: 0px 0 0 0;
}
.teikibin-fv .flex {
    flex-direction: column-reverse;
}
#primary > div.main_catImg.w100 > section > div > div.teikibin-fv__txt > h1 > br:nth-child(4){
  display:none;
}
.teikibin-fv__txt .teikibin-fv__lead {
    font-size: 0.9rem;
    width: 100%;
}
.item_list .main_catImg img {
    margin-bottom: 0px;
}
.item_list .main_catImg.w100 img{
    width: 100%;
    height: 300px;
    display: block;
    object-fit: cover;
   object-position: center 60%;
}
.teikibin-fv__txt .note {
  width: 100%;
}
.teikibin-fv__img {
    min-width: 50%;
}
.teikibin-fv__img_in {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}
.item_list .cat_info {
    margin-top: 60px;
}
#primary .ttl_h2 {
    background: none;
    padding: 0;
    width:100%;
    margin-left: auto;
    position: inherit;
}

#primary .ttl_h2:before {
  display:none;
}
#primary .ttl_h2::after, #guide>div>div.section-head.reveal>h2::after, #voice>div>div.section-head.reveal>h2::after, #faq>div>div.section-head.reveal>h2::after {
 border:none;
}
.feeling_wrap ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    overflow: hidden;
  gap:10px;
}
.feeling_wrap ul li {
  width:100%;
    background-position: center;
    background-size: contain;
}
.feeling_wrap ul li:last-child:nth-child(odd){
    grid-column: 1 / -1;
    justify-self: center;
}
#tab2_content > section.lp-pain > div.feeling_arrow.lp-pain-arrow.reveal{
  text-align:center;
  font-size:1.25rem;
}
.feeling_arrow.lp-pain-arrow.reveal .reveal {
  margin-top:1rem;
    line-height: var(--line-height-38_4, 3.4rem);
    text-underline-offset: 0.5em;
     margin-bottom: 5rem;
}
.feeling_arrow.lp-pain-arrow.reveal .reveal span {
    font-size: 2.5rem;
}
.feeling_arrow.lp-pain-arrow.reveal .reveal::after {
    left: 50%;
    bottom: -4rem;
}
section.intro .section-head h2 {
    font-size: var(--font-size-24, 1.25rem);
}
section.intro .section-head span {
    font-size: 1.6rem;
}
#primary section#why h2 span {
    font-size: 1.6rem;
}
.why-grid.reveal {
    grid-template-columns: repeat(1, 1fr);
}
.why-grid.reveal .why-card::before {
    letter-spacing: 0.1em;
}
#why > div > div.why-grid.reveal > div > div{
   width:20%;
}
#why > div > div.why-grid.reveal > div > div > img{
  width:100%;
}
.why-grid.reveal .why-card h4 {
    font-size: 1.3rem;
}
.content-area .tekibin-link a {
  font-size:1.3rem;
  letter-spacing:0.2rem;
  line-height: 1.5rem;
 
}
.content-area .tekibin-link {
    padding: 1rem;
}
.content-area .tekibin-link a span.box {
    width: 32%;
    /* margin-bottom: 0.5rem; */
    line-height: 1.5rem;
}
.content-area .tekibin-link a::after {
    content: "";
    display: inline-block;
    margin-left: 0.6rem;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-top: 0.18em solid transparent;
    border-bottom: 0.18em solid transparent;
    border-left: 0.28em solid #fff;
}
.content-area .tekibin-link a::after {
    border-top: 0.3em solid transparent;
    border-bottom: 0.3em solid transparent;
    border-left: 0.4em solid #fff;
}
#inside .inside-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}
#features > div > div > div.feature-text > div {
   justify-content:center;
}
section#features .feature-text h3 {
 padding-left:0;
  text-align:center;
  font-size:1.3rem;
}
section#features .feature-text .feature-num {
position:inherit;
}
#features > div > div > div.feature-text > div > h3 br {
    display: block;
}

  #features > div > div:nth-child(7) > div.feature-text > div > h3 > br{
   display: none;
}
.lp-benefit-grid {
    grid-template-columns: repeat(1, 1fr);
}
#price > div > div.benefit-Wrap > div.lp-benefit-grid.reveal > div{
  display:grid;
  grid-template-columns: 1fr 1.5fr;
  align-items:center;
  gap:30px;
}
.benefit-hero {
    margin-bottom: 2.5rem;
}
.lp-benefit-icon {
    margin: 0 auto 0rem;
    height: 3.5rem;
}
#price>div>div.benefit-Wrap>div.lp-benefit-grid.reveal>div>div {
    padding: 2rem 1.375rem;
}
.lp-benefit-card h3 {
    font-size: 1.3rem;
}
.lp-benefit-card .lp-hl {
    font-size: 1.6rem;
    line-height: 2rem;
    padding-top: 0;
}
.lp-benefit-card p {
    font-size: 1rem;
}
#price>div>div.price-campaign.reveal {
    padding: 2.5rem 2rem;
}
#price>div>div.price-campaign.reveal::before {
    left: -8rem;
}
#price>div>div.price-campaign.reveal>span {
    font-size: 2rem;
}
#price>div>div.price-campaign.reveal>h2 {
    font-size: 2rem;
}
#price>div>div.price-campaign.reveal>p {
    line-height: 1.6;
}
#price>div>div.yb-plans.reveal {
    grid-template-columns: repeat(1, 1fr);
}
#guide>div>div.guide-grid.reveal>div>div.guide-icon {
  width:150px;
}
#guide > div > div.guide-grid.reveal > div > div.guide-icon > img{
  width:100%;

}
#guide > div > div.guide-grid.reveal > div > div.txt_box{
  width:calc(100% - 150px);
}
#voice>div>div.lp-voice-grid.reveal>div>div>div.left>div {
 width:150px;
}
.lp-cta-pair a {
   width:90%;
}
.item_list .tab-area.add2026 .tab{
  width:50%;
  display:flex;
  justify-content:center;
  align-items:center;
}
}



.reveal {
      opacity: 0;
      transform: translateY(18px);
      transition: opacity .7s ease, transform .7s ease;
    }

.reveal.in {
      opacity: 1;
      transform: translateY(0);
    }
.product-price-block.teikibin-price01 {
  color: rgb(244, 67, 54);
}