@charset "UTF-8";
body.en-US .product_ul, body.id .product_ul,
body .id-ID .product_ul, body.zh-TW .product_ul, body.th .product_ul {
  display: block;
}
body.en-US .product_ul .product_li, body.id .product_ul .product_li,
body .id-ID .product_ul .product_li, body.zh-TW .product_ul .product_li, body.th .product_ul .product_li {
  margin: 0 auto;
}
body.en-US .product_ul .product_li:first-child, body.id .product_ul .product_li:first-child,
body .id-ID .product_ul .product_li:first-child, body.zh-TW .product_ul .product_li:first-child, body.th .product_ul .product_li:first-child {
  display: none;
}
body.en-US .product_infoul, body.id .product_infoul,
body .id-ID .product_infoul, body.zh-TW .product_infoul, body.th .product_infoul {
  display: block;
}
body.en-US .product_infoul .product_infoli, body.id .product_infoul .product_infoli,
body .id-ID .product_infoul .product_infoli, body.zh-TW .product_infoul .product_infoli, body.th .product_infoul .product_infoli {
  padding: 0;
}
body.en-US .nintendo, body.id .nintendo,
body .id-ID .nintendo, body.zh-TW .nintendo, body.th .nintendo {
  display: none;
}
@media (max-width: 750px) {
  body.en-US .nintendo, body.id .nintendo,
  body .id-ID .nintendo, body.zh-TW .nintendo, body.th .nintendo {
    display: none !important;
  }
}

