/** Shopify CDN: Minification failed

Line 15:0 "@charset" must be the first rule in the file
Line 16:0 All "@import" rules must come first

**/
.announcement-bar,
html.sticky-header-enabled .shopify-section.header__outer-wrapper,
footer,
.back-to-top{
    display:none;
}


@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@font-face {
  font-family: "font-pop";
  src: url("/cdn/shop/files//LightNovelPOPv2.otf") format("opentype");
}
html {
  overflow-y: scroll;
  scroll-behavior: smooth;
}

main {
  margin: 0;
  padding: 0;
  background: #fffae6;
  color: #000;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0;
}

/*===================================================
  reset
=====================================================*/
html,
body,
h1,
h2,
h3,
h4,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td,
section,
article,
aside,
figure,
figcaption,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  box-sizing: border-box;
}

article,
aside,
figure,
figcaption,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
  list-style-type: none;
}

img {
  vertical-align: top;
  max-width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}

@media screen and (min-width: 768px) {
  .l-main {
    width: 390px;
    margin-left: auto;
    margin-right: auto;
  }
}

.c-btn-crt {
  display: block;
}
.c-btn-crt button, .c-btn-crt a {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 4.1025641026vw;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12.8205128205vw;
  width: 100%;
  border-radius: 100vh;
}
@media screen and (min-width: 768px) {
  .c-btn-crt button, .c-btn-crt a {
    font-size: 16px;
    height: 50px;
  }
}
.c-btn-crt button span, .c-btn-crt a span {
  width: 28.2051282051vw;
}
@media screen and (min-width: 768px) {
  .c-btn-crt button span, .c-btn-crt a span {
    width: 110px;
  }
}
.c-btn-crt button::before, .c-btn-crt a::before {
  content: "";
  display: block;
  width: 6.1538461538vw;
  height: 6.1538461538vw;
  background-image: url("/cdn/shop/files/icon_plus.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  filter: invert(100%) sepia(5%) saturate(1694%) hue-rotate(321deg) brightness(107%) contrast(104%);
}
@media screen and (min-width: 768px) {
  .c-btn-crt button::before, .c-btn-crt a::before {
    width: 24px;
    height: 24px;
  }
}
.c-btn-buy {
  display: block;
}
.c-btn-buy button,.c-btn-buy a {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 4.1025641026vw;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12.8205128205vw;
  width: 100%;
  border-radius: 100vh;
}
@media screen and (min-width: 768px) {
  .c-btn-buy button,.c-btn-buy a {
    font-size: 16px;
    height: 50px;
  }
}
.c-btn-buy button span, .c-btn-buy a span{
  width: 28.2051282051vw;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-btn-buy button span, .c-btn-buy a span {
    width: 110px;
  }
}
.c-btn-buy button::before, .c-btn-buy a::before {
  content: "";
  display: block;
  width: 6.1538461538vw;
  height: 6.1538461538vw;
  background-image: url("/cdn/shop/files/icon_cart.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  filter: invert(100%) sepia(5%) saturate(1694%) hue-rotate(321deg) brightness(107%) contrast(104%);
}
@media screen and (min-width: 768px) {
  .c-btn-buy button::before,.c-btn-buy a::before {
    width: 24px;
    height: 24px;
  }
}

.c-ttl {
  text-align: center;
  line-height: 1.05;
}
.c-ttl .u-f-gelica {
  font-size: 7.6923076923vw;
  display: block;
}
@media screen and (min-width: 768px) {
  .c-ttl .u-f-gelica {
    font-size: 30px;
  }
}
.c-ttl .u-f-pop {
  margin-top: 1.2820512821vw;
  font-size: 3.0769230769vw;
  letter-spacing: 0.03em;
  display: block;
}
@media screen and (min-width: 768px) {
  .c-ttl .u-f-pop {
    margin-top: 5px;
    font-size: 12px;
  }
}

/* --------------------------------------------------
  display
-------------------------------------------------- */
@media screen and (max-width: 767px) {
  .u-pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .u-sp {
    display: none;
  }
}
.u-f-pop {
  font-family: "font-pop", sans-serif;
}
.u-f-gelica {
  font-family: "gelica", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.u-f-mi {
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.u-line {
  background: linear-gradient(transparent 75%, #fdd000 75%);
}

.u-c-red {
  color: #a72126;
}

.p-mv__top {
  background-color: #e6e6e6;
  width: 100%;
  padding: 3.3333333333vw 0;
  text-align: center;
  font-size: 3.8461538462vw;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
  .p-mv__top {
    padding: 13px 0;
    font-size: 15px;
  }
}
.p-mv__top > div {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5.8974358974vw;
  letter-spacing: -0.05em;
  margin-top: 1.2820512821vw;
}
@media screen and (min-width: 768px) {
  .p-mv__top > div {
    font-size: 23px;
    margin-top: 5px;
  }
}
.p-mv__top > div img {
  display: block;
  width: 32.8205128205vw;
}
@media screen and (min-width: 768px) {
  .p-mv__top > div img {
    width: 128px;
  }
}
.p-mv__img {
  background-image: url("/cdn/shop/files/mv_bg.webp");
  background-size: cover;
  background-repeat: no-repeat;
}
.p-mv__img h1 img {
  display: block;
  width: 100%;
}

.p-miso {
  text-align: center;
  padding: 11.5384615385vw 0 17.4358974359vw 0;
  background-image: url("/cdn/shop/files/bg01.webp");
  background-repeat: no-repeat;
  background-size: 44.1025641026vw auto;
  background-position: top 23.0769230769vw right -20.5128205128vw;
}
@media screen and (min-width: 768px) {
  .p-miso {
    padding: 45px 0 68px 0;
    background-size: 172px auto;
    background-position: top 90px right -80px;
  }
}
.p-miso > h2 {
  font-size: 7.1794871795vw;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-miso > h2 {
    font-size: 28px;
  }
}
.p-miso > p {
  margin-top: 5.1282051282vw;
  font-size: 4.1025641026vw;
  line-height: 1.625;
}
@media screen and (min-width: 768px) {
  .p-miso > p {
    margin-top: 20px;
    font-size: 16px;
  }
}
.p-miso__item {
  margin-top: 12.8205128205vw;
}
@media screen and (min-width: 768px) {
  .p-miso__item {
    margin-top: 50px;
  }
}
.p-miso__item .new {
  color: #fdd000;
  font-size: 5.8974358974vw;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1em;
}
@media screen and (min-width: 768px) {
  .p-miso__item .new {
    font-size: 23px;
  }
}
.p-miso__item .new::before, .p-miso__item .new::after {
  content: "";
  display: block;
  width: 1px;
  height: 1em;
  background: #fdd000;
  transform: rotate(-40deg);
}
.p-miso__item .new::after {
  transform: rotate(40deg);
}
.p-miso__item > img {
  width: 30vw;
  margin: 1.2820512821vw auto 0 auto;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-miso__item > img {
    width: 117px;
    margin: 5px auto 0 auto;
  }
}
.p-miso__item .name {
  margin-top: 1.2820512821vw;
  font-size: 4.6153846154vw;
  color: #a72126;
  line-height: 1.1;
}
@media screen and (min-width: 768px) {
  .p-miso__item .name {
    margin-top: 5px;
    font-size: 18px;
  }
}
.p-miso__item .name strong {
  font-size: 6.1538461538vw;
}
@media screen and (min-width: 768px) {
  .p-miso__item .name strong {
    font-size: 24px;
  }
}
.p-miso__item .price {
  margin-top: 2.0512820513vw;
  font-size: 5.641025641vw;
  line-height: 1.1;
  flex-direction: row;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-miso__item .price {
    margin-top: 8px;
    font-size: 22px;
  }
}
.p-miso__item .price small {
  font-size: 80%;
}
.p-miso__item .price-komi {
  font-size: 2.8205128205vw;
}
@media screen and (min-width: 768px) {
  .p-miso__item .price-komi {
    font-size: 11px;
  }
}
.p-miso__item .btnarea {
  position: relative;
}
.p-miso__item .btnarea > img {
  display: block;
  position: absolute;
  z-index: 1;
  width: 50.5128205128vw;
  top: -12.076923vw;
  left: -22.3076923077vw;
}
@media screen and (min-width: 768px) {
  .p-miso__item .btnarea > img {
    width: 197px;
    top: -52px;
    left: -87px;
  }
}
.p-miso__item .btnarea-in {
  width: 84.6153846154vw;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-miso__item .btnarea-in {
    width: 330px;
  }
}
.p-miso__item .btnarea .c-btn-crt {
  margin-top: 6.4102564103vw;
}
@media screen and (min-width: 768px) {
  .p-miso__item .btnarea .c-btn-crt {
    margin-top: 25px;
  }
}
.p-miso__item .btnarea .c-btn-crt button, .p-miso__item .btnarea .c-btn-buy button {
  background-color: #a72126;
  color: #fff;
}

.p-miso__item .btnarea .c-btn-buy {
    margin-top: 0.5em
}

.p-kakukyu {
  background-image: url("/cdn/shop/files/kakukyu_bg.webp");
  background-repeat: no-repeat;
  background-size: 108% auto;
  background-position: top center;
  padding: 6.4102564103vw 0 11.5384615385vw 0;
}
@media screen and (min-width: 768px) {
  .p-kakukyu {
    padding: 25px 0 45px 0;
  }
}
.p-kakukyu h2 {
  color: #a72126;
  font-size: 4.6153846154vw;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-kakukyu h2 {
    font-size: 18px;
  }
}
.p-kakukyu h2 img {
  display: block;
  width: 49.7435897436vw;
  margin: 1.2820512821vw auto 0 auto;
}
@media screen and (min-width: 768px) {
  .p-kakukyu h2 img {
    width: 194px;
  }
}
.p-kakukyu h2 strong {
  font-size: 7.1794871795vw;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-kakukyu h2 strong {
    font-size: 28px;
  }
}
.p-kakukyu .photo {
  display: block;
  width: 100%;
  margin-top: 5.1282051282vw;
  filter: drop-shadow(0 0.5128205128vw 1.0256410256vw rgba(53, 37, 22, 0.2));
}
@media screen and (min-width: 768px) {
  .p-kakukyu .photo {
    margin-top: 20px;
    filter: drop-shadow(0 2px 4px rgba(53, 37, 22, 0.2));
  }
}
.p-kakukyu .card {
  filter: drop-shadow(0 0.5128205128vw 1.0256410256vw rgba(53, 37, 22, 0.2));
  background-color: #fff;
  border-radius: 2.5641025641vw;
  padding: 4.6153846154vw 6.4102564103vw 6.4102564103vw 6.4102564103vw;
  width: 74.358974359vw;
  margin: 4.6153846154vw auto 0 auto;
}
@media screen and (min-width: 768px) {
  .p-kakukyu .card {
    filter: drop-shadow(0 2px 4px rgba(53, 37, 22, 0.2));
    border-radius: 10px;
    padding: 18px 25px 25px 25px;
    width: 290px;
    margin: 18px auto 0 auto;
  }
}
.p-kakukyu .card > img {
  display: block;
  width: 28.2051282051vw;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-kakukyu .card > img {
    width: 110px;
  }
}
.p-kakukyu .card .name {
  font-size: 4.1025641026vw;
  font-weight: bold;
  text-align: center;
  margin-top: 1.7948717949vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-kakukyu .card .name {
    font-size: 16px;
    margin-top: 7px;
  }
}
.p-kakukyu .card .name small {
  font-size: 3.0769230769vw;
}
@media screen and (min-width: 768px) {
  .p-kakukyu .card .name small {
    font-size: 12px;
  }
}
.p-kakukyu .card .name .arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.2820512821vw;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.5s;
}
@media screen and (min-width: 768px) {
  .p-kakukyu .card .name .arrow {
    right: 5px;
  }
}
.p-kakukyu .card .name .arrow::before, .p-kakukyu .card .name .arrow::after {
  content: "";
  display: block;
  width: 1.7948717949vw;
  height: 1px;
  background-color: #000;
  transform: rotate(40deg);
}
@media screen and (min-width: 768px) {
  .p-kakukyu .card .name .arrow::before, .p-kakukyu .card .name .arrow::after {
    width: 7px;
  }
}
.p-kakukyu .card .name .arrow::after {
  transform: rotate(-40deg);
  margin-left: -1px;
}
.p-kakukyu .card .name.is-active .arrow {
  transform: rotateX(180deg);
}
.p-kakukyu .card .text {
  margin-top: 1.7948717949vw;
  font-size: 3.0769230769vw;
  line-height: 1.333;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-kakukyu .card .text {
    margin-top: 7px;
    font-size: 12px;
  }
}
.p-kakukyu .card .text.js-accordion-con {
  display: none;
}

.p-lineup {
  padding: 15.3846153846vw 6.4102564103vw 14.1025641026vw 6.4102564103vw;
}
@media screen and (min-width: 768px) {
  .p-lineup {
    padding: 60px 25px 55px 25px;
  }
}
.p-lineup__list {
  margin-top: 6.4102564103vw;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2.5641025641vw;
}
@media screen and (min-width: 768px) {
  .p-lineup__list {
    margin-top: 25px;
    gap: 10px;
  }
}
.p-lineup__list li {
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 42.3076923077vw;
  height: 61.5384615385vw;
  border-radius: 2.5641025641vw;
  box-shadow: 0 0.5128205128vw 1.0256410256vw rgba(53, 37, 22, 0.2);
  display: flex;
  padding-bottom: 3.8461538462vw;
}
@media screen and (min-width: 768px) {
  .p-lineup__list li {
    width: 165px;
    height: 240px;
    border-radius: 10px;
    box-sizing: 0 2px 4px rgba(53, 37, 22, 0.2);
    padding-bottom: 15px;
  }
}
.p-lineup__list .miso {
  background-image: url("/cdn/shop/files/card_misp.webp");
  width: 87.1794871795vw;
  height: 46.1538461538vw;
  color: #a72126;
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .p-lineup__list .miso {
    width: 340px;
    height: 180px;
  }
}
.p-lineup__list .miso .text {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 6.9230769231vw 0 auto;
}
@media screen and (min-width: 768px) {
  .p-lineup__list .miso .text {
    margin: 0 27px 0 auto;
  }
}
.p-lineup__list .miso .text .new {
  margin-bottom: 2.5641025641vw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5em;
}
@media screen and (min-width: 768px) {
  .p-lineup__list .miso .text .new {
    margin-bottom: 10px;
  }
}
.p-lineup__list .miso .text .new::before, .p-lineup__list .miso .text .new::after {
  content: "";
  display: block;
  width: 1px;
  height: 1em;
  background-color: #a72126;
  transform: rotate(-40deg);
}
.p-lineup__list .miso .text .new::after {
  transform: rotate(40deg);
}
.p-lineup__list .miso .text .name {
  font-size: 5.641025641vw;
}
@media screen and (min-width: 768px) {
  .p-lineup__list .miso .text .name {
    font-size: 22px;
  }
}
.p-lineup__list .miso .text .name-ja {
  margin-top: 1.2820512821vw;
}
@media screen and (min-width: 768px) {
  .p-lineup__list .miso .text .name-ja {
    margin-top: 5px;
  }
}
.p-lineup__list .miso .text .more {
  margin-top: 5.8974358974vw;
  height: 6.4102564103vw;
  background-color: #a72126;
}
@media screen and (min-width: 768px) {
  .p-lineup__list .miso .text .more {
    margin-top: 23px;
    height: 25px;
  }
}
.p-lineup__list .corn {
  background-image: url("/cdn/shop/files/card_corn.webp");
  color: #cd1c25;
}
.p-lineup__list .corn .more {
  background-color: #cd1c25;
}
.p-lineup__list .corn .c-btn-crt button, .p-lineup__list .corn .c-btn-buy button,.p-lineup__list .corn .c-btn-crt a, .p-lineup__list .corn .c-btn-buy a {
  background-color: #cd1c25;
}
.p-lineup__list .corn .p-lineup__popup__close {
  filter: invert(11%) sepia(81%) saturate(4916%) hue-rotate(350deg) brightness(110%) contrast(89%);
}
.p-lineup__list .clam {
  background-image: url("/cdn/shop/files/card_clam.webp");
  color: #046aac;
}
.p-lineup__list .clam .more {
  background-color: #046aac;
}
.p-lineup__list .clam .c-btn-crt button, .p-lineup__list .clam .c-btn-buy button,.p-lineup__list .clam .c-btn-crt a, .p-lineup__list .clam .c-btn-buy a {
  background-color: #046aac;
}
.p-lineup__list .clam .p-lineup__popup__close {
  filter: invert(24%) sepia(88%) saturate(1803%) hue-rotate(184deg) brightness(96%) contrast(97%);
}
.p-lineup__list .curry {
  background-image: url("/cdn/shop/files/card_curry.webp");
  color: #2d6f2a;
}
.p-lineup__list .curry .more {
  background-color: #2d6f2a;
}
.p-lineup__list .curry .c-btn-crt button, .p-lineup__list .curry .c-btn-buy button,.p-lineup__list .curry .c-btn-crt a, .p-lineup__list .curry .c-btn-buy a {
  background-color: #2d6f2a;
}
.p-lineup__list .curry .p-lineup__popup__close {
  filter: invert(37%) sepia(12%) saturate(2702%) hue-rotate(69deg) brightness(89%) contrast(85%);
}
.p-lineup__list .tom {
  background-image: url("/cdn/shop/files/card_tom.webp");
  color: #88408b;
}
.p-lineup__list .tom .more {
  background-color: #88408b;
}
.p-lineup__list .tom .c-btn-crt button, .p-lineup__list .tom .c-btn-buy button,.p-lineup__list .tom .c-btn-crt a, .p-lineup__list .tom .c-btn-buy a {
  background-color: #88408b;
}
.p-lineup__list .tom .p-lineup__popup__close {
  filter: invert(36%) sepia(11%) saturate(2932%) hue-rotate(249deg) brightness(88%) contrast(93%);
}
.p-lineup__list .text {
  font-size: 3.0769230769vw;
  line-height: 1;
  text-align: center;
  margin: auto auto 0 auto;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .p-lineup__list .text {
    font-size: 12px;
  }
}
.p-lineup__list .text .name {
  font-size: 4.6153846154vw;
}
@media screen and (min-width: 768px) {
  .p-lineup__list .text .name {
    font-size: 18px;
  }
}
.p-lineup__list .text .more {
  width: 32.0512820513vw;
  margin-top: 2.5641025641vw;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.1282051282vw;
  border-radius: 100vh;
}
@media screen and (min-width: 768px) {
  .p-lineup__list .text .more {
    width: 125px;
    margin-top: 10px;
    height: 20px;
  }
}
.p-lineup__popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  padding: 6.4102564103vw;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .p-lineup__popup {
    padding: 25px;
  }
}
.p-lineup__popup.js-popup-con {
  display: none;
}
.p-lineup__popup__close {
  position: absolute;
  top: -3.8461538462vw;
  right: -3.8461538462vw;
  width: 7.6923076923vw;
  height: auto;
  transform: rotate(45deg);
}
@media screen and (min-width: 768px) {
  .p-lineup__popup__close {
    top: -15px;
    right: -15px;
    width: 30px;
  }
}
.p-lineup__popup__in {
  position: relative;
  border-radius: 2.5641025641vw;
  background-color: #fffae6;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-lineup__popup__in {
    border-radius: 10px;
    width: 390px;
    margin: 0 auto;
    }
}
.is-active .p-lineup__popup__in {
  animation-name: popup;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
}
@keyframes popup {
  0% {
    transform: scale(0);
  }
  70% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.p-lineup__popup__in > img {
  display: block;
  width: 100%;
}
.p-lineup__popup__in dl {
  padding: 5.1282051282vw;
  margin-top: -14.6153846154vw;
}
@media screen and (min-width: 768px) {
  .p-lineup__popup__in dl {
    padding: 20px;
    margin-top: -57px;
  }
}
.p-lineup__popup__in dl dt {
  font-size: 5.641025641vw;
}
@media screen and (min-width: 768px) {
  .p-lineup__popup__in dl dt {
    font-size: 22px;
  }
}
.p-lineup__popup__in dl :nth-child(2) {
  font-size: 3.5897435897vw;
}
@media screen and (min-width: 768px) {
  .p-lineup__popup__in dl :nth-child(2) {
    font-size: 14px;
  }
}
.p-lineup__popup__in dl :nth-child(3) {
  color: #000;
  font-size: 4.1025641026vw;
  margin-top: 2.0512820513vw;
}
@media screen and (min-width: 768px) {
  .p-lineup__popup__in dl :nth-child(3) {
    font-size: 16px;
    margin-top: 8px;
  }
}
.p-lineup__popup__in dl :nth-child(3) small {
  font-size: 2.5641025641vw;
}
@media screen and (min-width: 768px) {
  .p-lineup__popup__in dl :nth-child(3) small {
    font-size: 10px;
  }
}
.p-lineup__popup__in dl :nth-child(4) {
  font-size: 5.641025641vw;
  margin-top: 4.6153846154vw;
}
@media screen and (min-width: 768px) {
  .p-lineup__popup__in dl :nth-child(4) {
    font-size: 22px;
    margin-top: 18px;
  }
}
.p-lineup__popup__in dl :nth-child(5) {
  color: #000;
  font-size: 3.3333333333vw;
  letter-spacing: -0.05em;
  margin-top: 2.0512820513vw;
  line-height: 1.461;
}
@media screen and (min-width: 768px) {
  .p-lineup__popup__in dl :nth-child(5) {
    font-size: 13px;
    margin-top: 8px;
  }
}
.p-lineup__popup__in dl .c-btn-crt {
  margin-top: 6.4102564103vw;
}
@media screen and (min-width: 768px) {
  .p-lineup__popup__in dl .c-btn-crt {
    margin-top: 25px;
  }
}
.p-lineup__popup__in dl .c-btn-buy {
  margin-top: 1.5384615385vw;
}
@media screen and (min-width: 768px) {
  .p-lineup__popup__in dl .c-btn-buy {
    margin-top: 6px;
  }
}
.p-lineup__popup__in dl .c-btn-crt button, .p-lineup__popup__in dl .c-btn-buy button,.p-lineup__popup__in dl .c-btn-crt a, .p-lineup__popup__in dl .c-btn-buy a {
  color: #fff;
}

.p-whats {
  overflow: hidden;
  position: relative;
  min-height: 158.9743589744vw;
  padding: 8.9743589744vw 0 0 0;
}
@media screen and (min-width: 768px) {
  .p-whats {
    min-height: 620px;
    padding: 35px 0 0 0;
  }
}

.p-whats .c-ttl{
  position:relative;
}

.p-whats__bg {
  background-color: #fdd000;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 158.9743589744vw;
  height: 158.9743589744vw;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .p-whats__bg {
    width: 620px;
    height: 620px;
  }
}
.p-whats__ttl {
  display: flex;
  align-items: flex-start;
  margin-top: 8.7179487179vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-whats__ttl {
    margin-top: 34px;
  }
}
.p-whats__ttl > img {
  display: block;
  width: 32.8205128205vw;
  margin-right: 1.2820512821vw;
  margin-left: -1.2820512821vw;
}
@media screen and (min-width: 768px) {
  .p-whats__ttl > img {
    width: 128px;
    margin-right: 5px;
    margin-left: -5px;
  }
}
.p-whats__ttl .toha {
  display: flex;
  align-items: flex-end;
  font-size: 3.3333333333vw;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .p-whats__ttl .toha {
    font-size: 13px;
  }
}
.p-whats__ttl .toha img {
  display: block;
  width: 31.7948717949vw;
  margin-right: 0.7692307692vw;
}
@media screen and (min-width: 768px) {
  .p-whats__ttl .toha img {
    width: 124px;
    margin-right: 3px;
  }
}
.p-whats__ttl .text {
  font-size: 6.9230769231vw;
}
@media screen and (min-width: 768px) {
  .p-whats__ttl .text {
    font-size: 27px;
  }
}
.p-whats__ttl .text span {
  display: inline-block;
  background-color: #d74200;
  color: #fff;
  font-feature-settings: "palt";
  padding: 0 1.2820512821vw;
  margin-top: 1.2820512821vw;
}
@media screen and (min-width: 768px) {
  .p-whats__ttl .text span {
    padding: 0 5px;
    margin-top: 5px;
  }
}
.p-whats__photo {
  display: block;
  width: 87.6923076923vw;
  margin: 8.7179487179vw auto 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-whats__photo {
    width: 342px;
    margin: 34px auto 0 auto;
  }
}
.p-whats__sorehane {
  display: block;
  width: 56.9230769231vw;
  margin: 17.9487179487vw auto 0 auto;
}
@media screen and (min-width: 768px) {
  .p-whats__sorehane {
    width: 222px;
    margin: 70px auto 0 auto;
  }
}
.p-whats__card {
  width: 87.1794871795vw;
  margin: 10.2564102564vw auto 0 auto;
  border-radius: 2.5641025641vw;
  background-color: #fdd000;
  padding: 6.4102564103vw 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-whats__card {
    width: 340px;
    margin: 40px auto 0 auto;
    border-radius: 10px;
    padding: 25px 0;
  }
}
.p-whats__card__ttl {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  letter-spacing: 0.03em;
  font-feature-settings: "palt";
  text-align: left;
}
.p-whats__card__ttl .img {
  width: 24.358974359vw;
}
@media screen and (min-width: 768px) {
  .p-whats__card__ttl .img {
    width: 95px;
  }
}
.p-whats__card__ttl .img img {
  display: block;
  margin: 0 auto;
}
.p-whats__card__ttl .img img.number1 {
  width: 11.5384615385vw;
}
@media screen and (min-width: 768px) {
  .p-whats__card__ttl .img img.number1 {
    width: 45px;
  }
}
.p-whats__card__ttl .img img.number2 {
  width: 14.358974359vw;
}
@media screen and (min-width: 768px) {
  .p-whats__card__ttl .img img.number2 {
    width: 56px;
  }
}
.p-whats__card__ttl strong {
  color: #d74200;
  font-size: 6.6666666667vw;
  line-height: 1.23;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-whats__card__ttl strong {
    font-size: 26px;
  }
}
.p-whats__card__ttl span {
  font-size: 4.1025641026vw;
  line-height: 1.375;
  display: block;
  letter-spacing: -0.03em;
  margin-top: 2.5641025641vw;
}
@media screen and (min-width: 768px) {
  .p-whats__card__ttl span {
    font-size: 16px;
    margin-top: 10px;
  }
}
.p-whats__card .graytext {
  font-size: 3.0769230769vw;
  color: #646455;
  margin-top: 6.4102564103vw;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .p-whats__card .graytext {
    font-size: 12px;
    margin-top: 25px;
  }
}
.p-whats__card .graph {
  display: block;
  width: 76.9230769231vw;
  margin: 0 auto;
  margin-top: 3.8461538462vw;
}
@media screen and (min-width: 768px) {
  .p-whats__card .graph {
    width: 300px;
    margin-top: 15px;
  }
}
.p-whats__card .graph + p {
  margin: 6.1538461538vw auto 0 auto;
  font-size: 4.1025641026vw;
  font-weight: bold;
  background-color: #d74200;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50.2564102564vw;
  height: 6.6666666667vw;
  border-radius: 100vh;
}
@media screen and (min-width: 768px) {
  .p-whats__card .graph + p {
    margin: 24px auto 0 auto;
    font-size: 16px;
    width: 196px;
    height: 26px;
  }
}
.p-whats__card .graph-2 {
  margin-top: 6.4102564103vw;
}
@media screen and (min-width: 768px) {
  .p-whats__card .graph-2 {
    margin-top: 25px;
  }
}
.p-whats__card .graph-2 + p {
  background-color: #046aac;
}
.p-whats__card .text {
  font-size: 3.5897435897vw;
  line-height: 1.357;
  margin-top: 7.6923076923vw;
}
@media screen and (min-width: 768px) {
  .p-whats__card .text {
    font-size: 14px;
    margin-top: 30px;
  }
}
.p-whats__card .text2 {
  font-size: 4.6153846154vw;
  margin-top: 3.3333333333vw;
  line-height: 1.22;
}
@media screen and (min-width: 768px) {
  .p-whats__card .text2 {
    font-size: 18px;
    margin-top: 13px;
  }
}
.p-whats__card .text3 {
  font-size: 7.1794871795vw;
  color: #e62800;
  margin-top: 2.5641025641vw;
}
@media screen and (min-width: 768px) {
  .p-whats__card .text3 {
    font-size: 28px;
    margin-top: 10px;
  }
}
.p-whats__card .text3 span {
  background-image: url("/cdn/shop/files/dotted.webp");
  background-repeat: repeat-x;
  background-position: bottom 0 center;
  background-size: 2.8205128205vw auto;
}
@media screen and (min-width: 768px) {
  .p-whats__card .text3 span {
    background-size: 11px auto;
  }
}
.p-whats__card .attention {
  margin-top: 3.8461538462vw;
  font-size: 2.5641025641vw;
  color: #646455;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .p-whats__card .attention {
    margin-top: 15px;
    font-size: 10px;
  }
}
.p-whats__card .photoline {
  display: flex;
  margin: 5.1282051282vw 0 0 -10.7692307692vw;
  width: 110.2564102564vw;
  gap: 0 2.5641025641vw;
  max-width: none;
}
@media screen and (min-width: 768px) {
  .p-whats__card .photoline {
    margin: 20px 0 0 -42px;
    width: 430px;
    gap: 0 10px;
  }
}
.p-whats__card .photoline img {
  display: block;
  width: 110.2564102564vw;
  animation-name: linephoto-animation;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 10s;
}
@media screen and (min-width: 768px) {
  .p-whats__card .photoline img {
    width: 430px;
    animation-name: linephoto-animation-pc;
  }
}
@keyframes linephoto-animation {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-112.8205128205vw);
  }
}
@keyframes linephoto-animation-pc {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-440px);
  }
}

