#onomatopoeia {
  position: relative;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  #onomatopoeia .main {
    padding-top: 2.2666666667vw;
  }
}
#onomatopoeia .main {
  position: relative;
  z-index: 1;
}
#onomatopoeia .main .mv {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 10;
  aspect-ratio: 750/724;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .mv {
    aspect-ratio: 1200/818;
    width: 100%;
  }
}
#onomatopoeia .main .mv .mv__inner {
  position: relative;
  width: 100%;
  height: 100%;
}
#onomatopoeia .main .mv .mv__inner .splideWrap {
  position: relative;
}
#onomatopoeia .main .mv .mv__inner .splideWrap::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #fff;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 1s 1s;
  z-index: 1;
}
#onomatopoeia .main .mv .mv__inner .splideWrap._animated::before {
  opacity: 0.6;
}
#onomatopoeia .main .mv .mv__inner .splideWrap .mv__decoration {
  position: absolute;
  display: block;
  width: 100%;
  bottom: -6vw;
  z-index: 2;
  transition: clip-path 0.5s ease;
  transition-delay: 1.5s;
  clip-path: inset(0 100% 0 0);
}
#onomatopoeia .main .mv .mv__inner .splideWrap .mv__decoration._animated {
  clip-path: inset(0);
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .mv .mv__inner .splideWrap .mv__decoration {
    bottom: -3.75vw;
  }
}
#onomatopoeia .main .mv .mv__inner .splideWrap .mv__heading {
  position: absolute;
  width: 77.7333333333vw;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  top: 53%;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .mv .mv__inner .splideWrap .mv__heading {
    top: 50%;
    width: 57.8333333333vw;
  }
}
#onomatopoeia .main .mv .mv__inner .splideWrap .mv__heading .mv__anime {
  transition: clip-path 0.5s ease;
  transition-delay: 0.5s;
  clip-path: inset(0 100% 0 0);
}
#onomatopoeia .main .mv .mv__inner .splideWrap .mv__heading .mv__anime._animated {
  clip-path: inset(0);
}
#onomatopoeia .main .mv .mv__inner .mv__images .mv__copy {
  position: absolute;
  font-size: 20.5px;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
  z-index: 1;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .mv .mv__inner .mv__images .mv__copy {
    width: 3vw;
  }
}
#onomatopoeia .main .mv .mv__inner .mv__images .splide__slide .mv__image {
  transition: transform 8s;
  transform: scale(1);
}
@media screen and (max-width: 767px) {
  #onomatopoeia .main .mv .mv__inner .mv__images .splide__slide .mv__copy._01 {
    right: 8%;
    top: 15%;
  }
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .mv .mv__inner .mv__images .splide__slide .mv__copy._01 {
    right: 19%;
    top: 12%;
  }
}
@media screen and (max-width: 767px) {
  #onomatopoeia .main .mv .mv__inner .mv__images .splide__slide .mv__copy._02 {
    left: 5%;
    top: 47%;
  }
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .mv .mv__inner .mv__images .splide__slide .mv__copy._02 {
    right: 17%;
    top: 30%;
  }
}
#onomatopoeia .main .mv .mv__inner .mv__images .splide__slide.is-active .mv__image {
  transform: scale(1.05);
}
#onomatopoeia .main .lead {
  padding-top: 13.3333333333vw;
  padding-bottom: 5.8666666667vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .lead {
    padding-top: 9.6666666667vw;
    padding-bottom: 4.1666666667vw;
  }
}
#onomatopoeia .main .lead .lead__inner {
  padding-left: 3.2vw;
  padding-right: 3.2vw;
  margin-left: auto;
  margin-right: auto;
  max-width: 149.8666666667vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .lead .lead__inner {
    padding-left: 1.3333333333vw;
    padding-right: 1.3333333333vw;
    width: 100%;
    max-width: 58.3333333333vw;
  }
}
#onomatopoeia .main .lead .lead__headingWrap .lead__heading {
  color: #ec7cab;
  line-height: 1.2;
  font-weight: 300;
  font-size: 3.6vw;
  text-align: center;
  font-weight: 900;
  letter-spacing: 0.12em;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .lead .lead__headingWrap .lead__heading {
    font-size: 1.6666666667vw;
  }
}
#onomatopoeia .main .lead .lead__headingWrap .lead__subheading {
  line-height: 1.2;
  font-weight: 300;
  font-size: 10px;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .lead .lead__headingWrap .lead__subheading {
    font-size: 16px;
  }
}
#onomatopoeia .main .lead .lead__text {
  line-height: 1.7;
  font-weight: 300;
  font-size: 3.3333333333vw;
  margin-top: 4vw;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  letter-spacing: 0.03em;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
}
#onomatopoeia .main .lead .lead__text var,
#onomatopoeia .main .lead .lead__text sup {
  font-style: normal;
}
#onomatopoeia .main .lead .lead__text sup,
#onomatopoeia .main .lead .lead__text small {
  font-size: 2vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .lead .lead__text sup,
  #onomatopoeia .main .lead .lead__text small {
    font-size: 1vw;
  }
}
#onomatopoeia .main .lead .lead__text {
  font-family: "M PLUS Rounded 1c", sans-serif;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .lead .lead__text {
    line-height: 1.95;
    font-size: 1.5vw;
    margin-top: 1.6666666667vw;
  }
}
#onomatopoeia .main .lead .lead__decoration._01, #onomatopoeia .main .lead .lead__decoration._02 {
  display: block;
  position: absolute;
}
#onomatopoeia .main .lead .lead__decoration._01 {
  aspect-ratio: 35.4343/259.7504;
  width: 4.6666666667vw;
  left: 0;
  bottom: 9.6vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .lead .lead__decoration._01 {
    width: 7.5vw;
    bottom: -14.6666666667vw;
    aspect-ratio: 90.2614/349.8613;
  }
}
#onomatopoeia .main .lead .lead__decoration._02 {
  aspect-ratio: 47.2395/328.0647;
  width: 6.2666666667vw;
  right: 0;
  bottom: -4.5333333333vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .lead .lead__decoration._02 {
    width: 5.8333333333vw;
    bottom: -11.6666666667vw;
    aspect-ratio: 69.8308/159.3415;
  }
}
#onomatopoeia .main .category .category__inner {
  padding-bottom: 8.8vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .category .category__inner {
    padding-bottom: 6.1666666667vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }
}
#onomatopoeia .main .category .category__inner .category__heading {
  margin-left: auto;
  margin-right: auto;
  width: 43.7333333333vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .category .category__inner .category__heading {
    width: 18.9166666667vw;
  }
}
#onomatopoeia .main .category .category__inner .category__list {
  width: 85.6vw;
  margin-top: 5.3333333333vw;
  display: grid;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  #onomatopoeia .main .category .category__inner .category__list {
    row-gap: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .category .category__inner .category__list {
    width: 69.1666666667vw;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 2.6666666667vw;
    -moz-column-gap: 5vw;
         column-gap: 5vw;
  }
}
#onomatopoeia .main .category .category__inner .categoryItem {
  display: block;
  background-color: #ffed00;
  text-decoration: none;
  transition: opacity 0.25s;
}
@media (any-hover: hover) {
  #onomatopoeia .main .category .category__inner .categoryItem:hover {
    opacity: 0.5;
  }
}
#onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner {
  display: grid;
  grid-template-columns: 55% 1fr;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner {
    display: flex;
    flex-direction: column;
    row-gap: 0.3333333333vw;
  }
}
#onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner .categoryItem__img {
  padding: 2.6666666667vw 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner .categoryItem__img {
    padding: 0.6666666667vw;
  }
}
#onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner .categoryItem__texts {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner .categoryItem__texts {
    row-gap: 0.8333333333vw;
    padding-bottom: 0.8333333333vw;
  }
}
#onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner .categoryItem__texts .categoryItem__heading {
  margin-left: auto;
  margin-right: auto;
  width: 30.4vw;
}
@media screen and (max-width: 767px) {
  #onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner .categoryItem__texts .categoryItem__heading {
    margin-top: 11.7333333333vw;
    transform: translateX(-3%);
  }
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner .categoryItem__texts .categoryItem__heading {
    width: 11.4166666667vw;
  }
}
#onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner .categoryItem__texts .categoryItem__heading._02 {
  width: 18.2666666667vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner .categoryItem__texts .categoryItem__heading._02 {
    width: 8.8333333333vw;
  }
}
#onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner .categoryItem__texts .categoryItem__heading._03 {
  width: 18.2666666667vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner .categoryItem__texts .categoryItem__heading._03 {
    width: 6.3333333333vw;
  }
}
#onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner .categoryItem__texts .categoryItem__text {
  font-size: 3.3333333333vw;
  line-height: 1.3;
  font-weight: 400;
  padding: 1% 2%;
  color: #000000;
  padding-inline: 3.2vw;
}
@media screen and (max-width: 767px) {
  #onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner .categoryItem__texts .categoryItem__text {
    text-align: center;
    margin-top: 2.4vw;
  }
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner .categoryItem__texts .categoryItem__text {
    line-height: 1.5;
    font-size: 1.25vw;
    padding-inline: 1.0833333333vw;
  }
}
#onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner .categoryItem__texts .categoryItem__more {
  margin-left: auto;
  width: 19.2vw;
}
@media screen and (max-width: 767px) {
  #onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner .categoryItem__texts .categoryItem__more {
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .category .category__inner .categoryItem .categoryItem__inner .categoryItem__texts .categoryItem__more {
    width: 8.3333333333vw;
  }
}
#onomatopoeia .main .top-hr {
  background-image: url("/base/pc/store/special/onomatopoeia/2026/img/top/contents-decoration01-sp.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  aspect-ratio: 750/47;
  transition: clip-path 0.5s ease;
  clip-path: inset(0 100% 0 0);
}
#onomatopoeia .main .top-hr._animated {
  clip-path: inset(0);
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .top-hr {
    aspect-ratio: 1200/92;
    background-image: url("/base/pc/store/special/onomatopoeia/2026/img/top/contents-decoration01-pc.svg");
  }
}
#onomatopoeia .main .top-white-hr {
  border: none;
  background-color: #fff;
  aspect-ratio: 750/16;
  transition: clip-path 0.5s ease;
  clip-path: inset(0 100% 0 0);
}
#onomatopoeia .main .top-white-hr._animated {
  clip-path: inset(0);
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .top-white-hr {
    aspect-ratio: 1200/16;
  }
}
#onomatopoeia .main .influencer {
  position: relative;
}
#onomatopoeia .main .influencer .influencer__inner {
  padding-top: 6.9333333333vw;
  padding-bottom: 13.3333333333vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .influencer .influencer__inner {
    padding: 4.8333333333vw 2vw;
  }
}
#onomatopoeia .main .influencer .influencer__inner .influencer__heading {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 3.3333333333vw;
  line-height: 1.8;
  font-weight: 900;
  padding-inline: 1.6vw;
  color: #40b15d;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .influencer .influencer__inner .influencer__heading {
    font-size: 1.6666666667vw;
    padding-inline: 2.1333333333vw;
  }
}
#onomatopoeia .main .influencer .influencer__inner .influencer__list {
  width: 84.1333333333vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  width: 40vw;
}
@media screen and (max-width: 767px) {
  #onomatopoeia .main .influencer .influencer__inner .influencer__list {
    flex-direction: column;
    margin-top: 2.6666666667vw;
    row-gap: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .influencer .influencer__inner .influencer__list {
    width: 69.1666666667vw;
    margin-top: 2.3333333333vw;
    -moz-column-gap: 5vw;
         column-gap: 5vw;
    row-gap: 4vw;
  }
}
#onomatopoeia .main .influencer .influencer__inner .influencerItem {
  display: block;
  background-color: #ffed00;
  text-decoration: none;
}
#onomatopoeia .main .influencer .influencer__inner .influencerItem .influencerItem__inner {
  display: flex;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .influencer .influencer__inner .influencerItem .influencerItem__inner {
    flex-direction: column;
    row-gap: 0.3333333333vw;
  }
}
#onomatopoeia .main .influencer .influencer__inner .influencerItem .influencerItem__inner .influencerItem__img {
  padding: 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .influencer .influencer__inner .influencerItem .influencerItem__inner .influencerItem__img {
    padding: 0.6666666667vw;
  }
}
#onomatopoeia .main .influencer .influencer__inner .influencerItem .influencerItem__inner .influencerItem__texts {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .influencer .influencer__inner .influencerItem .influencerItem__inner .influencerItem__texts {
    row-gap: 0.8333333333vw;
    padding-bottom: 0.8333333333vw;
  }
}
#onomatopoeia .main .influencer .influencer__inner .influencerItem .influencerItem__inner .influencerItem__texts .influencerItem__heading {
  margin-left: auto;
  margin-right: auto;
  width: 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .influencer .influencer__inner .influencerItem .influencerItem__inner .influencerItem__texts .influencerItem__heading {
    width: 11.4166666667vw;
  }
}
#onomatopoeia .main .influencer .influencer__inner .influencerItem .influencerItem__inner .influencerItem__texts .influencerItem__heading._02 {
  width: 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .influencer .influencer__inner .influencerItem .influencerItem__inner .influencerItem__texts .influencerItem__heading._02 {
    width: 8.8333333333vw;
  }
}
#onomatopoeia .main .influencer .influencer__inner .influencerItem .influencerItem__inner .influencerItem__texts .influencerItem__heading._03 {
  width: 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .influencer .influencer__inner .influencerItem .influencerItem__inner .influencerItem__texts .influencerItem__heading._03 {
    width: 6.3333333333vw;
  }
}
#onomatopoeia .main .influencer .influencer__inner .influencerItem .influencerItem__inner .influencerItem__texts .influencerItem__text {
  font-size: 2.6666666667vw;
  line-height: 1.5;
  font-weight: 400;
  padding: 1% 2%;
  color: #000000;
  padding-inline: 1.0666666667vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .influencer .influencer__inner .influencerItem .influencerItem__inner .influencerItem__texts .influencerItem__text {
    font-size: 1.25vw;
    padding-inline: 1.0833333333vw;
  }
}
#onomatopoeia .main .influencer .influencer__inner .influencerItem .influencerItem__inner .influencerItem__texts .influencerItem__more {
  margin-left: auto;
  width: 13.3333333333vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .influencer .influencer__inner .influencerItem .influencerItem__inner .influencerItem__texts .influencerItem__more {
    width: 8.3333333333vw;
  }
}
#onomatopoeia .main .influencer .influencer__decoration {
  display: none;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .influencer .influencer__decoration {
    display: block;
    position: absolute;
    width: 7.9166666667vw;
    bottom: -6.6666666667vw;
    aspect-ratio: 95.2155/278.3576;
    right: 0;
  }
}
#onomatopoeia .main .online {
  background-color: #ffed00;
}
#onomatopoeia .main .online .online__inner {
  padding: 8vw 5.3333333333vw 10.6666666667vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .online .online__inner {
    padding: 8.3333333333vw 2vw 6.6666666667vw;
  }
}
#onomatopoeia .main .online .online__inner .online__heading {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 43.2vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .online .online__inner .online__heading {
    width: 19.1666666667vw;
  }
}
#onomatopoeia .main .online .online__inner .online__lead {
  margin-left: auto;
  margin-right: auto;
  font-size: 3.7333333333vw;
  padding-inline: 2vw;
  text-align: center;
  margin-top: 3.7333333333vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .online .online__inner .online__lead {
    font-size: 1.6666666667vw;
    padding-inline: 1.3333333333vw;
    margin-top: 2.6666666667vw;
  }
}
#onomatopoeia .main .online .online__inner .online__list {
  width: 86.6666666667vw;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  row-gap: 6.4vw;
  margin-top: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .online .online__inner .online__list {
    width: 50vw;
    margin-top: 2.6666666667vw;
    row-gap: 2.5vw;
  }
}
#onomatopoeia .main .online .online__inner .online__list .online__item {
  min-height: 17.3333333333vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .online .online__inner .online__list .online__item {
    min-height: 8.3333333333vw;
  }
}
#onomatopoeia .main .online .online__inner .online__list .online__item .online__itemImg {
  margin-inline: auto;
}
#onomatopoeia .main .online .online__inner .online__list .online__item .online__itemImg._01 {
  width: 44.8vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .online .online__inner .online__list .online__item .online__itemImg._01 {
    width: 19.4166666667vw;
  }
}
#onomatopoeia .main .online .online__inner .online__list .online__item .online__itemImg._02 {
  width: 51.0666666667vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .online .online__inner .online__list .online__item .online__itemImg._02 {
    width: 25vw;
  }
}
#onomatopoeia .main .online .online__inner .online__list .online__item .online__itemImg._03 {
  width: 38.2666666667vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .online .online__inner .online__list .online__item .online__itemImg._03 {
    width: 21.3333333333vw;
  }
}
#onomatopoeia .main .shop {
  background-color: #ffed00;
}
#onomatopoeia .main .shop .shop__inner {
  padding-top: 12.8vw;
  padding-bottom: 8.8vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .shop .shop__inner {
    padding: 5.5vw 2vw 4.4166666667vw;
  }
}
#onomatopoeia .main .shop .shop__inner .shop__heading {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 31.4666666667vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .shop .shop__inner .shop__heading {
    width: 13.3333333333vw;
  }
}
#onomatopoeia .main .shop .shop__inner .shop__lead {
  margin-left: auto;
  margin-right: auto;
  font-size: 3.7333333333vw;
  padding-inline: 2vw;
  text-align: center;
  margin-top: 3.7333333333vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .shop .shop__inner .shop__lead {
    font-size: 1.6666666667vw;
    padding-inline: 1.3333333333vw;
    margin-top: 2.6666666667vw;
  }
}
#onomatopoeia .main .shop .shop__inner .shop__list {
  width: 86.6666666667vw;
  display: grid;
  margin-left: auto;
  margin-right: auto;
  row-gap: 5.3333333333vw;
  margin-top: 8.5333333333vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .shop .shop__inner .shop__list {
    grid-template-columns: repeat(3, 1fr);
    width: 83.3333333333vw;
    margin-top: 5.3333333333vw;
    row-gap: 2.5vw;
    -moz-column-gap: 1.6666666667vw;
         column-gap: 1.6666666667vw;
  }
}
#onomatopoeia .main .shop .shop__inner .shop__list .shop__item {
  min-height: 8vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .shop .shop__inner .shop__list .shop__item {
    min-height: 5vw;
  }
}
#onomatopoeia .main .shop .shop__inner .shop__list .shop__item .shop__text {
  font-size: 4.6666666667vw;
  color: #000000;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .shop .shop__inner .shop__list .shop__item .shop__text {
    font-size: 1.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .shop .shop__inner .shop__list .shop__item .shop__text._shinjuku {
    font-size: 1.5vw;
    letter-spacing: -0.08em;
  }
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .shop .shop__inner .shop__list .shop__item .shop__text._kashiwa {
    letter-spacing: -0.05em;
  }
}
#onomatopoeia .main .commonLink {
  display: flex;
  align-items: center;
  border: 1px solid #40b15d;
  border-radius: 9.3333333333vw;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  width: 100%;
  text-decoration: none;
  padding: 1.3333333333vw 8vw 1.3333333333vw 6.6666666667vw;
  min-height: 13.3333333333vw;
  transition: opacity 0.25s;
}
@media (any-hover: hover) {
  #onomatopoeia .main .commonLink:hover {
    opacity: 0.5;
  }
}
#onomatopoeia .main .commonLink::before {
  content: "";
  position: absolute;
  right: 3.7333333333vw;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 2.4vw solid transparent;
  border-bottom: 2.4vw solid transparent;
  border-left: 2.9333333333vw solid #ec7cab;
  border-right: 0;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .commonLink::before {
    right: 1.8333333333vw;
    border-top: 0.6666666667vw solid transparent;
    border-bottom: 0.6666666667vw solid transparent;
    border-left: 0.8333333333vw solid #ec7cab;
  }
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .commonLink {
    min-height: 4.8333333333vw;
    border-radius: 5vw;
    padding: 1.0833333333vw 3vw 1.0833333333vw 2.1666666667vw;
  }
}
#onomatopoeia .main .commonLink._large {
  border-radius: 8vw;
  min-height: 13.3333333333vw;
  justify-content: center;
  padding: 2.6666666667vw 6.6666666667vw;
  min-height: 17.3333333333vw;
}
#onomatopoeia .main .commonLink._large::before {
  right: 4.8vw;
  border-top: 2.1333333333vw solid transparent;
  border-bottom: 2.1333333333vw solid transparent;
  border-left: 2.6666666667vw solid #ec7cab;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .commonLink._large {
    border-radius: 5vw;
    padding: 0.5vw 4.1666666667vw;
    min-height: 8.3333333333vw;
  }
  #onomatopoeia .main .commonLink._large::before {
    right: 2.5vw;
    border-top: 0.9166666667vw solid transparent;
    border-bottom: 0.9166666667vw solid transparent;
    border-left: 1vw solid #ec7cab;
  }
}
#onomatopoeia .main .banner .banner__inner {
  padding-block: 8vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .banner .banner__inner {
    padding-top: 8.3333333333vw;
    padding-bottom: 1.6666666667vw;
  }
}
#onomatopoeia .main .banner .banner__inner .banner__list {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 50.6666666667vw;
}
@media screen and (max-width: 767px) {
  #onomatopoeia .main .banner .banner__inner .banner__list {
    flex-direction: column;
    row-gap: 4vw;
  }
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .banner .banner__inner .banner__list {
    width: 65vw;
    -moz-column-gap: 1.6666666667vw;
         column-gap: 1.6666666667vw;
  }
}
#onomatopoeia .main .banner .banner__inner .banner__list .banner__item a {
  display: block;
  transition: opacity 0.25s;
}
@media (any-hover: hover) {
  #onomatopoeia .main .banner .banner__inner .banner__list .banner__item a:hover {
    opacity: 0.5;
  }
}
#onomatopoeia .main .note .note__inner {
  padding: 0.8vw 6.6666666667vw 16vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .note .note__inner {
    width: 83.3333333333vw;
    margin-left: auto;
    margin-right: auto;
    padding: 1.6666666667vw 1vw 2.9166666667vw;
  }
}
#onomatopoeia .main .note .note__inner p {
  line-height: 1.7;
  font-weight: 400;
  font-size: 3.2vw;
}
@media screen and (min-width: 768px) {
  #onomatopoeia .main .note .note__inner p {
    line-height: 1.8;
    font-size: 1.1666666667vw;
  }
}/*# sourceMappingURL=top.css.map */