@charset "utf-8";

/*------------------------
⁞            姚          ⁞
⁞            姚          ⁞
------------------------*/

/*----character_大區塊----*/
.character {
  position: relative;
  height: 79.22vw;
  width: 68.75%;
  margin: 0 auto;
  background-color: #61fbe900;
  /*顏色標記*/
}

/*----大標----*/
.character .title {
  position: absolute;
  width: 39.39%;
  top: 4.2%;
  right: 3.6%;
  z-index: 7;
}

@media screen and (max-width: 1195px) {

  /*----character_大區塊----*/
  .character {
    height: 107.22vw;
    width: 92.75%;
  }
}

@media screen and (max-width: 767px) {

  /*----character_大區塊----*/
  .character {
    height: 233.22vw;
  }

  .character .title {
    width: 62.39%;
    top: 2.2%;
    right: 3.6%;
  }
}

/*-------------人物角色tab-------------*/
/*------------選項區------------*/

/*---tab-1---*/
.character .nav_box_1 {
  position: absolute;
  width: 25%;
  height: auto;
  /* padding-bottom: 13.5%; */
  padding-bottom: 17.5%;
  top: 61%;
  left: 81%;
  z-index: 70;
  /* background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/tab_bg.webp); */
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/tab_bg2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: rgba(0, 255, 255, 0);
  /*顏色標記*/
}

.character .nav_box_1 .nav_1 {
  position: absolute;
  width: 92%;
  height: auto;
  padding-bottom: 13%;
  top: 4%;
  left: 0%;
  z-index: 70;
  background-color: rgba(110, 110, 110, 0);
  /*顏色標記*/
  background-image: unset;
  background-repeat: no-repeat;
  background-size: 100%;

  cursor: pointer;
}