.p-when {
  margin-top: 17.9487179487vw;
}
@media screen and (min-width: 768px) {
  .p-when {
    margin-top: 70px;
  }
}
.p-when__item {
  margin-top: 2.5641025641vw;
  width: 100%;
  height: 52.0512820513vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 6.1538461538vw;
  letter-spacing: 0.05em;
  color: #fff;
  padding: 0 5.1282051282vw;
  background-image: url("/cdn/shop/files/when_bg01.webp");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  text-shadow: 0 0 1.2820512821vw rgba(0, 0, 0, 0.75);
}
@media screen and (min-width: 768px) {
  .p-when__item {
    margin-top: 10px;
    height: 203px;
    font-size: 24px;
    padding: 0 20px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
  }
}
.p-when__item img {
  display: block;
  width: 16.1538461538vw;
  filter: drop-shadow(0.5128205128vw 0.5128205128vw 1.2820512821vw rgba(53, 37, 22, 0.2));
}
@media screen and (min-width: 768px) {
  .p-when__item img {
    filter: drop-shadow(2px 2px 5px rgba(53, 37, 22, 0.2));
    width: 63px;
  }
}
.p-when__item:nth-child(2) {
  background-image: url("/cdn/shop/files/when_bg02.webp");
  margin-top: -5.1282051282vw;
}
@media screen and (min-width: 768px) {
  .p-when__item:nth-child(2) {
    margin-top: -20px;
  }
}
.p-when__item:nth-child(3) {
  background-image: url("/cdn/shop/files/when_bg03.webp");
  margin-top: -5.1282051282vw;
}
@media screen and (min-width: 768px) {
  .p-when__item:nth-child(3) {
    margin-top: -20px;
  }
}
.p-when__text {
  font-size: 6.6666666667vw;
  letter-spacing: 0.03em;
  font-feature-settings: "palt";
  line-height: 1.3;
  color: #d74200;
  text-align: center;
  margin-top: 5.641025641vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-when__text {
    font-size: 26px;
    margin-top: 22px;
  }
}
.p-when__text::before, .p-when__text::after {
  content: "";
  display: block;
  width: 8.7179487179vw;
  height: 13.8461538462vw;
  background-image: url("/cdn/shop/files/bar.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: -3.0769230769vw;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-when__text::before, .p-when__text::after {
    width: 34px;
    height: 54px;
    margin-left: -12px;
  }
}
.p-when__text::before {
  transform: scaleX(-1);
  margin-right: -3.0769230769vw;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .p-when__text::before {
    margin-right: -12px;
  }
}

