html {
  font-size: 62.5%;
}

body {
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 500;
  color: #251e1c;
}

*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

img { width: auto; height: auto; max-width: 100%; border: none; vertical-align: top; }
picture { display: block; position: relative; width: 100%; }
.object-fit-img { width: 100%; height: 100%; max-width: inherit; object-fit: cover; font-family: 'object-fit: cover;'; }

/* utility
------------------------------------------------ */
.u-reset-btn { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; position: relative; padding: 0; background: none; border: none; border-radius: 0; box-shadow: none; font-family: inherit; cursor: pointer; }
.u-reset-lists { margin: 0; padding: 0; list-style: none; }

@media screen and (max-width: 768px) {
  .u-show-mobile { display: inherit !important; }
  .u-show-desktop { display: none !important; }
}

@media screen and (min-width: 769px) {
  .u-show-mobile { display: none !important; }
  .u-show-desktop { display: inherit !important; }
}

/* component
------------------------------------------------ */
/* lazy */
.lazy-scroll { opacity: 0; }
.lazy-scroll-done { opacity: 1; }

/* link */
.link-skipcontent { position: absolute; margin: -1px; width: 1px; height: 1px; overflow: hidden; }

/* btn */
.btn-1 { display: block; margin: 0 auto; width: 51.1803%; height: 8.546875vw; background-color: #196FA3; text-align: center; border-radius: 4.2735vw; font-size: 3.25vw; font-weight: 600; letter-spacing: 0.05em; line-height: 1.2; color: #fff; }

@media screen and (min-width: 769px) {
  .btn-1 { height: 34px; border-radius: 16px; font-size: 1.3rem; }
}

/* lists */
.lists-product { display: flex; flex-wrap: wrap; margin: 0 35px; }
.lists-product-item { position: relative; margin: 25px 35px 0 0; width: calc(50% - (35px / 2)); }
.lists-product-item:nth-of-type(-n+2) { margin-top: 0; }
.lists-product-item:nth-of-type(2n) { margin-right: 0; }
.lists-product-item > a { display: block; text-decoration: none; color: #251e1c; }
.lists-product-photo { margin-bottom: 5px; }
.lists-product-title { margin: 0; text-align: center; font-size: 2.5vw; font-weight: 500; line-height: 2.3; }
.lists-product-price { display: flex; justify-content: center; align-items: baseline; margin: 0; }
.lists-product-price--num { font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 3.5vw; letter-spacing: 0.06em; line-height: 1.2; }
.lists-product-price--tax { font-size: 2vw; letter-spacing: 0.06em; line-height: 1.2; }

@media screen and (min-width: 769px) {
  .lists-product-title { font-size: 1rem; }
  .lists-product-price--num { font-size: 1.4rem; }
  .lists-product-price--tax { font-size: 0.8rem; }
}

/* illustrator */
.section-illustrator { margin-top: 168px; }
.section-illustrator-title { margin: 0 auto 92px; width: 43.6555%; }
.section-illustrator-detail { display: flex; margin: 0 10px; padding: 18px 20px; background-color: #fff; border-radius: 16px; }
.section-illustrator-pic { width: 38.2352941176%; }
.section-illustrator-info { margin-left: 14px; width: calc(100% - (38.2352941176% + 14px)); }
.section-illustrator-name { display: flex; align-items: center; margin: 0 0 6px; padding-bottom: 10px; border-bottom: 1px solid #3e6940; }
.section-illustrator-name img { width: 24.8024479167%; }
.section-illustrator-text { margin: 0; font-size: 2.75vw; font-weight: 600; letter-spacing: -0.02em; line-height: 1.7; }
.section-illustrator-instagram { display: flex; align-items: baseline; margin: 20px 0 0; }
.section-illustrator-instagram__title,
.section-illustrator-instagram__text { font-family: Avenir, sans-serif; font-size: 3.5vw; letter-spacing: -0.02em; line-height: 1.2; }
.section-illustrator-instagram__title { position: relative; padding-left: 25px; }
.section-illustrator-instagram__title::before { content: ''; position: absolute; bottom: 0; left: 0; width: 20px; height: 20px; background: url(../img/icon/sns_instagram2.svg) no-repeat center center; background-size: 100% 100%; }
.section-illustrator-instagram__text { margin: 0 0 0 15px; }
.section-illustrator-instagram__text > a { text-decoration: none; color: #3e6940; }

@media screen and (min-width: 769px) {
  .section-illustrator-text { font-size: 1.1rem; }
  .section-illustrator-instagram__title,
  .section-illustrator-instagram__text { font-size: 1.4rem; }
}

/* decoration */
.decoration-bubble { pointer-events: none; position: absolute; top: 0; animation-duration: 14s; animation-timing-function: ease; animation-fill-mode: forwards; aspect-ratio: 1 / 1.71428571429; width: 7%; z-index: -1; }
.decoration-bubble::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/decoration/bubble1.svg) no-repeat center center; background-size: 100% 100%; }
.decoration-bubble[data-inversion=true]::before { transform: scale(-1,1); }

.decoration-bubble.is-index-0 { animation-name: bubbleRising-0; }
.decoration-bubble.is-index-1 { animation-name: bubbleRising-1; }
.decoration-bubble.is-index-2 { animation-name: bubbleRising-2; }
.decoration-bubble.is-index-3 { animation-name: bubbleRising-3; }
.decoration-bubble.is-index-4 { animation-name: bubbleRising-4; }
.decoration-bubble.is-index-5 { animation-name: bubbleRising-5; }
.decoration-bubble.is-index-6 { animation-name: bubbleRising-6; }
.decoration-bubble.is-index-7 { animation-name: bubbleRising-7; }
.decoration-bubble.is-index-8 { animation-name: bubbleRising-8; }
.decoration-bubble.is-index-9 { animation-name: bubbleRising-9; }
.decoration-bubble.is-index-10 { animation-name: bubbleRising-10; }
.decoration-bubble.is-index-11 { animation-name: bubbleRising-11; }

/* container
------------------------------------------------ */
.l-container { position: relative; background-color: #f8f4e9; }
.l-contents { position: relative; margin: 0 auto; z-index: 2; }
.l-main { position: relative; padding-bottom: 105px; background-color: #f8f4e9; overflow: hidden; z-index: 1; }

@media screen and (max-width: 768px) {
  .l-cover { display: none; }
}

@media screen and (min-width: 769px) {
  .l-contents { max-width: 400px; box-shadow: 0 0 8px rgba(37,30,28,0.8); }
  .l-cover { position: fixed; top: 0; width: 100%; height: 100%; z-index: 1;}
  .l-cover-block { position: absolute; top: 0; width: calc(50% - 200px); height: 100%; }
  .l-cover-block.is-right { right: 0; }
  .l-cover-logo { position: absolute; bottom: 5.10416666667vw; left: 50%; margin: 0; transform: translateX(-50%); width: 23.4375vw; height: 30.1041666667vw; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
  .l-cover-logo::before,
  .l-cover-logo::after { content: ''; position: absolute; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; }
  .l-cover-logo::before { top: 0; left: 50%; transform: translateX(-50%); width: 19.375vw; height: 198px; background-image: url(../img/share/logo1_pink.svg); }
  .l-cover-logo::after { bottom: 0; left: 0; width: 100%; height: 14.5833333333vw; background-image: url(../img/decoration/illust1.webp); }
  .l-cover-block.is-left { left: 0; }
  .l-cover-product { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
  .l-cover-product .product-item { pointer-events: none; position: absolute; top: 0; animation-duration: 20s; animation-timing-function: linear; animation-fill-mode: forwards; aspect-ratio: 1 / 1.40231925926; width: 14.0625vw; z-index: -1; }
  .l-cover-product .product-item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 

  .l-cover-product .product-item.is-flavor-white::before { background-image: url(../img/product/white/product.webp); }
  .l-cover-product .product-item.is-flavor-lemomikan::before { background-image: url(../img/product/lemomikan/product.webp); }
  .l-cover-product .product-item.is-flavor-peach::before { background-image: url(../img/product/peach/product.webp); }

  .l-cover-product .product-item.is-index-0 { animation-name: itemRising-0; left: -8.49431578947%; }
  .l-cover-product .product-item.is-index-0::before { transform: rotate(35deg); }
  .l-cover-product .product-item.is-index-1 { animation-name: itemRising-1; left: 70.6616710526%; }
  .l-cover-product .product-item.is-index-1::before { transform: rotate(-60deg); }
  .l-cover-product .product-item.is-index-2 { animation-name: itemRising-2; left: 36.0019210526%; }
  .l-cover-product .product-item.is-index-2::before { transform: rotate(-30deg); }
  .l-cover-product .product-item.is-index-3 { animation-name: itemRising-3; left: -0.7335%; }
  .l-cover-product .product-item.is-index-3::before { transform: rotate(-65.188deg); }
  .l-cover-product .product-item.is-index-4 { animation-name: itemRising-4; left: 30.0747105263%; }
  .l-cover-product .product-item.is-index-4::before { transform: rotate(60deg); }
  .l-cover-product .product-item.is-index-5 { animation-name: itemRising-5; left: 75.82675%; }
  .l-cover-product .product-item.is-index-5::before { transform: rotate(15deg); }
  .l-cover-product .product-item.is-index-6 { animation-name: itemRising-6; left: -17.5399868421%; }
  .l-cover-product .product-item.is-index-6::before { transform: rotate(15deg); }
  .l-cover-product .product-item.is-index-7 { animation-name: itemRising-7; left: 15.5938815789%; }
  .l-cover-product .product-item.is-index-7::before { transform: rotate(-20deg); }
  .l-cover-product .product-item.is-index-8 { animation-name: itemRising-8; left: 56.4173026316%; }
  .l-cover-product .product-item.is-index-8::before { transform: rotate(43.623deg); }
  .l-cover-product .product-item.is-index-9 { animation-name: itemRising-9; left: 0.62227631578%; }
  .l-cover-product .product-item.is-index-9::before { transform: rotate(-44.612deg); }
  .l-cover-product .product-item.is-index-10 { animation-name: itemRising-10; left: 35.8844736842%; }
  .l-cover-product .product-item.is-index-10::before { transform: rotate(-4.29deg); }
  .l-cover-product .product-item.is-index-11 { animation-name: itemRising-11; left: 68.7267631579%; }
  .l-cover-product .product-item.is-index-11::before { transform: rotate(20deg); }

  .is-tab-inactive .l-cover-product .product-item { animation-play-state: paused; }
}

/* top page
------------------------------------------------ */
/* visual */
.top-visual { position: relative; margin-bottom: 40px; }
.top-visual-logo { position: absolute; top: 9.04159132007%; left: 50%; transition: opacity 0.4s ease; transform: translateX(-50%); aspect-ratio: 1 / 0.569291828232; margin: 0; width: 58.896375%; text-indent: -9999px; white-space: nowrap; overflow: hidden; opacity: 0; z-index: 2; }
.top-visual-logo svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.top-visual-logo path { transition: fill 0.4s ease; fill: #fff; }
.top-visual-logo.is-c-white path { fill: #fff; }
.top-visual-logo.is-c-blue path { fill: #20406B; }
.top-visual-logo.is-c-brown path { fill: #4F3936; }

.top-visual-slide { transition: opacity 0.4s ease; aspect-ratio: 1 / 1.38188975; opacity: 0; }
.top-visual-slide__frame { position: relative; width: 100%; height: 100%; overflow: hidden; }
.top-visual-slide__move { display: flex; height: 100%; }
.top-visual-slide__item { position: relative; width: 100vw; height: 100%; overflow: hidden; }
.top-visual-slide__item.is-animation { background: url(../img/top/visual1_bg.webp) no-repeat center top; background-size: cover; }
.top-visual-slide__item.is-animation img { position: absolute; bottom: 0.54269175108%; left: -16.5%; width: calc(100% + (16.5% * 2)); max-width: inherit; }

.is-slide-start .top-visual-logo { opacity: 1; }
.is-slide-start .top-visual-slide { opacity: 1; }

@media screen and (min-width: 769px) {
  .top-visual-slide__item { width: 400px; }
}

/* introduce */
.top-introduce-lead { margin: 0; text-align: center; font-size: 3.25vw; font-weight: 600; letter-spacing: 0.1em; line-height: 2.85; color: #196FA3; }
.top-introduce-copy { margin: 32px auto 0; width: 61.445425%; }
.top-introduce-text { margin: 50px auto 0; width: 44.78175%; }
.top-introduce-lists { margin-top: 58px; }
.top-introduce-lists__item { position: relative; width: 100%; }
.top-introduce-lists__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.top-introduce-lists__product { position: absolute; transform-origin: left top; }
.top-introduce-lists__character { position: absolute; transform-origin: left top; }
.top-introduce-lists__product img,
.top-introduce-lists__character img { animation: introduceFloating 6s ease-in-out infinite alternate-reverse; }
.top-introduce-lists__info { position: absolute; width: 31%; }
.top-introduce-lists__name { margin: 0 0 6px; }
.top-introduce-lists__text { margin: 0; font-size: 2.25vw; letter-spacing: 0.05em; line-height: 1.55; }
.top-introduce-lists__flavor { margin: 6px 0 0; padding-top: 8px; border-top: 1px solid #000; }
.top-introduce-lists__flavor__title { margin-bottom: 4px; width: 41.4129508197%; font-size: 2vw; line-height: 1; }
.top-introduce-lists__flavor__text { margin: 0; font-size: 3.25vw; letter-spacing: 0.05em; line-height: 1.2; }
.top-introduce-lists__bg { position: absolute; top: 0; height: 100%; z-index: 1; }
.top-introduce-lists__bg img { height: 100%; max-width: inherit; }
.top-introduce-lists__bg svg { width: 100%; height: 100%; }

.is-flavor-white .top-introduce-lists__bg svg path { fill: #5c92bb; }
.is-flavor-lemomikan .top-introduce-lists__bg svg path { fill: #ead66e; }
.is-flavor-peach .top-introduce-lists__bg svg path { fill: #d292ae; }

@keyframes introduceFloating {
  0% {
    transform: translate3d(0,4%,0);
  }
  100% {
    transform: translate3d(0,-4%,0);
  }
}

@media screen and (min-width: 769px) {
  .top-introduce-lead { font-size: 1.3rem; }
  .top-introduce-lists__text { font-size: 0.9rem; }
  .top-introduce-lists__flavor__title { font-size: 0.8rem; }
  .top-introduce-lists__flavor__text { font-size: 1.3rem; }
}

/* w: 400px h: 269.73px */
.top-introduce-lists__item.is-flavor-white { aspect-ratio: 1 / 0.67434525; }
.is-flavor-white .top-introduce-lists__product { top: -6.57776294813%; left: -1.342725%; transform: rotate(-9.079deg); width: 39.4381%; }
.is-flavor-white .top-introduce-lists__character { top: 26.5487339191%; left: 32.56265%; transform: rotate(19.858deg); width: 29.34735%; }
.is-flavor-white .top-introduce-lists__info { top: 30.4007711415%; left: 55.945025%; }
.is-flavor-white .top-introduce-lists__name { width: 96.3114754098%; }
.is-flavor-white .top-introduce-lists__text { color: #fff; }
.is-flavor-white .top-introduce-lists__flavor { border-top-color: #fff; }
.is-flavor-white .top-introduce-lists__flavor__text { color: #fff; }
.is-flavor-white .top-introduce-lists__bg { left: 6.173725%; width: 87.65255%; }

/* w: 400px h: 263px */
.top-introduce-lists__item.is-flavor-lemomikan { margin-top: 3px; aspect-ratio: 1 / 0.6575; }
.is-flavor-lemomikan .top-introduce-lists__product { top: -11.1512927757%; left: 59.77265%; transform: rotate(7.292deg); width: 39.28575%; }
.is-flavor-lemomikan .top-introduce-lists__character { top: 30.4182509506%; left: 47.38485%; transform: rotate(-7.195deg); width: 25.5%; }
.is-flavor-lemomikan .top-introduce-lists__info { top: 19.8552851711%; left: 15.3388%; }
.is-flavor-lemomikan .top-introduce-lists__name { width: 77.0491803279%; }
.is-flavor-lemomikan .top-introduce-lists__text { color: #3193BE; }
.is-flavor-lemomikan .top-introduce-lists__flavor { border-top-color: #3193BE; }
.is-flavor-lemomikan .top-introduce-lists__flavor__text { color: #3193BE; }
.is-flavor-lemomikan .top-introduce-lists__bg { left: 6.173725%; width: 87.863075%; }

/* w: 400px h: 255px */
.top-introduce-lists__item.is-flavor-peach { margin-top: -20px; aspect-ratio: 1 / 0.6375; }
.is-flavor-peach .top-introduce-lists__product { top: -9.41176470588%; left: 16.04235%; transform: rotate(6.204deg); width: 39.89785%; }
.is-flavor-peach .top-introduce-lists__character { top: 27.4509803922%; left: 7.078225%; transform: rotate(-8.588deg); width: 22.50045%; }
.is-flavor-peach .top-introduce-lists__info { top: 33.3333333333%; left: 55.195725%; }
.is-flavor-peach .top-introduce-lists__name { width: 93.4426229508%; }
.is-flavor-peach .top-introduce-lists__text { color: #fff; }
.is-flavor-peach .top-introduce-lists__flavor { border-top-color: #fff; }
.is-flavor-peach .top-introduce-lists__flavor__text { color: #fff; }
.is-flavor-peach .top-introduce-lists__bg { left: 6.201725%; width: 86.8846%; }

/* item */
.top-item { margin-top: 56px; }
.top-item-title { margin: 0 auto 80px; width: 46.89325%; }
.top-item-top { position: relative; z-index: 2; }
.top-item-copy { position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; z-index: 2; }
.top-item-copy img { position: absolute; opacity: 0; }
.top-item-copy img:nth-of-type(1) { top: -16.7504187605%; left: 1.615175%; width: 97.537225%; }
.top-item-copy img:nth-of-type(2) { bottom: -18.7604690117%; left: -0.974725%; width: 101.707675%; }
.top-item-visual { position: relative; z-index: 1; }

.top-item-copy.is-active img:nth-of-type(1) { animation: itemCopyImg1 0.6s ease-out forwards; }
.top-item-copy.is-active img:nth-of-type(2) { animation: 0.4s itemCopyImg2 0.6s ease-out forwards; }

@keyframes itemCopyImg1 {
  0% {
    transform: translate3d(10px,0,0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0,0,0);
    opacity: 1;
  }
}

@keyframes itemCopyImg2 {
  0% {
    transform: translate3d(-10px,0,0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0,0,0);
    opacity: 1;
  }
}

/* w: 400px h: 1120px */
.top-item-feature { position: relative; aspect-ratio: 1 / 2.8; z-index: 1; }
.top-item-feature::after { content: ''; position: absolute; top: 24.5535714286%; right: -0.75%; width: 16.8684%; height: 36.3191428571%; background: url(../img/top/item_logo.svg) no-repeat center center; background-size: 100% 100%; z-index: -1; }
.top-item-feature__block { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.top-item-feature__info { position: absolute; width: 36.75%; }
.top-item-feature__info::before,
.top-item-feature__info::after { content: ''; position: absolute; }
.top-item-feature__info::before { width: 1.25vw; height: 1.25vw; background-color: #251e1c; border-radius: 50%; }
.top-item-feature__info::after { background-color: #251e1c; }
.top-item-feature__title { margin: 0; text-align: center; font-size: 3vw; font-weight: 600; line-height: 2; }
.top-item-feature__price { display: flex; justify-content: center; align-items: baseline; margin: -4px 0 0; }
.top-item-feature__price--prefix { font-size: 3.5vw; letter-spacing: 0.06em; line-height: 1.2; }
.top-item-feature__price--num { font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 3.5vw; letter-spacing: 0.06em; line-height: 1.2; }
.top-item-feature__price--tax { font-size: 2.25vw; letter-spacing: 0.06em; line-height: 1.2; }
.top-item-feature__lists { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.top-item-feature__lists__item { position: absolute; }

.is-product-plate .top-item-feature__info { top: 16.0714285714%; left: 61.084675%; }
.is-product-plate .top-item-feature__info::before { top: 50%; left: 4vw; transform: translateY(-50%); }
.is-product-plate .top-item-feature__info::after { top: 50%; left: -6vw; transform: translateY(-50%); width: 10vw; height: 1px; }
/* h: 525px */
.is-product-plate .top-item-feature__lists { top: 9.10714285714%; height: 46.875%; }
.is-product-plate .top-item-feature__lists__item { top: 0; left: -9%; width: 58.25%; }
/*
.is-product-plate .top-item-feature__lists__item:nth-of-type(2) { top: 22.8571428571%; }
.is-product-plate .top-item-feature__lists__item:nth-of-type(3) { top: 36.7857142857%; }
*/

.is-product-muddler .top-item-feature__info { top: 28.5714285714%; left: 61.084675%; }
.is-product-muddler .top-item-feature__info::before { bottom: -2.5vw; left: 50%; transform: translateX(-50%); }
.is-product-muddler .top-item-feature__info::after { bottom: -11.5vw; left: 50%; width: 1px; height: 10vw; transform: translateX(-50%); }
/* h: 455px */
.is-product-muddler .top-item-feature__lists { top: 35.7142857143%; height: 40.625%; }
.is-product-muddler .top-item-feature__lists__item { right: -30%; width: 68.25%; }
/*
.is-product-muddler .top-item-feature__lists__item:nth-of-type(2) { top: 42.1428571429%; }
.is-product-muddler .top-item-feature__lists__item:nth-of-type(3) { top: 48.5714285714%; }
*/

.is-product-ecobag .top-item-feature__info { bottom: 1.5%; left: 7.806175%; }
.is-product-ecobag .top-item-feature__info::before { top: -1.5vw; left: 50%; transform: translateX(-50%); }
.is-product-ecobag .top-item-feature__info::after { top: -10.5vw; left: 50%; width: 1px; height: 10vw; transform: translateX(-50%); }
/* h: 454px */
.is-product-ecobag .top-item-feature__lists { top: 58.9285714286%; height: 40.5357142857%; }
.is-product-ecobag .top-item-feature__lists__item { transform-origin: left top; top: 0; left: 28.625%; width: 42.75%; }
/*
.is-product-ecobag .top-item-feature__lists__item:nth-of-type(1) { top: 0; left: 41.25%; transform: rotate(11.133deg); }
.is-product-ecobag .top-item-feature__lists__item:nth-of-type(2) { top: 29.9559471366%; left: -8.5%; transform: rotate(-14.296deg); }
.is-product-ecobag .top-item-feature__lists__item:nth-of-type(3) { top: 34.3612334802%; left: 72.5%; transform: rotate(25.369deg); }
*/

.top-item-product { display: none; margin-top: 75px; }
.top-item .btn-1 { margin-top: 90px; }

@media screen and (min-width: 769px) {
  .top-item-feature__info::before { width: 5px; height: 5px; background-color: #251e1c; border-radius: 50%; }
  .top-item-feature__title { font-size: 1.2rem; }
  .top-item-feature__price--prefix { font-size: 1.4rem; }
  .top-item-feature__price--num { font-size: 1.4rem; }
  .top-item-feature__price--tax { font-size: 0.9rem; }

  .is-product-plate .top-item-feature__info::before { left: 16px; }
  .is-product-plate .top-item-feature__info::after { left: -24px; width: 40px; }

  .is-product-muddler .top-item-feature__info::before { bottom: -10px; }
  .is-product-muddler .top-item-feature__info::after { bottom: -46px; height: 40px; }

  .is-product-ecobag .top-item-feature__info::before { top: -6px; }
  .is-product-ecobag .top-item-feature__info::after { top: -42px; height: 40px; }
}

/* coordinate */
.top-coordinate { margin-top: 100px; }
.top-coordinate-title { margin: 0 auto 124px; width: 46.89325%; }
.top-coordinate-lists__item { position: relative; }
.top-coordinate-lists__item::before { content: ''; position: absolute; transform-origin: left top; aspect-ratio: 1 / 1.41430383048; width: 29.3344%; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; z-index: 2; }
.top-coordinate-lists__item:not(:first-child) { margin-top: 50px; }
.top-coordinate-lists__photo { position: relative; width: 83.782025%; z-index: 1; }
.top-coordinate-lists__item:nth-of-type(odd) .top-coordinate-lists__photo { margin-left: auto; }
.top-coordinate-lists__illust { position: absolute; z-index: 2; }

.top-coordinate-lists__item.is-flavor-white::before { top: -27.921804878%; left: 10.0943%; transform: rotate(35.298deg); background-image: url(../img/product/white/product.webp); }
.is-flavor-white .top-coordinate-lists__illust { bottom: -14.6148974521%; left: 3.581575%; width: 42.6604%; }

.top-coordinate-lists__item.is-flavor-lemomikan::before { top: -1.46341463415%; left: 65.0356%; transform: rotate(-30.105deg); background-image: url(../img/product/lemomikan/product.webp); }
.is-flavor-lemomikan .top-coordinate-lists__illust { bottom: -11.6919179617%; left: 60.62565%; width: 37.646325%; }

.top-coordinate-lists__item.is-flavor-peach::before { top: -20%; left: 9.3603%; transform: rotate(31.978deg); background-image: url(../img/product/peach/product.webp); }
.is-flavor-peach .top-coordinate-lists__illust { bottom: -17.0507136942%; left: 5.808%; width: 39.62485%; }

/* footer
------------------------------------------------ */
.l-footer { position: relative; padding: 80px 0 8px; background-color: #196FA4; color: #FBF7E9; }
.l-footer-logo { margin: 0 auto; width: 60%; }
.l-footer-sns { display: flex; justify-content: center; align-items: center; margin-top: 68px; }
.l-footer-sns__item:not(:first-child) { margin-left: 7.5%; }
.l-footer-sns__item > a { display: block; width: 100%; text-align: center; }
.l-footer-sns__item.is-sns-x { width: 9%; }
.l-footer-sns__item.is-sns-instagram { width: 9%; }
.l-footer-sns__item.is-sns-youtube { width: 11%; }
.l-footer-sns__item.is-sns-tiktok { margin-left: 6.25%; width: 8%; }
.l-footer-btns__item:not(:first-child) { margin-top: 44px; }
.l-footer-btns { margin: 70px 60px 0; }
.l-footer-btns__item > a { display: flex; justify-content: center; align-items: center; width: 100%; height: 16.5vw; background-color: #FBF7E9; border-radius: 5.75vw; text-align: center; text-decoration: none; font-size: 4.5vw; font-weight: 600; color: #196FA4; }
.l-footer-drinking_attention { display: flex; justify-content: center; align-items: center; margin-top: 62px; }
.l-footer-drinking_attention__pic { margin: 0; width: 13.75%; font-size: 2.5vw; line-height: 1.8; }
.l-footer-drinking_attention__text { margin: 0; margin-left: 6.25%; width: 46%; font-size: 2.5vw; line-height: 1.8; }
.l-footer-copyright { margin: 68px 0 0; text-align: center; font-family: Helvetica, sans-serif; font-size: 3vw; line-height: 1.75; }
.l-footer-copyright small { font-size: inherit; }

@media screen and (min-width: 769px) {
  .l-footer-btns__item > a { height: 66px; border-radius: 23px; font-size: 1.8rem; }
  .l-footer-drinking_attention__text { font-size: 1rem; }
  .l-footer-copyright { font-size: 1.2rem; }
}