main {
  position: relative;
  padding-bottom: 0.07rem;
  overflow: hidden;
}
@media (max-width: 750px) {
  main {
    margin-bottom: 0.44rem;
  }
}
main::after {
  content: "";
  display: inline-block;
  background: url("../img/top/main_bg_line.png");
  background-size: cover;
  width: 100%;
  height: 0.07rem;
  position: absolute;
  bottom: 0rem;
}
@media (max-width: 750px) {
  main::after {
    height: 0.14rem;
  }
}
main .main_bg {
  position: relative;
  opacity: 0;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.event {
  position: absolute;
  top: 1.1rem;
  right: 0;
  width: 2.63rem;
  height: 3.01rem;
  background: url("../img/top/event/event_bg.png") no-repeat top right/contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
@media (max-width: 750px) {
  .event {
    position: relative;
    top: 0;
    background: url("../img/top/event/sp_event_bg.png") no-repeat center/contain;
    width: 7.1rem;
    height: 3.59rem;
    margin: 0 auto;
    gap: 0.2rem;
  }
}
.event .event_bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 2.39rem;
  z-index: -1;
}
@media (max-width: 750px) {
  .event .event_bg {
    width: 7.32rem;
  }
}
.event .event_ttl {
  width: 2.23rem;
}
@media (max-width: 750px) {
  .event .event_ttl {
    width: 40%;
    margin: 0 auto;
  }
}
.event .event_txt {
  width: 2.19rem;
  margin-top: 0.2rem;
}
@media (max-width: 750px) {
  .event .event_txt {
    width: 40%;
    margin: 0 auto;
  }
}
.event .event_btn {
  width: 2.16rem;
}
@media (max-width: 750px) {
  .event .event_btn {
    width: 5rem;
  }
}
.event .event_iconul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.1rem;
  margin-top: 0.1rem;
}
@media (max-width: 750px) {
  .event .event_iconul {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.event .event_iconul .event_icon {
  line-height: 1;
}
.event .event_iconul .event_icon.event_icon--apple {
  width: 0.74rem;
}
@media (max-width: 750px) {
  .event .event_iconul .event_icon.event_icon--apple {
    width: 1.37rem;
  }
}
.event .event_iconul .event_icon.event_icon--google {
  width: 0.93rem;
}
@media (max-width: 750px) {
  .event .event_iconul .event_icon.event_icon--google {
    width: 1.69rem;
  }
}
.event .event_iconul .event_icon.event_icon--switch {
  width: 0.98rem;
  margin: 0 calc((100% - 0.98rem) / 2);
}
@media (max-width: 750px) {
  .event .event_iconul .event_icon.event_icon--switch {
    width: 1.52rem;
    margin: 0;
  }
}
.event .event_iconul .event_icon a {
  line-height: 1;
}

section {
  width: 100%;
  letter-spacing: -0.01rem;
}
section.sec_topics {
  padding-top: 1.4rem;
}
section.howtoplay {
  background: #fff7ea;
  padding: 1.45rem 0 1.1rem;
}
@media (max-width: 750px) {
  section.howtoplay {
    padding: 1.1rem 0 1.1rem;
  }
}
@media (max-width: 750px) {
  section.howtoplay.howtoplay--bottom {
    margin: 0;
  }
}
section.sec_pokemon {
  padding: 1.4rem 0 1.1rem;
}
section.costume {
  background: #fff7ea;
  padding: 1.45rem 0 1.1rem;
}
@media (max-width: 750px) {
  section.costume {
    padding: 1.1rem 0 1.1rem;
  }
}
section.costume .top_txt {
  letter-spacing: -0.1em;
}
section.product {
  background: url("../img/top/product_bg.png") no-repeat center top/100%;
  padding: 1.1rem 0 2rem;
  letter-spacing: 0;
}
@media (max-width: 750px) {
  section.product {
    background: url("../img/top/sp_product_bg.png") no-repeat center top/contain;
    margin-bottom: 0.6rem;
    padding: 1.1rem 0.4rem 2rem;
  }
}

.top_ttl {
  display: grid;
  grid-template-columns: auto auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 12.4rem;
  margin: 0 auto 0.7rem;
}
@media (max-width: 750px) {
  .top_ttl {
    width: 7.1rem;
  }
}
.top_ttl.top_ttl--play {
  margin: 0 auto 0.7rem;
}
@media (max-width: 750px) {
  .top_ttl.top_ttl--play {
    margin: 0 auto 0.4rem;
  }
}
.top_ttl.top_ttl--play .top_h3::before {
  content: "";
  display: inline-block;
  background: url("../img/top/h3_icon_p.svg");
  background-size: cover;
  width: 2.66rem;
  height: 1.08rem;
  position: absolute;
  top: -0.35rem;
  left: -0.5rem;
  z-index: -1;
}
@media (max-width: 750px) {
  .top_ttl.top_ttl--play .top_h3::before {
    font-size: 0.52rem;
    width: 1.52rem;
    height: 0.62rem;
    top: -0.2rem;
  }
}
.top_ttl.top_ttl--play .top_h3 .top_h3txt {
  color: #8346e5;
}
.top_ttl .top_h3 {
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1;
  position: relative;
  margin-left: 0.5rem;
  z-index: 3;
}
@media (max-width: 750px) {
  .top_ttl .top_h3 {
    font-size: 0.52rem;
  }
}
.top_ttl .top_h3::before {
  content: "";
  display: inline-block;
  background: url("../img/top/h3_icon_o.svg");
  background-size: cover;
  width: 2.66rem;
  height: 1.08rem;
  position: absolute;
  top: -0.35rem;
  left: -0.5rem;
  z-index: -1;
}
@media (max-width: 750px) {
  .top_ttl .top_h3::before {
    font-size: 0.52rem;
    width: 1.52rem;
    height: 0.62rem;
    top: -0.2rem;
  }
}
.top_ttl .top_h3txt {
  font-size: 0.5rem;
  color: #fb7823;
  display: inline-block;
  margin-left: 0.25rem;
}
@media (max-width: 750px) {
  .top_ttl .top_h3txt {
    font-size: 0.3rem;
  }
}
.top_ttl .top_h3link {
  font-size: 0.22rem;
  -ms-flex-item-align: end;
      align-self: end;
  position: relative;
  padding-right: 0.2rem;
}
@media (max-width: 750px) {
  .top_ttl .top_h3link {
    font-size: 0.26rem;
    line-height: 1;
  }
}
.top_ttl .top_h3link::after {
  content: "";
  display: inline-block;
  background: url("../img/top/main_h3link.svg");
  background-size: cover;
  width: 0.08rem;
  height: 0.15rem;
  position: absolute;
  top: 0.12rem;
  right: 0rem;
  z-index: -1;
}
@media (max-width: 750px) {
  .top_ttl .top_h3link::after {
    top: 0.05rem;
    right: 0rem;
  }
}

.top_txt {
  font-size: 0.6rem;
  font-weight: 900;
  text-align: center;
  -webkit-transform: skew(-15deg);
          transform: skew(-15deg);
  line-height: 1.4;
  margin-bottom: 0.8rem;
  position: relative;
  z-index: 2;
}
@media (max-width: 750px) {
  .top_txt {
    font-size: 0.5rem;
    text-align: left;
    padding-left: 0.4rem;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
  }
}
.top_txt .top_txt--o,
.top_txt .top_txt--p {
  font-size: 0.8rem;
  text-shadow: 0.06rem 0.06rem 0.03rem #fff, -0.03rem 0.06rem 0.03rem #fff, 0.06rem -0.06rem 0.03rem #fff, -0.06rem -0.06rem 0.02rem #fff, 0.06rem 0px 0.03rem #fff, 0px 0.06rem 0.03rem #fff, -0.06rem 0px 0.03rem #fff, 0px -0.06rem 0.03rem #fff; /* 文字の影 */
}
.top_txt .top_txt--o {
  color: #fb7823;
}
.top_txt .top_txt--p {
  color: #8346e5;
}

.sp_top_txt--p {
  padding: 0 !important;
}

@media (max-width: 750px) {
  .sp_top_txt--b {
    display: block !important;
  }
}

@media (max-width: 750px) {
  .sp_top_txt--center {
    text-align: center !important;
  }
}

@media (max-width: 750px) {
  .sp_top_txt--right {
    text-align: right !important;
    display: block;
  }
}

@media (max-width: 750px) {
  .sp_top_txt--36 {
    font-size: 0.36rem !important;
  }
}

@media (max-width: 750px) {
  .sp_top_txt--40 {
    font-size: 0.4rem !important;
  }
}

@media (max-width: 750px) {
  .sp_top_txt--46 {
    font-size: 0.46rem !important;
  }
}

@media (max-width: 750px) {
  .sp_top_txt--66 {
    font-size: 0.66rem !important;
  }
}

@media (max-width: 750px) {
  .sp_top_txt--50 {
    font-size: 0.5rem !important;
  }
}

@media (max-width: 750px) {
  .sp_top_txt--70 {
    font-size: 0.7rem !important;
  }
}

@media (max-width: 750px) {
  .sp_top_txt--77 {
    font-size: 0.77rem !important;
  }
}

.top_playarea {
  position: relative;
  margin-bottom: 0.8rem;
  width: 100%;
  height: 52.234vw;
}
@media (max-width: 750px) {
  .top_playarea {
    width: 7.5rem;
    height: 3.96rem;
  }
}
.top_playarea::before {
  content: "";
  display: inline-block;
  background: url("../img/top/play/play_bg.png") no-repeat center/cover;
  width: 100%;
  height: 100%;
  position: absolute;
}
.top_playarea .top_playbg {
  position: relative;
}
.top_playarea .top_playul {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: hidden;
}
.top_playarea .top_playul .top_playli {
  position: absolute;
  top: auto !important;
  left: auto !important;
}
.top_playarea .top_playul .top_playli.top_playli--01 {
  width: 18.81%;
  top: 25% !important;
  left: 14.5% !important;
}
.top_playarea .top_playul .top_playli.top_playli--02 {
  width: 18.19%;
  top: 22% !important;
  left: -1% !important;
}
.top_playarea .top_playul .top_playli.top_playli--03 {
  width: 14.58%;
  top: auto !important;
  bottom: -1% !important;
  left: 20% !important;
}
.top_playarea .top_playul .top_playli.top_playli--04 {
  width: 26.18%;
  top: auto !important;
  bottom: -1% !important;
  left: -1% !important;
}
.top_playarea .top_playul .top_playli.top_playli--05 {
  width: 17.63%;
  display: block;
  left: 32% !important;
  bottom: -4% !important;
}
.top_playarea .top_playul .top_playli.top_playli--06 {
  width: 13.47%;
  top: 17% !important;
  right: 18% !important;
}
.top_playarea .top_playul .top_playli.top_playli--07 {
  width: 26.527%;
  bottom: -1% !important;
  right: 13% !important;
}
.top_playarea .top_playul .top_playli.top_playli--08 {
  width: 22.63%;
  top: 4% !important;
  right: -1% !important;
}
.top_playarea .top_playul .top_playli.top_playli--09 {
  width: 22.91%;
  bottom: -1% !important;
  right: -1% !important;
}
.top_playarea .top_playul .top_playli.top_playli--10 {
  width: 14.86%;
  top: 39% !important;
  right: 30% !important;
}

.video_wrapper .wp-block-video {
  width: 11.16rem;
  margin: 0 auto 1rem;
  display: block;
}
.video_wrapper .wp-block-video video {
  border-top: solid 0.08rem #fb7823;
  border-left: solid 0.08rem #fb7823;
  border-right: solid 0.08rem #8346e5;
  border-bottom: solid 0.08rem #8346e5;
}
@media (max-width: 750px) {
  .video_wrapper .wp-block-video {
    width: 6.94rem;
  }
}

.top_btn {
  margin: 0 auto;
  -webkit-transform: skewX(-26deg);
          transform: skewX(-26deg);
  width: 4.3rem;
  height: 1rem;
  background: #000;
  color: #fff;
  line-height: 1rem;
  font-size: 0.32rem;
  text-align: center;
  font-weight: 900;
  letter-spacing: 0.05rem;
}
.top_btn a {
  -webkit-transform: skewX(26deg);
          transform: skewX(26deg);
  display: block;
}

p.top_link {
  -webkit-transform: skewX(26deg);
          transform: skewX(26deg);
  display: block;
}

.top_pokemonarea {
  background: #000;
  position: relative;
  width: 100%;
  height: 59.588vw;
  margin-bottom: 1.1rem;
}
@media (max-width: 750px) {
  .top_pokemonarea {
    width: 7.5rem;
    height: 5.6rem;
  }
}
.top_pokemonarea::before {
  content: "";
  display: inline-block;
  background: url("../img/top/pokemon/pokemon_line.png") no-repeat center top/contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -0.2rem;
}
@media (max-width: 750px) {
  .top_pokemonarea::before {
    width: 7.5rem;
    height: 0.06rem;
  }
}
.top_pokemonarea::after {
  content: "";
  display: inline-block;
  background: url("../img/top/pokemon/pokemon_line.png") no-repeat center bottom/contain;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -0.2rem;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media (max-width: 750px) {
  .top_pokemonarea::after {
    width: 7.5rem;
    height: 0.06rem;
  }
}
.top_pokemonarea .top_pokemonul {
  position: relative;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 750px) {
  .top_pokemonarea .top_pokemonul {
    width: 7.5rem;
  }
}
.top_pokemonarea .top_pokemonul .top_pokemonli {
  position: absolute;
  opacity: 0;
}
.top_pokemonarea .top_pokemonul .top_pokemonli.top_pokemonli--01 {
  width: 30.06%;
}
@media (max-width: 750px) {
  .top_pokemonarea .top_pokemonul .top_pokemonli.top_pokemonli--01 {
    width: 2.26rem;
  }
}
.top_pokemonarea .top_pokemonul .top_pokemonli.top_pokemonli--02 {
  width: 30.06%;
  top: 44%;
}
@media (max-width: 750px) {
  .top_pokemonarea .top_pokemonul .top_pokemonli.top_pokemonli--02 {
    width: 2.26rem;
    top: auto;
    bottom: 0;
  }
}
.top_pokemonarea .top_pokemonul .top_pokemonli.top_pokemonli--03 {
  width: 23.47%;
  left: 31.2%;
}
@media (max-width: 750px) {
  .top_pokemonarea .top_pokemonul .top_pokemonli.top_pokemonli--03 {
    width: 1.69rem;
    left: 2.35rem;
  }
}
.top_pokemonarea .top_pokemonul .top_pokemonli.top_pokemonli--04 {
  width: 47.56%;
  bottom: 0;
  left: 31.2%;
}
@media (max-width: 750px) {
  .top_pokemonarea .top_pokemonul .top_pokemonli.top_pokemonli--04 {
    width: 3.43rem;
    top: auto;
    bottom: 0;
    left: 2.35rem;
  }
}
.top_pokemonarea .top_pokemonul .top_pokemonli.top_pokemonli--05 {
  width: 44.23%;
  left: 55.7%;
}
@media (max-width: 750px) {
  .top_pokemonarea .top_pokemonul .top_pokemonli.top_pokemonli--05 {
    width: 3.39rem;
    right: 0;
    left: auto;
  }
}
.top_pokemonarea .top_pokemonul .top_pokemonli.top_pokemonli--06 {
  width: 22.98%;
  top: 28.2%;
  left: 55.75%;
}
@media (max-width: 750px) {
  .top_pokemonarea .top_pokemonul .top_pokemonli.top_pokemonli--06 {
    width: 1.66rem;
    top: 1.75rem;
    right: 1.7rem;
    left: auto;
  }
}
.top_pokemonarea .top_pokemonul .top_pokemonli.top_pokemonli--07 {
  width: 20.1%;
  top: auto;
  right: 0;
  bottom: 0;
}
@media (max-width: 750px) {
  .top_pokemonarea .top_pokemonul .top_pokemonli.top_pokemonli--07 {
    width: 1.65rem;
  }
}

.top_costumearea {
  width: 100%;
  height: 69vw;
  margin: 1.2rem auto 2.4rem;
  position: relative;
}
@media (max-width: 750px) {
  .top_costumearea {
    width: 7.5rem;
    height: 9.96rem;
    margin: -0.9rem auto 0.8rem;
  }
}
.top_costumearea::before {
  content: "";
  display: inline-block;
  background: url("../img/top/costume/bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
}
@media (max-width: 750px) {
  .top_costumearea::before {
    background: url("../img/top/costume/sp_bg.png");
    width: 7.5rem;
    height: 9.96rem;
  }
}
.top_costumearea .top_cosstarul {
  position: absolute;
  width: 100%;
  height: 100%;
}
.top_costumearea .top_cosstarul .top_cosstarli {
  position: absolute;
}
.top_costumearea .top_cosstarul .top_cosstarli.top_cosstarli--01 {
  width: 3.05%;
  top: 11.5%;
  left: 1.7%;
}
.top_costumearea .top_cosstarul .top_cosstarli.top_cosstarli--02 {
  width: 3.05%;
  top: 40%;
  left: 2.8%;
}
.top_costumearea .top_cosstarul .top_cosstarli.top_cosstarli--03 {
  width: 3.05%;
  top: 15%;
  left: 62.5%;
}
.top_costumearea .top_cosstarul .top_cosstarli.top_cosstarli--04 {
  width: 3.75%;
  bottom: 14.5%;
  left: 2.5%;
}
.top_costumearea .top_cosstarul .top_cosstarli.top_cosstarli--05 {
  width: 3.75%;
  bottom: 30.5%;
  right: 1.3%;
}
.top_costumearea .top_cosstarul .top_cosstarli.top_cosstarli--06 {
  width: 3.75%;
  top: 8.5%;
  right: 0.5%;
}
.top_costumearea .top_cosstarul .top_cosstarli.top_cosstarli--07 {
  width: 3.75%;
  top: 42.4%;
  right: 7.8%;
}
.top_costumearea .top_cosstarul .top_cosstarli.top_cosstarli--08 {
  width: 4.65%;
  bottom: 11%;
  left: 62.5%;
}
.top_costumearea .top_cosstarul .top_cosstarli.top_cosstarli--09 {
  width: 4.65%;
  top: 9%;
  left: 25.5%;
}
.top_costumearea .top_cosstarul .top_cosstarli.top_cosstarli--10 {
  width: 4.65%;
  top: 50%;
  left: 6%;
}
.top_costumearea .top_cospokemonul {
  position: relative;
  height: 100%;
}
.top_costumearea .top_cospokemonul .top_cospokemonli {
  position: absolute;
}
.top_costumearea .top_cospokemonul .top_cospokemonli.top_cospokemonli--01 {
  width: 44%;
  top: -24%;
  left: 31%;
}
@media (max-width: 750px) {
  .top_costumearea .top_cospokemonul .top_cospokemonli.top_cospokemonli--01 {
    width: 4.55rem;
    top: 0.1rem;
    left: 0.1rem;
  }
}
.top_costumearea .top_cospokemonul .top_cospokemonli.top_cospokemonli--02 {
  width: 41.9%;
  bottom: -2.3%;
  right: 1.8%;
}
@media (max-width: 750px) {
  .top_costumearea .top_cospokemonul .top_cospokemonli.top_cospokemonli--02 {
    width: 4.2rem;
    top: auto;
    left: auto;
    right: 0rem;
    bottom: 1rem;
  }
}
.top_costumearea .top_cospokemonul .top_cospokemonli.top_cospokemonli--03 {
  width: 35.2%;
  top: -2.4%;
  right: -0.2%;
}
@media (max-width: 750px) {
  .top_costumearea .top_cospokemonul .top_cospokemonli.top_cospokemonli--03 {
    width: 2.81rem;
    top: 0.1rem;
    right: 0rem;
  }
}
.top_costumearea .top_cospokemonul .top_cospokemonli.top_cospokemonli--04 {
  width: 50.7%;
  top: 9%;
  left: 27.5%;
}
@media (max-width: 750px) {
  .top_costumearea .top_cospokemonul .top_cospokemonli.top_cospokemonli--04 {
    width: 5.22rem;
    top: 0.7rem;
    left: 1.2rem;
  }
}
.top_costumearea .top_cospokemonul .top_cospokemonli.top_cospokemonli--05 {
  width: 40.2%;
  top: 12%;
  left: 2%;
}
@media (max-width: 750px) {
  .top_costumearea .top_cospokemonul .top_cospokemonli.top_cospokemonli--05 {
    width: 3.51rem;
    top: 3.3rem;
    left: 0;
  }
}
.top_costumearea .top_cospokemonul .top_cospokemonli.top_cospokemonli--06 {
  width: 56.4%;
  bottom: -16.4%;
  left: 3.3%;
}
@media (max-width: 750px) {
  .top_costumearea .top_cospokemonul .top_cospokemonli.top_cospokemonli--06 {
    width: 5.8rem;
    top: auto;
    left: 1rem;
    bottom: -0.55rem;
  }
}

.product_ttl {
  font-size: 0.5rem;
  text-align: center;
  margin: 0 auto 0.5rem;
  font-weight: 900;
}

.product_ul {
  width: 12.4rem;
  margin: 0 auto 0.5rem;
  display: grid;
  grid-template-columns: 6rem 6rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 750px) {
  .product_ul {
    display: block;
    width: 6rem;
  }
}
.product_ul .product_li {
  width: 6rem;
}
@media (max-width: 750px) {
  .product_ul .product_li {
    margin: 0 auto 0.22rem;
  }
}
.product_ul .product_li .product_dl {
  display: grid;
  grid-template-columns: 2.18rem 3.26rem;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.16rem;
}
.product_ul .product_li .product_dl .product_dt {
  width: 2.18rem;
}
.product_ul .product_li .product_dl .product_dd {
  padding-top: 0.44rem;
}
.product_ul .product_li .product_dl .product_dd.product_dd--switch {
  padding-right: 0.68rem;
}
.product_ul .product_li .product_dl .product_dd .product_name {
  font-size: 0.24rem;
  line-height: 1;
  font-weight: 900;
  text-align: center;
}
.product_ul .product_li .product_dl .product_dd .product_pac {
  width: 2.58rem;
  display: block;
  padding-top: 0.5rem;
}
.product_ul .product_li .product_dl .product_dd .product_storeul {
  display: grid;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-template-columns: 1.41rem 1.74rem;
  padding-top: 0.62rem;
}
.product_ul .product_li .product_dl .product_dd .product_storeul .product_storeli.product_storeli--app {
  width: 1.41rem;
}
.product_ul .product_li .product_dl .product_dd .product_storeul .product_storeli.product_storeli--google {
  width: 1.74rem;
}

.product_infoul {
  width: 12.4rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 6rem 6rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 700;
}
@media (max-width: 750px) {
  .product_infoul {
    display: block;
    width: 6rem;
  }
}
.product_infoul .product_infoli {
  font-size: 0.22rem;
}
.product_infoul .product_infoli .product_infodl {
  line-height: 2;
}
@media (max-width: 750px) {
  .product_infoul .product_infoli .product_infodl {
    line-height: 2.5;
  }
}
.product_infoul .product_infoli .product_infodl .product_infodt {
  font-size: 0.18rem;
  color: #8346e5;
  font-weight: 700;
}
@media (max-width: 750px) {
  .product_infoul .product_infoli .product_infodl .product_infodt {
    font-size: 0.22rem;
  }
}
.product_infoul .product_infoli .product_infodl .product_infodd .note {
  font-size: 0.18rem;
  font-weight: 700;
  padding-left: 0.2rem;
}
@media (max-width: 750px) {
  .product_infoul .product_infoli .product_infodl .product_infodd .note {
    font-size: 0.22rem;
  }
}
.product_infoul .product_infoli .product_infodl .product_infodd .note.note-l {
  padding-left: 0rem;
}
@media (max-width: 750px) {
  .product_infoul .product_infoli .product_infodl .product_infodd .note.note-l {
    display: block;
  }
}
.product_infoul .product_infoli .product_infodl .product_infodd .note::before {
  content: "※";
}
@media (max-width: 750px) {
  .product_infoul .product_infoli .product_infodl .product_infodd .nintendo {
    display: block;
  }
}
.product_infoul .product_infoli .product_infodl .product_infodd + .product_infodt {
  margin-top: 1em;
}

.bg_brack_wrap {
  background-color: #000;
  padding: 0.7rem 0 1.1rem;
}
.bg_brack_wrap .top_btn {
  background-color: #fff;
  color: #000;
  margin-bottom: 0.8rem;
}

.category_singleul {
  width: 12.4rem;
  margin: 0 auto 0.3rem;
  display: grid;
  grid-template-columns: 3.91rem 3.91rem 3.91rem;
  grid-gap: 0.44rem 0.3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media (max-width: 750px) {
  .category_singleul {
    display: block;
    width: 7.1rem;
  }
}
.category_singleul.category_singleul--top {
  width: 7.1rem;
}
.category_singleul .category_singleli {
  width: 3.91rem;
  min-height: 3.98rem;
  background: url("../img/category/category_bg.png") no-repeat center/100% 100%;
  margin: 0 auto;
}
@media (max-width: 750px) {
  .category_singleul .category_singleli {
    width: 6rem;
    height: auto;
    min-height: auto;
    margin: 0 auto 0.7rem;
  }
  .category_singleul .category_singleli:nth-child(n+4) {
    display: none;
  }
}
.category_singleul .category_singleli a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 0.55rem;
  padding-bottom: 0.4rem;
}
@media (max-width: 750px) {
  .category_singleul .category_singleli a {
    padding-top: 0.9rem;
  }
}
.category_singleul .category_singleli a .category_time {
  background: url("../img/category/category_ttl.png") no-repeat center/contain;
  width: 2.4rem;
  height: 0.5rem;
  color: #000;
  font-weight: 900;
  position: absolute;
  top: -0.1rem;
  left: 0;
  padding-left: 0.23rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.2rem;
}
@media (max-width: 750px) {
  .category_singleul .category_singleli a .category_time {
    width: 3.69rem;
    height: 0.78rem;
    top: -0.15rem;
    padding-left: 0.4rem;
    line-height: 0.78rem;
  }
}
.category_singleul .category_singleli a .category_time .category_year {
  font-size: 0.26rem;
}
@media (max-width: 750px) {
  .category_singleul .category_singleli a .category_time .category_year {
    font-size: 0.4rem;
  }
}
.category_singleul .category_singleli a .category_time .category_day {
  font-size: 0.32rem;
}
@media (max-width: 750px) {
  .category_singleul .category_singleli a .category_time .category_day {
    font-size: 0.5rem;
  }
}
.category_singleul .category_singleli a .categry_thum {
  width: 3.48rem;
  margin: 0 auto 0.15rem;
  overflow: hidden;
}
@media (max-width: 750px) {
  .category_singleul .category_singleli a .categry_thum {
    width: 5.42rem;
    height: 3.06rem;
    margin-bottom: 0.25rem;
  }
}
.category_singleul .category_singleli a .category_nameul {
  width: 3.48rem;
  margin: 0 auto 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.05rem;
}
@media (max-width: 750px) {
  .category_singleul .category_singleli a .category_nameul {
    width: 5.42rem;
  }
}
.category_singleul .category_singleli a .category_nameul .category_nameli {
  font-size: 0.17rem;
  font-weight: 900;
  color: #fff;
  background: #7d3be5;
  padding: 0.05rem 0.1rem;
  line-height: 1.2;
}
@media (max-width: 750px) {
  .category_singleul .category_singleli a .category_nameul .category_nameli {
    font-size: 0.26rem;
  }
}
.category_singleul .category_singleli a .category_nameul .category_nameli.topics {
  display: none;
}
.category_singleul .category_singleli a .category_txt {
  width: 3.48rem;
  margin: 0 auto;
  font-size: 0.18rem;
  font-weight: 400;
  color: #000;
  line-height: 1.3;
  letter-spacing: 0.1em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media (max-width: 750px) {
  .category_singleul .category_singleli a .category_txt {
    width: 5.42rem;
    font-size: 0.24rem;
  }
}

.category_btn {
  display: none;
}
@media (max-width: 750px) {
  .category_btn {
    display: block;
  }
}

.top_bannerul {
  display: grid;
  grid-template-columns: auto auto;
  width: 12.4rem;
  margin: 0 auto 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 0.2rem;
}
@media (max-width: 750px) {
  .top_bannerul {
    display: block;
    width: 7.2rem;
    margin: 0 auto;
  }
}

.slick-dots li {
  width: 0.2rem;
  height: 0.2rem;
  margin: 0 0.05rem;
}

.slick-dots li button {
  width: 0.2rem;
  height: 0.2rem;
  padding: 0.05rem;
}

.slick-dots li button:before {
  font-size: 0.06rem;
  line-height: 0.2rem;
  width: 0.2rem;
  height: 0.2rem;
  content: "";
  opacity: 1;
  color: black;
  background: url("../common/img/slick_dot.png") no-repeat center/contain;
  opacity: 0.6;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
}

@media (max-width: 750px) {
  .slick-dots {
    bottom: -0.5rem;
  }
}