.p-why {
  margin-top: 23.0769230769vw;
}
@media screen and (min-width: 768px) {
  .p-why {
    margin-top: 90px;
  }
}
.p-why h3 {
  font-size: 5.1282051282vw;
  color: #fff;
  margin-top: 7.6923076923vw;
  padding: 0 6.1538461538vw;
  letter-spacing: 0.075em;
  line-height: 1.4;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-why h3 {
    font-size: 20px;
    margin-top: 30px;
    padding: 0 24px;
  }
}
.p-why h3 span {
  display: inline-block;
  background-color: #d74200;
  padding: 0 3.0769230769vw;
  margin-top: 2.0512820513vw;
}
@media screen and (min-width: 768px) {
  .p-why h3 span {
    padding: 0 12px;
    margin-top: 8px;
  }
}
.p-why h3 strong {
  font-size: 140%;
}
.p-why h3 strong.f16 {
  font-size: 160%;
}
.p-why h3 img {
  position: absolute;
  display: block;
  width: 26.6666666667vw;
  right: -0.5128205128vw;
  bottom: -12.8205128205vw;
}
@media screen and (min-width: 768px) {
  .p-why h3 img {
    width: 104px;
    right: -2px;
    bottom: -50px;
  }
}
.p-why__item {
  margin-top: 5.8974358974vw;
  padding: 0 5.8974358974vw;
  width: 89.7435897436vw;
  height: 64.1025641026vw;
  background-image: url("/cdn/shop/files/why_bg01.webp");
  background-repeat: no-repeat;
  background-size: 100vw auto;
  background-position: top right;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .p-why__item {
    margin-top: 23px;
    padding: 0 23px;
    width: 350px;
    height: 250px;
    background-size: 390px auto;
  }
}
.p-why__item:nth-child(2) {
  background-image: url("/cdn/shop/files/why_bg02.webp");
  background-position: top left;
  margin-left: auto;
  text-align: right;
  align-items: flex-end;
}
.p-why__item:nth-child(2) dt {
  align-items: flex-end;
}
.p-why__item:nth-child(3) {
  background-image: url("/cdn/shop/files/why_bg03.webp");
}
.p-why__item dt {
  font-size: 5.1282051282vw;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-why__item dt {
    font-size: 20px;
  }
}
.p-why__item dt span {
  display: inline-block;
  padding: 0 2.5641025641vw;
  background-color: #d74200;
}
@media screen and (min-width: 768px) {
  .p-why__item dt span {
    padding: 0 10px;
  }
}
.p-why__item dt span + span {
  margin-top: 1.2820512821vw;
}
@media screen and (min-width: 768px) {
  .p-why__item dt span + span {
    margin-top: 5px;
  }
}
.p-why__item dd {
  margin-top: 3.8461538462vw;
  font-size: 3.0769230769vw;
  line-height: 1.583;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-why__item dd {
    margin-top: 15px;
    font-size: 12px;
  }
}

