@charset "UTF-8";
.is-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .is-sp {
    display: block;
  }
}

.is-pc {
  display: none;
}
@media screen and (min-width: 769px) {
  .is-pc {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .header-logo > a {
    width: min(284 * 100vw / 1440, 17.75rem);
  }
}
body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(14 * 100vw / 390);
  color: #6b4415;
  line-height: 1.4;
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
}

@media screen and (min-width: 769px) {
  body {
    font-size: min(18 * 100vw / 1440, 1.125rem);
  }
}
img {
  width: 100%;
  height: auto;
}

.choose__innerbox,
.play,
.product,
.modal-detail__window {
  background: url(/ex/me/assets/images/bg_content_dot-xbxeajvo.png) repeat 0 0/calc(16 * 100vw / 390) auto;
}

@media screen and (min-width: 769px) {
  .choose__innerbox,
  .play,
  .product,
  .modal-detail__window {
    background-size: min(16 * 100vw / 1440, 1rem) auto;
  }
}
span.ex {
  font-size: 1.25em;
  display: inline-block;
  line-height: 1;
}

span.ex.big {
  font-size: 1.4em;
  transform: translateY(calc(-1.5 * 100vw / 390));
}

@media screen and (min-width: 769px) {
  span.ex.big {
    transform: translateY(max(-0.1041666667vw, -0.09375rem));
  }
}
.c-title-bar {
  margin: calc(50 * 100vw / 390) 0 calc(20 * 100vw / 390);
}
.c-title-bar > span > span {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  padding: calc(20 * 100vw / 390) calc(55 * 100vw / 390) calc(18 * 100vw / 390) calc(60 * 100vw / 390);
  background: #ffffff;
  border: calc(4 * 100vw / 390) solid #6b4415;
  border-right: none;
  border-radius: 9999px 0 0 9999px;
}
.c-title-bar--reverse > span > span {
  margin-left: 0;
  margin-right: auto;
  border-right: calc(4 * 100vw / 390) solid #6b4415;
  border-left: none;
  border-radius: 0 9999px 9999px 0;
}
.c-title-deco {
  max-width: calc(275 * 100vw / 390);
  margin-inline: auto;
  padding-bottom: calc(45 * 100vw / 390);
  background: url(/ex/me/assets/images/bg_title_deco-jbrtkslz.svg) 0 bottom/calc(217 * 100vw / 390) auto repeat-x;
}

@media screen and (min-width: 769px) {
  .c-title-bar {
    overflow: hidden;
    margin: min(80 * 100vw / 1440, 5rem) 0 min(35 * 100vw / 1440, 2.1875rem);
  }
  .c-title-bar > span {
    display: block;
    max-width: 1200px;
    margin-inline: auto;
  }
  .c-title-bar > span > span {
    position: relative;
    isolation: isolate;
    padding: min(19 * 100vw / 1440, 1.1875rem) min(72 * 100vw / 1440, 4.5rem);
    border-width: 4px;
  }
  .c-title-bar > span > span::after {
    z-index: -1;
    content: "";
    position: absolute;
    top: -4px;
    left: calc(100% - min(1 * 100vw / 1440, 0.0625rem));
    width: 100vw;
    height: 100%;
    background: #ffffff;
    border-top: 4px solid #6b4415;
    border-bottom: 4px solid #6b4415;
  }
  .c-title-bar--reverse > span > span {
    padding: min(17 * 100vw / 1440, 1.0625rem) min(54 * 100vw / 1440, 3.375rem);
  }
  .c-title-bar--reverse > span > span::after {
    left: auto;
    right: calc(100% - min(1 * 100vw / 1440, 0.0625rem));
  }
  .c-title-deco {
    max-width: min(860 * 100vw / 1440, 53.75rem);
    padding-bottom: min(60 * 100vw / 1440, 3.75rem);
    background-size: min(217 * 100vw / 1440, 13.5625rem) auto;
  }
}
.c-button-info {
  position: relative;
  display: block;
  width: calc(312 * 100vw / 390);
  margin: calc(20 * 100vw / 390) auto 0;
}
.c-button-info__image {
  display: block;
}
.c-button-info__image img {
  display: block;
  width: 100%;
  height: auto;
}
.c-button-info__image--default {
  opacity: 1;
  transition: opacity 0.25s ease;
}
.c-button-info__image--hover {
  display: none;
}

@media screen and (min-width: 769px) {
  .c-button-info__image--hover {
    display: block;
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
  }
}
@media screen and (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .c-button-info:hover .c-button-info__image--default {
    opacity: 0;
  }
  .c-button-info:hover .c-button-info__image--hover {
    opacity: 1;
  }
}
@media screen and (min-width: 769px) {
  .c-button-info {
    width: min(444 * 100vw / 1440, 27.75rem);
    margin-top: min(40 * 100vw / 1440, 2.5rem);
  }
}
.c-copy-highlight .highlight {
  display: inline;
  background: #ffffff;
  border-radius: calc(8 * 100vw / 390);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: calc(3 * 100vw / 390) calc(10 * 100vw / 390);
  line-height: 2.1;
}