.character .nav_box_1 .nav_1.active {
  background-color: rgba(175, 15, 15, 0);
  /*顏色標記*/
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/tab_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .nav_box_1 .nav_1 .tab_icon {
  position: absolute;
  width: 25%;
  height: auto;
  padding-bottom: 0%;
  top: -43%;
  left: 20%;
  z-index: 70;
  background-color: rgba(30, 187, 69, 0);
  /*顏色標記*/
}

.character .nav_box_1 .nav_1 .team_name {
  position: absolute;
  width: 50%;
  height: auto;
  padding-bottom: 0%;
  top: 9%;
  left: 39%;
  z-index: 70;
  background-color: rgba(30, 187, 69, 0);
  /*顏色標記*/
}

.character .nav_box_1 .nav_1 .team_name p {
  font-size: 0.9vw;
  line-height: 2em;
  margin-block-start: 0em;
  margin-block-end: 0em;
  color: #ffffff;
}

/*---tab-2---*/
.character .nav_box_1 .nav_2 {
  position: absolute;
  width: 92%;
  height: auto;
  padding-bottom: 13%;
  top: 28%;
  left: 14%;
  z-index: 70;
  background-color: rgba(110, 110, 110, 0);
  /*顏色標記*/
  background-image: unset;
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
}

.character .nav_box_1 .nav_2.active {
  background-color: rgba(175, 15, 15, 0);
  /*顏色標記*/
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/tab_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .nav_box_1 .nav_2 .tab_icon {
  position: absolute;
  width: 25%;
  height: auto;
  padding-bottom: 0%;
  top: -43%;
  left: 20%;
  z-index: 70;
  background-color: rgba(30, 187, 69, 0);
  /*顏色標記*/
}

.character .nav_box_1 .nav_2 .team_name {
  position: absolute;
  width: 50%;
  height: auto;
  padding-bottom: 0%;
  top: 9%;
  left: 32%;
  z-index: 70;
  background-color: rgba(30, 187, 69, 0);
  /*顏色標記*/
}

.character .nav_box_1 .nav_2 .team_name p {
  font-size: 0.9vw;
  line-height: 2em;
  margin-block-start: 0em;
  margin-block-end: 0em;
  color: #ffffff;
}

/*---tab-3---*/
.character .nav_box_1 .nav_3 {
  position: absolute;
  width: 92%;
  height: auto;
  padding-bottom: 13%;
  top: 53%;
  left: 2%;
  z-index: 70;
  background-color: rgba(110, 110, 110, 0);
  /*顏色標記*/
  background-image: unset;
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
}

.character .nav_box_1 .nav_3.active {
  background-color: rgba(175, 15, 15, 0);
  /*顏色標記*/
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/tab_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .nav_box_1 .nav_3 .tab_icon {
  position: absolute;
  width: 18%;
  height: auto;
  padding-bottom: 0%;
  top: -18%;
  left: 24%;
  z-index: 70;
  background-color: rgba(30, 187, 69, 0);
  /*顏色標記*/
}

.character .nav_box_1 .nav_3 .team_name {
  position: absolute;
  width: 50%;
  height: auto;
  padding-bottom: 0%;
  top: 9%;
  left: 44%;
  z-index: 70;
  background-color: rgba(30, 187, 69, 0);
  /*顏色標記*/
}

.character .nav_box_1 .nav_3 .team_name p {
  font-size: 0.9vw;
  line-height: 2em;
  margin-block-start: 0em;
  margin-block-end: 0em;
  color: #ffffff;
}

/*---tab-4---*/
.character .nav_box_1 .nav_4 {
  position: absolute;
  width: 92%;
  height: auto;
  padding-bottom: 13%;
  top: 76%;
  left: -3%;
  z-index: 70;
  background-color: rgba(110, 110, 110, 0);
  /*顏色標記*/
  background-image: unset;
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
}

.character .nav_box_1 .nav_4.active {
  background-color: rgba(175, 15, 15, 0);
  /*顏色標記*/
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/tab_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .nav_box_1 .nav_4 .tab_icon {
  position: absolute;
  width: 15%;
  height: auto;
  padding-bottom: 0%;
  top: 2%;
  left: 25%;
  z-index: 70;
  background-color: rgba(30, 187, 69, 0);
  /*顏色標記*/
}

.character .nav_box_1 .nav_4 .team_name {
  position: absolute;
  width: 50%;
  height: auto;
  padding-bottom: 0%;
  top: 8%;
  left: 43%;
  z-index: 70;
  background-color: rgba(30, 187, 69, 0);
  /*顏色標記*/
}

.character .nav_box_1 .nav_4 .team_name p {
  font-size: 0.9vw;
  line-height: 2em;
  margin-block-start: 0em;
  margin-block-end: 0em;
  color: #ffffff;
}

@media screen and (max-width: 1195px) {
  .character .nav_box_1 {
    width: 31%;
    padding-bottom: 17.5%;
    top: 58%;
    left: 70%;
  }

  /*tab_1 選項*/
  .character .nav_box_1 .nav_1 .team_name p {
    font-size: 1.4vw;
    line-height: 2em;
  }

  /*tab_2 選項*/
  .character .nav_box_1 .nav_2 {
    left: 11%;
  }

  .character .nav_box_1 .nav_2 .team_name {
    top: 5%;
  }

  .character .nav_box_1 .nav_2 .team_name p {
    font-size: 1.4vw;
    line-height: 2em;
  }

  /*tab_3 選項*/
  .character .nav_box_1 .nav_3 .team_name {
    top: 10%;
    left: 46%;
  }

  .character .nav_box_1 .nav_3 .team_name p {
    font-size: 1.4vw;
    line-height: 2em;
  }

  /*tab_4 選項*/
  .character .nav_box_1 .nav_4 .team_name {
    top: 10%;
    left: 46%;
  }

  .character .nav_box_1 .nav_4 .team_name p {
    font-size: 1.4vw;
    line-height: 2em;
  }
}

@media screen and (max-width: 767px) {
  .character .nav_box_1 {
    width: 46%;
    padding-bottom: 25%;
    top: 53%;
    left: 57%;
  }

  .character .nav_box_1 .nav_1 .team_name p {
    font-size: 2.95vw;
    line-height: 4.26vw;
  }

  .character .nav_box_1 .nav_2 .team_name p {
    font-size: 2.95vw;
    line-height: 4.26vw;
  }

  .character .nav_box_1 .nav_3 .team_name p {
    font-size: 2.95vw;
    line-height: 4.26vw;
  }

  .character .nav_box_1 .nav_4 .team_name p {
    font-size: 2.95vw;
    line-height: 4.26vw;
  }
}

/*------------內容區------------*/
/*---tab-1 大分頁---*/
.character .content_box_1 {
  position: absolute;
  width: 95%;
  height: auto;
  padding-bottom: 109%;
  top: 1%;
  left: 1%;
  z-index: 5;
  background-color: rgba(52, 224, 18, 0);
  /*顏色標記*/
  display: none;
}

/*---tab-2 大分頁---*/
.character .content_box_2 {
  position: absolute;
  width: 95%;
  height: auto;
  padding-bottom: 109%;
  top: 1%;
  left: 1%;
  z-index: 5;
  background-color: rgba(18, 166, 224, 0);
  /*顏色標記*/
  display: none;
}

/*---tab-3 大分頁---*/
.character .content_box_3 {
  position: absolute;
  width: 95%;
  height: auto;
  padding-bottom: 109%;
  top: 1%;
  left: 1%;
  z-index: 5;
  background-color: rgba(224, 169, 18, 0);
  /*顏色標記*/
  display: none;
}

/*---tab-4 大分頁---*/
.character .content_box_4 {
  position: absolute;
  width: 95%;
  height: auto;
  padding-bottom: 109%;
  top: 1%;
  left: 1%;
  z-index: 5;
  background-color: rgba(224, 169, 18, 0);
  /*顏色標記*/
  display: none;
}

.character .tab_content.active {
  display: block;
}

/*---------------主角團_內容---------------*/
.character .content_box_1 .main_box {
  position: absolute;
  width: 103%;
  height: auto;
  padding-bottom: 109%;
  top: 0%;
  left: 0%;
  z-index: 5;
  background-color: rgba(18, 224, 111, 0);
  /*顏色標記*/
}

.character .content_box_1 .main_box .page17Swiper {
  position: absolute !important;
  width: 100%;
  height: auto;
  padding-bottom: 0%;
  left: 0%;
  top: 0%;
  z-index: 60;

  display: block;
  /*overflow: hidden;*/

  background-color: #ff7a4500;
  /*--顏色標記--*/
}

.character .content_box_1 .main_box .page17Swiper .swiper-slide {
  width: 100%;
  height: 100%;
  opacity: 0 !important;
}

.character .content_box_1 .main_box .page17Swiper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.character .content_box_1 .page17Swiper .swiper-slide {
  position: relative;
  padding-bottom: 106%;
  background-color: #4580ff00;
  /*--顏色標記--*/
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {

  /*---tab-1 大分頁---*/
  .character .content_box_1 {
    padding-bottom: 232%;
  }

  .character .content_box_1 .main_box {
    padding-bottom: 244%;
  }

  /*---tab-2 大分頁---*/
  .character .content_box_2 {
    padding-bottom: 232%;
  }

  .character .content_box_2 .main_box {
    padding-bottom: 244%;
  }

  /*---tab-3 大分頁---*/
  .character .content_box_3 {
    padding-bottom: 232%;
  }

  .character .content_box_3 .main_box {
    padding-bottom: 244%;
  }

  .character .content_box_1 .page17Swiper .swiper-slide {
    padding-bottom: 237%;
  }

  /*---tab-4 大分頁---*/
  .character .content_box_4 {
    padding-bottom: 232%;
  }

  .character .content_box_4 .main_box {
    padding-bottom: 244%;
  }

  .character .content_box_1 .page17Swiper .swiper-slide {
    padding-bottom: 237%;
  }
}

/*-------------▼-主角團_1_主人公-▼-------------*/
.character .content_box_1 .page17Swiper .page17Slider_1 .role1-1-bg {
  position: absolute;
  width: 93%;
  height: auto;
  padding-bottom: 0%;
  top: 2%;
  left: -21%;
  z-index: 3;
}

.character .content_box_1 .page17Swiper .page17Slider_1.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_1 .page17Swiper .page17Slider_1 .chara_rie_1 {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 0%;
  top: 21%;
  left: 34%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_1 .page17Swiper .page17Slider_1.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_1 .page17Swiper .page17Slider_1 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_1 .page17Swiper .page17Slider_1 .chara_rie_2 {
  position: absolute;
  width: 75%;
  height: auto;
  padding-bottom: 0%;
  top: 22%;
  left: 15%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_1 .page17Swiper .page17Slider_1.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_1 .page17Swiper .page17Slider_1 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_1 .page17Swiper .page17Slider_1 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 60%;
  z-index: 10;
}

/*CV*/
.character .content_box_1 .page17Swiper .page17Slider_1 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 32%;
  left: 72%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_1 .page17Swiper .page17Slider_1 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_1 .page17Swiper .page17Slider_1 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_1 .page17Swiper .page17Slider_1 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_1 .page17Swiper .page17Slider_1 .ch_info_box .word_box p {
  position: absolute;
  width: 73%;
  height: auto;
  padding-bottom: 0%;
  top: 26%;
  left: 16%;
  z-index: 65;
}

.character .ch_info_box .word_box p {
  font-size: 0.93vw;
  line-height: 1.35vw;
  /*line-height: 191%;*/
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-family: "Noto Sans TC", sans-serif;
  color: #ffffff;
  /*font-weight: 600;*/
  margin-top: 0%;
  text-align: left;
}

/*手機_br*/
.character .ch_info_box .word_box p .mob_no {
  display: block;
}

/*代號名卡*/
.character .ch_info_box .mark_role {
  position: absolute;
  width: 31%;
  height: auto;
  padding-bottom: 1%;
  top: 4%;
  left: 51%;
  z-index: 58;
  opacity: 0;
}

.character .ch_info_box .mark_role.show {
  animation: bounceIn22 0.5s forwards;
}

.character .ch_info_box .mark_role.hide {
  /*animation: bounceOut22 .3s forwards;*/
}

/*--hide_btn--*/
.character .content_box_1 .page17Swiper .page17Slider_1 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_1 .page17Swiper .page17Slider_1 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_1 .page17Swiper .page17Slider_1 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_1 .page17Swiper .page17Slider_1 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_1 .page17Swiper .page17Slider_1 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_1 .page17Swiper .page17Slider_1 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .team_info_btn {
  position: absolute;
  height: auto;
  z-index: 66;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/voice_btn.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_1 .page17Swiper .page17Slider_1 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 34.5%;
  left: 69%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_1 .page17Swiper .page17Slider_1 .ch_info_box .word_box p {
    width: 68%;
    top: 23%;
    left: 16%;
  }

  .character .ch_info_box .word_box p {
    font-size: 1.3vw;
    line-height: 2vw;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_1 .page17Swiper .page17Slider_1 .role1-1-bg {
    width: 150%;
    top: 9%;
    left: -52%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_1 .chara_rie_1 {
    width: 55%;
    top: 25%;
    left: 29%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_1 .chara_rie_2 {
    width: 155%;
    top: 24%;
    left: -8%;
  }

  /*--切換型態--*/
  .character .content_box_1 .page17Swiper .page17Slider_1 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_1 .page17Swiper .page17Slider_1 .name_role {
    width: 40%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_1 .page17Swiper .page17Slider_1 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_1 .page17Swiper .page17Slider_1 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .ch_info_box .mark_role {
    width: 31%;
    top: -57%;
    left: 23%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_1 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_1 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_1 .ch_info_box .word_box p {
    width: 81%;
    top: 21%;
    left: 12%;
  }

  .character .ch_info_box .word_box p {
    font-size: 2.6vw;
    line-height: 4.26vw;
  }

  /*手機_br*/
  .character .ch_info_box .word_box p .mob_no {
    display: none;
  }

  /*--hide & show--*/
  .character .content_box_1 .page17Swiper .page17Slider_1 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_1 .page17Swiper .page17Slider_1 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*語音_btn*/
  .character .content_box_1 .page17Swiper .page17Slider_1 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 22.5%;
    left: 63%;
  }
}

/*-------------▲-主角團_1_主人公-▲-------------*/

/*-------------▼-主角團_1_路菲爾-▼-------------*/
.character .content_box_1 .page17Swiper .page17Slider_2 .role1-1-bg {
  position: absolute;
  width: 62%;
  height: auto;
  padding-bottom: 0%;
  top: 0%;
  left: -8%;
  z-index: 3;
}

.character .content_box_1 .page17Swiper .page17Slider_2.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_1 .page17Swiper .page17Slider_2 .chara_rie_1 {
  position: absolute;
  width: 36%;
  height: auto;
  padding-bottom: 0%;
  top: 28%;
  left: 31%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_1 .page17Swiper .page17Slider_2.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_1 .page17Swiper .page17Slider_2 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_1 .page17Swiper .page17Slider_2 .chara_rie_2 {
  position: absolute;
  width: 31%;
  height: auto;
  padding-bottom: 0%;
  top: 30%;
  left: 33%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_1 .page17Swiper .page17Slider_2.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_1 .page17Swiper .page17Slider_2 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_1 .page17Swiper .page17Slider_2 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 63%;
  z-index: 10;
}

.character .content_box_1 .page17Swiper .page17Slider_2 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 30.2%;
  left: 73%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_1 .page17Swiper .page17Slider_2 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_1 .page17Swiper .page17Slider_2 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_1 .page17Swiper .page17Slider_2 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_1 .page17Swiper .page17Slider_2 .ch_info_box .word_box p {
  position: absolute;
  width: 69%;
  height: auto;
  padding-bottom: 0%;
  top: 26%;
  left: 16%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_1 .page17Swiper .page17Slider_2 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_1 .page17Swiper .page17Slider_2 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_1 .page17Swiper .page17Slider_2 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_1 .page17Swiper .page17Slider_2 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_1 .page17Swiper .page17Slider_2 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_1 .page17Swiper .page17Slider_2 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_1 .page17Swiper .page17Slider_2 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 33.6%;
  left: 70%;
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {
  .character .content_box_1 .page17Swiper .page17Slider_2 .role1-1-bg {
    width: 130%;
    top: -8%;
    left: -31%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_2 .chara_rie_1 {
    width: 69%;
    top: 28%;
    left: 22%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_2 .chara_rie_2 {
    width: 71%;
    top: 30%;
    left: 19%;
  }

  /*--切換型態--*/
  .character .content_box_1 .page17Swiper .page17Slider_2 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_1 .page17Swiper .page17Slider_2 .name_role {
    width: 43%;
    padding-bottom: 0%;
    top: 13%;
    left: 53%;
  }

  /*--CV--*/
  .character .content_box_1 .page17Swiper .page17Slider_2 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_1 .page17Swiper .page17Slider_2 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_2 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_2 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_2 .ch_info_box .word_box p {
    width: 81%;
    top: 21%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_1 .page17Swiper .page17Slider_2 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_1 .page17Swiper .page17Slider_2 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*語音_btn*/
  .character .content_box_1 .page17Swiper .page17Slider_2 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.5%;
    left: 63.6%;
  }
}

/*-------------▲-主角團_1_路菲爾-▲-------------*/

/*-------------▼-主角團_1_新井素羽-▼-------------*/
.character .content_box_1 .page17Swiper .page17Slider_3 .role1-1-bg {
  position: absolute;
  width: 88%;
  height: auto;
  padding-bottom: 0%;
  top: 2%;
  left: -7%;
  z-index: 3;
}

.character .content_box_1 .page17Swiper .page17Slider_3.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_1 .page17Swiper .page17Slider_3 .chara_rie_1 {
  position: absolute;
  width: 28%;
  height: auto;
  padding-bottom: 0%;
  top: 22%;
  left: 38%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_1 .page17Swiper .page17Slider_3.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_1 .page17Swiper .page17Slider_3 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_1 .page17Swiper .page17Slider_3 .chara_rie_2 {
  position: absolute;
  width: 44%;
  height: auto;
  padding-bottom: 0%;
  top: 27%;
  left: 29%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_1 .page17Swiper .page17Slider_3.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_1 .page17Swiper .page17Slider_3 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*型態3_立會*/
.character .content_box_1 .page17Swiper .page17Slider_3 .chara_rie_3 {
  position: absolute;
  width: 50%;
  height: auto;
  padding-bottom: 0%;
  top: 14%;
  left: 25%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_1 .page17Swiper .page17Slider_3.swiper-slide-active .chara_rie_3.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_1 .page17Swiper .page17Slider_3 .chara_rie_3.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_1 .page17Swiper .page17Slider_3 .name_role {
  position: absolute;
  width: 25%;
  height: auto;
  padding-bottom: 10%;
  top: 20.5%;
  left: 63%;
  z-index: 10;
}

.character .content_box_1 .page17Swiper .page17Slider_3 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 31%;
  left: 71%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_1 .page17Swiper .page17Slider_3 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_1 .page17Swiper .page17Slider_3 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_1 .page17Swiper .page17Slider_3 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_1 .page17Swiper .page17Slider_3 .ch_info_box .word_box p {
  position: absolute;
  width: 73%;
  height: auto;
  padding-bottom: 0%;
  top: 24%;
  left: 18%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_1 .page17Swiper .page17Slider_3 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_1 .page17Swiper .page17Slider_3 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_1 .page17Swiper .page17Slider_3 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_1 .page17Swiper .page17Slider_3 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態-三種(夏日>制服>怪盜服)--*/
.character .content_box_1 .page17Swiper .role_change_type,
.character .content_box_2 .page17Swiper_2 .role_change_type {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;
  /*background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);*/
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_c.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--切換型態-三種-琴音(漫舞>常服>四星)--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_6 .role_change_type {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_d.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--切換型態-三種-多禰村理子(未央>常服>四星)--*/
.character .content_box_1 .page17Swiper .page17Slider_5 .role_change_type {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_e.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--切換型態-三種-李瑤鈴(太平樂>常服>四星)--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_7 .role_change_type {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_f.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_1 .page17Swiper .role_change_type.type_a,
.character .content_box_2 .page17Swiper_2 .role_change_type.type_a {
  /*background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);*/
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_a.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_1 .page17Swiper .role_change_type.type_b,
.character .content_box_2 .page17Swiper_2 .role_change_type.type_b {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_b.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

/*--語音_btn--*/
.character .content_box_1 .page17Swiper .page17Slider_3 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 34.4%;
  left: 68.3%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_1 .page17Swiper .page17Slider_3 .ch_info_box .word_box p {
    left: 16%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_1 .page17Swiper .page17Slider_3 .role1-1-bg {
    width: 172%;
    top: 6%;
    left: -40%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_3 .chara_rie_1 {
    width: 58%;
    top: 28%;
    left: 38%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_3 .chara_rie_2 {
    width: 92%;
    top: 31%;
    left: 17%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_3 .chara_rie_3 {
    width: 110%;
    top: 24%;
    left: 12%;
  }

  /*--切換型態--*/
  .character .content_box_1 .page17Swiper .role_change_type,
  .character .content_box_2 .page17Swiper_2 .role_change_type {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_1 .page17Swiper .page17Slider_3 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_1 .page17Swiper .page17Slider_3 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_1 .page17Swiper .page17Slider_3 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_3 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_3 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_3 .ch_info_box .word_box p {
    width: 81%;
    top: 21%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_1 .page17Swiper .page17Slider_3 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_1 .page17Swiper .page17Slider_3 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*語音_btn*/
  .character .content_box_1 .page17Swiper .page17Slider_3 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.5%;
    left: 63.6%;
  }
}

/*-------------▲-主角團_1_新井素羽-▲-------------*/

/*-------------▼-主角團_1_加納駿-▼-------------*/
.character .content_box_1 .page17Swiper .page17Slider_4 .role1-1-bg {
  position: absolute;
  width: 113%;
  height: auto;
  padding-bottom: 0%;
  top: 1%;
  left: -12%;
  z-index: 3;
}

.character .content_box_1 .page17Swiper .page17Slider_4.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_1 .page17Swiper .page17Slider_4 .chara_rie_1 {
  position: absolute;
  width: 28%;
  height: auto;
  padding-bottom: 0%;
  top: 23%;
  left: 38%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_1 .page17Swiper .page17Slider_4.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_1 .page17Swiper .page17Slider_4 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_1 .page17Swiper .page17Slider_4 .chara_rie_2 {
  position: absolute;
  width: 57%;
  height: auto;
  padding-bottom: 0%;
  top: 14%;
  left: 31%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_1 .page17Swiper .page17Slider_4.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_1 .page17Swiper .page17Slider_4 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_1 .page17Swiper .page17Slider_4 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 63%;
  z-index: 10;
}

/*CV*/
.character .content_box_1 .page17Swiper .page17Slider_4 .cv_name {
  position: absolute;
  width: 14%;
  height: auto;
  padding-bottom: 10%;
  top: 34%;
  left: 72%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_1 .page17Swiper .page17Slider_4 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_1 .page17Swiper .page17Slider_4 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_1 .page17Swiper .page17Slider_4 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_1 .page17Swiper .page17Slider_4 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 24%;
  left: 16%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_1 .page17Swiper .page17Slider_4 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_1 .page17Swiper .page17Slider_4 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_1 .page17Swiper .page17Slider_4 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_1 .page17Swiper .page17Slider_4 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_1 .page17Swiper .page17Slider_4 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_1 .page17Swiper .page17Slider_4 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_1 .page17Swiper .page17Slider_4 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 36.2%;
  left: 68.7%;
}

@media screen and (max-width: 1447px) {

  /*--語音_btn--*/
  .character .content_box_1 .page17Swiper .page17Slider_4 .team_info_btn {
    width: 4.42%;
    padding-bottom: 5%;
    top: 37.2%;
    left: 68.9%;
  }
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {
  .character .content_box_1 .page17Swiper .page17Slider_4 .role1-1-bg {
    width: 212%;
    top: 0%;
    left: -50%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_4 .chara_rie_1 {
    width: 58%;
    top: 29%;
    left: 31%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_4 .chara_rie_2 {
    width: 106%;
    top: 19%;
    left: 16%;
  }

  /*--切換型態--*/
  .character .content_box_1 .page17Swiper .page17Slider_4 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_1 .page17Swiper .page17Slider_4 .name_role {
    width: 40%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_1 .page17Swiper .page17Slider_4 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 21.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_1 .page17Swiper .page17Slider_4 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_4 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_4 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_4 .ch_info_box .word_box p {
    width: 81%;
    top: 17%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_1 .page17Swiper .page17Slider_4 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_1 .page17Swiper .page17Slider_4 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*語音_btn*/
  .character .content_box_1 .page17Swiper .page17Slider_4 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.5%;
    left: 63.6%;
  }
}

/*-------------▲-主角團_1_加納駿-▲-------------*/

/*-------------▼-主角團_1_多禰村理子-▼-------------*/
.character .content_box_1 .page17Swiper .page17Slider_5 .role1-1-bg {
  position: absolute;
  width: 88%;
  height: auto;
  padding-bottom: 0%;
  top: 12%;
  left: -20%;
  z-index: 3;
  opacity: 0;
}

.character .content_box_1 .page17Swiper .page17Slider_5.swiper-slide-active .role1-1-bg.show {
  opacity: 1;
  animation: zoomIn22 0.3s both !important;
  animation-delay: 0.3s !important;
}

.character .content_box_1 .page17Swiper .page17Slider_5.swiper-slide-active .role1-1-bg.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態1_立會*/
.character .content_box_1 .page17Swiper .page17Slider_5 .chara_rie_1 {
  position: absolute;
  width: 25%;
  height: auto;
  padding-bottom: 0%;
  top: 23%;
  left: 19%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_1 .page17Swiper .page17Slider_5.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_1 .page17Swiper .page17Slider_5 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_1 .page17Swiper .page17Slider_5 .chara_rie_2 {
  position: absolute;
  width: 47%;
  height: auto;
  padding-bottom: 0%;
  top: 20%;
  left: 5%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_1 .page17Swiper .page17Slider_5.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_1 .page17Swiper .page17Slider_5 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*型態3_立會*/
.character .content_box_1 .page17Swiper .page17Slider_5 .chara_rie_3 {
  position: absolute;
  width: 110%;
  height: auto;
  padding-bottom: 0%;
  top: 5%;
  left: -20%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_1 .page17Swiper .page17Slider_5.swiper-slide-active .chara_rie_3.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_1 .page17Swiper .page17Slider_5 .chara_rie_3.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_1 .page17Swiper .page17Slider_5 .name_role {
  position: absolute;
  width: 31%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 63%;
  z-index: 10;
}

/*CV*/
.character .content_box_1 .page17Swiper .page17Slider_5 .cv_name {
  position: absolute;
  width: 14%;
  height: auto;
  padding-bottom: 10%;
  top: 34%;
  left: 72%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_1 .page17Swiper .page17Slider_5 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_1 .page17Swiper .page17Slider_5 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_1 .page17Swiper .page17Slider_5 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_1 .page17Swiper .page17Slider_5 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 24%;
  left: 16%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_1 .page17Swiper .page17Slider_5 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_1 .page17Swiper .page17Slider_5 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_1 .page17Swiper .page17Slider_5 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_1 .page17Swiper .page17Slider_5 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_1 .page17Swiper .page17Slider_5 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_1 .page17Swiper .page17Slider_5 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_1 .page17Swiper .page17Slider_5 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 36.2%;
  left: 68.7%;
}

@media screen and (max-width: 1447px) {

  /*--語音_btn--*/
  .character .content_box_1 .page17Swiper .page17Slider_5 .team_info_btn {
    width: 4.42%;
    padding-bottom: 5%;
    top: 37.2%;
    left: 68.9%;
  }
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {
  .character .content_box_1 .page17Swiper .page17Slider_5 .role1-1-bg {
    width: 207%;
    top: 9%;
    left: -138%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_5 .chara_rie_1 {
    width: 58%;
    top: 29%;
    left: 28%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_5 .chara_rie_2 {
    width: 97%;
    top: 26%;
    left: -2%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_5 .chara_rie_3 {
    width: 250%;
    top: 3%;
    left: -95%;
  }

  /*--切換型態--*/
  .character .content_box_1 .page17Swiper .page17Slider_5 .role_change_type {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_1 .page17Swiper .page17Slider_5 .name_role {
    width: 52%;
    padding-bottom: 0%;
    top: 13%;
    left: 49%;
  }

  /*--CV--*/
  .character .content_box_1 .page17Swiper .page17Slider_5 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 21.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_1 .page17Swiper .page17Slider_5 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_5 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_5 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_5 .ch_info_box .word_box p {
    width: 81%;
    top: 17%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_1 .page17Swiper .page17Slider_5 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_1 .page17Swiper .page17Slider_5 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*語音_btn*/
  .character .content_box_1 .page17Swiper .page17Slider_5 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.5%;
    left: 63.6%;
  }
}

/*-------------▲-主角團_1_多禰村理子-▲-------------*/
/*-------------▼-主角團_1_池波星輝-▼-------------*/
.character .content_box_1 .page17Swiper .page17Slider_6 .role1-1-bg {
  position: absolute;
  width: 113%;
  height: auto;
  padding-bottom: 0%;
  top: 1%;
  left: -12%;
  z-index: 3;
}

.character .content_box_1 .page17Swiper .page17Slider_6.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_1 .page17Swiper .page17Slider_6 .chara_rie_1 {
  position: absolute;
  width: 28%;
  height: auto;
  padding-bottom: 0%;
  top: 23%;
  left: 38%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_1 .page17Swiper .page17Slider_6.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_1 .page17Swiper .page17Slider_6 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_1 .page17Swiper .page17Slider_6 .chara_rie_2 {
  position: absolute;
  width: 57%;
  height: auto;
  padding-bottom: 0%;
  top: 14%;
  left: 25%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_1 .page17Swiper .page17Slider_6.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_1 .page17Swiper .page17Slider_6 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_1 .page17Swiper .page17Slider_6 .name_role {
  position: absolute;
  width: 31%;
  height: auto;
  padding-bottom: 10%;
  top: 19%;
  left: 63%;
  z-index: 10;
}

/*CV*/
.character .content_box_1 .page17Swiper .page17Slider_6 .cv_name {
  position: absolute;
  width: 14%;
  height: auto;
  padding-bottom: 10%;
  top: 34%;
  left: 72%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_1 .page17Swiper .page17Slider_6 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_1 .page17Swiper .page17Slider_6 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_1 .page17Swiper .page17Slider_6 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_1 .page17Swiper .page17Slider_6 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 24%;
  left: 16%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_1 .page17Swiper .page17Slider_6 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_1 .page17Swiper .page17Slider_6 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_1 .page17Swiper .page17Slider_6 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_1 .page17Swiper .page17Slider_6 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_1 .page17Swiper .page17Slider_6 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_1 .page17Swiper .page17Slider_6 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_1 .page17Swiper .page17Slider_6 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 36.2%;
  left: 68.7%;
}

@media screen and (max-width: 1447px) {

  /*--語音_btn--*/
  .character .content_box_1 .page17Swiper .page17Slider_6 .team_info_btn {
    width: 4.42%;
    padding-bottom: 5%;
    top: 37.2%;
    left: 68.9%;
  }
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {
  .character .content_box_1 .page17Swiper .page17Slider_6 .role1-1-bg {
    width: 212%;
    top: 9%;
    left: -64%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_6 .chara_rie_1 {
    width: 58%;
    top: 29%;
    left: 31%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_6 .chara_rie_2 {
    width: 106%;
    top: 19%;
    left: 0%;
  }

  /*--切換型態--*/
  .character .content_box_1 .page17Swiper .page17Slider_6 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_1 .page17Swiper .page17Slider_6 .name_role {
    width: 40%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_1 .page17Swiper .page17Slider_6 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 21.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_1 .page17Swiper .page17Slider_6 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_6 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_6 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_1 .page17Swiper .page17Slider_6 .ch_info_box .word_box p {
    width: 81%;
    top: 17%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_1 .page17Swiper .page17Slider_6 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_1 .page17Swiper .page17Slider_6 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*語音_btn*/
  .character .content_box_1 .page17Swiper .page17Slider_6 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.5%;
    left: 63.6%;
  }
}

/*-------------▲-主角團_1_池波星輝-▲-------------*/
/*---------------主角團_人頭選項---------------*/
.character .content_box_1 .page17NavSwiper_1 {
  position: absolute !important;
  width: 26%;
  height: 6%;
  right: 11%;
  bottom: 8%;
  z-index: 70 !important;
  overflow: hidden;
  padding-right: 0.1rem;

  background-color: #9e191900;
  /*--顏色標記--*/
}

.character .content_box_1 .page17NavSwiper_1 .swiper-slide {
  width: 100%;
  height: auto;
  cursor: pointer;
}

.character .content_box_1 .page17NavSwiper_1 .swiper-slide.swiper-slide-thumb-active {
  cursor: pointer;
}

.character .content_box_1 .page17NavSwiper_1 .r_1 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_1_1_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_1 .page17NavSwiper_1 .r_1.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_1_1_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_1 .page17NavSwiper_1 .r_2 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_1_2_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_1 .page17NavSwiper_1 .r_2.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_1_2_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_1 .page17NavSwiper_1 .r_3 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_1_3_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_1 .page17NavSwiper_1 .r_3.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_1_3_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_1 .page17NavSwiper_1 .r_4 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_1_4_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_1 .page17NavSwiper_1 .r_4.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_1_4_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_1 .page17NavSwiper_1 .r_5 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_1_5_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_1 .page17NavSwiper_1 .r_5.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_1_5_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_1 .page17NavSwiper_1 .r_6 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_1_6_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_1 .page17NavSwiper_1 .r_6.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_1_6_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

/*---------------人頭選項_bg---------------*/
.character .content_box_1 .ch_nav_bg {
  position: absolute !important;
  width: 38%;
  height: auto;
  padding-bottom: 12%;
  right: 4%;
  bottom: 5%;
  z-index: 69 !important;
  overflow: hidden;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/pagination.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {

  /*---------------人頭選項---------------*/
  .character .content_box_1 .page17NavSwiper_1 {
    width: 52%;
    height: 6%;
    right: 32%;
    bottom: 2.5%;
  }

  .character .content_box_1 .ch_nav_bg {
    width: 76%;
    padding-bottom: 22%;
    right: 21%;
    bottom: 1%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/pagination_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }
}

/*---------------主角團_箭頭---------------*/
.character .content_box_1 .page17Prev,
.character .content_box_1 .page17Next {
  position: absolute;
  width: 8%;
  height: 10%;
  top: 49%;
  z-index: 70;
  cursor: pointer;
  background-color: #f00f2900 !important;
  color: transparent;
  /*顏色標記*/
}

.character .content_box_1 .page17Next {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/next.png) no-repeat;
  background-size: 100%;
  right: -2%;
  outline: none;
}

.character .content_box_1 .page17Prev {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/prev.png) no-repeat;
  background-size: 100%;
  left: -2%;
  outline: none;
}

@media screen and (max-width: 1195px) {

  .character .content_box_1 .page17Prev,
  .character .content_box_1 .page17Next {
    top: 44%;
  }
}

@media screen and (max-width: 767px) {

  .character .content_box_1 .page17Prev,
  .character .content_box_1 .page17Next {
    width: 11%;
  }
}

/*---------------怪盜偶像_內容---------------*/
.character .content_box_2 .main_box {
  position: absolute;
  width: 103%;
  height: auto;
  padding-bottom: 109%;
  top: 0%;
  left: 0%;
  z-index: 5;
  background-color: rgba(18, 224, 111, 0);
  /*顏色標記*/
}

.character .content_box_2 .main_box .page17Swiper_2 {
  position: absolute !important;
  width: 100%;
  height: auto;
  padding-bottom: 0%;
  left: 0%;
  top: 0%;
  z-index: 60;

  display: block;
  /*overflow: hidden;*/

  background-color: #ff7a4500;
  /*--顏色標記--*/
}

.character .content_box_2 .main_box .page17Swiper_2 .swiper-slide {
  width: 100%;
  height: 100%;
  opacity: 0 !important;
}

.character .content_box_2 .main_box .page17Swiper_2 .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.character .content_box_2 .page17Swiper_2 .swiper-slide {
  position: relative;
  padding-bottom: 106%;
  background-color: #4580ff00;
  /*--顏色標記--*/
}

@media screen and (max-width: 767px) {
  .character .content_box_2 .main_box {
    padding-bottom: 244%;
  }

  .character .content_box_2 .page17Swiper_2 .swiper-slide {
    padding-bottom: 237%;
  }
}

/*-------------▼-怪盜偶像-宮下美波-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_1 .role1-1-bg {
  position: absolute;
  width: 67%;
  height: auto;
  padding-bottom: 10%;
  top: 8%;
  left: 0%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_1.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_1 .chara_rie_1 {
  position: absolute;
  width: 31%;
  height: auto;
  padding-bottom: 0%;
  top: 23%;
  left: 35%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_1.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_1 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_1 .chara_rie_2 {
  position: absolute;
  width: 22vw;
  height: auto;
  padding-bottom: 40%;
  top: 27%;
  left: 35%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_1.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_1 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_1 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_1 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 30.2%;
  left: 73%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_1 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_1 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_1 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_1 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 25%;
  left: 20%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_1 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_1 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_1 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_1 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_1 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_1 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_1 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 32.8%;
  left: 69.8%;
}

@media screen and (max-width: 1447px) {}

@media screen and (max-width: 1195px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_1 .role1-1-bg {
    width: 74%;
    padding-bottom: 0%;
    top: 8%;
    left: -11%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_1 .chara_rie_2 {
    width: 30vw;
    top: 28%;
    left: 33%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_1 .role1-1-bg {
    width: 165%;
    top: 10%;
    left: -51%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_1 .chara_rie_1 {
    width: 60%;
    top: 30%;
    left: 32%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_1 .chara_rie_2 {
    width: 69%;
    top: 31%;
    left: 22%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_1 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_1 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_1 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_1 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_1 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_1 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_1 .ch_info_box .word_box p {
    width: 81%;
    top: 19%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_1 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_1 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_1 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 22.5%;
    left: 64%;
  }
}

/*-------------▲-怪盜偶像-宮下美波-▲-------------*/

/*-------------▼-怪盜偶像-YUI-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_2 .role1-1-bg {
  position: absolute;
  width: 80%;
  height: auto;
  padding-bottom: 10%;
  top: 4%;
  left: -9%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_2.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_2 .chara_rie_1 {
  position: absolute;
  width: 37%;
  height: auto;
  padding-bottom: 0%;
  top: 22%;
  left: 29%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_2.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_2 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_2 .chara_rie_2 {
  position: absolute;
  width: 30vw;
  height: auto;
  padding-bottom: 40%;
  top: 21%;
  left: 28%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_2.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_2 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_2 .name_role {
  position: absolute;
  width: 22%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 60%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_2 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 30.9%;
  left: 73%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_2 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_2 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_2 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_2 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 26%;
  left: 19%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_2 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_2 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_2 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_2 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_2 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_2 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_2 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 33.4%;
  left: 69.3%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_2 .role1-1-bg {
    width: 85%;
    padding-bottom: 0%;
    top: 1%;
    left: -15%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_2 .chara_rie_2 {
    width: 43vw;
    padding-bottom: 0%;
    top: 21%;
    left: 28%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_2 .role1-1-bg {
    width: 165%;
    top: 10%;
    left: -51%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_2 .chara_rie_1 {
    width: 76%;
    top: 31%;
    left: 28%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_2 .chara_rie_2 {
    width: 95%;
    top: 31%;
    left: 22%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_2 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_2 .name_role {
    width: 40%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_2 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_2 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_2 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_2 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_2 .ch_info_box .word_box p {
    width: 81%;
    top: 23%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_2 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_2 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_2 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 22.5%;
    left: 64%;
  }
}

/*-------------▲-怪盜偶像-YUI-▲-------------*/

/*-------------▼-怪盜偶像-白鳥誠司-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_3 .role1-1-bg {
  position: absolute;
  width: 61%;
  height: auto;
  padding-bottom: 10%;
  top: 2%;
  left: -6%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_3.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_3 .chara_rie_1 {
  position: absolute;
  width: 43%;
  height: auto;
  padding-bottom: 0%;
  top: 17%;
  left: 34%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_3.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_3 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_3 .chara_rie_2 {
  position: absolute;
  width: 42%;
  height: auto;
  padding-bottom: 40%;
  top: 20%;
  left: 28%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_3.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_3 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_3 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_3 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 30.5%;
  left: 72%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_3 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_3 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_3 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_3 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 28%;
  left: 19%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_3 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_3 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_3 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_3 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_3 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_3 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*代號名卡_不需要開關時*/
.character .content_box_2 .page17Swiper_2 .swiper-slide .mark_role2 {
  position: absolute;
  width: 33%;
  height: auto;
  padding-bottom: 1%;
  top: 4%;
  left: 51%;
  z-index: 58;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .swiper-slide.swiper-slide-active .mark_role2 {
  animation: bounceIn22 0.5s forwards;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_3 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 33.4%;
  left: 68.8%;
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_3 .role1-1-bg {
    width: 139%;
    top: 8%;
    left: -52%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_3 .chara_rie_1 {
    width: 88%;
    top: 27%;
    left: 23%;
  }

  /*.character .content_box_2 .page17Swiper_2 .page17Slider_3 .chara_rie_2 {
        width: 88%;
        top: 31%;
        left: 22%;
    }*/

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_3 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_3 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_3 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_3 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_2 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_3 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_3 .ch_info_box .word_box p {
    width: 81%;
    top: 24%;
    left: 12%;
  }

  .character .content_box_2 .page17Swiper_2 .swiper-slide .mark_role2 {
    width: 36%;
    top: -57%;
    left: 23%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_3 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_3 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_3 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 22.5%;
    left: 64%;
  }
}

/*-------------▲-怪盜偶像-白鳥誠司-▲-------------*/

/*-------------▼-怪盜偶像-藤川雪實-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_4 .role1-1-bg {
  position: absolute;
  width: 72%;
  height: auto;
  padding-bottom: 10%;
  top: -1%;
  left: -10%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_4.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_4 .chara_rie_1 {
  position: absolute;
  width: 56%;
  height: auto;
  padding-bottom: 0%;
  top: 22%;
  left: 24%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_4.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_4 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_4 .chara_rie_2 {
  position: absolute;
  width: 42%;
  height: auto;
  padding-bottom: 40%;
  top: 20%;
  left: 28%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_4.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_4 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_4 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_4 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 30.5%;
  left: 72%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_4 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_4 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_4 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_4 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 24%;
  left: 18%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_4 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_4 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_4 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_4 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_4 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_4 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_4 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 33.4%;
  left: 68.8%;
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_4 .role1-1-bg {
    width: 172%;
    top: 4%;
    left: -57%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_4 .chara_rie_1 {
    width: 115%;
    top: 32%;
    left: 16%;
  }

  /*.character .content_box_2 .page17Swiper_2 .page17Slider_4 .chara_rie_2 {
        width: 88%;
        top: 31%;
        left: 22%;
    }*/

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_4 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_4 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_4 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_4 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_4 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_4 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_4 .ch_info_box .word_box p {
    width: 81%;
    top: 21%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_4 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_4 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_4 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 22.5%;
    left: 64%;
  }
}

/*-------------▲-怪盜偶像-藤川雪實-▲-------------*/

/*-------------▼-怪盜偶像-神山嶺央-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_5 .role1-1-bg {
  position: absolute;
  width: 81%;
  height: auto;
  padding-bottom: 10%;
  top: 13%;
  left: -10%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_5.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_5 .chara_rie_1 {
  position: absolute;
  width: 67%;
  height: auto;
  padding-bottom: 0%;
  top: 27%;
  left: 11%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_5.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_5 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_5 .chara_rie_2 {
  position: absolute;
  width: 42%;
  height: auto;
  padding-bottom: 40%;
  top: 20%;
  left: 28%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_5.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_5 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_5 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_5 .cv_name {
  position: absolute;
  width: 14%;
  height: auto;
  padding-bottom: 10%;
  top: 31%;
  left: 72%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_5 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_5 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_5 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_5 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 28%;
  left: 16%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_5 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_5 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_5 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_5 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_5 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_5 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_5 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 33.4%;
  left: 68.8%;
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_5 .role1-1-bg {
    width: 175%;
    top: 14%;
    left: -59%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_5 .chara_rie_1 {
    width: 141%;
    top: 32%;
    left: -24%;
  }

  /*.character .content_box_2 .page17Swiper_2 .page17Slider_5 .chara_rie_2 {
        width: 88%;
        top: 31%;
        left: 22%;
    }*/

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_5 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_5 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_5 .cv_name {
    width: 31%;
    padding-bottom: 0%;
    top: 21%;
    left: 69%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_5 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_5 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_5 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_5 .ch_info_box .word_box p {
    width: 81%;
    top: 25%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_5 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_5 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_5 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.5%;
    left: 61.8%;
  }
}

/*-------------▲-怪盜偶像-神山嶺央-▲-------------*/

/*-------------▼-怪盜偶像-琴音蒙塔涅-▼-------------*/
/* 人格面具1 */
.character .content_box_2 .page17Swiper_2 .page17Slider_6 .role1-1-bg {
  position: absolute;
  width: 64%;
  height: auto;
  padding-bottom: 10%;
  top: 4%;
  left: -5%;
  z-index: 3;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_6.swiper-slide-active .role1-1-bg.show {
  opacity: 1;
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_6.swiper-slide-active .role1-1-bg.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_6 .chara_rie_1 {
  position: absolute;
  width: 34vw;
  height: auto;
  padding-bottom: 0%;
  top: 16%;
  left: 22%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_6.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_6 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_6 .chara_rie_2 {
  position: absolute;
  width: 50%;
  height: auto;
  padding-bottom: 40%;
  top: 22%;
  left: 23%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_6.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_6 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*型態3_立會*/

.character .content_box_2 .page17Swiper_2 .page17Slider_6 .chara_rie_3 {
  position: absolute;
  width: 72%;
  height: auto;
  padding-bottom: 40%;
  top: 0%;
  left: -5%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_6.swiper-slide-active .chara_rie_3.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_6 .chara_rie_3.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_6 .name_role {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 20%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_6 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 30.5%;
  left: 72%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_6 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_6 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_6 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_6 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 29%;
  left: 16%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_6 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_6 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_6 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_6 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_6 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_6 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_6 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 33.4%;
  left: 68.8%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .chara_rie_1 {
    width: 50%;
    top: 15%;
    left: 24%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .chara_rie_2 {
    width: 48%;
    top: 22%;
    left: 24%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .chara_rie_3 {
    width: 70%;
    top: 5%;
    left: 0%;
  }
}

@media screen and (max-width: 767px) {

  /* 琴音 */
  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .role_change_type {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .chara_rie_2 {
    width: 100%;
    top: 28%;
    left: 7%;
    opacity: 0;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .chara_rie_3 {
    width: 150%;
    top: 10%;
    left: -40%;
    opacity: 0;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .role1-1-bg {
    width: 139%;
    top: 10%;
    left: -47%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .chara_rie_1 {
    width: 106%;
    top: 23%;
    left: 5%;
  }

  /*.character .content_box_2 .page17Swiper_2 .page17Slider_6 .chara_rie_2 {
        width: 88%;
        top: 31%;
        left: 22%;
    }*/

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 21%;
    left: 69%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .ch_info_box .name_card {
    width: 42%;
    padding-bottom: 0%;
    top: 0%;
    left: -5%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .ch_info_box .word_box p {
    width: 81%;
    top: 23%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_6 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.5%;
    left: 61.8%;
  }
}

/*-------------▲-怪盜偶像-琴音蒙塔涅-▲-------------*/

/*-------------▼-怪盜偶像-李瑤鈴-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_7 .role1-1-bg {
  position: absolute;
  width: 83%;
  height: auto;
  padding-bottom: 10%;
  top: 9%;
  left: -6%;
  z-index: 3;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_7.swiper-slide-active .role1-1-bg.show {
  opacity: 1;
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_7.swiper-slide-active .role1-1-bg.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_7 .chara_rie_1 {
  position: absolute;
  width: 20vw;
  height: auto;
  padding-bottom: 0%;
  top: 26%;
  left: 34%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_7.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_7 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_7 .chara_rie_2 {
  position: absolute;
  width: 74%;
  height: auto;
  padding-bottom: 40%;
  top: 28%;
  left: 19%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_7.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_7 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*型態3_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_7 .chara_rie_3 {
  position: absolute;
  width: 90%;
  height: auto;
  padding-bottom: 40%;
  top: 8%;
  left: -15%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_7.swiper-slide-active .chara_rie_3.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_7 .chara_rie_3.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_7 .name_role {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 20%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_7 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 30%;
  left: 75%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_7 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_7 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_7 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_7 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 24%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_7 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_7 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_7 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_7 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_7 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_7 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_7 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 32.4%;
  left: 71.8%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .role1-1-bg {
    width: 86%;
    padding-bottom: 0%;
    top: 5%;
    left: -12%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .chara_rie_1 {
    width: 27vw;
    top: 26%;
    left: 34%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .chara_rie_2 {
    width: 74%;
    padding-bottom: 0%;
    top: 23%;
    left: 15%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .role1-1-bg {
    width: 164%;
    top: 13%;
    left: -48%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .chara_rie_1 {
    width: 67%;
    top: 30%;
    left: 34%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .chara_rie_2 {
    width: 143%;
    top: 30%;
    left: 4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .chara_rie_3 {
    width: 180%;
    top: 15%;
    left: -55%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .role_change_type {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .cv_name {
    width: 31%;
    padding-bottom: 0%;
    top: 21%;
    left: 69%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .ch_info_box .word_box p {
    width: 81%;
    top: 16%;
    left: 12%;
  }

  /*代號*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .ch_info_box .mark_role {
    width: 39%;
    top: -62%;
    left: 23%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_7 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.5%;
    left: 61.8%;
  }
}

/*-------------▲-怪盜偶像-李瑤鈴-▲-------------*/

/*-------------▼-怪盜偶像-黑谷清-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_8 .role1-1-bg {
  position: absolute;
  width: 56vw;
  height: auto;
  padding-bottom: 10%;
  top: -1%;
  left: -14%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_8.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_8 .chara_rie_1 {
  position: absolute;
  width: 20%;
  height: auto;
  padding-bottom: 0%;
  top: 23%;
  left: 42%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_8.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_8 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_8 .chara_rie_2 {
  position: absolute;
  width: 40.5%;
  height: auto;
  padding-bottom: 40%;
  top: 25%;
  left: 31%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_8.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_8 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_8 .name_role {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 20%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_8 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 30%;
  left: 74%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_8 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_8 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_8 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_8 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 25%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_8 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_8 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_8 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_8 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_8 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_8 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_8 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 32.4%;
  left: 70.8%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_8 .role1-1-bg {
    width: 78vw;
    padding-bottom: 0%;
    top: -1%;
    left: -14%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_8 .role1-1-bg {
    width: 178%;
    top: 3%;
    left: -58%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_8 .chara_rie_1 {
    width: 40%;
    top: 33%;
    left: 46%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_8 .chara_rie_2 {
    width: 95%;
    top: 30%;
    left: 27%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_8 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_8 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_8 .cv_name {
    width: 31%;
    padding-bottom: 0%;
    top: 21%;
    left: 69%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_8 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_8 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_8 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_8 .ch_info_box .word_box p {
    width: 81%;
    top: 22%;
    left: 12%;
  }

  /*代號*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_8 .ch_info_box .mark_role {
    width: 43%;
    top: -62%;
    left: 23%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_8 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_8 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_8 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.5%;
    left: 61.8%;
  }
}

/*-------------▲-怪盜偶像-黑谷清-▲-------------*/

/*-------------▼-怪盜偶像-野毛朋子-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_9 .role1-1-bg {
  position: absolute;
  width: 96%;
  height: auto;
  padding-bottom: 10%;
  top: 2%;
  left: -35%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_9.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_9 .chara_rie_1 {
  position: absolute;
  width: 20.1%;
  height: auto;
  padding-bottom: 0%;
  top: 24%;
  left: 43%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_9.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_9 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_9 .chara_rie_2 {
  position: absolute;
  width: 38vw;
  height: auto;
  padding-bottom: 40%;
  top: 11%;
  left: 34%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_9.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_9 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*型態3_立會*/

.character .content_box_2 .page17Swiper_2 .page17Slider_9 .chara_rie_3 {
  position: absolute;
  width: 38vw;
  height: auto;
  padding-bottom: 40%;
  top: 19%;
  left: 25%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_9.swiper-slide-active .chara_rie_3.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_9 .chara_rie_3.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_9 .name_role {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 20%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_9 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 30%;
  left: 74%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_9 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_9 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_9 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_9 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 27%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_9 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_9 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_9 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_9 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_9 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_9 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_9 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 32.4%;
  left: 70.8%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .role1-1-bg {
    width: 103%;
    padding-bottom: 0%;
    top: 2%;
    left: -45%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .chara_rie_1 {
    top: 24%;
    left: 40%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .chara_rie_2 {
    width: 60%;
    padding-bottom: 0%;
    top: 11%;
    left: 30%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .chara_rie_3 {
    width: 58%;
    top: 25%;
    left: 32%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .role1-1-bg {
    width: 170%;
    top: 5%;
    left: -91%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .chara_rie_1 {
    width: 43%;
    top: 30%;
    left: 46%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .chara_rie_2 {
    width: 134%;
    top: 10%;
    left: 26%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .chara_rie_3 {
    width: 124%;
    top: 29%;
    left: 18%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .cv_name {
    width: 31%;
    padding-bottom: 0%;
    top: 21%;
    left: 69%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .ch_info_box .word_box p {
    width: 81%;
    top: 22%;
    left: 12%;
  }

  /*代號*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .ch_info_box .mark_role {
    width: 43%;
    top: -62%;
    left: 23%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_9 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.5%;
    left: 61.8%;
  }
}

/*-------------▲-怪盜偶像-野毛朋子-▲-------------*/

/*-------------▼-怪盜偶像-富山佳代-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_10 .role1-1-bg {
  position: absolute;
  width: 84%;
  height: auto;
  padding-bottom: 10%;
  top: 11%;
  left: -19%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_10.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_10 .chara_rie_1 {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 0%;
  top: 24%;
  left: 36%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_10.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_10 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_10 .chara_rie_2 {
  position: absolute;
  width: 59%;
  height: auto;
  padding-bottom: 40%;
  top: 18%;
  left: 21%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_10.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_10 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_10 .name_role {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 20%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_10 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 30%;
  left: 74%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_10 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_10 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_10 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_10 .ch_info_box .word_box p {
  position: absolute;
  width: 69%;
  height: auto;
  padding-bottom: 0%;
  top: 25%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_10 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_10 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_10 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_10 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_10 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_10 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_10 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 32.4%;
  left: 70.8%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_10 .role1-1-bg {
    width: 84%;
    padding-bottom: 0%;
    top: 4%;
    left: -27%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_10 .ch_info_box .word_box p {
    top: 22%;
    left: 17%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_10 .role1-1-bg {
    width: 187%;
    top: 13%;
    left: -80%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_10 .chara_rie_1 {
    width: 61%;
    top: 30%;
    left: 40%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_10 .chara_rie_2 {
    width: 120%;
    top: 22%;
    left: 10%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_10 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_10 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_10 .cv_name {
    width: 31%;
    padding-bottom: 0%;
    top: 21%;
    left: 69%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_10 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_10 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_10 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_10 .ch_info_box .word_box p {
    width: 81%;
    top: 19%;
    left: 12%;
  }

  /*代號*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_10 .ch_info_box .mark_role {
    width: 43%;
    top: -62%;
    left: 23%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_10 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_10 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_10 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.5%;
    left: 61.8%;
  }
}

/*-------------▲-怪盜偶像-富山佳代-▲-------------*/

/*-------------▼-怪盜偶像-佐原海夕-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_11 .role1-1-bg {
  position: absolute;
  width: 79%;
  height: auto;
  padding-bottom: 10%;
  top: 9%;
  left: -19%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_11.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_11 .chara_rie_1 {
  position: absolute;
  width: 16vw;
  height: auto;
  padding-bottom: 0%;
  top: 26%;
  left: 41%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_11.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_11 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_11 .chara_rie_2 {
  position: absolute;
  width: 32.6vw;
  height: auto;
  padding-bottom: 40%;
  top: 13%;
  left: 27%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_11.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_11 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_11 .name_role {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 20%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_11 .cv_name {
  position: absolute;
  width: 14.5%;
  height: auto;
  padding-bottom: 10%;
  top: 30.5%;
  left: 74%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_11 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_11 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_11 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_11 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 28%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_11 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_11 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_11 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_11 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_11 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_11 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_11 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 32.4%;
  left: 70.8%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_11 .role1-1-bg {
    width: 79%;
    padding-bottom: 0%;
    top: 9%;
    left: -27%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_11 .chara_rie_1 {
    width: 21vw;
    top: 26%;
    left: 37%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_11 .chara_rie_2 {
    width: 44.6vw;
    padding-bottom: 0%;
    top: 13%;
    left: 28%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_11 .role1-1-bg {
    width: 168%;
    top: 13%;
    left: -85%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_11 .chara_rie_1 {
    width: 52%;
    top: 31%;
    left: 44%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_11 .chara_rie_2 {
    width: 105%;
    top: 17%;
    left: 17%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_11 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_11 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_11 .cv_name {
    width: 31%;
    padding-bottom: 0%;
    top: 21%;
    left: 69%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_11 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_11 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_11 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_11 .ch_info_box .word_box p {
    width: 81%;
    top: 21%;
    left: 12%;
  }

  /*代號*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_11 .ch_info_box .mark_role {
    width: 41%;
    top: -68%;
    left: 24%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_11 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_11 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_11 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.5%;
    left: 61.8%;
  }
}

/*-------------▲-怪盜偶像-佐原海夕-▲-------------*/

/*-------------▼-怪盜偶像-西森陽菜-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_12 .role1-1-bg {
  position: absolute;
  width: 65%;
  height: auto;
  padding-bottom: 10%;
  top: 4%;
  left: -2%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_12.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_12 .chara_rie_1 {
  position: absolute;
  width: 18%;
  height: auto;
  padding-bottom: 0%;
  top: 31%;
  left: 43%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_12.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_12 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_12 .chara_rie_2 {
  position: absolute;
  width: 22vw;
  height: auto;
  padding-bottom: 40%;
  top: 29%;
  left: 32%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_12.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_12 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_12 .name_role {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 20%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_12 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 30.1%;
  left: 74%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_12 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_12 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_12 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_12 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 24%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_12 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_12 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_12 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_12 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_12 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_12 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_12 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 32.4%;
  left: 70.8%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_12 .role1-1-bg {
    width: 70%;
    padding-bottom: 0%;
    top: 2%;
    left: -6%;
    z-index: 3;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_12 .chara_rie_1 {
    width: 19%;
    top: 29%;
    left: 41%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_12 .chara_rie_2 {
    width: 32vw;
    top: 28%;
    left: 29%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_12 .role1-1-bg {
    width: 118%;
    top: 7%;
    left: -8%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_12 .chara_rie_1 {
    width: 40%;
    top: 31%;
    left: 44%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_12 .chara_rie_2 {
    width: 76%;
    top: 30%;
    left: 25%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_12 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_12 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_12 .cv_name {
    width: 31%;
    padding-bottom: 0%;
    top: 21%;
    left: 69%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_12 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_12 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_12 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_12 .ch_info_box .word_box p {
    width: 81%;
    top: 21%;
    left: 12%;
  }

  /*代號*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_12 .ch_info_box .mark_role {
    width: 41%;
    top: -68%;
    left: 20%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_12 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_12 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_12 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.5%;
    left: 61.8%;
  }
}

/*-------------▲-怪盜偶像-西森陽菜-▲-------------*/

/*-------------▼-怪盜偶像-須見俊也-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_13 .role1-1-bg {
  position: absolute;
  width: 72%;
  height: auto;
  padding-bottom: 10%;
  top: 0%;
  left: 2%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_13.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_13 .chara_rie_1 {
  position: absolute;
  width: 61vw;
  height: auto;
  padding-bottom: 0%;
  top: 24%;
  left: 11%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_13.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_13 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_13 .chara_rie_2 {
  position: absolute;
  width: 35%;
  height: auto;
  padding-bottom: 40%;
  top: 26%;
  left: 33%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_13.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_13 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_13 .name_role {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 20%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_13 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 30.1%;
  left: 74%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_13 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_13 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_13 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_13 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 25%;
  left: 16%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_13 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_13 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_13 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_13 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_13 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_13 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_13 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 32.4%;
  left: 70.8%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_13 .role1-1-bg {
    width: 75%;
    padding-bottom: 0%;
    top: 0%;
    left: -1%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_13 .chara_rie_1 {
    width: 83vw;
    top: 24%;
    left: 13%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_13 .role1-1-bg {
    width: 150%;
    top: 2%;
    left: -22%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_13 .chara_rie_1 {
    width: 199%;
    top: 30%;
    left: -8%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_13 .chara_rie_2 {
    width: 76%;
    top: 30%;
    left: 25%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_13 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_13 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_13 .cv_name {
    width: 31%;
    padding-bottom: 0%;
    top: 20.56%;
    left: 69%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_13 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_13 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_13 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_13 .ch_info_box .word_box p {
    width: 81%;
    top: 18%;
    left: 12%;
  }

  /*代號*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_13 .ch_info_box .mark_role {
    width: 41%;
    top: -68%;
    left: 20%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_13 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_13 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_13 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.5%;
    left: 61.8%;
  }
}

/*-------------▲-怪盜偶像-須見俊也-▲-------------*/

/*-------------▼-怪盜偶像-長尾千津子-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_14 .role1-1-bg {
  position: absolute;
  width: 67%;
  height: auto;
  padding-bottom: 10%;
  top: 5%;
  left: -9%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_14.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_14 .chara_rie_1 {
  position: absolute;
  width: 35vw;
  height: auto;
  padding-bottom: 0%;
  top: 23%;
  left: 18%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_14.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_14 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_14 .chara_rie_2 {
  position: absolute;
  width: 42%;
  height: auto;
  padding-bottom: 40%;
  top: 20%;
  left: 28%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_14.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_14 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_14 .name_role {
  position: absolute;
  width: 32%;
  height: auto;
  padding-bottom: 10%;
  top: 19%;
  left: 59%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_14 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 32.5%;
  left: 72%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_14 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_14 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_14 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_14 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 25%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_14 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_14 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_14 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_14 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_14 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_14 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*代號名卡_不需要開關時*/
.character .content_box_2 .page17Swiper_2 .swiper-slide .mark_role2 {
  position: absolute;
  width: 33%;
  height: auto;
  padding-bottom: 1%;
  top: 4%;
  left: 51%;
  z-index: 58;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .swiper-slide.swiper-slide-active .mark_role2 {
  animation: bounceIn22 0.5s forwards;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_14 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 34.4%;
  left: 68.9%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_14 .role1-1-bg {
    width: 76%;
    padding-bottom: 0%;
    top: 5%;
    left: -13%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_14 .chara_rie_1 {
    width: 45vw;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_14 .role1-1-bg {
    width: 146%;
    top: 9%;
    left: -48%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_14 .chara_rie_1 {
    width: 102%;
    top: 29%;
    left: 0%;
  }

  /*.character .content_box_2 .page17Swiper_2 .page17Slider_14 .chara_rie_2 {
        width: 88%;
        top: 31%;
        left: 22%;
    }*/

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_14 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_14 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_14 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_14 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_14 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_14 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_14 .ch_info_box .word_box p {
    width: 81%;
    top: 24%;
    left: 12%;
  }

  .character .content_box_2 .page17Swiper_2 .swiper-slide .mark_role2 {
    width: 36%;
    top: -57%;
    left: 23%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_14 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_14 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_14 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 22.5%;
    left: 64%;
  }
}

/*-------------▲-怪盜偶像-長尾千津子-▲-------------*/

/*-------------▼-怪盜偶像-椎名悠美-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_15 .role1-1-bg {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 10%;
  top: 6%;
  left: 7%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_15.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_15 .chara_rie_1 {
  position: absolute;
  width: 31%;
  height: auto;
  padding-bottom: 0%;
  top: 23%;
  left: 19%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_15.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_15 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_15 .chara_rie_2 {
  position: absolute;
  width: 29vw;
  height: auto;
  padding-bottom: 40%;
  top: 25%;
  left: 11%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_15.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_15 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_15 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_15 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 30.2%;
  left: 73%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_15 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_15 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_15 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_15 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 25%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_15 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_15 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_15 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_15 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_15 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_15 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_15 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 32.8%;
  left: 69.8%;
}

@media screen and (max-width: 1447px) {}

@media screen and (max-width: 1195px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_15 .role1-1-bg {
    width: 74%;
    padding-bottom: 0%;
    top: 8%;
    left: 5%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_15 .chara_rie_1 {
    left: 12%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_15 .chara_rie_2 {
    width: 41vw;
    top: 24%;
    left: 8%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_15 .role1-1-bg {
    width: 165%;
    top: 10%;
    left: -40%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_15 .chara_rie_1 {
    width: 62%;
    top: 29%;
    left: -1%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_15 .chara_rie_2 {
    width: 93%;
    top: 31%;
    left: -8%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_15 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_15 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_15 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_15 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_15 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_15 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_15 .ch_info_box .word_box p {
    width: 81%;
    top: 19%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_15 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_15 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_15 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 22.5%;
    left: 64%;
  }
}

/*-------------▲-怪盜偶像-椎名悠美-▲-------------*/

/*-------------▼-怪盜偶像-坂井綾香-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_16 .role1-1-bg {
  position: absolute;
  width: 70%;
  height: auto;
  padding-bottom: 10%;
  top: 9%;
  left: 6%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_16.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_16 .chara_rie_1 {
  position: absolute;
  width: 31%;
  height: auto;
  padding-bottom: 0%;
  top: 23%;
  left: 19%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_16.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_16 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_16 .chara_rie_2 {
  position: absolute;
  width: 42.5vw;
  height: auto;
  padding-bottom: 40%;
  top: 21%;
  left: -3%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_16.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_16 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_16 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_16 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 30.2%;
  left: 73%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_16 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_16 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_16 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_16 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 25%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_16 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_16 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_16 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_16 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_16 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_16 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_16 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 32.8%;
  left: 69.8%;
}

@media screen and (max-width: 1447px) {}

@media screen and (max-width: 1195px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_16 .role1-1-bg {
    width: 74%;
    padding-bottom: 0%;
    top: 8%;
    left: 5%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_16 .chara_rie_1 {
    left: 12%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_16 .chara_rie_2 {
    width: 59vw;
    top: 21%;
    left: -1%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_16 .role1-1-bg {
    width: 158%;
    top: 11%;
    left: -62%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_16 .chara_rie_1 {
    width: 62%;
    top: 29%;
    left: 30%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_16 .chara_rie_2 {
    width: 136%;
    top: 28%;
    left: -17%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_16 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_16 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_16 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_16 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_16 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_16 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_16 .ch_info_box .word_box p {
    width: 81%;
    top: 19%;
    left: 10%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_16 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_16 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_16 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 22.5%;
    left: 64%;
  }
}

/*-------------▲-怪盜偶像-坂井綾香-▲-------------*/

/*-------------▼-怪盜偶像-北里基良-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_17 .role1-1-bg {
  position: absolute;
  width: 96%;
  height: auto;
  padding-bottom: 0%;
  top: 3%;
  left: -4%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_17.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_17 .chara_rie_1 {
  position: absolute;
  width: 27%;
  height: auto;
  padding-bottom: 0%;
  top: 23%;
  left: 19%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_17.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_17 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_17 .chara_rie_2 {
  position: absolute;
  width: 41.5vw;
  height: auto;
  padding-bottom: 0%;
  top: 21%;
  left: 7%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_17.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_17 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_17 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_17 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 30.2%;
  left: 73%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_17 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_17 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_17 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_17 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 22%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_17 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_17 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_17 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_16 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_17 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_17 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_17 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 32.8%;
  left: 69.8%;
}

@media screen and (max-width: 1447px) {}

@media screen and (max-width: 1195px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_17 .role1-1-bg {
    width: 92%;
    padding-bottom: 0%;
    top: -1%;
    left: -2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_17 .chara_rie_1 {
    left: 12%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_17 .chara_rie_2 {
    width: 59vw;
    top: 20%;
    left: 7%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_17 .role1-1-bg {
    width: 204%;
    top: 5%;
    left: -75%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_17 .chara_rie_1 {
    width: 54%;
    top: 29%;
    left: 30%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_17 .chara_rie_2 {
    width: 123%;
    top: 28%;
    left: 15%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_17 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_17 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_17 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_17 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_17 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_17 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_17 .ch_info_box .word_box p {
    width: 81%;
    top: 16%;
    left: 10%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_17 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_17 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_17 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 22.5%;
    left: 64%;
  }
}

/*-------------▲-怪盜偶像-北里基良-▲-------------*/

/*-------------▼-怪盜偶像-蘆谷真咲-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_18 .role1-1-bg {
  position: absolute;
  width: 58%;
  height: auto;
  padding-bottom: 0%;
  top: -2%;
  left: -3%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_18.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_18 .chara_rie_1 {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 0%;
  top: 20%;
  left: 31%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_18.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_18 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_18 .chara_rie_2 {
  position: absolute;
  width: 41.5vw;
  height: auto;
  padding-bottom: 0%;
  top: 21%;
  left: 7%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_18.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_18 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_18 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_18 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 30.2%;
  left: 73%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_18 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_18 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_18 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_18 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 22%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_18 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_18 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_18 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_16 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_18 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_18 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_18 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 32.8%;
  left: 69.8%;
}

@media screen and (max-width: 1447px) {}

@media screen and (max-width: 1195px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_18 .role1-1-bg {
    width: 62%;
    padding-bottom: 0%;
    top: -10%;
    left: 12%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_18 .chara_rie_1 {
    left: 12%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_18 .chara_rie_2 {
    width: 59vw;
    top: 20%;
    left: -15%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_18 .role1-1-bg {
    width: 139%;
    top: 5%;
    left: -36%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_18 .chara_rie_1 {
    width: 45%;
    top: 29%;
    left: 34%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_18 .chara_rie_2 {
    width: 123%;
    top: 28%;
    left: -15%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_18 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_18 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_18 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_18 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_18 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_18 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_18 .ch_info_box .word_box p {
    width: 81%;
    top: 16%;
    left: 10%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_18 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_18 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_18 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 22.5%;
    left: 64%;
  }
}

/*-------------▲-怪盜偶像-蘆谷真咲-▲-------------*/

/*-------------▼-怪盜偶像-道玄坂琉七-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_19 .role1-1-bg {
  position: absolute;
  width: 54%;
  height: auto;
  padding-bottom: 0%;
  top: 3%;
  left: 2%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_19.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_19 .chara_rie_1 {
  position: absolute;
  width: 25%;
  height: auto;
  padding-bottom: 0%;
  top: 20%;
  left: 38%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_19.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_19 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_19 .chara_rie_2 {
  position: absolute;
  width: 53%;
  height: auto;
  padding-bottom: 0%;
  top: 21%;
  left: 13%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_19.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_19 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_19 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_19 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 30.2%;
  left: 73%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_19 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_19 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_19 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_19 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 22%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_19 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_19 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_19 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_16 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_19 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_19 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_19 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 32.8%;
  left: 69.8%;
}

@media screen and (max-width: 1447px) {}

@media screen and (max-width: 1195px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_19 .role1-1-bg {
    width: 50%;
    padding-bottom: 0%;
    top: 4%;
    left: 5%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_19 .chara_rie_1 {
    left: 38%;
    top: 18%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_19 .chara_rie_2 {
    width: 50%;
    top: 22%;
    left: 18%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_19 .role1-1-bg {
    width: 90%;
    top: 15%;
    left: -6%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_19 .chara_rie_1 {
    width: 50%;
    top: 30%;
    left: 48%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_19 .chara_rie_2 {
    width: 105%;
    top: 28%;
    left: -2%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_19 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_19 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_19 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_19 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_19 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_19 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_19 .ch_info_box .word_box p {
    width: 81%;
    top: 16%;
    left: 10%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_19 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_19 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_19 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 22.5%;
    left: 64%;
  }
}

/*-------------▲-怪盜偶像-道玄坂琉七-▲-------------*/

/*-------------▼-怪盜偶像-夏川澪-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_20 .role1-1-bg {
  position: absolute;
  width: 90%;
  height: auto;
  padding-bottom: 0%;
  top: 2%;
  left: -25%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_20.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_20 .chara_rie_1 {
  position: absolute;
  width: 26.4%;
  height: auto;
  padding-bottom: 0%;
  top: 20%;
  left: 38%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_20.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_20 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_20 .chara_rie_2 {
  position: absolute;
  width: 60%;
  height: auto;
  padding-bottom: 0%;
  top: 6%;
  left: 20%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_20.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_20 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_20 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 63%;
  z-index: 10;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_20 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 32.7%;
  left: 73%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_20 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_20 .ch_info_box .name_card {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_20 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_20 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 22%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_20 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_20 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_20 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_16 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_20 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_20 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_20 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 35.4%;
  left: 70.3%;
}

@media screen and (max-width: 1447px) {}

@media screen and (max-width: 1195px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_20 .role1-1-bg {
    width: 90%;
    padding-bottom: 0%;
    top: 2%;
    left: -28%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_20 .chara_rie_1 {
    left: 38%;
    top: 18%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_20 .chara_rie_2 {
    width: 61%;
    top: 5%;
    left: 18%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_20 .role1-1-bg {
    width: 170%;
    top: 12%;
    left: -75%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_20 .chara_rie_1 {
    width: 53%;
    top: 30%;
    left: 48%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_20 .chara_rie_2 {
    width: 135%;
    top: 12%;
    left: 0%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_20 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_20 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_20 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_20 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_20 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_20 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_20 .ch_info_box .word_box p {
    width: 81%;
    top: 16%;
    left: 10%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_20 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_20 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_20 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 22.5%;
    left: 64%;
  }
}

/*-------------▲-怪盜偶像-夏川澪-▲-------------*/

/*-------------▼-怪盜偶像_橋本麻由美-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_21 .role1-1-bg {
  position: absolute;
  width: 109%;
  height: auto;
  padding-bottom: 10%;
  top: -0.5%;
  left: -39%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_21.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_21 .chara_rie_1 {
  position: absolute;
  width: 30%;
  height: auto;
  padding-bottom: 0%;
  top: 24%;
  left: 39%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_21.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_21 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_21 .chara_rie_2 {
  position: absolute;
  width: 84%;
  height: auto;
  padding-bottom: 40%;
  top: 23.4%;
  left: 19.5%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_21.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_21 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*名字*/
.character .content_box_2 .page17Swiper_2 .page17Slider_21 .name_role {
  position: absolute;
  width: 28%;
  height: auto;
  padding-bottom: 10%;
  top: 19.7%;
  left: 63.2%;
  z-index: 10;
}

/*CV*/
.character .content_box_2 .page17Swiper_2 .page17Slider_21 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 31.2%;
  left: 73.5%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_21 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_21 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_21 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_21 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 26%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_21 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_21 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_21 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_21 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_21 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_21 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*代號名卡_不需要開關時*/
.character .content_box_2 .page17Swiper_2 .swiper-slide .mark_role2 {
  position: absolute;
  width: 33%;
  height: auto;
  padding-bottom: 1%;
  top: 4%;
  left: 51%;
  z-index: 58;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .swiper-slide.swiper-slide-active .mark_role2 {
  animation: bounceIn22 0.5s forwards;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_21 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 34.3%;
  left: 70.5%;
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_21 .role1-1-bg {
    width: 222%;
    top: 5%;
    left: -113%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_21 .chara_rie_1 {
    width: 60%;
    top: 29%;
    left: 45.5%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_21 .chara_rie_2 {
    width: 180%;
    top: 28%;
    left: 0%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_21 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_21 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_21 .cv_name {
    width: 27%;
    padding-bottom: 0%;
    top: 20.1%;
    left: 70.5%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_21 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_21 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_21 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_21 .ch_info_box .word_box p {
    width: 81%;
    top: 18%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_21 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_21 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .swiper-slide .mark_role2 {
    width: 36%;
    top: -57%;
    left: 23%;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_21 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 22.5%;
    left: 63.2%;
  }
}

/*-------------▲-怪盜偶像_橋本麻由美-▲-------------*/


/*-------------▼-怪盜偶像_長尾愛歌-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_22 .role1-1-bg {
  position: absolute;
  width: 109%;
  height: auto;
  padding-bottom: 10%;
  top: 4.5%;
  left: -16%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_22.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_22 .chara_rie_1 {
  position: absolute;
  width: 50%;
  height: auto;
  padding-bottom: 0%;
  top: 20%;
  left: 20%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_22.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_22 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_22 .chara_rie_2 {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 40%;
  top: 17.4%;
  left: 9.5%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_22.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_22 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*名字*/
.character .content_box_2 .page17Swiper_2 .page17Slider_22 .name_role {
  position: absolute;
  width: 28%;
  height: auto;
  padding-bottom: 10%;
  top: 19.7%;
  left: 63.2%;
  z-index: 10;
}

/*CV*/
.character .content_box_2 .page17Swiper_2 .page17Slider_22 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 31.2%;
  left: 73.5%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_22 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_22 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_22 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_22 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 26%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_22 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_22 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_22 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_22 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_22 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_22 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*代號名卡_不需要開關時*/
.character .content_box_2 .page17Swiper_2 .swiper-slide .mark_role2 {
  position: absolute;
  width: 33%;
  height: auto;
  padding-bottom: 1%;
  top: 4%;
  left: 51%;
  z-index: 58;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .swiper-slide.swiper-slide-active .mark_role2 {
  animation: bounceIn22 0.5s forwards;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_22 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 34.3%;
  left: 70.5%;
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_22 .role1-1-bg {
    width: 222%;
    top: 5%;
    left: -73%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_22 .chara_rie_1 {
    width: 93%;
    top: 26%;
    left: -4.5%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_22 .chara_rie_2 {
    width: 143%;
    top: 23%;
    left: -23%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_22 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_22 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_22 .cv_name {
    width: 27%;
    padding-bottom: 0%;
    top: 20.1%;
    left: 70.5%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_22 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_22 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_22 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_22 .ch_info_box .word_box p {
    width: 81%;
    top: 18%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_22 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_22 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .swiper-slide .mark_role2 {
    width: 36%;
    top: -57%;
    left: 23%;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_22 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 22.5%;
    left: 63.2%;
  }
}

/*-------------▲-怪盜偶像_長尾愛歌-▲-------------*/







/*-------------▼-怪盜偶像_鹿野莓-▼-------------*/
.character .content_box_2 .page17Swiper_2 .page17Slider_23 .role1-1-bg {
  position: absolute;
  width: 89%;
  height: auto;
  padding-bottom: 10%;
  top: 7.5%;
  left: -17%;
  z-index: 3;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_23.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_23 .chara_rie_1 {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 0%;
  top: 22%;
  left: 36%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_23.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_23 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_2 .page17Swiper_2 .page17Slider_23 .chara_rie_2 {
  position: absolute;
  width: 52%;
  height: auto;
  padding-bottom: 0%;
  top: 13.4%;
  left: 26.5%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_23.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_23 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*名字*/
.character .content_box_2 .page17Swiper_2 .page17Slider_23 .name_role {
  position: absolute;
  width: 28%;
  height: auto;
  padding-bottom: 10%;
  top: 19.7%;
  left: 63.2%;
  z-index: 10;
}

/*CV*/
.character .content_box_2 .page17Swiper_2 .page17Slider_23 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 31.2%;
  left: 73.5%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_23 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_2 .page17Swiper_2 .page17Slider_23 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_23 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_23 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 26%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_23 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_23 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_23 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_2 .page17Swiper_2 .page17Slider_23 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_23 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_2 .page17Swiper_2 .page17Slider_23 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*代號名卡_不需要開關時*/
.character .content_box_2 .page17Swiper_2 .swiper-slide .mark_role2 {
  position: absolute;
  width: 33%;
  height: auto;
  padding-bottom: 1%;
  top: 4%;
  left: 51%;
  z-index: 58;
  opacity: 0;
}

.character .content_box_2 .page17Swiper_2 .swiper-slide.swiper-slide-active .mark_role2 {
  animation: bounceIn22 0.5s forwards;
}

/*--語音_btn--*/
.character .content_box_2 .page17Swiper_2 .page17Slider_23 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 34.3%;
  left: 70.5%;
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {
  .character .content_box_2 .page17Swiper_2 .page17Slider_23 .role1-1-bg {
    width: 167%;
    top: 14%;
    left: -68%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_23 .chara_rie_1 {
    width: 63%;
    top: 28%;
    left: 20.5%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_23 .chara_rie_2 {
    width: 111%;
    top: 20%;
    left: 3%;
  }

  /*--切換型態--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_23 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_23 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_23 .cv_name {
    width: 27%;
    padding-bottom: 0%;
    top: 20.1%;
    left: 70.5%;
  }

  /*--文字框--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_23 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_23 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_23 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_23 .ch_info_box .word_box p {
    width: 81%;
    top: 18%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_23 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .page17Slider_23 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  .character .content_box_2 .page17Swiper_2 .swiper-slide .mark_role2 {
    width: 36%;
    top: -57%;
    left: 23%;
  }

  /*--語音_btn--*/
  .character .content_box_2 .page17Swiper_2 .page17Slider_23 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 22.5%;
    left: 63.2%;
  }
}

/*-------------▲-怪盜偶像_鹿野莓-▲-------------*/













/*--------------怪盜偶像_人頭選項---------------*/
.character .content_box_2 .page17NavSwiper_2 {
  position: absolute !important;
  width: 26%;
  height: 6%;
  right: 11%;
  bottom: 8%;
  z-index: 70 !important;
  overflow: hidden;
  padding-right: 0.1rem;

  background-color: #9e191900;
  /*--顏色標記--*/
}

.character .content_box_2 .page17NavSwiper_2 .swiper-slide {
  width: 100%;
  height: auto;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .swiper-slide.swiper-slide-thumb-active {
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_1 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_1_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_1.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_1_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_2 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_2_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_2.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_2_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_3 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_3_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_3.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_3_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_4 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_4_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_4.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_4_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_5 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_5_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_5.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_5_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_6 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_6_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_6.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_6_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_7 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_7_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_7.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_7_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_8 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_8_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_8.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_8_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_9 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_9_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_9.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_9_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_10 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_10_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_10.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_10_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_11 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_11_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_11.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_11_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_12 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_12_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_12.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_12_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_13 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_13_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_13.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_13_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_14 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_14_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_14.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_14_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_15 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_15_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_15.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_15_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_16 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_16_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_16.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_16_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_17 {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_17_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_17.swiper-slide-active {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_17_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_18 {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_18_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_18.swiper-slide-active {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_18_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_19 {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_19_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_19.swiper-slide-active {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_19_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_20 {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_20_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_20.swiper-slide-active {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_20_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_21 {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_21_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_21.swiper-slide-active {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_21_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_22 {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_22_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_22.swiper-slide-active {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_2_22_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_23 {
  background: url(../image/character_240516/ch_nav_2_23_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_2 .page17NavSwiper_2 .r_23.swiper-slide-active {
  background: url(../image/character_240516/ch_nav_2_23_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}


/*---------------人頭選項_bg---------------*/
.character .content_box_2 .ch_nav_bg {
  position: absolute !important;
  width: 38%;
  height: auto;
  padding-bottom: 12%;
  right: 4%;
  bottom: 5%;
  z-index: 69 !important;
  overflow: hidden;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/pagination.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {

  /*---------------人頭選項---------------*/
  .character .content_box_2 .page17NavSwiper_2 {
    width: 52%;
    height: 6%;
    right: 32%;
    bottom: 2.5%;
  }

  .character .content_box_2 .ch_nav_bg {
    width: 76%;
    padding-bottom: 22%;
    right: 21%;
    bottom: 1%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/pagination_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }
}

/*---------------主角團_箭頭---------------*/
.character .content_box_2 .page17Prev2,
.character .content_box_2 .page17Next2 {
  position: absolute;
  width: 8%;
  height: 10%;
  top: 49%;
  z-index: 70;
  cursor: pointer;
  background-color: #f00f2900 !important;
  color: transparent;
  /*顏色標記*/
}

.character .content_box_2 .page17Next2 {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/next.png) no-repeat;
  background-size: 100%;
  right: -2%;
  outline: none;
}

.character .content_box_2 .page17Prev2 {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/prev.png) no-repeat;
  background-size: 100%;
  left: -2%;
  outline: none;
}

@media screen and (max-width: 1195px) {

  .character .content_box_2 .page17Prev2,
  .character .content_box_2 .page17Next2 {
    top: 44%;
  }
}

@media screen and (max-width: 767px) {

  .character .content_box_2 .page17Prev2,
  .character .content_box_2 .page17Next2 {
    width: 11%;
  }
}

/*---------------心之怪盜團_內容---------------*/
.character .content_box_3 .main_box {
  position: absolute;
  width: 103%;
  height: auto;
  padding-bottom: 109%;
  top: 0%;
  left: 0%;
  z-index: 5;
  background-color: rgba(18, 224, 111, 0);
  /*顏色標記*/
}

.character .content_box_3 .main_box .page17Swiper_3 {
  position: absolute !important;
  width: 100%;
  height: auto;
  padding-bottom: 0%;
  left: 0%;
  top: 0%;
  z-index: 60;

  display: block;
  /*overflow: hidden;*/

  background-color: #ff7a4500;
  /*--顏色標記--*/
}

.character .content_box_3 .main_box .page17Swiper_3 .swiper-slide {
  width: 100%;
  height: 100%;
  opacity: 0 !important;
}

.character .content_box_3 .main_box .page17Swiper_3 .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.character .content_box_3 .page17Swiper_3 .swiper-slide {
  position: relative;
  padding-bottom: 106%;
  background-color: #4580ff00;
  /*--顏色標記--*/
}

@media screen and (max-width: 767px) {
  .character .content_box_3 .main_box {
    padding-bottom: 244%;
  }

  .character .content_box_3 .page17Swiper_3 .swiper-slide {
    padding-bottom: 237%;
  }
}

/*-------------▼-心之怪盜團_雨宮蓮-▼-------------*/
.character .content_box_3 .page17Swiper_3 .page17Slider_1 .role1-1-bg {
  position: absolute;
  width: 106%;
  height: auto;
  padding-bottom: 10%;
  top: 1%;
  left: -14%;
  z-index: 3;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_1.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_1 .chara_rie_1 {
  position: absolute;
  width: 52%;
  height: auto;
  padding-bottom: 0%;
  top: 25%;
  left: 11%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_1.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_1 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_1 .chara_rie_2 {
  position: absolute;
  width: 82%;
  height: auto;
  padding-bottom: 40%;
  top: 17%;
  left: 11%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_1.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_1 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*名字*/
.character .content_box_3 .page17Swiper_3 .page17Slider_1 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 60%;
  z-index: 10;
}

/*CV*/
.character .content_box_3 .page17Swiper_3 .page17Slider_1 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 33%;
  left: 71%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_1 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_3 .page17Swiper_3 .page17Slider_1 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_1 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_1 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 33%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_1 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_1 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_1 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_1 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_1 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_1 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*代號名卡_不需要開關時*/
.character .content_box_3 .page17Swiper_3 .swiper-slide .mark_role2 {
  position: absolute;
  width: 33%;
  height: auto;
  padding-bottom: 1%;
  top: 4%;
  left: 51%;
  z-index: 58;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .swiper-slide.swiper-slide-active .mark_role2 {
  animation: bounceIn22 0.5s forwards;
}

/*--語音_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_1 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 36.4%;
  left: 68%;
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {
  .character .content_box_3 .page17Swiper_3 .page17Slider_1 .role1-1-bg {
    width: 234%;
    top: 0%;
    left: -58%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_1 .chara_rie_1 {
    width: 105%;
    top: 28%;
    left: -6%;
  }

  /*--切換型態--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_1 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_1 .name_role {
    width: 39%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_1 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_1 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_1 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_1 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_1 .ch_info_box .word_box p {
    width: 81%;
    top: 28%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_1 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_1 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  .character .content_box_3 .page17Swiper_3 .swiper-slide .mark_role2 {
    width: 36%;
    top: -57%;
    left: 23%;
  }

  /*--語音_btn--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_1 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.2%;
    left: 63.8%;
  }
}

/*-------------▲-心之怪盜團_雨宮蓮-▲-------------*/

/*-------------▼-心之怪盜團_摩爾加納-▼-------------*/
.character .content_box_3 .page17Swiper_3 .page17Slider_2 .role1-1-bg {
  position: absolute;
  width: 50%;
  height: auto;
  padding-bottom: 0%;
  top: 5%;
  left: 3%;
  z-index: 3;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_2.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_2 .chara_rie_1 {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 0%;
  top: 15%;
  left: 38%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_2.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_2 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_2 .chara_rie_2 {
  position: absolute;
  width: 82%;
  height: auto;
  padding-bottom: 40%;
  top: 17%;
  left: 11%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_2.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_2 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*名字*/
.character .content_box_3 .page17Swiper_3 .page17Slider_2 .name_role {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 60%;
  z-index: 10;
}

/*CV*/
.character .content_box_3 .page17Swiper_3 .page17Slider_2 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 33%;
  left: 71%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_2 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_3 .page17Swiper_3 .page17Slider_2 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_2 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_2 .ch_info_box .word_box p {
  position: absolute;
  width: 73%;
  height: auto;
  padding-bottom: 0%;
  top: 33%;
  left: 19%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_2 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_2 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_2 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_2 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_2 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_2 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_2 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 35.4%;
  left: 67.8%;
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {
  .character .content_box_3 .page17Swiper_3 .page17Slider_2 .role1-1-bg {
    width: 108%;
    top: 8%;
    left: -24%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_2 .chara_rie_1 {
    width: 55%;
    top: 16%;
    left: 41%;
  }

  /*--切換型態--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_2 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_2 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_2 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_2 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_2 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_2 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_2 .ch_info_box .word_box p {
    width: 81%;
    top: 28%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_2 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_2 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_2 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23%;
    left: 63.9%;
  }
}

/*-------------▲-心之怪盜團_摩爾加納-▲-------------*/

/*-------------▼-心之怪盜團_坂本龍司-▼-------------*/
.character .content_box_3 .page17Swiper_3 .page17Slider_3 .role1-1-bg {
  position: absolute;
  width: 87%;
  height: auto;
  padding-bottom: 10%;
  top: 4%;
  left: -14%;
  z-index: 3;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_3.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_3 .chara_rie_1 {
  position: absolute;
  width: 50%;
  height: auto;
  padding-bottom: 0%;
  top: 23%;
  left: 13%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_3.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_3 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_3 .chara_rie_2 {
  position: absolute;
  width: 82%;
  height: auto;
  padding-bottom: 40%;
  top: 17%;
  left: 11%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_3.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_3 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*名字*/
.character .content_box_3 .page17Swiper_3 .page17Slider_3 .name_role {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 60%;
  z-index: 10;
}

/*CV*/
.character .content_box_3 .page17Swiper_3 .page17Slider_3 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 33%;
  left: 71%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_3 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_3 .page17Swiper_3 .page17Slider_3 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_3 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_3 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 25%;
  left: 16%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_3 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_3 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_3 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_3 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_3 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_3 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_3 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 35.4%;
  left: 67.8%;
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {
  .character .content_box_3 .page17Swiper_3 .page17Slider_3 .role1-1-bg {
    width: 177%;
    top: 11%;
    left: -72%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_3 .chara_rie_1 {
    width: 102%;
    top: 30%;
    left: -1%;
  }

  /*--切換型態--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_3 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_3 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_3 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_3 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_3 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_3 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_3 .ch_info_box .word_box p {
    width: 83%;
    top: 22%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_3 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_3 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_3 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23%;
    left: 63.9%;
  }
}

/*-------------▲-心之怪盜團_坂本龍司-▲-------------*/

/*-------------▼-心之怪盜團_高卷杏-▼-------------*/
.character .content_box_3 .page17Swiper_3 .page17Slider_4 .role1-1-bg {
  position: absolute;
  width: 87%;
  height: auto;
  padding-bottom: 10%;
  top: 3%;
  left: -10%;
  z-index: 3;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_4.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_4 .chara_rie_1 {
  position: absolute;
  width: 46vw;
  height: auto;
  padding-bottom: 0%;
  top: 22%;
  left: 18%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_4.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_4 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_4 .chara_rie_2 {
  position: absolute;
  width: 82%;
  height: auto;
  padding-bottom: 40%;
  top: 17%;
  left: 11%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_4.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_4 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*名字*/
.character .content_box_3 .page17Swiper_3 .page17Slider_4 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 60%;
  z-index: 10;
}

/*CV*/
.character .content_box_3 .page17Swiper_3 .page17Slider_4 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 33%;
  left: 71%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_4 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_3 .page17Swiper_3 .page17Slider_4 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_4 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_4 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 21%;
  left: 16%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_4 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_4 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_4 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_4 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_4 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_4 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_4 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 35.4%;
  left: 67.8%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_3 .page17Swiper_3 .page17Slider_4 .role1-1-bg {
    width: 87%;
    padding-bottom: 0%;
    top: 3%;
    left: -14%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_4 .chara_rie_1 {
    width: 61vw;
    top: 19%;
    left: 18%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_4 .ch_info_box .word_box p {
    width: 68%;
    top: 19%;
    left: 16%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_3 .page17Swiper_3 .page17Slider_4 .role1-1-bg {
    width: 172%;
    top: 15%;
    left: -46%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_4 .chara_rie_1 {
    width: 136%;
    top: 30%;
    left: 8%;
  }

  /*--切換型態--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_4 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_4 .name_role {
    width: 40%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_4 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_4 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_4 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_4 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_4 .ch_info_box .word_box p {
    width: 83%;
    top: 19%;
    left: 11%;
  }

  /*--hide & show--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_4 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_4 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_4 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23%;
    left: 63.9%;
  }
}

/*-------------▲-心之怪盜團_高卷杏-▲-------------*/

/*-------------▼-心之怪盜團_喜多川祐介-▼-------------*/
.character .content_box_3 .page17Swiper_3 .page17Slider_5 .role1-1-bg {
  position: absolute;
  width: 77%;
  height: auto;
  padding-bottom: 10%;
  top: 4%;
  left: -6%;
  z-index: 3;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_5.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_5 .chara_rie_1 {
  position: absolute;
  width: 36vw;
  height: auto;
  padding-bottom: 0%;
  top: 17%;
  left: 31%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_5.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_5 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_5 .chara_rie_2 {
  position: absolute;
  width: 82%;
  height: auto;
  padding-bottom: 40%;
  top: 17%;
  left: 11%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_5.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_5 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*名字*/
.character .content_box_3 .page17Swiper_3 .page17Slider_5 .name_role {
  position: absolute;
  width: 32%;
  height: auto;
  padding-bottom: 10%;
  top: 19%;
  left: 60%;
  z-index: 10;
}

/*CV*/
.character .content_box_3 .page17Swiper_3 .page17Slider_5 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 33%;
  left: 71%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_5 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_3 .page17Swiper_3 .page17Slider_5 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_5 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_5 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 25%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_5 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_5 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_5 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_5 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_5 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_5 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_5 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 35.4%;
  left: 67.8%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_3 .page17Swiper_3 .page17Slider_5 .role1-1-bg {
    width: 78%;
    padding-bottom: 0%;
    top: 3%;
    left: -8%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_5 .chara_rie_1 {
    width: 48vw;
    top: 17%;
    left: 31%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_5 .ch_info_box .word_box p {
    top: 21%;
    left: 17%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_3 .page17Swiper_3 .page17Slider_5 .role1-1-bg {
    width: 156%;
    top: 11%;
    left: -35%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_5 .chara_rie_1 {
    width: 105%;
    top: 28%;
    left: 32%;
  }

  /*--切換型態--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_5 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_5 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_5 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_5 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_5 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_5 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_5 .ch_info_box .word_box p {
    width: 83%;
    top: 19%;
    left: 11%;
  }

  /*--hide & show--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_5 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_5 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_5 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23%;
    left: 63.9%;
  }
}

/*-------------▲-心之怪盜團_喜多川祐介-▲-------------*/

/*-------------▼-心之怪盜團_新島真-▼-------------*/
.character .content_box_3 .page17Swiper_3 .page17Slider_6 .role1-1-bg {
  position: absolute;
  width: 63%;
  height: auto;
  padding-bottom: 10%;
  top: 6%;
  left: -2%;
  z-index: 3;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_6.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_6 .chara_rie_1 {
  position: absolute;
  width: 40vw;
  height: auto;
  padding-bottom: 0%;
  top: 24%;
  left: 12%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_6.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_6 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_6 .chara_rie_2 {
  position: absolute;
  width: 82%;
  height: auto;
  padding-bottom: 40%;
  top: 17%;
  left: 11%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_6.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_6 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*名字*/
.character .content_box_3 .page17Swiper_3 .page17Slider_6 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 60%;
  z-index: 10;
}

/*CV*/
.character .content_box_3 .page17Swiper_3 .page17Slider_6 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 33%;
  left: 71%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_6 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_3 .page17Swiper_3 .page17Slider_6 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_6 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_6 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 25%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_6 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_6 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_6 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_6 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_6 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_6 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_6 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 35.4%;
  left: 67.8%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_3 .page17Swiper_3 .page17Slider_6 .chara_rie_1 {
    width: 59vw;
    top: 22%;
    left: 11%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_6 .role1-1-bg {
    width: 67%;
    top: 4%;
    left: -8%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_3 .page17Swiper_3 .page17Slider_6 .role1-1-bg {
    width: 116%;
    top: 15%;
    left: -30%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_6 .chara_rie_1 {
    width: 124%;
    top: 30%;
    left: -9%;
  }

  /*--切換型態--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_6 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_6 .name_role {
    width: 40%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_6 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_6 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_6 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_6 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_6 .ch_info_box .word_box p {
    width: 83%;
    top: 23%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_6 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_6 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_6 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23%;
    left: 63.9%;
  }
}

/*-------------▲-心之怪盜團_新島真-▲-------------*/

/*-------------▼-心之怪盜團_佐倉雙葉-▼-------------*/
.character .content_box_3 .page17Swiper_3 .page17Slider_7 .role1-1-bg {
  position: absolute;
  width: 54%;
  height: auto;
  padding-bottom: 10%;
  top: 5%;
  left: 2%;
  z-index: 3;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_7.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_7 .chara_rie_1 {
  position: absolute;
  width: 29vw;
  height: auto;
  padding-bottom: 0%;
  top: 18%;
  left: 21%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_7.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_7 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_7 .chara_rie_2 {
  position: absolute;
  width: 82%;
  height: auto;
  padding-bottom: 40%;
  top: 17%;
  left: 11%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_7.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_7 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*名字*/
.character .content_box_3 .page17Swiper_3 .page17Slider_7 .name_role {
  position: absolute;
  width: 29%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 60%;
  z-index: 10;
}

/*CV*/
.character .content_box_3 .page17Swiper_3 .page17Slider_7 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 33%;
  left: 71%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_7 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_3 .page17Swiper_3 .page17Slider_7 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_7 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_7 .ch_info_box .word_box p {
  position: absolute;
  width: 73%;
  height: auto;
  padding-bottom: 0%;
  top: 25%;
  left: 19%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_7 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_7 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_7 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_7 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_7 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_7 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_7 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 36.4%;
  left: 67.8%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_3 .page17Swiper_3 .page17Slider_7 .role1-1-bg {
    width: 55%;
    padding-bottom: 0%;
    top: 5%;
    left: -2%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_7 .chara_rie_1 {
    width: 43vw;
    top: 15%;
    left: 16%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_7 .ch_info_box .word_box p {
    width: 73%;
    top: 25%;
    left: 16%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_3 .page17Swiper_3 .page17Slider_7 .role1-1-bg {
    width: 100%;
    top: 11%;
    left: -25%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_7 .chara_rie_1 {
    width: 85%;
    top: 25%;
    left: 5%;
  }

  /*--切換型態--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_7 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_7 .name_role {
    width: 46%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_7 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_7 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_7 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_7 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_7 .ch_info_box .word_box p {
    width: 83%;
    top: 19%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_7 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_7 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_7 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23%;
    left: 63.9%;
  }
}

/*-------------▲-心之怪盜團_佐倉雙葉-▲-------------*/

/*-------------▼-心之怪盜團_奧村春-▼-------------*/
.character .content_box_3 .page17Swiper_3 .page17Slider_8 .role1-1-bg {
  position: absolute;
  width: 84%;
  height: auto;
  padding-bottom: 10%;
  top: 8%;
  left: -4%;
  z-index: 3;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_8.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_8 .chara_rie_1 {
  position: absolute;
  width: 29vw;
  height: auto;
  padding-bottom: 0%;
  top: 21%;
  left: 24%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_8.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_8 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_8 .chara_rie_2 {
  position: absolute;
  width: 82%;
  height: auto;
  padding-bottom: 40%;
  top: 17%;
  left: 11%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_8.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_8 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*名字*/
.character .content_box_3 .page17Swiper_3 .page17Slider_8 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 60%;
  z-index: 10;
}

/*CV*/
.character .content_box_3 .page17Swiper_3 .page17Slider_8 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 32%;
  left: 71%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_8 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_3 .page17Swiper_3 .page17Slider_8 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_8 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_8 .ch_info_box .word_box p {
  position: absolute;
  width: 69%;
  height: auto;
  padding-bottom: 0%;
  top: 27%;
  left: 16%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_8 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_8 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_8 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_8 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_8 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_8 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_8 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 35.4%;
  left: 67.8%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_3 .page17Swiper_3 .page17Slider_8 .role1-1-bg {
    width: 89%;
    top: 8%;
    left: -12%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_8 .chara_rie_1 {
    width: 42vw;
    top: 21%;
    left: 22%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_3 .page17Swiper_3 .page17Slider_8 .role1-1-bg {
    width: 172%;
    top: 15%;
    left: -46%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_8 .chara_rie_1 {
    width: 99%;
    top: 25%;
    left: 8%;
  }

  /*--切換型態--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_8 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_8 .name_role {
    width: 40%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_8 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_8 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_8 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_8 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_8 .ch_info_box .word_box p {
    width: 83%;
    top: 24%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_8 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_8 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_8 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23%;
    left: 63.9%;
  }
}

/*-------------▲-心之怪盜團_奧村春-▲-------------*/

/*-------------▼-心之怪盜團_芳澤霞-▼-------------*/
.character .content_box_3 .page17Swiper_3 .page17Slider_9 .role1-1-bg {
  position: absolute;
  width: 87%;
  height: auto;
  padding-bottom: 10%;
  top: 4%;
  left: -21%;
  z-index: 3;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_9.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_9 .chara_rie_1 {
  position: absolute;
  width: 40vw;
  height: auto;
  padding-bottom: 0%;
  top: 21%;
  left: 3%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_9.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_9 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_9 .chara_rie_2 {
  position: absolute;
  width: 82%;
  height: auto;
  padding-bottom: 40%;
  top: 17%;
  left: 11%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_9.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_9 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*名字*/
.character .content_box_3 .page17Swiper_3 .page17Slider_9 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 60%;
  z-index: 10;
}

/*CV*/
.character .content_box_3 .page17Swiper_3 .page17Slider_9 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 33%;
  left: 71%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_9 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_3 .page17Swiper_3 .page17Slider_9 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_9 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_9 .ch_info_box .word_box p {
  position: absolute;
  width: 69%;
  height: auto;
  padding-bottom: 0%;
  top: 27%;
  left: 16%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_9 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_9 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_9 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .page17Slider_9 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_9 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_9 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_9 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 35.4%;
  left: 67.8%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_3 .page17Swiper_3 .page17Slider_9 .role1-1-bg {
    width: 90%;
    top: 8%;
    left: -22%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_9 .chara_rie_1 {
    width: 56vw;
    top: 24%;
    left: 3%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_3 .page17Swiper_3 .page17Slider_9 .role1-1-bg {
    width: 186%;
    top: 12%;
    left: -78%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_9 .chara_rie_1 {
    width: 126%;
    top: 27%;
    left: -34%;
  }

  /*--切換型態--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_9 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_9 .name_role {
    width: 40%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_9 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 21%;
    left: 73%;
  }

  /*--文字框--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_9 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_9 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_9 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_9 .ch_info_box .word_box p {
    width: 83%;
    top: 24%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_9 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_9 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_9 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23%;
    left: 63.9%;
  }
}

/*-------------▲-心之怪盜團_芳澤霞-▲-------------*/

/*-------------▼-心之怪盜團_明智-▼-------------*/
.character .content_box_3 .page17Swiper_3 .page17Slider_10 .role1-1-bg {
  position: absolute;
  width: 87%;
  height: auto;
  padding-bottom: 10%;
  top: 4%;
  left: -21%;
  z-index: 3;
}

.character .content_box_3 .page17Swiper_3 .swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_10 .chara_rie_1 {
  position: absolute;
  width: 40vw;
  height: auto;
  padding-bottom: 0%;
  top: 21%;
  left: 3%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_3 .page17Swiper_3 .page17Slider_10 .chara_rie_2 {
  position: absolute;
  width: 82%;
  height: auto;
  padding-bottom: 40%;
  top: 17%;
  left: 11%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_3 .page17Swiper_3 .swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_3 .page17Swiper_3 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*名字*/
.character .content_box_3 .page17Swiper_3 .page17Slider_10 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 60%;
  z-index: 10;
}

/*CV*/

.character .content_box_3 .page17Swiper_3 .page17Slider_10 .cv_name {
  position: absolute;
  width: 18%;
  height: auto;
  padding-bottom: 10%;
  top: 31%;
  left: 71%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_10 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_3 .page17Swiper_3 .page17Slider_10 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_10 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_10 .ch_info_box .word_box p {
  position: absolute;
  width: 69%;
  height: auto;
  padding-bottom: 0%;
  top: 27%;
  left: 16%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_10 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_10 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_3 .page17Swiper_3 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_10 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_3 .page17Swiper_3 .page17Slider_10 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*--語音_btn--*/
.character .content_box_3 .page17Swiper_3 .page17Slider_10 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 35.4%;
  left: 67.8%;
}

@media screen and (max-width: 1195px) {
  .character .content_box_3 .page17Swiper_3 .page17Slider_10 .role1-1-bg {
    width: 90%;
    top: 8%;
    left: -22%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_10 .chara_rie_1 {
    width: 56vw;
    top: 24%;
    left: 3%;
  }
}

@media screen and (max-width: 767px) {
  .character .content_box_3 .page17Swiper_3 .page17Slider_10 .role1-1-bg {
    width: 186%;
    top: 2%;
    left: -45%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_10 .chara_rie_1 {
    width: 126%;
    top: 27%;
    left: -34%;
  }

  /*--切換型態--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_10 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_10 .name_role {
    width: 40%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_10 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 21%;
    left: 73%;
  }

  /*--文字框--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_10 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_10 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_10 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_10 .ch_info_box .word_box p {
    width: 83%;
    top: 24%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_10 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_3 .page17Swiper_3 .page17Slider_10 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  /*--語音_btn--*/
  .character .content_box_3 .page17Swiper_3 .page17Slider_10 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23%;
    left: 63.9%;
  }
}

/*-------------▲-心之怪盜團_明智-▲-------------*/

/*--------------心之怪盜團_人頭選項---------------*/
.character .content_box_3 .page17NavSwiper_3 {
  position: absolute !important;
  width: 26%;
  height: 6%;
  right: 11%;
  bottom: 8%;
  z-index: 70 !important;
  overflow: hidden;
  padding-right: 0.1rem;

  background-color: #9e191900;
  /*--顏色標記--*/
}

.character .content_box_3 .page17NavSwiper_3 .swiper-slide {
  width: 100%;
  height: auto;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .swiper-slide.swiper-slide-thumb-active {
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_1 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_1_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_1.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_1_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_2 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_2_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_2.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_2_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_3 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_3_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_3.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_3_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_4 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_4_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_4.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_4_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_5 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_5_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_5.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_5_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_6 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_6_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_6.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_6_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_7 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_7_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_7.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_7_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_8 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_8_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_8.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_8_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_9 {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_9_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_9.swiper-slide-active {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_9_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_10 {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_10_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_3 .page17NavSwiper_3 .r_10.swiper-slide-active {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_3_10_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

/*---------------人頭選項_bg---------------*/
.character .content_box_3 .ch_nav_bg {
  position: absolute !important;
  width: 38%;
  height: auto;
  padding-bottom: 12%;
  right: 4%;
  bottom: 5%;
  z-index: 69 !important;
  overflow: hidden;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/pagination.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {

  /*---------------人頭選項---------------*/
  .character .content_box_3 .page17NavSwiper_3 {
    width: 52%;
    height: 6%;
    right: 32%;
    bottom: 2.5%;
  }

  .character .content_box_3 .ch_nav_bg {
    width: 76%;
    padding-bottom: 22%;
    right: 21%;
    bottom: 1%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/pagination_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }
}

/*---------------箭頭---------------*/
.character .content_box_3 .page17Prev3,
.character .content_box_3 .page17Next3 {
  position: absolute;
  width: 8%;
  height: 10%;
  top: 49%;
  z-index: 70;
  cursor: pointer;
  background-color: #f00f2900 !important;
  color: transparent;
  /*顏色標記*/
}

.character .content_box_3 .page17Next3 {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/next.png) no-repeat;
  background-size: 100%;
  right: -2%;
  outline: none;
}

.character .content_box_3 .page17Prev3 {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/prev.png) no-repeat;
  background-size: 100%;
  left: -2%;
  outline: none;
}

@media screen and (max-width: 1195px) {

  .character .content_box_3 .page17Prev3,
  .character .content_box_3 .page17Next3 {
    top: 44%;
  }
}

@media screen and (max-width: 767px) {

  .character .content_box_3 .page17Prev3,
  .character .content_box_3 .page17Next3 {
    width: 11%;
  }
}

/*---------------SEES_內容---------------*/
.character .content_box_4 .main_box {
  position: absolute;
  width: 103%;
  height: auto;
  padding-bottom: 109%;
  top: 0%;
  left: 0%;
  z-index: 5;
  background-color: rgba(18, 224, 111, 0);
  /*顏色標記*/
}

.character .content_box_4 .main_box .page17Swiper_4 {
  position: absolute !important;
  width: 100%;
  height: auto;
  padding-bottom: 0%;
  left: 0%;
  top: 0%;
  z-index: 60;

  display: block;
  /*overflow: hidden;*/

  background-color: #ff7a4500;
  /*--顏色標記--*/
}

.character .content_box_4 .main_box .page17Swiper_4 .swiper-slide {
  width: 100%;
  height: 100%;
  opacity: 0 !important;
}

.character .content_box_4 .main_box .page17Swiper_4 .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.character .content_box_4 .page17Swiper_4 .swiper-slide {
  position: relative;
  padding-bottom: 106%;
  background-color: #4580ff00;
  /*--顏色標記--*/
}

@media screen and (max-width: 767px) {
  .character .content_box_4 .main_box {
    padding-bottom: 244%;
  }

  .character .content_box_4 .page17Swiper_4 .swiper-slide {
    padding-bottom: 237%;
  }
}

/*---------------箭頭---------------*/
.character .content_box_4 .page17Prev4,
.character .content_box_4 .page17Next4 {
  position: absolute;
  width: 8%;
  height: 10%;
  top: 49%;
  z-index: 70;
  cursor: pointer;
  background-color: #f00f2900 !important;
  color: transparent;
  /*顏色標記*/
}

.character .content_box_4 .page17Next4 {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/next.png) no-repeat;
  background-size: 100%;
  right: -2%;
  outline: none;
}

.character .content_box_4 .page17Prev4 {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/prev.png) no-repeat;
  background-size: 100%;
  left: -2%;
  outline: none;
}

@media screen and (max-width: 1195px) {

  .character .content_box_4 .page17Prev4,
  .character .content_box_4 .page17Next4 {
    top: 44%;
  }
}

@media screen and (max-width: 767px) {

  .character .content_box_4 .page17Prev4,
  .character .content_box_4 .page17Next4 {
    width: 11%;
  }
}

/*-------------▼-SEES_結城理-▼-------------*/
.character .content_box_4 .page17Swiper_4 .page17Slider_1 .role1-1-bg {
  position: absolute;
  width: 106%;
  height: auto;
  padding-bottom: 10%;
  top: 1%;
  left: -14%;
  z-index: 3;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_1.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_4 .page17Swiper_4 .page17Slider_1 .chara_rie_1 {
  position: absolute;
  width: 52%;
  height: auto;
  padding-bottom: 0%;
  top: 17%;
  left: 20%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_1.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_1 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_4 .page17Swiper_4 .page17Slider_1 .chara_rie_2 {
  position: absolute;
  width: 82%;
  height: auto;
  padding-bottom: 40%;
  top: 17%;
  left: 11%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_1.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_1 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*名字*/
.character .content_box_4 .page17Swiper_4 .page17Slider_1 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 60%;
  z-index: 10;
}

/*CV*/
.character .content_box_4 .page17Swiper_4 .page17Slider_1 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 33%;
  left: 71%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_4 .page17Swiper_4 .page17Slider_1 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_4 .page17Swiper_4 .page17Slider_1 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_1 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_1 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 33%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_4 .page17Swiper_4 .page17Slider_1 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_4 .page17Swiper_4 .page17Slider_1 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_4 .page17Swiper_4 .page17Slider_1 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_4 .page17Swiper_4 .page17Slider_1 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_4 .page17Swiper_4 .page17Slider_1 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_1 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*代號名卡_不需要開關時*/
.character .content_box_4 .page17Swiper_4 .swiper-slide .mark_role2 {
  position: absolute;
  width: 33%;
  height: auto;
  padding-bottom: 1%;
  top: 4%;
  left: 51%;
  z-index: 58;
  opacity: 0;
}

.character .content_box_4 .page17Swiper_4 .swiper-slide.swiper-slide-active .mark_role2 {
  animation: bounceIn22 0.5s forwards;
}

/*--語音_btn--*/
.character .content_box_4 .page17Swiper_4 .page17Slider_1 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 36.4%;
  left: 68%;
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {
  .character .content_box_4 .page17Swiper_4 .page17Slider_1 .role1-1-bg {
    width: 234%;
    top: 0%;
    left: -58%;
  }

  .character .content_box_4 .page17Swiper_4 .page17Slider_1 .chara_rie_1 {
    width: 105%;
    top: 23%;
    left: -6%;
  }

  /*--切換型態--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_1 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_1 .name_role {
    width: 39%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_1 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_1 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_4 .page17Swiper_4 .page17Slider_1 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_4 .page17Swiper_4 .page17Slider_1 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_4 .page17Swiper_4 .page17Slider_1 .ch_info_box .word_box p {
    width: 81%;
    top: 28%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_1 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_4 .page17Swiper_4 .page17Slider_1 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  .character .content_box_4 .page17Swiper_4 .swiper-slide .mark_role2 {
    width: 36%;
    top: -57%;
    left: 23%;
  }

  /*--語音_btn--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_1 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.2%;
    left: 63.8%;
  }
}

/*-------------▲-SEES_結城理-▲-------------*/

/*-------------▼-SEES_岳羽由加莉-▼-------------*/
.character .content_box_4 .page17Swiper_4 .page17Slider_2 .role1-1-bg {
  position: absolute;
  width: 66%;
  height: auto;
  padding-bottom: 10%;
  top: 1%;
  left: -14%;
  z-index: 3;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_2.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_4 .page17Swiper_4 .page17Slider_2 .chara_rie_1 {
  position: absolute;
  width: 39%;
  height: auto;
  padding-bottom: 0%;
  top: 10%;
  left: 34%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_2.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_2 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

/*型態2_立會*/
.character .content_box_4 .page17Swiper_4 .page17Slider_2 .chara_rie_2 {
  position: absolute;
  width: 82%;
  height: auto;
  padding-bottom: 40%;
  top: 17%;
  left: 11%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_2.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_2 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*名字*/
.character .content_box_4 .page17Swiper_4 .page17Slider_2 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 60%;
  z-index: 10;
}

/*CV*/
.character .content_box_4 .page17Swiper_4 .page17Slider_2 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 33%;
  left: 71%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_4 .page17Swiper_4 .page17Slider_2 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_4 .page17Swiper_4 .page17Slider_2 .ch_info_box .name_card {
  position: absolute;
  width: 26%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_2 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_2 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 33%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_4 .page17Swiper_4 .page17Slider_2 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_4 .page17Swiper_4 .page17Slider_2 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_4 .page17Swiper_4 .page17Slider_2 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_4 .page17Swiper_4 .page17Slider_2 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_4 .page17Swiper_4 .page17Slider_2 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_2 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*代號名卡_不需要開關時*/
.character .content_box_4 .page17Swiper_4 .swiper-slide .mark_role2 {
  position: absolute;
  width: 33%;
  height: auto;
  padding-bottom: 1%;
  top: 4%;
  left: 51%;
  z-index: 58;
  opacity: 0;
}

.character .content_box_4 .page17Swiper_4 .swiper-slide.swiper-slide-active .mark_role2 {
  animation: bounceIn22 0.5s forwards;
}

/*--語音_btn--*/
.character .content_box_4 .page17Swiper_4 .page17Slider_2 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 36.4%;
  left: 68%;
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {
  .character .content_box_4 .page17Swiper_4 .page17Slider_2 .role1-1-bg {
    width: 145%;
    top: -3%;
    left: -45%;
  }

  .character .content_box_4 .page17Swiper_4 .page17Slider_2 .chara_rie_1 {
    width: 81%;
    top: 14%;
    left: 17%;
  }

  /*--切換型態--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_2 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_2 .name_role {
    width: 39%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_2 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_2 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_4 .page17Swiper_4 .page17Slider_2 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_4 .page17Swiper_4 .page17Slider_2 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_4 .page17Swiper_4 .page17Slider_2 .ch_info_box .word_box p {
    width: 81%;
    top: 28%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_2 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_4 .page17Swiper_4 .page17Slider_2 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  .character .content_box_4 .page17Swiper_4 .swiper-slide .mark_role2 {
    width: 36%;
    top: -57%;
    left: 23%;
  }

  /*--語音_btn--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_2 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.2%;
    left: 63.8%;
  }
}

/*-------------▲-SEES_岳羽由加莉-▲-------------*/

/*-------------▼-SEES_真田明彥-▼-------------*/
.character .content_box_4 .page17Swiper_4 .page17Slider_3 .role1-1-bg {
  position: absolute;
  width: 80%;
  height: auto;
  padding-bottom: 10%;
  top: 0.7%;
  left: -9.5%;
  z-index: 3;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_3.swiper-slide-active .role1-1-bg {
  animation: zoomIn22 0.3s both;
  animation-delay: 0.3s;
}

/*型態1_立會*/
.character .content_box_4 .page17Swiper_4 .page17Slider_3 .chara_rie_1 {
  position: absolute;
  width: 31%;
  height: auto;
  padding-bottom: 0%;
  top: 24%;
  left: 36.1%;
  z-index: 4;
  opacity: 0;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_3.swiper-slide-active .chara_rie_1.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_3 .chara_rie_1.hide {
  opacity: 0;
  animation: slide-left-hide 0.3s forwards;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_3.swiper-slide-active .chara_rie_2.show {
  opacity: 0;
  animation: slide-left-show 0.3s forwards !important;
  animation-delay: 0.5s !important;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_3 .chara_rie_2.hide {
  opacity: 0;
  animation: slide-right-hide 0.3s forwards;
}

/*名字*/
.character .content_box_4 .page17Swiper_4 .page17Slider_3 .name_role {
  position: absolute;
  width: 24%;
  height: auto;
  padding-bottom: 10%;
  top: 21%;
  left: 60%;
  z-index: 10;
}

/*CV*/
.character .content_box_4 .page17Swiper_4 .page17Slider_3 .cv_name {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 10%;
  top: 33%;
  left: 71%;
  z-index: 10;
}

/*--人物資訊大框--*/
.character .content_box_4 .page17Swiper_4 .page17Slider_3 .ch_info_box {
  position: absolute;
  width: 51%;
  height: auto;
  padding-bottom: 38%;
  top: 49%;
  left: 13%;
  z-index: 50;
  background-color: rgba(240, 255, 255, 0);
  /*--顏色標記--*/
}

.character .content_box_4 .page17Swiper_4 .page17Slider_3 .ch_info_box .name_card {
  position: absolute;
  width: 28%;
  height: auto;
  padding-bottom: 10%;
  top: 12%;
  left: -4%;
  z-index: 51;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_3 .ch_info_box .word_box {
  position: absolute;
  width: 102%;
  height: auto;
  padding-bottom: 67%;
  top: 19%;
  left: 4%;
  z-index: 50;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_3 .ch_info_box .word_box p {
  position: absolute;
  width: 68%;
  height: auto;
  padding-bottom: 0%;
  top: 33%;
  left: 17%;
  z-index: 65;
}

/*--hide_btn--*/
.character .content_box_4 .page17Swiper_4 .page17Slider_3 .ch_info_box .info_hide_btn {
  position: absolute;
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  top: 38%;
  left: 98%;
  z-index: 52;
  cursor: pointer;
  display: block;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_4 .page17Swiper_4 .page17Slider_3 .ch_info_box .info_hide_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--show_btn--*/
.character .content_box_4 .page17Swiper_4 .page17Slider_3 .info_show_btn {
  position: absolute;
  width: 7%;
  height: auto;
  padding-bottom: 1%;
  top: 31%;
  left: 88%;
  z-index: 52;
  cursor: pointer;
  display: none;

  transition: 300ms;
  transform: scale(1);
}

.character .content_box_4 .page17Swiper_4 .page17Slider_3 .info_show_btn:hover {
  transition: 300ms;
  transform: scale(1.1);
}

/*--切換型態--*/
.character .content_box_4 .page17Swiper_4 .page17Slider_3 .role_change {
  position: absolute;
  width: 13%;
  height: auto;
  padding-bottom: 13%;
  top: 45%;
  left: 67%;
  z-index: 52;
  cursor: pointer;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

.character .content_box_4 .page17Swiper_4 .page17Slider_3 .role_change.on {
  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/role_change_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: center top;
}

/*代號名卡_不需要開關時*/
.character .content_box_4 .page17Swiper_4 .swiper-slide .mark_role2 {
  position: absolute;
  width: 33%;
  height: auto;
  padding-bottom: 1%;
  top: 4%;
  left: 51%;
  z-index: 58;
  opacity: 0;
}

.character .content_box_4 .page17Swiper_4 .swiper-slide.swiper-slide-active .mark_role2 {
  animation: bounceIn22 0.5s forwards;
}

/*--語音_btn--*/
.character .content_box_4 .page17Swiper_4 .page17Slider_3 .team_info_btn {
  width: 4.42%;
  padding-bottom: 5%;
  top: 36.4%;
  left: 68%;
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {
  .character .content_box_4 .page17Swiper_4 .page17Slider_3 .role1-1-bg {
    width: 187%;
    top: 4.5%;
    left: -62.2%;
  }

  .character .content_box_4 .page17Swiper_4 .page17Slider_3 .chara_rie_1 {
    width: 64%;
    top: 28.5%;
    left: 30%;
  }

  /*--切換型態--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_3 .role_change {
    width: 21%;
    padding-bottom: 21%;
    top: 84%;
    left: 78%;
  }

  /*--名字--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_3 .name_role {
    width: 39%;
    padding-bottom: 0%;
    top: 13%;
    left: 52%;
  }

  /*--CV--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_3 .cv_name {
    width: 26%;
    padding-bottom: 0%;
    top: 20.5%;
    left: 71%;
  }

  /*--文字框--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_3 .ch_info_box {
    width: 93%;
    padding-bottom: 38%;
    top: 64%;
    left: 2%;
  }

  .character .content_box_4 .page17Swiper_4 .page17Slider_3 .ch_info_box .name_card {
    width: 35%;
    padding-bottom: 0%;
    top: -3%;
    left: -4%;
  }

  .character .content_box_4 .page17Swiper_4 .page17Slider_3 .ch_info_box .word_box {
    width: 108%;
    padding-bottom: 67%;
    top: 19%;
    left: -2%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/text_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .character .content_box_4 .page17Swiper_4 .page17Slider_3 .ch_info_box .word_box p {
    width: 81%;
    top: 28%;
    left: 12%;
  }

  /*--hide & show--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_3 .ch_info_box .info_hide_btn {
    width: 13%;
    padding-bottom: 1%;
    top: 29%;
    left: 94%;
    display: none;
  }

  .character .content_box_4 .page17Swiper_4 .page17Slider_3 .info_show_btn {
    width: 15%;
    padding-bottom: 1%;
    top: 32%;
    left: 81%;
    display: none;
  }

  .character .content_box_4 .page17Swiper_4 .swiper-slide .mark_role2 {
    width: 36%;
    top: -57%;
    left: 23%;
  }

  /*--語音_btn--*/
  .character .content_box_4 .page17Swiper_4 .page17Slider_3 .team_info_btn {
    width: 10.42%;
    padding-bottom: 10.5%;
    top: 23.2%;
    left: 63.8%;
  }
}

/*-------------▲-SEES_真田明彥-▲-------------*/

/*--------------SEES_人頭選項---------------*/
.character .content_box_4 .page17NavSwiper_4 {
  position: absolute !important;
  width: 26%;
  height: 6%;
  right: 11%;
  bottom: 8%;
  z-index: 70 !important;
  overflow: hidden;
  padding-right: 0.1rem;
  background-color: #9e191900;
  /*--顏色標記--*/
}

.character .content_box_4 .page17NavSwiper_4 .swiper-slide {
  width: 100%;
  height: auto;
  cursor: pointer;
}

.character .content_box_4 .page17NavSwiper_4 .swiper-slide.swiper-slide-thumb-active {
  cursor: pointer;
}

.character .content_box_4 .page17NavSwiper_4 .r_1 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_4_1_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_4 .page17NavSwiper_4 .r_1.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_4_1_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_4 .page17NavSwiper_4 .r_2 {
  background: url(https://www.p5x.com.tw/main/image/character/ch_nav_4_2_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_4 .page17NavSwiper_4 .r_2.swiper-slide-active {
  background: url(https://www.p5x.com.tw/main/image/character/ch_nav_4_2_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_4 .page17NavSwiper_4 .r_3 {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_4_3_off.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

.character .content_box_4 .page17NavSwiper_4 .r_3.swiper-slide-active {
  background: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/ch_nav_4_3_on.webp) no-repeat center top;
  background-size: 100%;
  cursor: pointer;
}

/*---------------人頭選項_bg---------------*/
.character .content_box_4 .ch_nav_bg {
  position: absolute !important;
  width: 38%;
  height: auto;
  padding-bottom: 12%;
  right: 4%;
  bottom: 5%;
  z-index: 69 !important;
  overflow: hidden;

  background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/pagination.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: none;
}

@media screen and (max-width: 1195px) {}

@media screen and (max-width: 767px) {

  /*---------------人頭選項---------------*/
  .character .content_box_4 .page17NavSwiper_4 {
    width: 52%;
    height: 6%;
    right: 32%;
    bottom: 2.5%;
  }

  .character .content_box_4 .ch_nav_bg {
    width: 76%;
    padding-bottom: 22%;
    right: 21%;
    bottom: 1%;

    background-image: url(https://images5.iwplay.com.tw/image/p5x/main/image/character_240516/pagination_m.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }
}

/*---------------主角團_箭頭---------------*/
.character .content_box_4 .page17Prev3,
.character .content_box_4 .page17Next3 {
  position: absolute;
  width: 8%;
  height: 10%;
  top: 49%;
  z-index: 70;
  cursor: pointer;
  background-color: #f00f2900 !important;
  color: transparent;
  /*顏色標記*/
}

.character .content_box_4 .page17Next3 {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/next.png) no-repeat;
  background-size: 100%;
  right: -2%;
  outline: none;
}

.character .content_box_4 .page17Prev3 {
  background: url(https://images1.iwplay.com.tw/image/p5x/main/image/prev.png) no-repeat;
  background-size: 100%;
  left: -2%;
  outline: none;
}

@media screen and (max-width: 1195px) {

  .character .content_box_4 .page17Prev3,
  .character .content_box_4 .page17Next3 {
    top: 44%;
  }
}

@media screen and (max-width: 767px) {

  .character .content_box_4 .page17Prev3,
  .character .content_box_4 .page17Next3 {
    width: 11%;
  }
}