.p-media {
  margin-top: 20.5128205128vw;
  background-image: url("/cdn/shop/files/media_bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  padding: 0 0 17.4358974359vw 0;
  margin-bottom: 15.3846153846vw;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-media {
    margin-top: 80px;
    padding: 0 0 68px 0;
    margin-bottom: 60px;
  }
}
.p-media::before {
  content: "";
  display: block;
  width: 100%;
  height: 5.641025641vw;
  background-color: #fdd000;
  margin-bottom: 10.2564102564vw;
}
@media screen and (min-width: 768px) {
  .p-media::before {
    height: 22px;
    margin-bottom: 40px;
  }
}
.p-media__img {
  display: block;
  max-width: none;
  width: 144.1025641026vw;
  margin: -9.7435897436vw -5.8974358974vw 0 -20vw;
}
@media screen and (min-width: 768px) {
  .p-media__img {
    width: 562px;
    margin: -38px -23px 0 -78px;
  }
}
.p-media .youtube {
  width: 87.1794871795vw;
  margin: 6.1538461538vw auto 0 auto;
  background-color: #fff;
  padding: 1.5384615385vw;
}
@media screen and (min-width: 768px) {
  .p-media .youtube {
    width: 340px;
    margin: 24px auto 0 auto;
    padding: 6px;
  }
}
.p-media .youtube iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.p-fixd {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.7948717949vw;
}
@media screen and (min-width: 768px) {
  .p-fixd {
    padding: 7px;
    width: 390px;
    right: 0;
    margin: 0 auto;
  }
}
.p-fixd .btn, .p-fixd .c-btn-buy button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.5897435897vw;
  font-weight: bold;
  width: 100%;
  height: 12.3076923077vw;
  background-color: #cd1c25;
  color: #fff;
  border-radius: 1.2820512821vw;
  border: none;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .p-fixd .btn, .p-fixd .c-btn-buy button {
    font-size: 14px;
    height: 48px;
    justify-self: 48px;
    border-radius: 5px;
  }
}
.p-fixd .btn.is-active + .p-fixd__in, .p-fixd .c-btn-buy button.is-active + .p-fixd__in {
  transform: translateY(0);
}
.p-fixd__in {
  padding: 5.1282051282vw;
  position: fixed;
  z-index: 11;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 2.5641025641vw 2.5641025641vw 0 0;
  transform: translateY(calc(100% + 3.8461538462vw));
  transition: transform 0.5s;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .p-fixd__in {
    right: 0;
    width: 390px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px 10px 0 0;
    transform: translateY(calc(100% + 15px));
  }
}
.p-fixd__in .miso {
  color: #a72126;
}
.p-fixd__in .corn {
  color: #cd1c25;
}
.p-fixd__in .clam {
  color: #046aac;
}
.p-fixd__in .curry {
  color: #2d6f2a;
}
.p-fixd__in .tom {
  color: #88408b;
}
.p-fixd__in .c-btn-buy {
  margin-top: 1em;
}
.p-fixd__in .c-btn-buy button {
  gap: 0 0.5em;
}
.p-fixd__in .c-btn-buy button span {
  width: auto;
}
.p-fixd__close {
  position: absolute;
  top: -3.8461538462vw;
  right: 2.5641025641vw;
  width: 7.6923076923vw;
  transform: rotate(45deg);
}
@media screen and (min-width: 768px) {
  .p-fixd__close {
    top: -15px;
    right: 10px;
    width: 30px;
  }
}
.p-fixd__close img {
  display: block;
  width: 100%;
  filter: invert(19%) sepia(72%) saturate(5191%) hue-rotate(348deg) brightness(82%) contrast(94%);
}
.p-fixd .souprolp-bulk-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-fixd .souprolp-bulk-item + .souprolp-bulk-item {
  margin-top: 5.1282051282vw;
}
@media screen and (min-width: 768px) {
  .p-fixd .souprolp-bulk-item + .souprolp-bulk-item {
    margin-top: 20px;
  }
}
.p-fixd .souprolp-qty-control {
  border: solid 1px rgba(136, 136, 136, 0.5333333333);
  border-radius: 2.5641025641vw;
  display: flex;
  align-items: baseline;
  justify-content: center;
  padding: 0 1.2820512821vw;
}
@media screen and (min-width: 768px) {
  .p-fixd .souprolp-qty-control {
    border-radius: 10px;
    padding: 0 5px;
  }
}
.p-fixd .souprolp-qty-control button {
  display: block;
  padding: 0 1.2820512821vw;
}
@media screen and (min-width: 768px) {
  .p-fixd .souprolp-qty-control button {
    padding: 0 5px;
  }
}
.p-fixd .souprolp-qty-control span {
  border-right: solid 1px rgba(136, 136, 136, 0.5333333333);
  border-left: solid 1px rgba(136, 136, 136, 0.5333333333);
  padding: 0 1.2820512821vw;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-fixd .souprolp-qty-control span {
    padding: 0 5px;
  }
}
.js-slide-mv h1 img {
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.5s;
}
.js-slide-mv.is-active h1 img {
  opacity: 1;
  transform: scale(1);
}