@media screen and (min-width: 769px) {
  .c-copy-highlight .highlight {
    padding: min(2 * 100vw / 1440, 0.125rem) min(10 * 100vw / 1440, 0.625rem);
    border-radius: min(8 * 100vw / 1440, 0.5rem);
    line-height: 2.1;
  }
}
.c-card-modal {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

@media screen and (min-width: 769px) {
  .c-card-modal {
    transition: 0.3s;
  }
  .c-card-modal:hover {
    transform: scale(1.3);
  }
}
.hero {
  position: sticky;
  z-index: 199;
  top: calc(calc(985 * 100vw / 1440) * -1 + var(--tab-height));
}
.hero-releaseBar {
  position: absolute;
  top: calc(59 * 100vw / 390);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: flex;
  align-items: center;
  gap: calc(6 * 100vw / 390);
  width: calc(353 * 100vw / 390);
  height: calc(34.37 * 100vw / 390);
  padding-left: calc(17 * 100vw / 390);
  background: #fff9dd;
  border-radius: 9999px;
}
.hero-releaseBar__category {
  width: calc(158 * 100vw / 390);
  line-height: 1;
}
.hero-releaseBar__date {
  width: calc(154.85 * 100vw / 390);
}
.hero-title {
  position: absolute;
  top: calc(101 * 100vw / 390);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: calc(345 * 100vw / 390);
}
.hero-wrap {
  position: relative;
  height: calc(985 * 100vw / 1440);
}
.hero-list {
  display: flex;
  background: linear-gradient(to right, #ffa844 50%, #4ec36b 50%);
}
.hero-list .hero-item {
  flex-grow: 1;
  width: 33.3333333333%;
  position: relative;
  overflow: hidden;
  height: calc(985 * 100vw / 1440);
  cursor: pointer;
  flex-shrink: 0;
  background-position: center center;
  background-size: cover;
}
.hero-list .hero-item.hero-item--ylw {
  background-image: url(../images/hero_bg-ylw-nlj0g6m5.png);
}
.hero-list .hero-item.hero-item--blu {
  background-image: url(/ex/me/assets/images/hero_bg-blu-jawgckut.png);
}
.hero-list .hero-item.hero-item--grn {
  background-image: url(/ex/me/assets/images/hero_bg-grn-hc9rs6ta.png);
}

@media (hover: hover) and (pointer: fine) {
  .hero-list:hover .hero-item {
    transition: all 0.2s ease-in;
  }
}
.hero-link {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}

.hero-img {
  left: 50%;
  top: calc(50% + 27 * 100vw / 1440);
  transform: translate(-50%, -50%) scale(1);
  position: absolute;
  transition: transform 0.7s ease;
}

@media screen and (min-width: 769px) {
  .hero-releaseBar {
    top: 0;
    left: calc(50% + 79 * 100vw / 1440);
    gap: calc(15 * 100vw / 1440);
    width: calc(906 * 100vw / 1440);
    height: calc(66 * 100vw / 1440);
    padding-left: calc(59 * 100vw / 1440);
    border-radius: 0 0 9999px 9999px;
  }
  .hero-releaseBar__category {
    width: calc(405.85 * 100vw / 1440);
  }
  .hero-releaseBar__date {
    width: calc(387.12 * 100vw / 1440);
  }
  .hero-title {
    top: calc(100 * 100vw / 1440);
    width: calc(1165 * 100vw / 1440);
  }
  .hero-list:hover .hero-item {
    width: 24.85%;
  }
  .hero-list:hover .hero-item .hero-img {
    transform: translate(-50%, -50%) scale(0.7);
  }
  .hero-list:hover .hero-item:hover {
    width: 50.3%;
  }
  .hero-list:hover .hero-item:hover .hero-img {
    transform: translate(-50%, -50%) scale(1.4);
  }
  .hero-img {
    width: calc(445 * 100vw / 1440);
  }
  .hero-item:nth-child(n+4) {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .hero {
    top: calc(calc(611 * 100vw / 390) * -1 + var(--tab-height));
  }
  .hero-list {
    display: block;
  }
  .hero-wrap {
    height: calc(611 * 100vw / 390);
  }
  .hero-wrap .slick-slider,
  .hero-wrap .slick-list,
  .hero-wrap .slick-track,
  .hero-wrap .slick-slide,
  .hero-wrap .slick-slide > div {
    height: 100%;
  }
  .hero-item {
    width: 100%;
    height: calc(391 * 100vw / 390);
  }
  .hero-img {
    transition: none;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
  }
  .hero-img picture {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-top: calc(63 * 100vw / 390);
  }
}
.hero__tab-balloon {
  position: relative;
  animation: animationFrames 2.5s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  width: 100%;
  margin-inline: auto;
  display: block;
}
.hero__tab-item {
  padding-top: calc(9 * 100vw / 390);
}

@media screen and (min-width: 769px) {
  .hero__tab-item {
    padding-top: min(12 * 100vw / 1440, 0.75rem);
    padding-bottom: min(1 * 100vw / 1440, 0.0625rem);
  }
}
@keyframes animationFrames {
  0% {
    transform: translate(0px, 0px);
  }
  17% {
    transform: translate(0px, calc(4 * 100vw / 390));
  }
  33% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, calc(4 * 100vw / 390));
  }
  67% {
    transform: translate(0px, 0px);
  }
  83% {
    transform: translate(0px, calc(4 * 100vw / 390));
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@media screen and (min-width: 769px) {
  @keyframes animationFrames {
    0% {
      transform: translate(0px, 0px);
    }
    17% {
      transform: translate(0px, calc(4 * 100vw / 1440));
    }
    33% {
      transform: translate(0px, 0px);
    }
    50% {
      transform: translate(0px, calc(4 * 100vw / 1440));
    }
    67% {
      transform: translate(0px, 0px);
    }
    83% {
      transform: translate(0px, calc(4 * 100vw / 1440));
    }
    100% {
      transform: translate(0px, 0px);
    }
  }
}
.hero__tab-wrap {
  position: sticky;
  top: 0;
  z-index: 200;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: calc(var(--tab-height) * -1 + 1px);
}

.hero__tab-balloon-wrap {
  position: absolute;
  width: 100%;
  bottom: calc(68 * 100vw / 390);
  left: 50%;
  transform: translateX(-50%);
}

.hero__tab-list {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-top: calc(50 * 100vw / 390);
}

.hero__tab-button {
  display: flex;
  align-items: flex-end; /* ボタン内も下揃え */
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

.hero__tab-image {
  position: relative;
  display: block;
}

.hero__tab-img {
  display: block;
  width: 100%;
  height: auto;
}

.hero__tab-img--on {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s;
}

.hero__tab-button.is-active .hero__tab-img--on {
  opacity: 1;
}

@media screen and (min-width: 769px) {
  .hero__tab-wrap {
    margin-top: calc(var(--tab-height) * -1 + 2px);
  }
  .hero__tab-balloon-wrap {
    width: min(980 * 100vw / 1440, 61.25rem);
    bottom: min(70 * 100vw / 1440, 4.375rem);
  }
  .hero__tab-list {
    gap: min(33 * 100vw / 1440, 2.0625rem);
    border-bottom: min(6 * 100vw / 1440, 0.375rem) solid #6b4415;
    padding-top: min(60 * 100vw / 1440, 3.75rem);
  }
  .hero__tab-button {
    width: min(422 * 100vw / 1440, 26.375rem);
    transform: translateY(min(7 * 100vw / 1440, 0.4375rem));
  }
}
.choose {
  scroll-margin-top: var(--tab-height);
}
.choose__panel {
  display: none;
  background-repeat: repeat;
  background-position: 0 0;
  background-size: calc(1000 * 100vw / 390) auto;
  scroll-margin-top: var(--tab-height);
}
.choose__panel.is-active {
  display: block;
}
.choose__panel--ylw {
  background-size: 100% auto;
  background-image: url(/ex/me/assets/images/choose_bg-ylw-hxqv2jbv.png);
}
.choose__panel--blu {
  background-image: url(/ex/me/assets/images/choose_bg-blu-dtc7szou.png);
}
.choose__panel--grn {
  background-repeat: repeat-y;
  background-position: center 0;
  background-image: url(/ex/me/assets/images/choose_bg-grn-dgfsxx54.png);
}
.choose__inner {
  width: 100%;
  margin: 0 auto;
  padding: calc(60 * 100vw / 390) calc(20 * 100vw / 390);
}
.choose__title {
  margin: 0 auto calc(26 * 100vw / 390);
}
.choose__panel--ylw .choose__title {
  width: calc(275 * 100vw / 390);
}
.choose__panel--blu .choose__title {
  width: calc(283 * 100vw / 390);
}
.choose__panel--grn .choose__title {
  width: calc(350 * 100vw / 390);
}
.choose__innerbox {
  padding: calc(34 * 100vw / 390) 0 calc(38 * 100vw / 390);
  border: calc(3 * 100vw / 390) solid #6b4415;
  border-radius: calc(20 * 100vw / 390);
}
.choose__innerbox:not(:last-child) {
  margin-bottom: calc(32 * 100vw / 390);
}

@media screen and (min-width: 769px) {
  .choose__title {
    margin-bottom: min(60 * 100vw / 1440, 3.75rem);
  }
  .choose__panel--ylw .choose__title {
    width: min(533 * 100vw / 1440, 33.3125rem);
  }
  .choose__panel--blu .choose__title {
    width: min(632 * 100vw / 1440, 39.5rem);
  }
  .choose__panel--grn .choose__title {
    width: min(696 * 100vw / 1440, 43.5rem);
  }
  .choose__inner {
    max-width: 1260px;
    margin: 0 auto;
    padding: min(109 * 100vw / 1440, 6.8125rem) min(10 * 100vw / 1440, 0.625rem);
  }
  .choose__innerbox {
    padding: min(64 * 100vw / 1440, 4rem) min(4 * 100vw / 1440, 0.25rem);
    border-width: min(6 * 100vw / 1440, 0.375rem);
    border-radius: min(40 * 100vw / 1440, 2.5rem);
  }
  .choose__innerbox:not(:last-child) {
    margin-bottom: min(32 * 100vw / 1440, 2rem);
  }
  .choose__panel {
    background-size: min(1440 * 100vw / 1440, 90rem) auto;
  }
  .choose__panel--blu {
    background-position: 0 0;
    background-size: 100% auto;
  }
  .choose__panel--grn {
    background-size: 100% auto;
  }
}
.deck__inner {
  display: grid;
  grid-template: "product" "..." calc(11 * 100vw / 390) "desc";
}
.deck__product {
  grid-area: product;
  justify-self: center;
  width: calc(240 * 100vw / 390);
}
.deck__desc {
  grid-area: desc;
  width: calc(310 * 100vw / 390);
  margin-inline: auto;
  font-size: calc(19 * 100vw / 390);
  font-weight: 900;
}
.deck__cards {
  margin-top: calc(39 * 100vw / 390);
}
.deck__cards-title {
  width: calc(280 * 100vw / 390);
  margin: 0 auto calc(16 * 100vw / 390);
}
.deck__cards-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(29 * 100vw / 390) calc(13 * 100vw / 390);
  width: calc(309 * 100vw / 390);
  margin-inline: auto;
}
.deck__cards-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(50% - 13 * 100vw / 390 / 2);
}
.deck__cards-item:last-child {
  position: relative;
  z-index: 0;
  transform: translateX(calc(30 * 100vw / 390));
  width: 100%;
}
.deck__cards-name {
  max-width: calc(148 * 100vw / 390);
}
.deck__cards-badge {
  position: absolute;
  left: calc(-6.25 * 100vw / 390);
  top: calc(-12 * 100vw / 390);
  z-index: -1;
  transform: translateX(calc(-30 * 100vw / 390));
  width: calc(303 * 100vw / 390);
}
.deck__cards-image {
  width: calc(119 * 100vw / 390);
  margin-bottom: calc(4 * 100vw / 390);
}
.deck-list {
  margin-top: calc(42 * 100vw / 390);
}
.deck-list__inner {
  display: flex;
  flex-direction: column;
  gap: calc(16 * 100vw / 390);
  width: calc(310 * 100vw / 390);
  margin-inline: auto;
}
.deck-list__title {
  width: calc(308 * 100vw / 390);
  margin-inline: auto;
  margin-bottom: calc(16 * 100vw / 390);
}
.deck-list__group {
  padding: calc(16 * 100vw / 390) calc(8 * 100vw / 390) calc(10 * 100vw / 390);
  background-size: calc(12 * 100vw / 390) auto;
  background-repeat: repeat;
  background-position: 0 0;
  border-radius: calc(20 * 100vw / 390) calc(20 * 100vw / 390) 0 0;
  display: grid;
}
.deck-list__group:nth-child(1) .deck-list__group-title img {
  width: calc(106 * 100vw / 390);
}
.choose__panel--ylw .deck-list__group:nth-child(1) {
  background-image: url(/ex/me/assets/images/deck_bg_list-1-ylw-g87rp68g.png);
}

.choose__panel--blu .deck-list__group:nth-child(1) {
  background-image: url(/ex/me/assets/images/deck_bg_list-1-blu-fxgdx1cu.png);
}

.choose__panel--grn .deck-list__group:nth-child(1) {
  background-image: url(/ex/me/assets/images/deck_bg_list-1-grn-j47bxs3d.png);
}

.deck-list__group:nth-child(2) .deck-list__group-title img {
  width: calc(159 * 100vw / 390);
}
.choose__panel--ylw .deck-list__group:nth-child(2) {
  background-image: url(/ex/me/assets/images/deck_bg_list-2-ylw-pe9sybzz.png);
}

.choose__panel--blu .deck-list__group:nth-child(2) {
  background-image: url(/ex/me/assets/images/deck_bg_list-2-blu-c1t43mv3.png);
}

.choose__panel--grn .deck-list__group:nth-child(2) {
  background-image: url(/ex/me/assets/images/deck_bg_list-2-grn-c2n861lc.png);
}

.deck-list__group:nth-child(3) .deck-list__group-title img {
  width: calc(136 * 100vw / 390);
}
.choose__panel--ylw .deck-list__group:nth-child(3) {
  background-image: url(/ex/me/assets/images/deck_bg_list-3-ylw-g144k97o.png);
}

.choose__panel--blu .deck-list__group:nth-child(3) {
  background-image: url(/ex/me/assets/images/deck_bg_list-3-blu-f614jgsd.png);
}

.choose__panel--grn .deck-list__group:nth-child(3) {
  background-image: url(/ex/me/assets/images/deck_bg_list-3-grn-ou8h07rm.png);
}

.deck-list__group-title {
  position: relative;
  height: calc(27 * 100vw / 390 + 16 * 100vw / 390);
  margin-bottom: calc(16 * 100vw / 390);
  padding-bottom: calc(16 * 100vw / 390);
  text-align: center;
}
.deck-list__group-title img {
  height: 100%;
}
.deck-list__group-title::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  content: "";
  width: calc(250 * 100vw / 390);
  height: calc(3 * 100vw / 390);
  background: url(/ex/me/assets/images/deck_bg_listgroup_title-bez0sqz5.svg) 0 0/auto calc(3 * 100vw / 390) repeat-x;
}
.deck-list__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(4 * 100vw / 390);
}
.deck-list__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: calc(40 * 100vw / 390);
  padding: calc(3 * 100vw / 390) calc(3 * 100vw / 390) calc(3 * 100vw / 390) calc(5 * 100vw / 390);
  background: #ffffff;
  border-radius: calc(4 * 100vw / 390);
  letter-spacing: 0;
}
.deck-list__item-name {
  display: flex;
  align-items: center;
  font-size: calc(12 * 100vw / 390);
  font-weight: 900;
  white-space: nowrap;
}
.deck-list__item-name::before {
  content: "";
  display: inline-block;
  width: calc(9.41 * 100vw / 390);
  height: calc(9.41 * 100vw / 390);
  margin-right: calc(2 * 100vw / 390);
  background: url(/ex/me/assets/images/deck_bg_listname-o6h2u0am.svg) center center/100% auto no-repeat;
}
.deck-list__item-count {
  font-size: calc(9 * 100vw / 390);
  white-space: nowrap;
}
.deck-list__item-count::before {
  content: "";
  display: inline-block;
  transform: translateY(-0.5em);
  width: calc(13 * 100vw / 390);
  height: calc(4 * 100vw / 390);
  margin-right: calc(2 * 100vw / 390);
  background: url(/ex/me/assets/images/deck_bg_listcount-eeidos7n.svg) center center/100% auto no-repeat;
}
.deck-list__item-num {
  font-size: calc(20.19 * 100vw / 390);
  font-weight: 900;
  font-family: "Oswald", sans-serif;
}
.deck-list__group:last-child .deck-list__item {
  grid-column: 1/-1;
}

