@charset "UTF-8";
/*----------------------------------------
≡≡≡≡≡≡≡≡≡≡≡ ▼ カスタムプロバティ ▼ ≡≡≡≡≡≡≡≡≡≡≡
----------------------------------------*/
/*--------------------------------
   Media Queries (~ 767px)
 --------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: calc(10 * (100vw/1400));
  }
}
@media only screen and (max-width: 767px) {
  html {
    font-size: calc(10 * (100vw/500));
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡ ▼ S e t U p SP ▼ ≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.lp-page {
  position: relative;
  background: var(--color-background);
  color: var(--color-text);
  font-family: var(--font-en), var(--font-jp), sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variation-settings: "slnt" 0;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  max-width: calc(390 * 50rem/390);
  z-index: 0;
}
.lp-page::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url(../img_260115/page_bg.svg);
  background-size: calc(180 * 50rem/390) calc(180 * 50rem/390);
  background-repeat: repeat;
  background-position: calc(-28 * 50rem/390);
  pointer-events: none;
  z-index: -1;
}
.lp-page__inner {
  overflow: hidden;
}
.lp-page img,
.lp-page svg {
  display: block;
  opacity: 1;
  width: 100%;
  height: auto;
}
.lp-page picture {
  display: block;
}
.lp-page a {
  display: block;
  color: inherit;
}
.lp-page *:focus {
  outline: none;
}
.lp-page a,
.lp-page label {
  -webkit-tap-highlight-color: rgba(235, 198, 155, 0.2);
}
.lp-page input {
  display: none;
}
.lp-page li,
.lp-page ol {
  list-style-type: none;
}
.lp-page .spOnly {
  display: block;
}
.lp-page .pcOnly {
  display: none;
}
.lp-page ::-moz-selection {
  color: #fff;
  background-color: rgba(235, 198, 155, 0.7);
}
.lp-page ::selection {
  color: #fff;
  background-color: rgba(235, 198, 155, 0.7);
}
.lp-page sup {
  font-size: 0.6em;
}
.lp-page .text-note {
  color: var(--color-subtext);
  font-size: calc(11 * 50rem/390);
  line-height: 1.25;
  letter-spacing: 0.025em;
}
.lp-page #share img {
  margin: auto;
}
.lp-page .fvArea img,
.lp-page .anim {
  opacity: 0;
}
.lp-page .anim_enable {
  -webkit-animation: fade 1.4s 0.2s ease forwards;
          animation: fade 1.4s 0.2s ease forwards;
}
@-webkit-keyframes fade {
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.lp-page .move {
  opacity: 0;
  transform: translateY(calc(20 * 50rem/390));
}
.lp-page .move_enable {
  -webkit-animation: move 1.4s 0.2s ease forwards;
          animation: move 1.4s 0.2s ease forwards;
}
@-webkit-keyframes move {
  10% {
    opacity: 0;
    transform: translateY(calc(20 * 50rem/390));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes move {
  10% {
    opacity: 0;
    transform: translateY(calc(20 * 50rem/390));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.lp-page .move_enable .valueKit__img {
  -webkit-animation: expansion 0.8s ease forwards;
          animation: expansion 0.8s ease forwards;
}
@-webkit-keyframes expansion {
  0% {
    transform: scale(0.7, 0.7);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes expansion {
  0% {
    transform: scale(0.7, 0.7);
  }
  100% {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes mv-fade {
  0% {
    opacity: 0;
    filter: blur(15px);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
  }
}
@keyframes mv-fade {
  0% {
    opacity: 0;
    filter: blur(15px);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
  }
}

/* .lp-page : set up SP*/
/*------------------------------------
≡≡≡≡≡≡≡≡ ▼ Layout SP First ▼ ≡≡≡≡≡≡≡≡
 ------------------------------------*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡ ▼ layout  SP ▼ ≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.lp-page {
  --color-text: #212121;
  --color-subtext: #414141;
  --color-primary: #F7F3E7;
  --color-secondary: #AC8960;
  --color-tertiary: #F6F2EC;
  --color-red: #E1380D;
  --color-background: #FDFDF8;
  --color-primary-dreamyChamomile: #689DB7;
  --color-secondary-dreamyChamomile: #EFF1F4;
  --color-primary-dreamyChamomile: #689DB7;
  --color-secondary-dreamyChamomile: #EFF1F4;
  --color-primary-zestyLemon: #C3A154;
  --color-secondary-zestyLemon: #F5EBD4;
  --color-primary-gentleGinger: #97AA6F;
  --color-secondary-gentleGinger: #E8F0D7;
  --font-en: "sofia-pro-variable";
  --font-jp: "Noto Sans JP";
}
.lp-page .button--cp {
  display: inline-block;
  padding: calc(16 * 50rem/390) calc(20 * 50rem/390) calc(13 * 50rem/390);
  background-color: var(--color-red);
  box-sizing: border-box;
  border-radius: calc(5 * 50rem/390);
  color: #fff;
  font-size: calc(13 * 50rem/390);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.075em;
  width: calc(190 * 50rem/390);
}
.lp-page .button-buy {
  display: inline-block;
  padding: calc(17 * 50rem/390) calc(20 * 50rem/390) calc(15 * 50rem/390);
  border-radius: calc(5 * 50rem/390);
  box-sizing: border-box;
  color: #fff;
  font-size: calc(16 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 600;
  line-height: 1;
  letter-spacing: 0.075em;
  width: calc(200 * 50rem/390);
}
.lp-page .button-extra-buy {
  display: inline-block;
  padding: calc(12 * 50rem/390) calc(20 * 50rem/390) calc(10 * 50rem/390);
  border-radius: calc(5 * 50rem/390);
  box-sizing: border-box;
  color: #fff;
  font-size: calc(14 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 600;
  line-height: 1;
  letter-spacing: 0.075em;
  text-align: center;
  width: calc(146 * 50rem/390);
}
.lp-page .button-all {
  display: inline-block;
  padding: calc(24 * 50rem/390) calc(20 * 50rem/390) calc(21 * 50rem/390);
  background-color: var(--color-red);
  border-radius: calc(5 * 50rem/390);
  box-sizing: border-box;
  color: #fff;
  font-size: calc(17 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 600;
  line-height: 1;
  letter-spacing: 0.075em;
  width: 100%;
}
.lp-page .fvArea {
  padding-bottom: calc(60 * 50rem/390);
}
.lp-page .fvArea__textBox {
  padding-top: calc(54 * 50rem/390);
}
.lp-page .fvArea__text {
  font-size: calc(16 * 50rem/390);
  line-height: 2;
  letter-spacing: 0;
  text-align: center;
}
.lp-page .fvArea__text:nth-child(n+2) {
  margin-top: calc(27 * 50rem/390);
}
.lp-page .cpArea {
  margin-bottom: calc(36 * 50rem/390);
  padding-block: calc(45 * 50rem/390) calc(55 * 50rem/390);
  width: 100%;
  background-image: url(../img_260115/cp_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}
.lp-page .cpArea__subTitle {
  display: inline-block;
  position: relative;
  margin-bottom: calc(13 * 50rem/390);
  padding: calc(6 * 50rem/390) calc(14 * 50rem/390) calc(5 * 50rem/390);
  background-color: var(--color-red);
  border-radius: 100px;
  color: #fff;
  font-size: calc(13 * 50rem/390);
  line-height: 1;
  letter-spacing: 0.025em;
  z-index: 0;
}
.lp-page .cpArea__subTitle::after {
  content: "";
  position: absolute;
  margin: auto;
  bottom: calc(-8 * 50rem/390);
  left: 0;
  right: 0;
  width: calc(16 * 50rem/390);
  height: calc(9 * 50rem/390);
  background-color: var(--color-red);
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
          clip-path: polygon(100% 0, 0 0, 50% 100%);
  z-index: 0;
}
.lp-page .cpArea__title {
  margin-bottom: calc(18 * 50rem/390);
  color: var(--color-red);
  font-size: calc(52 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 900;
  line-height: 1;
  letter-spacing: 0.025em;
}
.lp-page .cpArea__data {
  font-size: calc(22 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 900;
  line-height: 1;
  letter-spacing: 0.05em;
}
.lp-page .cpArea__data .small {
  font-size: calc(12 * 50rem/390);
}
.lp-page .cpArea__list {
  margin-top: calc(46 * 50rem/390);
  padding-inline: calc(30 * 50rem/390);
}
.lp-page .cpArea__item {
  position: relative;
  padding: calc(32 * 50rem/390) calc(34 * 50rem/390) calc(24 * 50rem/390);
  background-color: #fff;
  border-radius: calc(10 * 50rem/390);
  z-index: 0;
}
.lp-page .cpArea__item:nth-child(n+2) {
  margin-top: calc(29 * 50rem/390);
}
.lp-page .cpArea__item__number {
  display: grid;
  position: absolute;
  margin: auto;
  top: calc(-17 * 50rem/390);
  left: 0;
  right: 0;
  place-content: center;
  background-color: var(--color-red);
  border-radius: 50%;
  box-sizing: border-box;
  color: #fff;
  font-size: calc(20 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 900;
  line-height: 1;
  letter-spacing: 0.055em;
  width: calc(38 * 50rem/390);
  height: calc(38 * 50rem/390);
  z-index: 1;
}
.lp-page .cpArea__item__title {
  color: var(--color-red);
  font-size: calc(17 * 50rem/390);
  line-height: 1;
  letter-spacing: 0.025em;
}
.lp-page .cpArea__item__title .head {
  display: inline-block;
  color: var(--color-text);
  font-size: calc(14 * 50rem/390);
  font-weight: 600;
}
.lp-page .cpArea__item__title .plus {
  font-size: calc(18 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 700;
}
.lp-page .cpArea__item__title .strong {
  font-size: calc(36 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 700;
}
.lp-page .cpArea__item__title .off {
  font-size: calc(24 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 700;
}
.lp-page .cpArea__item__title .percent {
  font-size: calc(24 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 700;
}
.lp-page .cpArea__item__title .strong-jp {
  font-size: calc(21 * 50rem/390);
  font-weight: bold;
}
.lp-page .cpArea__item__text {
  margin-top: calc(8 * 50rem/390);
  font-size: calc(13 * 50rem/390);
  line-height: 1.54;
  letter-spacing: 0.075em;
}
.lp-page .cpArea__item.--1 .cpArea__item__title {
  margin-top: calc(-3 * 50rem/390);
}
.lp-page .cpArea__item.--2 .head {
  margin-bottom: calc(4 * 50rem/390);
}
.lp-page .cpArea__item.--2 .cpArea__button {
  margin-top: calc(11 * 50rem/390);
}
.lp-page .cpArea__item.--3 .head {
  margin-bottom: calc(9 * 50rem/390);
}
.lp-page .cpArea__item.--3 .cpArea__item__note {
  margin-top: calc(8 * 50rem/390);
}
.lp-page .cpArea__novelty__list {
  margin-top: calc(21 * 50rem/390);
}
.lp-page .cpArea__novelty__item:nth-child(n+2) {
  margin-top: calc(24 * 50rem/390);
}
.lp-page .cpArea__novelty__head {
  margin: 0 auto calc(10 * 50rem/390);
  padding: calc(4 * 50rem/390) calc(10 * 50rem/390) calc(1 * 50rem/390);
  border: 1px solid;
  border-radius: calc(3 * 50rem/390);
  color: var(--color-red);
  font-size: calc(15 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 900;
  line-height: 1;
  letter-spacing: 0;
  width: calc(220 * 50rem/390);
}
.lp-page .cpArea__novelty__title {
  margin-bottom: calc(7 * 50rem/390);
  font-size: calc(13 * 50rem/390);
  font-weight: bold;
  line-height: 1.62;
  letter-spacing: 0;
}
.lp-page .cpArea__novelty__title .red {
  color: var(--color-red);
  font-size: calc(14 * 50rem/390);
}
.lp-page .cpArea__novelty__img {
  display: inline-block;
  width: calc(144 * 50rem/390);
}
.lp-page .cpArea__novelty__recommendedProducts {
  margin-top: calc(13 * 50rem/390);
  padding-top: calc(18 * 50rem/390);
  background-image: linear-gradient(to right, var(--color-subtext), var(--color-subtext) 1px, transparent 1px, transparent 3px);
  background-size: 3px 1px;
  background-position: left top;
  background-repeat: repeat-x;
}
.lp-page .cpArea .recommendedProducts__subTitle {
  margin-bottom: calc(-2 * 50rem/390);
  font-size: calc(13 * 50rem/390);
  letter-spacing: 0.075em;
}
.lp-page .cpArea .recommendedProducts__title {
  position: relative;
  margin-bottom: calc(39 * 50rem/390);
  font-size: calc(15 * 50rem/390);
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.075em;
  z-index: 0;
}
.lp-page .cpArea .recommendedProducts__title::after {
  content: "";
  position: absolute;
  margin: auto;
  bottom: calc(-30 * 50rem/390);
  left: 0;
  right: 0;
  width: calc(15 * 50rem/390);
  height: calc(13 * 50rem/390);
  background-image: url(../img_260115/recommendedProducts_arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.lp-page .cpArea .recommendedProducts__title .border {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--color-red);
          text-decoration-color: var(--color-red);
  text-underline-offset: 3px;
}
.lp-page .cpArea .recommendedProducts__title .strong {
  font-size: calc(19 * 50rem/390);
}
.lp-page .cpArea .recommendedProducts__title .small {
  font-size: calc(11 * 50rem/390);
}
.lp-page .cpArea .recommendedProducts__img {
  display: inline-block;
  margin-bottom: calc(6 * 50rem/390);
  width: calc(220 * 50rem/390);
}
.lp-page .cpArea .recommendedProducts__name {
  font-size: calc(13 * 50rem/390);
  font-weight: bold;
  letter-spacing: 0.075em;
}
.lp-page .cpArea .recommendedProducts__text {
  display: inline-grid;
  margin-block: calc(19 * 50rem/390);
  padding-top: calc(3 * 50rem/390);
  place-content: center;
  place-items: center;
  border: 1px solid;
  box-sizing: border-box;
  color: var(--color-subtext);
  font-size: calc(13 * 50rem/390);
  line-height: 1;
  letter-spacing: 0.075em;
  width: calc(77 * 50rem/390);
  height: calc(25 * 50rem/390);
}
.lp-page .cpArea .accordionBox__head {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: calc(5 * 50rem/390);
       column-gap: calc(5 * 50rem/390);
  padding-top: calc(6 * 50rem/390);
  padding-bottom: calc(6 * 50rem/390);
}
.lp-page .cpArea .accordionBox__head p {
  display: inline-block;
  font-size: calc(12 * 50rem/390);
  line-height: 1;
  letter-spacing: 0;
}
.lp-page .cpArea .accordionBox__head .accordion-ui {
  position: relative;
  background-color: var(--color-text);
  border-radius: 50%;
  width: calc(14 * 50rem/390);
  height: calc(14 * 50rem/390);
  z-index: 0;
}
.lp-page .cpArea .accordionBox__head .accordion-ui::before, .lp-page .cpArea .accordionBox__head .accordion-ui::after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: calc(8 * 50rem/390);
  height: 0;
  border-bottom: 1px solid #fff;
  z-index: 0;
}
.lp-page .cpArea .accordionBox__head .accordion-ui::after {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg);
}
.lp-page .cpArea .accordionBox.open .accordion-ui::before, .lp-page .cpArea .accordionBox.open .accordion-ui::after {
  transform: rotate(0deg);
}
.lp-page .cpArea .accordionBox__text {
  margin-top: calc(4 * 50rem/390);
  font-size: calc(12 * 50rem/390);
  font-weight: 500;
  letter-spacing: 0;
}
.lp-page .cpArea .accordionBox__text .strong {
  font-size: calc(13 * 50rem/390);
}
.lp-page .cpArea .accordionBox__text small {
  font-size: calc(10 * 50rem/390);
}
.lp-page .accordionBox {
  position: relative;
  z-index: 0;
}
.lp-page .accordionBox.open .accordionBox__inner {
  max-height: calc(860 * 50rem/390);
}
.lp-page .accordionBox.open .accordionBox__button {
  position: static;
  transform: translateX(0);
}
.lp-page .accordionBox.open .accordionBox__button .ui-border::before {
  transform: rotate(90deg);
}
.lp-page .accordionBox__head {
  cursor: pointer;
}
.lp-page .accordionBox__inner {
  position: relative;
  transition: all 0.6s ease;
  overflow: hidden;
  max-height: 0;
  z-index: 0;
}
.lp-page .worriesArea {
  padding-bottom: calc(58 * 50rem/390);
  padding-inline: calc(30 * 50rem/390);
}
.lp-page .worriesArea__title {
  position: relative;
  -webkit-animation: FloatVertical 6s ease-in-out infinite alternate;
          animation: FloatVertical 6s ease-in-out infinite alternate;
  margin: 0 auto;
  width: calc(253 * 50rem/390);
  z-index: 1;
}
.lp-page .worriesArea__list {
  margin-top: calc(-6 * 50rem/390);
  padding: calc(27 * 50rem/390) calc(16 * 50rem/390) calc(27 * 50rem/390) calc(22 * 50rem/390);
  background-color: #fff;
  border-radius: calc(10 * 50rem/390);
  border: 1px solid #9B9B9B;
}
.lp-page .worriesArea__item {
  position: relative;
  padding-left: calc(25 * 50rem/390);
  z-index: 0;
}
.lp-page .worriesArea__item::before {
  content: "";
  position: absolute;
  top: calc(-2 * 50rem/390);
  left: 0;
  width: calc(22 * 50rem/390);
  height: calc(22 * 50rem/390);
  background-image: url(../img_260115/check.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.lp-page .worriesArea__item:nth-child(n+2) {
  margin-top: calc(19 * 50rem/390);
}
.lp-page .worriesArea__item p {
  font-size: calc(14 * 50rem/390);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.025em;
  text-align: left;
}
.lp-page .worriesArea__item p .strong {
  padding: calc(2 * 50rem/390) calc(1 * 50rem/390);
  font-weight: bold;
}
.lp-page .worriesArea__item:nth-child(1) .strong {
  background: linear-gradient(transparent 50%, rgba(104, 157, 183, 0.3) 50%);
}
.lp-page .worriesArea__item:nth-child(2) .strong {
  background: linear-gradient(transparent 50%, rgba(195, 161, 84, 0.3) 50%);
}
.lp-page .worriesArea__item:nth-child(3) .strong {
  background: linear-gradient(transparent 50%, rgba(151, 170, 111, 0.3) 50%);
}
.lp-page .menuArea {
  padding: calc(33 * 50rem/390) calc(30 * 50rem/390) calc(40 * 50rem/390);
  background-color: #fff;
}
.lp-page .menuArea__title {
  margin-bottom: calc(16 * 50rem/390);
  font-size: calc(25 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 600;
  letter-spacing: 0.025em;
}
.lp-page .menuArea__list li {
  border-radius: calc(4 * 50rem/390);
}
.lp-page .menuArea__list li:nth-child(n+2) {
  margin-top: calc(10 * 50rem/390);
}
.lp-page .menuArea__list li:nth-child(1) {
  background-color: var(--color-secondary-dreamyChamomile);
}
.lp-page .menuArea__list li:nth-child(1) .strong {
  background: linear-gradient(transparent 50%, rgba(104, 157, 183, 0.3) 50%);
}
.lp-page .menuArea__list li:nth-child(1) .menuArea__item__title {
  color: var(--color-primary-dreamyChamomile);
}
.lp-page .menuArea__list li:nth-child(2) {
  background-color: var(--color-secondary-zestyLemon);
}
.lp-page .menuArea__list li:nth-child(2) .strong {
  background: linear-gradient(transparent 50%, rgba(195, 161, 84, 0.3) 50%);
}
.lp-page .menuArea__list li:nth-child(2) .menuArea__item__title {
  color: var(--color-primary-zestyLemon);
}
.lp-page .menuArea__list li:nth-child(3) {
  background-color: var(--color-secondary-gentleGinger);
}
.lp-page .menuArea__list li:nth-child(3) .strong {
  background: linear-gradient(transparent 50%, rgba(151, 170, 111, 0.3) 50%);
}
.lp-page .menuArea__list li:nth-child(3) .menuArea__item__title {
  color: var(--color-primary-gentleGinger);
}
.lp-page .menuArea__item {
  display: flex;
  position: relative;
  align-items: center;
  -moz-column-gap: calc(2 * 50rem/390);
       column-gap: calc(2 * 50rem/390);
  padding: calc(16 * 50rem/390) calc(10 * 50rem/390) calc(11 * 50rem/390);
  z-index: 0;
}
.lp-page .menuArea__item::after {
  content: "";
  position: absolute;
  margin: auto;
  top: calc(5 * 50rem/390);
  right: calc(18 * 50rem/390);
  bottom: 0;
  width: calc(8 * 50rem/390);
  height: calc(6 * 50rem/390);
  background-image: url(../img_260115/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
.lp-page .menuArea__img {
  margin-top: calc(2 * 50rem/390);
  width: calc(76 * 50rem/390);
}
.lp-page .menuArea__textBox {
  text-align: left;
  width: calc(204 * 50rem/390);
}
.lp-page .menuArea__head {
  margin-bottom: calc(4 * 50rem/390);
  font-size: calc(12 * 50rem/390);
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: 0.025em;
  text-align: left;
}
.lp-page .menuArea__head .strong {
  padding: calc(1 * 50rem/390);
  font-weight: bold;
}
.lp-page .menuArea__item__title {
  font-size: calc(15 * 50rem/390);
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.025em;
}
.lp-page .section__hero {
  padding: calc(43 * 50rem/390) 0 calc(52 * 50rem/390);
}
.lp-page .section__hero__subTitle {
  display: inline-block;
  position: relative;
  margin-bottom: calc(13 * 50rem/390);
  padding: calc(6 * 50rem/390) calc(26 * 50rem/390);
  background-color: #fff;
  font-size: calc(16 * 50rem/390);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.075em;
  z-index: 0;
}
.lp-page .section__hero__subTitle::before, .lp-page .section__hero__subTitle::after {
  content: "";
  position: absolute;
  top: calc(5 * 50rem/390);
  width: 1px;
  height: calc(18 * 50rem/390);
  border-left: 1px solid;
  z-index: 0;
}
.lp-page .section__hero__subTitle::before {
  transform: rotate(-42deg);
  left: calc(15 * 50rem/390);
}
.lp-page .section__hero__subTitle::after {
  transform: rotate(42deg);
  right: calc(15 * 50rem/390);
}
.lp-page .section__hero__title {
  margin-bottom: calc(13 * 50rem/390);
  font-size: calc(26 * 50rem/390);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.075em;
}
.lp-page .section__hero__price {
  margin-bottom: calc(3 * 50rem/390);
  font-size: calc(25 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 600;
  line-height: 1;
  letter-spacing: 0.025em;
}
.lp-page .section__hero__price .yen {
  font-size: calc(23 * 50rem/390);
}
.lp-page .section__hero__price small {
  font-size: calc(13 * 50rem/390);
}
.lp-page .section__hero__img {
  position: relative;
  margin: 0 auto calc(2 * 50rem/390);
  padding-right: calc(10 * 50rem/390);
  width: calc(266 * 50rem/390);
  z-index: 0;
}
.lp-page .section__hero__img::after {
  content: "";
  -webkit-animation: FloatVertical 6s ease-in-out infinite alternate;
          animation: FloatVertical 6s ease-in-out infinite alternate;
  position: absolute;
  bottom: calc(2 * 50rem/390);
  right: calc(-36 * 50rem/390);
  width: calc(150 * 50rem/390);
  height: calc(150 * 50rem/390);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.lp-page .section__hero__text {
  margin-bottom: calc(24 * 50rem/390);
  font-size: calc(16 * 50rem/390);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.075em;
}
.lp-page .section__keyIngredient {
  padding: calc(37 * 50rem/390) 0 calc(86 * 50rem/390);
  background-color: #FDFDF8;
}
.lp-page .section__keyIngredient__title {
  margin-bottom: calc(17 * 50rem/390);
  font-size: calc(21 * 50rem/390);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.075em;
}
.lp-page .section__keyIngredient__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, calc(156 * 50rem/390)));
  justify-content: center;
  gap: calc(11 * 50rem/390);
}
.lp-page .section__keyIngredient__item {
  padding: calc(18 * 50rem/390) 0 calc(16 * 50rem/390);
  background-color: #F6F2EC;
  border-radius: calc(10 * 50rem/390);
}
.lp-page .section__keyIngredient__img {
  display: inline-block;
  margin-bottom: calc(10 * 50rem/390);
  width: calc(82 * 50rem/390);
}
.lp-page .section__keyIngredient__text {
  font-size: calc(13 * 50rem/390);
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
}
.lp-page .section__keyIngredient__text .headding {
  display: inline-block;
  margin-bottom: calc(5 * 50rem/390);
  font-size: calc(11 * 50rem/390);
  font-weight: 500;
  line-height: 1.25;
}
.lp-page .section__keyIngredient__note {
  margin-top: calc(14 * 50rem/390);
  padding-inline: calc(36 * 50rem/390);
  text-align: left;
}
.lp-page .section__recipe {
  padding-bottom: calc(43 * 50rem/390);
  background-color: var(--color-primary);
}
.lp-page .section__recipe__title {
  display: inline-block;
  margin-top: calc(-53 * 50rem/390);
  margin-bottom: calc(14 * 50rem/390);
  width: calc(333 * 50rem/390);
}
.lp-page .section__recipe__headding {
  margin-bottom: calc(14 * 50rem/390);
  color: var(--color-secondary);
  font-size: calc(19 * 50rem/390);
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.075em;
}
.lp-page .section__recipe__text {
  margin-bottom: calc(30 * 50rem/390);
  font-size: calc(14 * 50rem/390);
  line-height: 1.75;
  letter-spacing: 0.075em;
}
.lp-page .section__recipe__mv {
  display: inline-block;
  margin-bottom: calc(10 * 50rem/390);
  width: calc(330 * 50rem/390);
}
.lp-page .section__recipe__accordion {
  padding-inline: calc(30 * 50rem/390);
}
.lp-page .section__recipe__accordion.open .accordionBox__head .accordion-ui::before, .lp-page .section__recipe__accordion.open .accordionBox__head .accordion-ui::after {
  transform: rotate(0deg);
}
.lp-page .section__recipe .accordionBox__head {
  display: flex;
  justify-content: space-between;
  padding: calc(16 * 50rem/390) calc(2 * 50rem/390) calc(20 * 50rem/390);
  background-image: linear-gradient(to right, var(--color-subtext), var(--color-subtext) 1px, transparent 1px, transparent 3px);
  background-size: 3px 1px;
  background-position: left bottom;
  background-repeat: repeat-x;
}
.lp-page .section__recipe .accordionBox__head p {
  position: relative;
  padding-left: calc(17 * 50rem/390);
  color: var(--color-secondary);
  font-size: calc(16 * 50rem/390);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.075em;
  text-align: left;
  z-index: 0;
}
.lp-page .section__recipe .accordionBox__head p::before {
  content: "";
  position: absolute;
  top: calc(2 * 50rem/390);
  left: 0;
  width: calc(10 * 50rem/390);
  height: calc(10 * 50rem/390);
  background-color: var(--color-secondary);
  z-index: 0;
}
.lp-page .section__recipe .accordionBox__head .accordion-ui {
  position: relative;
  margin-top: calc(-3 * 50rem/390);
  background-color: var(--color-secondary);
  border-radius: 50%;
  width: calc(20 * 50rem/390);
  height: calc(20 * 50rem/390);
  z-index: 0;
}
.lp-page .section__recipe .accordionBox__head .accordion-ui::before, .lp-page .section__recipe .accordionBox__head .accordion-ui::after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: calc(8 * 50rem/390);
  height: 0;
  border-bottom: 1px solid #fff;
  z-index: 0;
}
.lp-page .section__recipe .accordionBox__head .accordion-ui::after {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg);
}
.lp-page .section__recipe .recipe__ingredients__list {
  margin-top: calc(16 * 50rem/390);
  padding-left: calc(16 * 50rem/390);
  text-align: left;
}
.lp-page .section__recipe .recipe__HowToMake__list {
  margin-top: calc(16 * 50rem/390);
  padding-left: calc(22 * 50rem/390);
  text-align: left;
}
.lp-page .section__recipe .recipe__ingredients__title {
  display: inline-block;
  margin-left: calc(-13 * 50rem/390);
  margin-bottom: calc(3 * 50rem/390);
  padding: calc(3 * 50rem/390) calc(12 * 50rem/390) 0;
  list-style: none;
  background-color: rgba(250, 247, 242, 0.8);
  border: 1px solid;
  border-radius: 40px;
  color: var(--color-secondary);
  font-size: calc(12 * 50rem/390);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.055em;
}
.lp-page .section__recipe .recipe__ingredients__item {
  position: relative;
  z-index: 0;
}
.lp-page .section__recipe .recipe__ingredients__item::before {
  content: "・";
  position: absolute;
  top: calc(2 * 50rem/390);
  left: calc(-15 * 50rem/390);
  width: calc(13 * 50rem/390);
  height: calc(13 * 50rem/390);
  font-size: calc(13 * 50rem/390);
  font-weight: 600;
  line-height: 1;
  z-index: 0;
}
.lp-page .section__recipe .recipe__ingredients__item span {
  padding-left: calc(3 * 50rem/390);
}
.lp-page .section__recipe .recipe__ingredients__item:nth-child(n+2) {
  margin-top: calc(7 * 50rem/390);
}
.lp-page .section__recipe .recipe__HowToMake__item {
  list-style-type: decimal;
}
.lp-page .section__recipe .recipe__HowToMake__item::marker {
  font-family: var(--font-en), sans-serif;
  font-size: calc(14 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 600;
}
.lp-page .section__recipe .recipe__HowToMake__item span {
  display: block;
}
.lp-page .section__recipe .recipe__HowToMake__item:nth-child(n+2) {
  margin-top: calc(10 * 50rem/390);
}
.lp-page .section__recipe .recipe__ingredients__item,
.lp-page .section__recipe .recipe__HowToMake__item {
  color: var(--color-subtext);
  font-size: calc(13 * 50rem/390);
  line-height: 1.4;
  letter-spacing: 0.025em;
}
.lp-page .section__recipe .recipe__ingredients__item a,
.lp-page .section__recipe .recipe__HowToMake__item a {
  display: inline;
  text-decoration: underline;
}
.lp-page .section__recipe__images {
  margin-top: calc(47 * 50rem/390);
  margin-inline: auto;
  margin-bottom: calc(30 * 50rem/390);
  width: calc(220 * 50rem/390);
}
.lp-page .section__recipe__images .slick-list {
  overflow: visible;
}
.lp-page .section__recipe__images .img {
  margin: 0 calc(7.5 * 50rem/390);
}
.lp-page .section__recipe__ingredients .recipe__ingredients {
  position: relative;
  margin-bottom: calc(8 * 50rem/390);
  z-index: 0;
}
.lp-page .section__recipe__ingredients .recipe__ingredients .recipe__ingredients__img {
  position: absolute;
  right: 0;
  bottom: calc(-2 * 50rem/390);
  z-index: 0;
}
.lp-page .section__recipe__HowToMake {
  margin-top: calc(12 * 50rem/390);
}
.lp-page .section__recipe__person {
  padding-inline: calc(30 * 50rem/390);
}
.lp-page .section__recipe__person__title {
  position: relative;
  color: var(--color-secondary);
  font-size: calc(16 * 50rem/390);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.075em;
  z-index: 1;
}
.lp-page .section__recipe__person-box {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: calc(13 * 50rem/390);
       column-gap: calc(13 * 50rem/390);
  margin-top: calc(-10 * 50rem/390);
  padding: calc(20 * 50rem/390) calc(12 * 50rem/390) calc(14 * 50rem/390) calc(33 * 50rem/390);
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: calc(8 * 50rem/390);
  text-align: left;
}
.lp-page .section__recipe__person__textBox {
  width: calc(160 * 50rem/390);
}
.lp-page .section__recipe__person__img {
  width: calc(52 * 50rem/390);
}
.lp-page .section__recipe__person__role {
  margin-bottom: calc(3 * 50rem/390);
  font-size: calc(12 * 50rem/390);
  line-height: 1.3;
  letter-spacing: 0.075em;
}
.lp-page .section__recipe__person__name {
  font-size: calc(13 * 50rem/390);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.075em;
}
.lp-page .section__extra {
  padding: calc(32 * 50rem/390) calc(30 * 50rem/390) calc(34 * 50rem/390);
  background-color: #fff;
}
.lp-page .section__extra__title {
  margin-bottom: calc(8 * 50rem/390);
}
.lp-page .section__extra__box {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: calc(12 * 50rem/390);
       column-gap: calc(12 * 50rem/390);
}
.lp-page .section__extra__credit {
  text-align: left;
}
.lp-page .section__extra .name {
  margin-bottom: calc(10 * 50rem/390);
  font-size: calc(14 * 50rem/390);
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.075em;
}
.lp-page .section__extra .name .small {
  font-size: calc(12 * 50rem/390);
  font-weight: normal;
}
.lp-page .section__extra .price {
  margin-bottom: calc(12 * 50rem/390);
  font-size: calc(17 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 600;
  line-height: 1;
  letter-spacing: 0.025em;
}
.lp-page .section__extra .price .yen {
  font-size: calc(15 * 50rem/390);
}
.lp-page .section__extra .price small {
  font-size: calc(10 * 50rem/390);
}
.lp-page .section__extra__img {
  width: calc(112 * 50rem/390);
}
@-webkit-keyframes FloatVertical {
  0% {
    transform: translate3d(0, 0.5vw, 0);
  }
  50% {
    transform: translate3d(0, -0.5vw, 0);
  }
  100% {
    transform: translate3d(0, 0.5vw, 0);
  }
}
@keyframes FloatVertical {
  0% {
    transform: translate3d(0, 0.5vw, 0);
  }
  50% {
    transform: translate3d(0, -0.5vw, 0);
  }
  100% {
    transform: translate3d(0, 0.5vw, 0);
  }
}
.lp-page .dreamyChamomile .section__hero {
  background-color: var(--color-secondary-dreamyChamomile);
}
.lp-page .dreamyChamomile .section__hero__subTitle,
.lp-page .dreamyChamomile .section__hero__title,
.lp-page .dreamyChamomile .section__hero__price {
  color: var(--color-primary-dreamyChamomile);
}
.lp-page .dreamyChamomile .section__hero__img::after {
  background-image: url(../img_260115/nemunemu.png);
}
.lp-page .dreamyChamomile .button-buy,
.lp-page .dreamyChamomile .button-extra-buy {
  background-color: #689DB7;
}
.lp-page .dreamyChamomile .narrowWidth {
  width: calc(140 * 50rem/390);
}
.lp-page .dreamyChamomile .recipe__ingredients__img {
  width: calc(165 * 50rem/390);
}
.lp-page .zestyLemon .section__hero {
  background-color: var(--color-secondary-zestyLemon);
}
.lp-page .zestyLemon .section__hero__subTitle,
.lp-page .zestyLemon .section__hero__title,
.lp-page .zestyLemon .section__hero__price {
  color: var(--color-primary-zestyLemon);
}
.lp-page .zestyLemon .section__hero__img::after {
  background-image: url(../img_260115/guzuguzu.png);
}
.lp-page .zestyLemon .button-buy,
.lp-page .zestyLemon .button-extra-buy {
  background-color: #DBB45D;
}
.lp-page .zestyLemon .narrowWidth {
  width: calc(146 * 50rem/390);
}
.lp-page .zestyLemon .recipe__ingredients__img {
  width: calc(151 * 50rem/390);
}
.lp-page .gentleGinger .section__hero {
  background-color: var(--color-secondary-gentleGinger);
}
.lp-page .gentleGinger .section__hero__subTitle,
.lp-page .gentleGinger .section__hero__title,
.lp-page .gentleGinger .section__hero__price {
  color: var(--color-primary-gentleGinger);
}
.lp-page .gentleGinger .section__hero__img::after {
  background-image: url(../img_260115/shoga.png);
}
.lp-page .gentleGinger .button-buy,
.lp-page .gentleGinger .button-extra-buy {
  background-color: #97AA6F;
}
.lp-page .gentleGinger .narrowWidth {
  width: calc(140 * 50rem/390);
}
.lp-page .gentleGinger .recipe__ingredients__img {
  width: calc(165 * 50rem/390);
}
.lp-page .valueKit {
  position: relative;
  padding: calc(48 * 50rem/390) calc(30 * 50rem/390) calc(60 * 50rem/390);
  background-color: #fff;
  -webkit-clip-path: border-box;
          clip-path: border-box;
  z-index: 0;
}
.lp-page .valueKit__title {
  margin-bottom: calc(18 * 50rem/390);
  color: var(--color-red);
  font-size: calc(50 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 900;
  line-height: 1;
  letter-spacing: 0.025em;
}
.lp-page .valueKit__subTitle {
  font-size: calc(15 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 600;
  letter-spacing: 0.075em;
}
.lp-page .valueKit__item.--1, .lp-page .valueKit__item.--2 {
  padding-bottom: calc(50 * 50rem/390);
  background-image: linear-gradient(to right, var(--color-subtext), var(--color-subtext) 1px, transparent 1px, transparent 3px);
  background-size: 3px 1px;
  background-position: left bottom;
  background-repeat: repeat-x;
}
.lp-page .valueKit__item.--1 .valueKit__img, .lp-page .valueKit__item.--2 .valueKit__img {
  display: inline-block;
  width: calc(254 * 50rem/390);
}
.lp-page .valueKit__item.--2 {
  padding-top: calc(18 * 50rem/390);
}
.lp-page .valueKit__item.--3 {
  padding-top: calc(33 * 50rem/390);
}
.lp-page .valueKit__item.--3 .valueKit__img {
  display: inline-block;
  margin-bottom: calc(8 * 50rem/390);
  width: calc(274 * 50rem/390);
}
.lp-page .valueKit__name {
  margin-bottom: calc(11 * 50rem/390);
  font-size: calc(19 * 50rem/390);
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.055em;
}
.lp-page .valueKit__price {
  position: relative;
  margin-bottom: calc(22 * 50rem/390);
  font-size: calc(17 * 50rem/390);
  line-height: 1;
  letter-spacing: 0.025em;
  z-index: 0;
}
.lp-page .valueKit__price::after {
  content: "";
  position: absolute;
  margin: auto;
  bottom: calc(-14 * 50rem/390);
  left: 0;
  right: 0;
  width: calc(11 * 50rem/390);
  height: calc(6 * 50rem/390);
  background-color: var(--color-red);
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
          clip-path: polygon(100% 0, 0 0, 50% 100%);
  z-index: 0;
}
.lp-page .valueKit__price__text {
  font-size: calc(12 * 50rem/390);
  letter-spacing: 0;
}
.lp-page .valueKit__price .yen {
  font-size: calc(15 * 50rem/390);
}
.lp-page .valueKit__price small {
  font-size: calc(11 * 50rem/390);
}
.lp-page .valueKit__price__copy {
  display: inline-block;
  margin-bottom: calc(11 * 50rem/390);
  padding: calc(6 * 50rem/390) calc(5 * 50rem/390) calc(8 * 50rem/390) calc(9 * 50rem/390);
  border: 1px solid;
  border-radius: calc(7 * 50rem/390);
  color: var(--color-red);
  font-size: calc(13 * 50rem/390);
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.025em;
}
.lp-page .valueKit__price__copy .en {
  font-size: calc(15 * 50rem/390);
}
.lp-page .valueKit__price--discount {
  margin-bottom: calc(18 * 50rem/390);
  color: var(--color-red);
  font-size: calc(25 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 600;
  line-height: 1;
  letter-spacing: 0.025em;
}
.lp-page .valueKit__price--discount__text {
  display: inline-block;
  transform: translateY(calc(-2 * 50rem/390));
  margin-right: calc(5 * 50rem/390);
  padding: calc(2 * 50rem/390) calc(4 * 50rem/390) calc(3 * 50rem/390) calc(5 * 50rem/390);
  color: #fff;
  background-color: var(--color-red);
  font-size: calc(12 * 50rem/390);
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.025em;
}
.lp-page .valueKit__price--discount__text .strong {
  font-size: calc(15 * 50rem/390);
}
.lp-page .valueKit__price--discount__text .yen {
  font-size: calc(10 * 50rem/390);
}
.lp-page .valueKit__price--discount__text + .yen {
  font-size: calc(21 * 50rem/390);
}
.lp-page .valueKit__price--discount small {
  font-size: calc(12 * 50rem/390);
}
.lp-page .valueKit__content {
  margin: 0 auto calc(21 * 50rem/390);
  padding: calc(13 * 50rem/390) calc(15 * 50rem/390) calc(12 * 50rem/390);
  background-color: var(--color-tertiary);
  border-radius: calc(10 * 50rem/390);
  width: calc(280 * 50rem/390);
}
.lp-page .valueKit__content__title {
  margin-bottom: calc(4 * 50rem/390);
  color: var(--color-subtext);
  font-size: calc(12 * 50rem/390);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.075em;
}
.lp-page .valueKit__content__text {
  color: var(--color-subtext);
  font-size: calc(11 * 50rem/390);
  line-height: 1.53;
  letter-spacing: 0.025em;
  text-align: left;
}
.lp-page .valueKit .button-buy {
  background-color: var(--color-red);
}
.lp-page .valueKit::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: url(../img_260115/kt_bg.png);
  background-size: contain;
  background-repeat: repeat-y;
  pointer-events: none;
  z-index: -1;
}
.lp-page .staffReview {
  padding: calc(46 * 50rem/390) 0;
  background-color: #F6F2EC;
}
.lp-page .staffReview__title {
  margin-bottom: calc(20 * 50rem/390);
  font-size: calc(25 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 600;
  line-height: 1;
  letter-spacing: 0.025em;
}
.lp-page .staffReview__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(9 * 50rem/390);
}
.lp-page .staffReview__head--icon {
  width: calc(42 * 50rem/390);
}
.lp-page .staffReview__head__textBox {
  text-align: left;
  width: calc(120 * 50rem/390);
}
.lp-page .staffReview__head__textBox .brand {
  margin-bottom: calc(2 * 50rem/390);
  font-size: calc(11 * 50rem/390);
  line-height: 1;
  letter-spacing: 0;
}
.lp-page .staffReview__head__textBox .store {
  margin-bottom: calc(3 * 50rem/390);
  font-size: calc(10 * 50rem/390);
  line-height: 1;
  letter-spacing: 0;
}
.lp-page .staffReview__head__textBox .name {
  font-size: calc(12 * 50rem/390);
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
}
.lp-page .staffReview .swiper-container {
  padding-inline: calc(30 * 50rem/390);
}
.lp-page .staffReview .swiper-slide {
  padding: calc(16 * 50rem/390) calc(15 * 50rem/390) calc(17 * 50rem/390);
  background-color: #fff;
  border-radius: calc(8 * 50rem/390);
  box-sizing: border-box;
  width: calc(200 * 50rem/390);
}
.lp-page .swiper-container-horizontal > .swiper-scrollbar {
  position: static;
  margin-top: calc(24 * 50rem/390);
  margin-inline: auto;
  background: #fff;
  border-radius: 5px;
  opacity: 1;
  width: calc(266 * 50rem/390);
  height: 3px;
}
.lp-page .swiper-scrollbar .swiper-scrollbar-drag {
  background: #C4B6A1;
}
.lp-page .buttonArea {
  position: relative;
  padding: calc(54 * 50rem/390) calc(30 * 50rem/390) calc(84 * 50rem/390);
  background-color: #fff;
  -webkit-clip-path: border-box;
          clip-path: border-box;
  z-index: 0;
}
.lp-page .buttonArea::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img_260115/kt_bg.png);
  background-size: contain;
  background-repeat: repeat-y;
  pointer-events: none;
  z-index: -1;
}
.lp-page .follow-menu {
  display: flex;
  transition: all 0.4s ease;
  transform: translateX(calc(305 * 50rem/390));
  position: fixed;
  top: 48dvh;
  right: 0;
  pointer-events: none;
  z-index: 5;
}
.lp-page .follow-menu.up-move {
  transform: translateX(calc(270 * 50rem/390));
}
.lp-page .follow-menu.open {
  transform: translateX(0);
}
.lp-page .follow-menu.open .follow-menu__button .follow-ui {
  background-image: url(../img_260115/close.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  width: calc(8 * 50rem/390);
  height: calc(8 * 50rem/390);
}
.lp-page .follow-menu__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(9 * 50rem/390);
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  background-color: #DD6B60;
  border-radius: 0 calc(10 * 50rem/390) calc(10 * 50rem/390) 0;
  color: #fff;
  font-size: calc(16 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 600;
  line-height: 1;
  letter-spacing: 0.025em;
  pointer-events: all;
  width: calc(35 * 50rem/390);
  height: calc(113 * 50rem/390);
}
.lp-page .follow-menu__button .follow-ui {
  background-color: #fff;
  border-radius: 50%;
  width: calc(5 * 50rem/390);
  height: calc(5 * 50rem/390);
}
.lp-page .follow-menu__list {
  padding: calc(23 * 50rem/390) calc(26 * 50rem/390) calc(19 * 50rem/390);
  background-color: #fff;
  border-radius: 0 0 0 calc(10 * 50rem/390);
  box-sizing: border-box;
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.16);
  letter-spacing: 0.025em;
  pointer-events: all;
  text-align: left;
  width: calc(270 * 50rem/390);
}
.lp-page .follow-menu__list > :nth-child(n+2) {
  padding-top: calc(7 * 50rem/390);
}
.lp-page .follow-menu__itemTitle {
  font-size: calc(18 * 50rem/390);
  font-variation-settings: "slnt" 0, "wght" 600;
  line-height: 1;
  letter-spacing: 0.025em;
  text-align: left;
}
.lp-page .follow-menu__item__list {
  margin-top: calc(8 * 50rem/390);
  margin-bottom: calc(8 * 50rem/390);
}
.lp-page .follow-menu__item__list li:nth-child(n+2) {
  margin-top: calc(6 * 50rem/390);
}
.lp-page .follow-menu__item__list li:nth-child(1) a {
  background-color: var(--color-secondary-dreamyChamomile);
  color: var(--color-primary-dreamyChamomile);
}
.lp-page .follow-menu__item__list li:nth-child(2) a {
  background-color: var(--color-secondary-zestyLemon);
  color: var(--color-primary-zestyLemon);
}
.lp-page .follow-menu__item__list li:nth-child(3) a {
  background-color: var(--color-secondary-gentleGinger);
  color: var(--color-primary-gentleGinger);
}
.lp-page .follow-menu__item__item {
  display: flex;
  position: relative;
  align-items: center;
  -moz-column-gap: calc(6 * 50rem/390);
       column-gap: calc(6 * 50rem/390);
  padding: calc(8 * 50rem/390) calc(9 * 50rem/390) calc(5 * 50rem/390);
  border-radius: calc(4 * 50rem/390);
  z-index: 0;
}
.lp-page .follow-menu__item__item::after {
  content: "";
  position: absolute;
  transform: rotate(-90deg);
  margin: auto;
  top: 0;
  right: calc(10 * 50rem/390);
  bottom: 0;
  width: calc(8 * 50rem/390);
  height: calc(5 * 50rem/390);
  background-image: url(../img_260115/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.lp-page .follow-menu__item__img {
  width: calc(42 * 50rem/390);
}
.lp-page .follow-menu__item__item__title {
  font-size: calc(12 * 50rem/390);
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.025em;
  text-align: left;
}

.page-share-btn #share {
  transition: all 0.6s 0.1s ease;
  bottom: 5%;
}

#share.up-move {
  transform: translateY(-70%);
}

.page-share-btn .share-txt {
  margin: 0;
}
.page-share-btn .share-txt .Android_only {
  padding-top: calc(30 * 50rem/390);
  padding-bottom: calc(20 * 50rem/390);
  background: #f7f2ec;
}

/* .lp-page SP*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ PC ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
 ------------------------------------*/