.js-slide-in-list > * {
  opacity: 0;
}
.js-slide-in-list.is-active > * {
  animation-name: slide-anime;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
}
.js-slide-in-list.is-active > *:nth-child(1) {
  animation-delay: 0.15s;
}
.js-slide-in-list.is-active > *:nth-child(2) {
  animation-delay: 0.3s;
}
.js-slide-in-list.is-active > *:nth-child(3) {
  animation-delay: 0.45s;
}
.js-slide-in-list.is-active > *:nth-child(4) {
  animation-delay: 0.6s;
}
.js-slide-in-list.is-active > *:nth-child(5) {
  animation-delay: 0.75s;
}
.js-slide-in-list.is-active > *:nth-child(6) {
  animation-delay: 0.9s;
}
.js-slide-in-list.is-active > *:nth-child(7) {
  animation-delay: 1.05s;
}
.js-slide-in-list.is-active > *:nth-child(8) {
  animation-delay: 1.2s;
}
.js-slide-in-list.is-active > *:nth-child(9) {
  animation-delay: 1.35s;
}
.js-slide-in-list.is-active > *:nth-child(10) {
  animation-delay: 1.5s;
}
.js-slide-in-list.is-active > *:nth-child(11) {
  animation-delay: 1.65s;
}
.js-slide-in-list.is-active > *:nth-child(12) {
  animation-delay: 1.8s;
}
.js-slide-in-list.is-active > *:nth-child(13) {
  animation-delay: 1.95s;
}
.js-slide-in-list.is-active > *:nth-child(14) {
  animation-delay: 2.1s;
}