@media screen and (min-width: 769px) {
  .deck__inner {
    grid-template: "product ... desc"/min(456 * 100vw / 1440, 28.5rem) min(48.45 * 100vw / 1440, 3.028125rem) 1fr;
    align-items: center;
    width: min(1032 * 100vw / 1440, 64.5rem);
    margin-left: min(106 * 100vw / 1440, 6.625rem);
  }
  .deck__product {
    width: auto;
  }
  .deck__desc {
    width: auto;
    font-size: min(32 * 100vw / 1440, 2rem);
  }
  .deck__cards {
    margin-top: min(54 * 100vw / 1440, 3.375rem);
  }
  .deck__cards-title {
    width: min(373 * 100vw / 1440, 23.3125rem);
    margin-bottom: min(15 * 100vw / 1440, 0.9375rem);
  }
  .deck__cards-list {
    width: min(844 * 100vw / 1440, 52.75rem);
    margin-left: 50%;
    transform: translateX(calc(-50% + min(12 * 100vw / 1440, 0.75rem) * -1));
    gap: min(20 * 100vw / 1440, 1.25rem);
  }
  .deck__cards-item {
    width: min(240 * 100vw / 1440, 15rem);
  }
  .deck__cards-item:last-child {
    transform: none;
    width: min(240 * 100vw / 1440, 15rem);
    margin-left: auto;
  }
  .deck__cards-image {
    width: min(240 * 100vw / 1440, 15rem);
    margin-bottom: min(10 * 100vw / 1440, 0.625rem);
  }
  .deck__cards-name {
    width: min(188 * 100vw / 1440, 11.75rem);
  }
  .deck__cards-badge {
    left: max(-3.1944444444vw, -2.875rem);
    top: max(-12.0138888889vw, -10.8125rem);
    transform: none;
    width: min(445 * 100vw / 1440, 27.8125rem);
  }
  .deck-list {
    margin-top: min(57 * 100vw / 1440, 3.5625rem);
  }
  .deck-list__inner {
    position: relative;
    flex-direction: row;
    gap: min(5.75 * 100vw / 1440, 0.359375rem);
    align-items: flex-start;
    width: min(1070 * 100vw / 1440, 66.875rem);
  }
  .deck-list__inner::after {
    position: absolute;
    right: min(53.82 * 100vw / 1440, 3.36375rem);
    bottom: min(57 * 100vw / 1440, 3.5625rem);
    content: "";
    width: min(182.5 * 100vw / 1440, 11.40625rem);
    height: min(152.5 * 100vw / 1440, 9.53125rem);
    background: url(/ex/me/assets/images/deck_bg_listinner-djyph7uk.png) 0 0/100% auto no-repeat;
  }
  .deck-list__title {
    width: min(875 * 100vw / 1440, 54.6875rem);
    margin-bottom: min(18 * 100vw / 1440, 1.125rem);
  }
  .deck-list__group {
    padding: min(20 * 100vw / 1440, 1.25rem) min(10 * 100vw / 1440, 0.625rem) min(10 * 100vw / 1440, 0.625rem);
    background-size: min(14 * 100vw / 1440, 0.875rem) auto;
    border-radius: min(20 * 100vw / 1440, 1.25rem) min(20 * 100vw / 1440, 1.25rem) 0 0;
  }
  .deck-list__group:nth-child(1) .deck-list__group-title img {
    width: min(131 * 100vw / 1440, 8.1875rem);
  }
  .deck-list__group:nth-child(1) {
    width: min(370 * 100vw / 1440, 23.125rem);
  }
  .deck-list__group:nth-child(2) .deck-list__group-title img {
    width: min(196 * 100vw / 1440, 12.25rem);
  }
  .deck-list__group:nth-child(2) {
    width: min(370 * 100vw / 1440, 23.125rem);
  }
  .deck-list__group:nth-child(3) .deck-list__group-title img {
    width: min(166 * 100vw / 1440, 10.375rem);
  }
  .deck-list__group:nth-child(3) {
    flex: 1;
  }
  .deck-list__group-title {
    height: min(50 * 100vw / 1440, 3.125rem);
    margin-bottom: min(16 * 100vw / 1440, 1rem);
    padding-bottom: min(16 * 100vw / 1440, 1rem);
  }
  .deck-list__group-title::after {
    width: min(300 * 100vw / 1440, 18.75rem);
    height: min(4 * 100vw / 1440, 0.25rem);
    background-size: auto min(4 * 100vw / 1440, 0.25rem);
  }
  .deck-list__group:nth-child(3) .deck-list__group-title::after {
    width: min(260 * 100vw / 1440, 16.25rem);
  }
  .deck-list__items {
    gap: min(4 * 100vw / 1440, 0.25rem) min(5 * 100vw / 1440, 0.3125rem);
  }
  .deck-list__item {
    min-height: min(48 * 100vw / 1440, 3rem);
    padding: min(6 * 100vw / 1440, 0.375rem);
    border-radius: min(4 * 100vw / 1440, 0.25rem);
  }
  .deck-list__item-name {
    font-size: min(15 * 100vw / 1440, 0.9375rem);
  }
  .deck-list__item-name::before {
    width: min(11.23 * 100vw / 1440, 0.701875rem);
    height: min(11.23 * 100vw / 1440, 0.701875rem);
    margin-right: min(2 * 100vw / 1440, 0.125rem);
  }
  .deck-list__item-name.small {
    font-size: min(12 * 100vw / 1440, 0.75rem);
  }
  .deck-list__item-count {
    font-size: min(10 * 100vw / 1440, 0.625rem);
  }
  .deck-list__item-count::before {
    width: min(18 * 100vw / 1440, 1.125rem);
    height: min(4 * 100vw / 1440, 0.25rem);
    margin-right: min(2 * 100vw / 1440, 0.125rem);
  }
  .deck-list__item-num {
    font-size: min(24.19 * 100vw / 1440, 1.511875rem);
  }
}
.battle__title {
  text-align: center;
}
.battle__title img {
  width: calc(254 * 100vw / 390);
}
.battle__set-title {
  width: calc(288 * 100vw / 390);
  margin: calc(32 * 100vw / 390) auto calc(10 * 100vw / 390);
}
.battle__set {
  display: grid;
  grid-template: "image" "...." calc(14 * 100vw / 390) "body";
}
.battle__set-image {
  grid-area: image;
  width: calc(310 * 100vw / 390);
  margin-inline: auto;
}
.battle__set-body {
  grid-area: body;
}
.battle__set-desc {
  width: calc(310 * 100vw / 390);
  margin-inline: auto;
  font-size: calc(19 * 100vw / 390);
  font-weight: 900;
}
.battle__set-notes {
  width: calc(310 * 100vw / 390);
  margin: calc(14 * 100vw / 390) auto 0;
  line-height: 1.2;
  font-size: calc(13 * 100vw / 390);
  font-weight: 900;
}
.battle__set-notes li {
  display: flex;
}
.battle__set-notes li::before {
  content: "※";
  display: inline-block;
}
.battle__set-notes li + li {
  margin-top: calc(6 * 100vw / 390);
}
.battle__detail {
  display: grid;
  grid-template: "item-1 item-2" "...... ......" calc(7 * 100vw / 390) "item-3 item-4"/50% 50%;
  width: calc(310 * 100vw / 390);
  margin: calc(28 * 100vw / 390) auto 0;
}
.battle__detail-item {
  position: relative;
  z-index: 1;
  min-height: calc(237 * 100vw / 390);
}
.battle__detail-item::after {
  position: absolute;
  top: 0;
  z-index: -1;
  content: "";
  width: calc(179 * 100vw / 390);
  height: calc(237 * 100vw / 390);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.battle__detail-item--1 {
  grid-area: item-1;
  padding: calc(134 * 100vw / 390) 0 0 calc(10 * 100vw / 390);
}
.battle__detail-item--1 .battle__detail-image {
  top: calc(9 * 100vw / 390);
  left: calc(-10 * 100vw / 390);
  width: calc(149 * 100vw / 390);
}
.battle__detail-item--1 .battle__detail-title {
  width: calc(92 * 100vw / 390);
}
.battle__detail-item--1 .battle__detail-text {
  width: calc(151 * 100vw / 390);
}
.battle__detail-item--1:after {
  left: 0;
}
.choose__panel--ylw .battle__detail-item--1:after {
  background-image: url(/ex/me/assets/images/battle_detail_bg-1-ylw_sp-d9x4ycwo.png);
}
.choose__panel--blu .battle__detail-item--1:after {
  background-image: url(/ex/me/assets/images/battle_detail_bg-1-blu_sp-l82saqss.png);
}
.choose__panel--grn .battle__detail-item--1:after {
  background-image: url(/ex/me/assets/images/battle_detail_bg-1-grn_sp-npen68av.png);
}
.battle__detail-item--2 {
  z-index: 2;
  grid-area: item-2;
  padding: calc(14 * 100vw / 390) calc(10 * 100vw / 390) 0 0;
}
.battle__detail-item--2 .battle__detail-image {
  bottom: calc(-12.51 * 100vw / 390);
  right: calc(1.48 * 100vw / 390);
  width: calc(110 * 100vw / 390);
}
.battle__detail-item--2 .battle__detail-title {
  transform: translateX(calc(-6 * 100vw / 390));
  width: calc(150 * 100vw / 390);
  margin-left: auto;
  margin-bottom: calc(18 * 100vw / 390);
}
.battle__detail-item--2 .battle__detail-text {
  width: calc(113 * 100vw / 390);
  margin-left: calc(21 * 100vw / 390);
}
.battle__detail-item--2:after {
  right: 0;
}
.choose__panel--ylw .battle__detail-item--2:after {
  background-image: url(/ex/me/assets/images/battle_detail_bg-2-ylw_sp-pdp593ek.png);
}
.choose__panel--blu .battle__detail-item--2:after {
  background-image: url(/ex/me/assets/images/battle_detail_bg-2-blu_sp-hmruq6zk.png);
}
.choose__panel--grn .battle__detail-item--2:after {
  background-image: url(/ex/me/assets/images/battle_detail_bg-2-grn_sp-oov7as83.png);
}
.battle__detail-item--3 {
  grid-area: item-3;
  padding: calc(99 * 100vw / 390) 0 0 calc(8 * 100vw / 390);
}
.battle__detail-item--3 .battle__detail-image {
  top: calc(-15 * 100vw / 390);
  left: calc(-14 * 100vw / 390);
  width: calc(94 * 100vw / 390);
}
.battle__detail-item--3 .battle__detail-title {
  width: calc(136 * 100vw / 390);
}
.battle__detail-item--3 .battle__detail-text {
  width: calc(145 * 100vw / 390);
}
.battle__detail-item--3:after {
  left: 0;
}
.choose__panel--ylw .battle__detail-item--3:after {
  background-image: url(/ex/me/assets/images/battle_detail_bg-3-ylw_sp-eafxnbtx.png);
}
.choose__panel--blu .battle__detail-item--3:after {
  background-image: url(/ex/me/assets/images/battle_detail_bg-3-blu_sp-okmby3qf.png);
}
.choose__panel--grn .battle__detail-item--3:after {
  background-image: url(/ex/me/assets/images/battle_detail_bg-3-grn_sp-ec5bf920.png);
}
.battle__detail-item--4 {
  grid-area: item-4;
  padding: calc(10.63 * 100vw / 390) 0 0 0;
}
.battle__detail-item--4 .battle__detail-image {
  bottom: calc(-33 * 100vw / 390);
  right: calc(8 * 100vw / 390);
  width: calc(110 * 100vw / 390);
}
.battle__detail-item--4 .battle__detail-title {
  transform: translateX(calc(-10 * 100vw / 390));
  width: calc(157 * 100vw / 390);
  margin-bottom: calc(10 * 100vw / 390);
}
.battle__detail-item--4 .battle__detail-text {
  padding-left: calc(23 * 100vw / 390);
  width: calc(141 * 100vw / 390);
}
.battle__detail-item--4:after {
  right: 0;
}
.choose__panel--ylw .battle__detail-item--4:after {
  background-image: url(/ex/me/assets/images/battle_detail_bg-4-ylw_sp-bsykrpfc.png);
}
.choose__panel--blu .battle__detail-item--4:after {
  background-image: url(/ex/me/assets/images/battle_detail_bg-4-blu_sp-nj4gahar.png);
}
.choose__panel--grn .battle__detail-item--4:after {
  background-image: url(/ex/me/assets/images/battle_detail_bg-4-grn_sp-d9rco21j.png);
}
.battle__detail-image {
  position: absolute;
}
.battle__detail-title {
  margin-bottom: calc(12 * 100vw / 390);
}
.battle__card-title {
  width: calc(310 * 100vw / 390);
  margin: calc(69 * 100vw / 390) auto calc(24 * 100vw / 390);
}
.battle__card-image {
  width: calc(303 * 100vw / 390);
  margin-inline: auto;
}

@media screen and (min-width: 769px) {
  .battle__title img {
    width: min(725 * 100vw / 1440, 45.3125rem);
  }
  .battle__set-title {
    width: min(741 * 100vw / 1440, 46.3125rem);
    margin: min(54.4 * 100vw / 1440, 3.4rem) auto min(32 * 100vw / 1440, 2rem);
  }
  .battle__set {
    grid-template: "image ... body"/min(507 * 100vw / 1440, 31.6875rem) min(44 * 100vw / 1440, 2.75rem) 1fr;
    align-items: center;
    width: min(1145 * 100vw / 1440, 71.5625rem);
    margin-inline: auto;
  }
  .battle__set-image {
    width: auto;
  }
  .battle__set-desc {
    width: auto;
    margin: 0 0 min(10 * 100vw / 1440, 0.625rem);
    font-size: min(32 * 100vw / 1440, 2rem);
  }
  .battle__set-notes {
    width: auto;
    margin-top: 0;
    font-size: min(16 * 100vw / 1440, 1rem);
    line-height: 1.5;
  }
  .battle__set-notes li + li {
    margin-top: 0;
  }
  .battle__detail {
    grid-template: "item-1 item-2 item-3" min(231 * 100vw / 1440, 14.4375rem) "item-1 item-2 ......" min(13.31 * 100vw / 1440, 0.831875rem) "item-1 item-2 item-4" min(251 * 100vw / 1440, 15.6875rem)/min(321 * 100vw / 1440, 20.0625rem) min(364 * 100vw / 1440, 22.75rem) 1fr;
    width: min(1070 * 100vw / 1440, 66.875rem);
    margin-top: min(34 * 100vw / 1440, 2.125rem);
  }
  .battle__detail-item {
    min-height: 0;
  }
  .battle__detail-item--1 {
    padding: min(315.69 * 100vw / 1440, 19.730625rem) 0 0 min(43 * 100vw / 1440, 2.6875rem);
  }
  .battle__detail-item--1 .battle__detail-image {
    top: min(35.69 * 100vw / 1440, 2.230625rem);
    left: max(-3.1673611111vw, -2.850625rem);
    width: min(310 * 100vw / 1440, 19.375rem);
  }
  .battle__detail-item--1 .battle__detail-title {
    width: min(170 * 100vw / 1440, 10.625rem);
    margin-bottom: min(18 * 100vw / 1440, 1.125rem);
  }
  .battle__detail-item--1 .battle__detail-text {
    width: min(269 * 100vw / 1440, 16.8125rem);
  }
  .battle__detail-item--1:after {
    width: min(374 * 100vw / 1440, 23.375rem);
    height: min(498 * 100vw / 1440, 31.125rem);
  }
  .choose__panel--ylw .battle__detail-item--1:after {
    background-image: url(/ex/me/assets/images/battle_detail_bg-1-ylw-hmj750rl.png);
  }
  .choose__panel--blu .battle__detail-item--1:after {
    background-image: url(/ex/me/assets/images/battle_detail_bg-1-blu-bfdkn0sz.png);
  }
  .choose__panel--grn .battle__detail-item--1:after {
    background-image: url(/ex/me/assets/images/battle_detail_bg-1-grn-bgfnxumd.png);
  }
  .battle__detail-item--2 {
    padding: min(28.69 * 100vw / 1440, 1.793125rem) 0 0 0;
  }
  .battle__detail-item--2 .battle__detail-image {
    bottom: max(-2.6868055556vw, -2.418125rem);
    right: min(41 * 100vw / 1440, 2.5625rem);
    width: min(256 * 100vw / 1440, 16rem);
  }
  .battle__detail-item--2 .battle__detail-title {
    transform: none;
    width: min(269 * 100vw / 1440, 16.8125rem);
    margin-left: 0;
    margin-bottom: min(18 * 100vw / 1440, 1.125rem);
  }
  .battle__detail-item--2 .battle__detail-text {
    width: min(286 * 100vw / 1440, 17.875rem);
    margin-left: min(32 * 100vw / 1440, 2rem);
  }
  .battle__detail-item--2:after {
    top: 0;
    left: max(-3.3333333333vw, -3rem);
    width: min(413 * 100vw / 1440, 25.8125rem);
    height: min(498 * 100vw / 1440, 31.125rem);
  }
  .choose__panel--ylw .battle__detail-item--2:after {
    background-image: url(/ex/me/assets/images/battle_detail_bg-2-ylw-ktte6nfc.png);
  }
  .choose__panel--blu .battle__detail-item--2:after {
    background-image: url(/ex/me/assets/images/battle_detail_bg-2-blu-n1ss94a3.png);
  }
  .choose__panel--grn .battle__detail-item--2:after {
    background-image: url(/ex/me/assets/images/battle_detail_bg-2-grn-czrdk6ia.png);
  }
  .battle__detail-item--3 {
    padding: min(24 * 100vw / 1440, 1.5rem) 0 0 min(22 * 100vw / 1440, 1.375rem);
  }
  .battle__detail-item--3 .battle__detail-image {
    top: max(-0.7423611111vw, -0.668125rem);
    right: max(-3.3708333333vw, -3.03375rem);
    left: auto;
    width: min(133 * 100vw / 1440, 8.3125rem);
  }
  .battle__detail-item--3 .battle__detail-title {
    width: min(267 * 100vw / 1440, 16.6875rem);
    margin-bottom: min(20 * 100vw / 1440, 1.25rem);
  }
  .battle__detail-item--3 .battle__detail-text {
    width: min(262 * 100vw / 1440, 16.375rem);
  }
  .battle__detail-item--3:after {
    top: 0;
    right: 0;
    left: auto;
    width: min(397 * 100vw / 1440, 24.8125rem);
    height: min(231 * 100vw / 1440, 14.4375rem);
  }
  .choose__panel--ylw .battle__detail-item--3:after {
    background-image: url(/ex/me/assets/images/battle_detail_bg-3-ylw-jv40841y.png);
  }
  .choose__panel--blu .battle__detail-item--3:after {
    background-image: url(/ex/me/assets/images/battle_detail_bg-3-blu-je3hxa79.png);
  }
  .choose__panel--grn .battle__detail-item--3:after {
    background-image: url(/ex/me/assets/images/battle_detail_bg-3-grn-g7gm8zec.png);
  }
  .battle__detail-item--4 {
    padding: min(18.69 * 100vw / 1440, 1.168125rem) 0 0 0;
  }
  .battle__detail-item--4 .battle__detail-image {
    top: max(-0.4861111111vw, -0.4375rem);
    bottom: auto;
    right: max(-4.1666666667vw, -3.75rem);
    width: min(163 * 100vw / 1440, 10.1875rem);
  }
  .battle__detail-item--4 .battle__detail-title {
    transform: none;
    width: min(302 * 100vw / 1440, 18.875rem);
    margin-bottom: min(18 * 100vw / 1440, 1.125rem);
  }
  .battle__detail-item--4 .battle__detail-text {
    width: min(341 * 100vw / 1440, 21.3125rem);
    padding-left: 0;
  }
  .battle__detail-item--4:after {
    bottom: 0;
    right: 0;
    width: min(426 * 100vw / 1440, 26.625rem);
    height: min(251 * 100vw / 1440, 15.6875rem);
  }
  .choose__panel--ylw .battle__detail-item--4:after {
    background-image: url(/ex/me/assets/images/battle_detail_bg-4-ylw-cqjvflpu.png);
  }
  .choose__panel--blu .battle__detail-item--4:after {
    background-image: url(/ex/me/assets/images/battle_detail_bg-4-blu-etgwes06.png);
  }
  .choose__panel--grn .battle__detail-item--4:after {
    background-image: url(/ex/me/assets/images/battle_detail_bg-4-grn-eat7c71g.png);
  }
  .battle__detail-title {
    margin-bottom: min(14 * 100vw / 1440, 0.875rem);
  }
  .battle__card-title {
    width: min(753 * 100vw / 1440, 47.0625rem);
    margin: min(81.69 * 100vw / 1440, 5.105625rem) auto min(32 * 100vw / 1440, 2rem);
  }
  .battle__card-image {
    width: min(642 * 100vw / 1440, 40.125rem);
  }
}
.pickup {
  position: relative;
  display: grid;
  grid-template: "card" "...." calc(7 * 100vw / 390) "body";
  width: calc(312 * 100vw / 390);
  margin: calc(79 * 100vw / 390) auto 0;
  padding: calc(31 * 100vw / 390) calc(20 * 100vw / 390);
  background: url(/ex/me/assets/images/pickup_bg_dot-o2mhdfbg.png) 0 0/calc(13 * 100vw / 390) auto repeat;
  border-radius: calc(20 * 100vw / 390);
}
.pickup__badge {
  position: absolute;
  top: calc(-67.46 * 100vw / 390);
  right: calc(4 * 100vw / 390);
  transform: rotate(11deg);
  width: calc(129 * 100vw / 390);
  height: calc(129 * 100vw / 390);
}
.pickup__card {
  position: relative;
  z-index: 1;
  grid-area: card;
  width: calc(178 * 100vw / 390);
  margin-inline: auto;
}
.pickup__body {
  grid-area: body;
}
.pickup__title {
  width: calc(265 * 100vw / 390);
  margin-bottom: calc(4 * 100vw / 390);
}
.pickup__text {
  font-size: calc(17 * 100vw / 390);
  font-weight: 900;
}

@media screen and (min-width: 769px) {
  .pickup {
    grid-template: "card .... body"/min(263 * 100vw / 1440, 16.4375rem) min(43 * 100vw / 1440, 2.6875rem) 1fr;
    width: min(1000 * 100vw / 1440, 62.5rem);
    margin: min(60 * 100vw / 1440, 3.75rem) auto 0;
    padding: min(39 * 100vw / 1440, 2.4375rem) min(77 * 100vw / 1440, 4.8125rem);
    background-size: min(24 * 100vw / 1440, 1.5rem) auto;
    border-radius: min(20 * 100vw / 1440, 1.25rem);
  }
  .pickup__badge {
    top: max(-6.8055555556vw, -6.125rem);
    right: auto;
    left: max(-2.6388888889vw, -2.375rem);
    transform: rotate(-11deg);
    width: min(231 * 100vw / 1440, 14.4375rem);
    height: min(214 * 100vw / 1440, 13.375rem);
  }
  .pickup__card {
    width: min(263 * 100vw / 1440, 16.4375rem);
    margin-left: min(10 * 100vw / 1440, 0.625rem);
  }
  .pickup__title {
    width: min(528 * 100vw / 1440, 33rem);
    margin: min(85 * 100vw / 1440, 5.3125rem) 0 min(19 * 100vw / 1440, 1.1875rem);
  }
  .pickup__text {
    font-size: min(26 * 100vw / 1440, 1.625rem);
  }
}
.play {
  position: relative;
  padding: calc(60 * 100vw / 390) 0;
}
.play::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  content: "";
  width: calc(350 * 100vw / 390);
  height: calc(4 * 100vw / 390);
  background: #6b4415;
}
.play__title {
  text-align: center;
}
.play__title img {
  width: calc(258 * 100vw / 390);
}
.play__title--small-1 img {
  width: calc(249 * 100vw / 390);
}
.play__title--small-2 img {
  width: calc(279 * 100vw / 390);
}
.play__title--small-3 img {
  width: calc(221 * 100vw / 390);
}
.play__title--small-4 {
  text-align: center;
}
.play__title--small-4 img {
  width: calc(327 * 100vw / 390);
}
.play__iframe {
  position: relative;
  width: calc(344 * 100vw / 390);
  margin-inline: auto;
  aspect-ratio: 16/9;
}
.play__iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: calc(10 * 100vw / 390);
}
.play__eventlist {
  display: flex;
  flex-direction: column;
  gap: calc(20 * 100vw / 390);
  justify-content: center;
  align-items: center;
  width: calc(350 * 100vw / 390);
  margin-inline: auto;
}
.play__banner {
  width: calc(350 * 100vw / 390);
  margin: 0 auto calc(20 * 100vw / 390);
}
.play__desc {
  margin-bottom: calc(20 * 100vw / 390);
  padding: 0 calc(26 * 100vw / 390);
  font-size: calc(20 * 100vw / 390);
  font-weight: bold;
}

