@charset "UTF-8";
#App__temp__pt_maijan {
  display: contents;
}

.pt_maijan__content_right {
  background-color: #f2eee1;
  padding: 0.8rem 0;
  height: 19.5rem;
}
.pt_maijan__content_right--index {
  text-align: center;
  font-size: var(--SN-Contents-Body-S-Font-size, 1.4rem);
  line-height: var(--SN-Line-height-L);
  letter-spacing: 0.28px;
  font-weight: var(--SN-Font-weight-Bd);
  margin: 0;
}
.pt_maijan__content_right--txt {
  text-align: center;
  font-size: var(--SN-Font-size-5);
  font-weight: 400;
  line-height: var(--SN-Line-height-L);
  letter-spacing: 0.24px;
}
.pt_maijan__content_right--limit {
  text-align: center;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: var(--SN-Line-height-S);
  letter-spacing: 0.24px;
}
.pt_maijan__rallymap {
  margin: 0.4rem auto;
}

@media screen and (max-width: 599px) {
  .maijan-result__content .pt_maijan__content_right {
    margin: 2.4rem auto;
  }
}

main #App__maijan_result .pt_maijan {
  width: 30rem;
}
.maijanRally {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  height: 11.8rem;
  width: 100%;
  overflow: hidden;
  max-width: 30rem;
  margin: 0.4rem auto;
}

.maijanRally__stage_container {
  display: flex;
  justify-content: center;
  position: relative;
  overflow: scroll;
  cursor: -webkit-grab;
  cursor: grab;
  width: 100%;
  height: 100%;
  scrollbar-width: none;
}
.maijanRally__stage_container::-webkit-scrollbar {
  display: none;
}

.maijanRally__stage {
  height: var(--rally_view__background-height);
  overflow: hidden;
  background-image: var(--rally_view__background-image);
  background-color: rgba(255, 255, 255, 0.01);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 85%;
  background-color: rgba(255, 255, 255, 0.01);
  background-position: top;
  background-repeat: no-repeat;
}

.maijanRally__character {
  position: absolute;
  top: var(--rally_view__position--cy);
  left: var(--rally_view__position--cx);
  width: var(--rally_view__character--width);
  height: var(--rally_view__character--height);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 11;
}
.maijanRally__character span {
  display: block;
  max-width: 8.2rem;
  max-height: 18.8rem;
  width: 100%;
  height: 100%;
  background-image: var(--rally_view__characterimage--default);
  background-color: rgba(255, 255, 255, 0.01);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-position: center top;
}
.maijanRally____next.maijanRally--3 .maijanRally__character span {
  background-image: var(--rally_view__characterimage--discover);
}
.maijanRally____zoom .maijanRally__character span {
  background-image: var(--rally_view__characterimage--event);
}
.maijanRally____event .maijanRally__character span {
  background-image: var(--rally_view__characterimage--event);
}
.maijanRally____move .maijanRally__character span {
  background-image: var(--rally_view__characterimage--move);
  -webkit-animation: yurayura calc(var(--rally_view__movetime) / 2.5) ease-in-out infinite;
          animation: yurayura calc(var(--rally_view__movetime) / 2.5) ease-in-out infinite;
}
.maijanRally____event .maijanRally__character {
  z-index: 5;
}
.maijanRally--logined.maijanRally--1stPlay.maijanRally--maijan .maijanRally__character {
  top: calc(var(--rally_view__position--ny) - var(--rally_view__character--height) * 0.5);
  left: var(--rally_view__position--nx);
}
.maijanRally--reverse-x .maijanRally__character {
  transform: scale(-1, 1);
}

.maijanRally____zoom .maijanRally__eventItem--current {
  -webkit-animation: zoomOutItem 1s ease-out forwards;
          animation: zoomOutItem 1s ease-out forwards;
}
.maijanRally____zoom .maijanRally__character {
  -webkit-animation: zoomOut 1s ease-out forwards;
          animation: zoomOut 1s ease-out forwards;
}