@media (min-width: 769px) {
  /*------------------------------------
  ≡≡≡≡≡≡≡≡≡ ▼ S e t U p  PC ▼ ≡≡≡≡≡≡≡≡≡
  ------------------------------------*/
  main {
    max-width: 100vw;
  }
  #FooterWrap {
    position: relative;
    z-index: 1;
  }
  #Wrap {
    width: auto;
  }
  .wrapTop,
.wrapBottom {
    width: 100%;
  }
  /* .lp-page : set up PC*/
  /*------------------------------------
  ≡≡≡≡≡≡≡≡≡≡ ▼ layout  PC ▼ ≡≡≡≡≡≡≡≡≡≡
  ------------------------------------*/
  .lp-page {
    max-width: unset;
  }
  .lp-page::after {
    background-size: 24rem 24rem;
    background-position: center;
  }
  .lp-page__inner {
    grid-column: 2;
    margin-inline: auto;
    width: 50rem;
    z-index: 1;
  }
  .lp-page .fixed_area {
    display: grid;
    grid-template-columns: 1fr 50rem 1fr;
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  .lp-page .fixed_area .fixed_nav {
    position: -webkit-sticky;
    position: sticky;
    display: grid;
    place-items: center;
    overflow: hidden;
    height: 100vh;
    pointer-events: all;
  }
  .lp-page .fixed_area .fixed_left {
    top: 0;
    grid-column: 1;
  }
  .lp-page .fixed_area .fixed_left__inner {
    display: grid;
    place-content: center;
    position: relative;
    padding-top: 2rem;
    z-index: 0;
  }
  .lp-page .fixed_area .fixed_left__inner .logo {
    margin: auto;
    max-width: calc(280 * 50rem/390);
  }
  .lp-page .fixed_area .fixed_right {
    top: 0;
    text-align: center;
  }
  .lp-page .fixed_area .fixed_right__inner {
    display: grid;
    position: relative;
    place-content: center;
    padding-inline: 5rem;
    z-index: 0;
  }
  .lp-page .valueKit::after,
.lp-page .buttonArea::after {
    margin: auto;
    right: 0;
    width: 50rem;
  }
  .lp-page .follow-menu__list {
    border-radius: calc(10 * 50rem/390);
  }
  /* .lp-page PC*/
}
/*# sourceMappingURL=style_260115.css.map */