@media screen and (min-width: 769px) {
  .play {
    padding: min(80 * 100vw / 1440, 5rem) 0 min(76 * 100vw / 1440, 4.75rem);
  }
  .play::after {
    width: min(1244 * 100vw / 1440, 77.75rem);
    height: min(8 * 100vw / 1440, 0.5rem);
  }
  .play__title img {
    width: min(684 * 100vw / 1440, 42.75rem);
  }
  .play__title--small-1 img {
    width: min(525 * 100vw / 1440, 32.8125rem);
  }
  .play__title--small-2 img {
    width: min(699 * 100vw / 1440, 43.6875rem);
  }
  .play__title--small-3 img {
    width: min(531 * 100vw / 1440, 33.1875rem);
  }
  .play__title--small-4 img {
    width: min(590 * 100vw / 1440, 36.875rem);
  }
  .play__iframe {
    width: min(1120 * 100vw / 1440, 70rem);
  }
  .play__iframe iframe {
    border-radius: min(20 * 100vw / 1440, 1.25rem);
  }
  .play__eventlist {
    flex-direction: row;
    align-items: start;
    gap: min(40 * 100vw / 1440, 2.5rem);
    width: min(1150 * 100vw / 1440, 71.875rem);
  }
  .play__eventlist-item--2 {
    margin-top: min(53 * 100vw / 1440, 3.3125rem);
  }
  .play__eventlist-title {
    padding-bottom: min(21 * 100vw / 1440, 1.3125rem);
    background-size: auto min(4 * 100vw / 1440, 0.25rem);
  }
  .play__banner {
    width: min(944 * 100vw / 1440, 59rem);
    margin-bottom: min(30 * 100vw / 1440, 1.875rem);
  }
  .play__desc {
    max-width: min(962 * 100vw / 1440, 60.125rem);
    margin: 0 auto min(40 * 100vw / 1440, 2.5rem);
    padding: 0;
    font-size: min(28 * 100vw / 1440, 1.75rem);
  }
  .play__desc--right {
    text-align: right;
  }
  .play__desc--right > span {
    display: inline-block;
    text-align: left;
  }
}
.product {
  padding: 0 calc(20 * 100vw / 390);
}
.product__title {
  width: calc(159 * 100vw / 390);
  margin: 0 auto calc(18 * 100vw / 390);
  padding-top: calc(60 * 100vw / 390);
}
.product__cards {
  display: flex;
  flex-direction: column;
  gap: calc(16 * 100vw / 390);
}
.product__card {
  display: grid;
  grid-template: "img" "..." calc(22 * 100vw / 390) "body" "btn";
  padding: calc(38 * 100vw / 390) calc(20 * 100vw / 390);
  background: url(/ex/me/assets/images/bg_content_dot-2-gzlpno6e.png) repeat 0 0/calc(16 * 100vw / 390) auto;
  border-radius: calc(20 * 100vw / 390);
}
.product__card-img {
  grid-area: img;
  justify-self: center;
  width: calc(178 * 100vw / 390);
}
.product__card-body {
  grid-area: body;
}
.product__card-name {
  position: relative;
  margin-bottom: calc(21 * 100vw / 390);
  margin-left: calc(8 * 100vw / 390);
  padding-left: calc(14 * 100vw / 390);
  font-size: calc(22 * 100vw / 390);
  font-weight: 900;
  line-height: 1.2;
}
.product__card-name::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: calc(6 * 100vw / 390);
  height: 100%;
  margin-bottom: calc(22 * 100vw / 390);
}
.product__card-ylw .product__card-name::before {
  background: #ffa844;
}
.product__card-blu .product__card-name::before {
  background: #5581b6;
}
.product__card-grn .product__card-name::before {
  background: #4ec36b;
}
.product__card-info {
  margin: 0 0 calc(22 * 100vw / 390) calc(10 * 100vw / 390);
  font-weight: bold;
}
.product__card-info-row {
  display: flex;
  align-items: center;
  gap: calc(18 * 100vw / 390);
  line-height: 1.5;
}
.product__card-info-row.items-start {
  align-items: flex-start;
}
.product__card-info-row dt {
  white-space: nowrap;
}
.product__card-info-row:last-child dd {
  font-size: calc(14 * 100vw / 390);
}
.product__card-num {
  font-size: calc(26 * 100vw / 390);
  font-family: "Oswald", sans-serif;
}
.product__card-btn {
  grid-area: btn;
  justify-self: center;
}