.maijanRally__eventItem, .maijanRally__ashiato {
  position: absolute;
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  max-width: var(--rally_view__item--width);
  max-height: var(--rally_view__item--height);
  top: var(--rally_view__item--y);
  left: var(--rally_view__item--x);
  background-image: var(--rally_view__item--image);
  background-color: rgba(255, 255, 255, 0.01);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.maijanRally--5 .maijanRally__eventItem.maijanRally__eventItem--current,
.maijanRally____end .maijanRally__eventItem.maijanRally__eventItem--current {
  top: calc(var(--rally_view__item--y) - 4rem);
  left: calc(var(--rally_view__item--x) + 3rem);
}

.maijanRally__eventItem {
  z-index: 10;
  background-image: var(--rally_view__item--image);
  background-size: 4.8rem 4.8rem;
  margin: 2rem 0 0 0;
}
.maijanRally__eventItem.maijanRally__eventItem--current {
  background-image: var(--rally_view__item--current_image);
}
.maijanRally--3 .maijanRally__eventItem.maijanRally__eventItem--current {
  display: none;
}
.maijanRally__eventItem.maijanRally__eventItem--past {
  background-image: var(--rally_view__item--current_image);
}
.maijanRally--3 .maijanRally__eventItem.maijanRally__eventItem--next {
  background-image: var(--rally_view__item--current_image);
}

.maijanRally__bugCage--container {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  background-image: url(/-/media/img/maijan/rally/2025/spring/ui/maijan_rally_bg_bag_wall.png);
  background-color: rgba(255, 255, 255, 0.01);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-repeat: repeat-x;
  width: 100%;
  height: 100%;
  position: absolute;
  top: calc((100% - 22.2rem) / 2);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 20;
  opacity: 0;
  filter: blur(4px);
  pointer-events: none;
}
.maijanRally____bugCage--open .maijanRally__bugCage--container {
  pointer-events: inherit;
  opacity: 1;
  filter: blur(0);
}

.maijanRally__bugCage {
  display: grid;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fill, minmax(6.4rem, 1fr));
  grid-template-rows: repeat(auto-fill, minmax(5.8rem, 1fr));
  gap: 0.2rem 0.8rem; /* アイテム間のギャップ */
  padding: 2.4rem 0 0;
  margin: -50% auto auto;
  width: 29.4rem;
  height: 16.3rem;
  filter: drop-shadow(0px 6px 2px rgba(0, 0, 0, 0.3));
}
.maijanRally____bugCage--open .maijanRally__bugCage {
  margin: 0 auto auto;
}
.maijanRally__bugCage li {
  display: grid;
  place-items: center;
  grid-template-rows: 3.2rem 1fr;
  position: relative;
}
.maijanRally__bugCage li::after {
  content: attr(data-point);
  display: grid;
  place-items: center;
  font-size: 1.4rem;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  width: 1.8rem;
  height: 1.8rem;
  background-color: #b00;
  border-radius: 50%;
  color: #fff;
}
.maijanRally__bugCage .maijanRally__bugCage--image {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  width: 100%;
  height: 100%;
  background-image: var(--rally_view__item--image);
  background-color: rgba(255, 255, 255, 0.01);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.maijanRally__bugCage .maijanRally__bugCage--text {
  display: grid;
  text-align: center;
}
.maijanRally__bugCage .maijanRally__bugCage--text::before {
  content: attr(data-point) "pt";
  font-size: 1rem;
  font-weight: bold;
}
.maijanRally__bugCage .maijanRally__bugCage--text::after {
  content: attr(title);
  font-size: 1.2rem;
  line-height: 1;
  font-weight: bold;
  color: #000;
}

.maijanRally__bugCage--button {
  display: none;
}

.maijanRally__message {
  display: none;
}

.maijanRally__message--count {
  display: grid;
  grid-template-columns: 4rem 1fr;
  overflow: hidden;
  height: 100%;
}
.maijanRally__message--count div {
  display: grid;
  place-items: center;
  font-size: 1rem;
  line-height: 1.2em;
  font-weight: bold;
}
.maijanRally__message--count p {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  font-weight: bold;
  font-size: 1.8rem;
  margin: 0;
  padding: 0;
  position: relative;
  transform-origin: 50% 0%;
  transform-style: preserve-3d;
  transition: 400ms;
}
.maijanRally__message--count p::before {
  content: attr(data-before) "pt";
}
.maijanRally__message--count p::after {
  content: attr(data-after) "pt";
  display: grid;
  place-items: center;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  transition: color linear 400ms;
  transform: rotateX(-90deg);
  transform-origin: center top;
  color: rgba(0, 0, 0, 0);
}
.maijanRally____end.maijanRally____event .maijanRally__message--count p {
  transform: translate3d(0, 0, -6rem) rotateX(90deg);
}
.maijanRally____end.maijanRally____event .maijanRally__message--count p::after {
  color: black;
}

.maijanRally__message--message {
  display: grid;
  place-items: center;
}
.maijanRally__message--message p {
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1em;
}
.maijanRally__message--message p strong {
  font-size: 1.8rem;
  vertical-align: bottom;
}

.loading_container {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 22.2rem;
  position: relative;
}

.loading {
  width: 100%;
  height: 100%;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_Wezc{transform-origin:center;animation:spinner_Oiah .75s step-end infinite}@keyframes spinner_Oiah{8.3%{transform:rotate(30deg)}16.6%{transform:rotate(60deg)}25%{transform:rotate(90deg)}33.3%{transform:rotate(120deg)}41.6%{transform:rotate(150deg)}50%{transform:rotate(180deg)}58.3%{transform:rotate(210deg)}66.6%{transform:rotate(240deg)}75%{transform:rotate(270deg)}83.3%{transform:rotate(300deg)}91.6%{transform:rotate(330deg)}100%{transform:rotate(360deg)}}</style><g class="spinner_Wezc"><circle cx="12" cy="2.5" r="1.5" opacity=".14"/><circle cx="16.75" cy="3.77" r="1.5" opacity=".29"/><circle cx="20.23" cy="7.25" r="1.5" opacity=".43"/><circle cx="21.50" cy="12.00" r="1.5" opacity=".57"/><circle cx="20.23" cy="16.75" r="1.5" opacity=".71"/><circle cx="16.75" cy="20.23" r="1.5" opacity=".86"/><circle cx="12" cy="21.5" r="1.5"/></g></svg>');
  background-color: rgba(255, 255, 255, 0.01);
  background-size: 4.8rem;
  background-position: center;
  background-repeat: no-repeat;
}

@-webkit-keyframes yurayura {
  0%, 100% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-10deg);
  }
}

@keyframes yurayura {
  0%, 100% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-10deg);
  }
}
@-webkit-keyframes zoomOut {
  0%, 10% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0%, 10% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes zoomOutItem {
  0%, 10% {
    transform: scale(1);
  }
  30% {
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoomOutItem {
  0%, 10% {
    transform: scale(1);
  }
  30% {
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}
.maijan-result__content_rally {
  padding: 0 1rem 3rem 1rem;
}

main #App__maijan_result .maijan-result__content .maijan-result__content_body {
  padding-bottom: 0 !important;
  max-width: 50%;
}

@media screen and (max-width: 599px) {
  main #App__maijan_result .maijan-result__content .maijan-result__content_body {
    padding: 0 1rem !important;
    max-width: unset;
    min-width: unset;
  }
  main #App__maijan_result .maijan-result__content .maijan-result__content_body .maijan-result__product-name {
    font-size: var(--size_txt_l) !important;
  }
}