.js-lineup .c-ttl, .js-lineup .p-lineup__list li {
  opacity: 0;
}
.js-lineup.is-active .c-ttl {
  animation-name: slide-anime;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
  animation-delay: 0.15s;
}
.js-lineup.is-active .p-lineup__list li {
  animation-name: slide-anime;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-duration: 0.5s;
  opacity: 1;
  transition: opacity 0.5s;
}
.js-lineup.is-active .p-lineup__list li:nth-child(1) {
  transition-delay: 0.3s;
  animation-delay: 0.3s;
}
.js-lineup.is-active .p-lineup__list li:nth-child(2) {
  transition-delay: 0.45s;
  animation-delay: 0.45s;
}
.js-lineup.is-active .p-lineup__list li:nth-child(3) {
  transition-delay: 0.6s;
  animation-delay: 0.6s;
}
.js-lineup.is-active .p-lineup__list li:nth-child(4) {
  transition-delay: 0.75s;
  animation-delay: 0.75s;
}
.js-lineup.is-active .p-lineup__list li:nth-child(5) {
  transition-delay: 0.9s;
  animation-delay: 0.9s;
}

@keyframes slide-anime {
  0% {
    transform: translateY(5vh);
  }
  70% {
    transform: translateY(-3vh);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}/*# sourceMappingURL=souprolp-page.css.map */