@media screen and (min-width: 769px) {
  .product__title {
    width: min(265 * 100vw / 1440, 16.5625rem);
    margin-bottom: min(32 * 100vw / 1440, 2rem);
    padding-top: min(80 * 100vw / 1440, 5rem);
  }
  .product__cards {
    width: min(1232 * 100vw / 1440, 77rem);
    gap: min(32 * 100vw / 1440, 2rem);
    margin-inline: auto;
  }
  .product__card {
    grid-template: "img ... body" "btn btn btn"/min(324 * 100vw / 1440, 20.25rem) min(62 * 100vw / 1440, 3.875rem) 1fr;
    padding: min(62 * 100vw / 1440, 3.875rem) min(50 * 100vw / 1440, 3.125rem);
    background-size: min(16 * 100vw / 1440, 1rem) auto;
    border-radius: min(40 * 100vw / 1440, 2.5rem);
  }
  .product__card-img {
    width: min(324 * 100vw / 1440, 20.25rem);
  }
  .product__card-name {
    margin-left: 0;
    margin-bottom: min(16 * 100vw / 1440, 1rem);
    padding-left: min(39 * 100vw / 1440, 2.4375rem);
    font-size: min(32 * 100vw / 1440, 2rem);
    line-height: 1.4;
  }
  .product__card-name::before {
    width: min(15 * 100vw / 1440, 0.9375rem);
  }
  .product__card-info {
    display: grid;
    row-gap: min(6 * 100vw / 1440, 0.375rem);
    grid-template-columns: 1fr 1fr;
    margin-left: 0;
    margin-bottom: min(12 * 100vw / 1440, 0.75rem);
    font-size: min(22 * 100vw / 1440, 1.375rem);
  }
  .product__card-info-row {
    gap: min(18 * 100vw / 1440, 1.125rem);
  }
  .product__card-info-row:last-child {
    grid-column: 1/-1;
  }
  .product__card-info-row:last-child dd {
    font-size: min(20 * 100vw / 1440, 1.25rem);
  }
  .product__card-num {
    font-size: min(36 * 100vw / 1440, 2.25rem);
  }
  .product__card-note + .product__card-note {
    margin-top: min(6 * 100vw / 1440, 0.375rem);
  }
}
.modal-detail {
  position: fixed;
  inset: 0;
  z-index: 9000;
  overflow-y: auto;
  display: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
  text-align: left;
  padding: calc(90 * 100vw / 390) calc(20 * 100vw / 390) calc(115 * 100vw / 390);
}
.modal-detail::before {
  content: "";
  display: block;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(58, 34, 11, 0.7);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}
.modal-detail.is-open {
  display: block;
  opacity: 1;
  pointer-events: auto;
}
.modal-detail__window {
  position: relative;
  z-index: 10;
  width: calc(351 * 100vw / 390);
  margin: 0 auto;
  padding: calc(40 * 100vw / 390) 0;
  border: calc(3 * 100vw / 390) solid #6b4415;
  border-radius: calc(20 * 100vw / 390);
}
.modal-detail__button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  position: relative;
  display: block;
  width: calc(267 * 100vw / 390);
  margin: calc(32 * 100vw / 390) auto 0;
}
.modal-detail__button__image {
  display: block;
}
.modal-detail__button__image img {
  display: block;
  width: 100%;
  height: auto;
}
.modal-detail__button__image--default {
  opacity: 1;
  transition: opacity 0.25s ease;
}
.modal-detail__button__image--hover {
  display: none;
}
.modal-detail__close {
  position: absolute;
  top: calc(-14 * 100vw / 390);
  right: calc(-16 * 100vw / 390);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  width: calc(51 * 100vw / 390);
  height: calc(51 * 100vw / 390);
  z-index: 2;
}
.modal-detail__close__image {
  display: block;
}
.modal-detail__close__image img {
  display: block;
  width: 100%;
  height: auto;
}
.modal-detail__close__image--default {
  opacity: 1;
  transition: opacity 0.25s ease;
}
.modal-detail__close__image--hover {
  display: none;
}
.modal-detail__inner {
  display: grid;
  grid-template: "image" "....." calc(32 * 100vw / 390) "body";
  justify-items: center;
}
.modal-detail__image {
  grid-area: image;
}
.modal-detail__body {
  grid-area: body;
}
.modal-detail__name {
  font-size: calc(24 * 100vw / 390);
  font-weight: 900;
}
.modal-detail__name::before {
  content: "";
  display: inline-block;
  width: calc(27 * 100vw / 390);
  height: calc(27 * 100vw / 390);
  margin-right: calc(10 * 100vw / 390);
  background: url(/ex/me/assets/images/ico-ball-fgi5r6vp.svg) 0 0/contain no-repeat;
  vertical-align: middle;
}
.modal-detail__text {
  width: calc(310 * 100vw / 390);
  font-size: calc(17 * 100vw / 390);
  font-weight: 900;
  line-height: 1.428;
}
.modal-detail .cardlist {
  display: grid;
  justify-items: center;
  align-items: end;
  margin-inline: auto;
  text-align: center;
}
.modal-detail .cardlist__item {
  display: grid;
  justify-content: center;
}
.modal-detail .cardlist__item--1 {
  grid-area: item-1;
  width: calc(200 * 100vw / 390);
}
.modal-detail .cardlist__item--2 {
  grid-area: item-2;
}
.modal-detail .cardlist__item--3 {
  grid-area: item-3;
}
.modal-detail .cardlist--2col {
  grid-template: "item-1" "......" calc(86 * 100vw / 390) "item-2";
  justify-content: center;
  width: calc(200 * 100vw / 390);
}
.modal-detail .cardlist--2col .cardlist__item--2 {
  position: relative;
}
.modal-detail .cardlist--2col .cardlist__item--2 .cardlist__item-image {
  width: calc(140 * 100vw / 390);
}
.modal-detail .cardlist--2col .cardlist__item--2 .cardlist__evolve {
  position: absolute;
  left: calc(-71 * 100vw / 390);
  top: calc(-57 * 100vw / 390);
  width: calc(84 * 100vw / 390);
  height: calc(75 * 100vw / 390);
}
.modal-detail .cardlist--2col .cardlist__item--2 .cardlist__evolve img {
  width: auto;
  max-height: 100%;
}
.modal-detail .cardlist--3col {
  grid-template: "item-1 item-1 item-1" "...... ...... ......" calc(86 * 100vw / 390) "item-2 ...... item-3"/calc(140 * 100vw / 390) calc(24.5 * 100vw / 390) 1fr;
  width: calc(284.5 * 100vw / 390);
}
.modal-detail .cardlist--3col .cardlist__item--2 {
  position: relative;
}
.modal-detail .cardlist--3col .cardlist__item--2 .cardlist__evolve {
  position: absolute;
  left: 0;
  top: calc(-86 * 100vw / 390);
  width: calc(84 * 100vw / 390);
  height: calc(75 * 100vw / 390);
}
.modal-detail .cardlist--3col .cardlist__item--2 .cardlist__evolve img {
  width: auto;
  max-height: 100%;
}
.modal-detail .cardlist--3col .cardlist__item--3 {
  position: relative;
}
.modal-detail .cardlist--3col .cardlist__item--3 .cardlist__evolve {
  position: absolute;
  left: calc(-14 * 100vw / 390);
  top: calc(-56 * 100vw / 390);
  width: calc(112 * 100vw / 390);
  height: calc(44 * 100vw / 390);
}
.modal-detail .cardlist .cardlist__item-image {
  margin-inline: auto;
}
.modal-detail .cardlist .modal-detail__name {
  margin-top: calc(12 * 100vw / 390);
  white-space: nowrap;
}

@media screen and (min-width: 769px) {
  .modal-detail {
    padding: min(120 * 100vw / 1440, 7.5rem) min(200 * 100vw / 1440, 12.5rem) min(193 * 100vw / 1440, 12.0625rem);
  }
  .modal-detail__window {
    width: min(840 * 100vw / 1440, 52.5rem);
    margin: min(40 * 100vw / 1440, 2.5rem) auto;
    padding: min(80 * 100vw / 1440, 5rem) min(70 * 100vw / 1440, 4.375rem);
    border-radius: min(40 * 100vw / 1440, 2.5rem);
    border-width: min(6 * 100vw / 1440, 0.375rem);
  }
  .modal-detail__button {
    width: min(305 * 100vw / 1440, 19.0625rem);
    margin-top: min(32 * 100vw / 1440, 2rem);
  }
  .modal-detail__button__image--hover {
    display: block;
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
  }
}
@media screen and (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .modal-detail__button:hover .modal-detail__button__image--default {
    opacity: 0;
  }
  .modal-detail__button:hover .modal-detail__button__image--hover {
    opacity: 1;
  }
}
@media screen and (min-width: 769px) {
  .modal-detail__close {
    top: max(-2.0833333333vw, -1.875rem);
    right: max(-1.9444444444vw, -1.75rem);
    width: min(83 * 100vw / 1440, 5.1875rem);
    height: min(83 * 100vw / 1440, 5.1875rem);
  }
  .modal-detail__close__image--hover {
    display: block;
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
  }
}
@media screen and (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .modal-detail__close:hover .modal-detail__close__image--default {
    opacity: 0;
  }
  .modal-detail__close:hover .modal-detail__close__image--hover {
    opacity: 1;
  }
}
@media screen and (min-width: 769px) {
  .modal-detail__inner {
    grid-template: "image" "....." min(32 * 100vw / 1440, 2rem) "body";
  }
  .modal-detail__name {
    font-size: min(38 * 100vw / 1440, 2.375rem);
  }
  .modal-detail__name::before {
    width: min(30 * 100vw / 1440, 1.875rem);
    height: min(30 * 100vw / 1440, 1.875rem);
    margin-right: min(10 * 100vw / 1440, 0.625rem);
  }
  .modal-detail__text {
    width: min(700 * 100vw / 1440, 43.75rem);
    font-size: min(24 * 100vw / 1440, 1.5rem);
    line-height: 1.333;
  }
  .modal-detail .cardlist__item {
    width: 100%;
  }
  .modal-detail .cardlist--2col {
    grid-template: "item-1 ...... item-2"/min(275 * 100vw / 1440, 17.1875rem) min(57 * 100vw / 1440, 3.5625rem) 1fr;
    width: min(547 * 100vw / 1440, 34.1875rem);
  }
  .modal-detail .cardlist--2col .cardlist__item--1 .cardlist__item-image {
    width: min(240 * 100vw / 1440, 15rem);
    margin-inline: auto;
  }
  .modal-detail .cardlist--2col .cardlist__item--2 .cardlist__evolve {
    left: max(-3.4722222222vw, -3.125rem);
    top: max(-5.2777777778vw, -4.75rem);
    width: min(151 * 100vw / 1440, 9.4375rem);
    height: min(70 * 100vw / 1440, 4.375rem);
  }
  .modal-detail .cardlist--2col .cardlist__item--2 .cardlist__item-image {
    width: min(196 * 100vw / 1440, 12.25rem);
  }
  .modal-detail .cardlist--3col {
    grid-template: "item-1 ...... item-2 ...... item-3"/min(228 * 100vw / 1440, 14.25rem) min(56 * 100vw / 1440, 3.5rem) min(196 * 100vw / 1440, 12.25rem) min(56 * 100vw / 1440, 3.5rem) 1fr;
    width: min(696 * 100vw / 1440, 43.5rem);
  }
  .modal-detail .cardlist--3col .cardlist__item--1 .cardlist__item-image {
    width: min(228 * 100vw / 1440, 14.25rem);
  }
  .modal-detail .cardlist--3col .cardlist__item--2 .cardlist__item-image {
    width: min(196 * 100vw / 1440, 12.25rem);
  }
  .modal-detail .cardlist--3col .cardlist__item--3 .cardlist__item-image {
    width: min(160 * 100vw / 1440, 10rem);
  }
  .modal-detail .cardlist--3col .cardlist__item--2 .cardlist__evolve,
  .modal-detail .cardlist--3col .cardlist__item--3 .cardlist__evolve {
    left: max(-3.4722222222vw, -3.125rem);
    top: max(-5.2777777778vw, -4.75rem);
    width: min(151 * 100vw / 1440, 9.4375rem);
    height: min(70 * 100vw / 1440, 4.375rem);
  }
  .modal-detail .cardlist .modal-detail__name {
    margin-top: min(24 * 100vw / 1440, 1.5rem);
  }
}
#cardModal-ylw-1 .modal-detail__image {
  width: calc(200 * 100vw / 390);
}
#cardModal-ylw-1 .modal-detail__name {
  margin-bottom: calc(24 * 100vw / 390);
}

@media screen and (min-width: 769px) {
  #cardModal-ylw-1 .modal-detail__inner {
    grid-template: "image ... body"/min(240 * 100vw / 1440, 15rem) min(47 * 100vw / 1440, 2.9375rem) 1fr;
    align-items: center;
  }
  #cardModal-ylw-1 .modal-detail__image {
    width: min(240 * 100vw / 1440, 15rem);
  }
  #cardModal-ylw-1 .modal-detail__name {
    margin-bottom: min(32 * 100vw / 1440, 2rem);
  }
  #cardModal-ylw-1 .modal-detail__text {
    width: min(412 * 100vw / 1440, 25.75rem);
  }
}
@media screen and (min-width: 769px) {
  #cardModal-grn-1 .cardlist__item--1 .modal-detail__name,
  #cardModal-grn-1 .cardlist__item--2 .modal-detail__name {
    letter-spacing: -0.05em;
  }
}