/*--------------------------------------------------------------
(共用) EN
--------------------------------------------------------------*/

/*--------------------------------------------------------------
(共用) 分級:18  nav部分隱藏
--------------------------------------------------------------*/
.tt_all a{
  width: 130px;
}



/*--------------------------------------------------------------
(共用) footer
--------------------------------------------------------------*/

.footer_jp {
  width: 90%;
}

/* .rank_con,
.rank_con_en {
  display: none !important;
} */
.rank_con_jp {
  display: block !important;
}

.rank_con_jp .rank_15 {
  display: none !important;
}

.rank_con ul li .icon img.rank_18 {
  width: 35px !important;
}

.rank_con_jp ul {
  margin-top: 0.5rem;
}

.rank_con_jp ul li {
  line-height: 1.3;
}

.rank_con_jp ul li:nth-of-type(1) {
  width: 38%;
}
.rank_con_jp ul li:nth-of-type(2) {
  width: 50%;

  @media (width < 1441px) {
    width: 60%;
  }
}

@media (max-width: 1025px) {
  .footer_jp {
    width: 95%;
    margin: 0.3rem auto;
  }
}

@media (max-width: 992px) {
  #index_lang_pc {
    display: none !important;
  }

  .rank_con_jp p {
    line-height: 1.3;
  }
  /* #index_lang_mb {
    display: block !important;
  } */
}

@media (max-width: 769px) {
  .footer_jp {
    width: 85%;
  }

  .rank_con_jp ul {
    padding-top: 0.5rem;
    padding-bottom: 1rem;
  }

  .rank_con_jp ul li {
    line-height: 1.6;
  }
  .rank_con_jp ul li:nth-of-type(1) {
    width: 50%;
  }
  .rank_con_jp ul li:nth-of-type(2) {
    width: 50%;
  }

  .rank_con_jp p {
    line-height: 1.6;
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 540px) {
  .footer_jp {
    width: 90%;
  }
  .rank_con_jp ul li:nth-of-type(1),
  .rank_con_jp ul li:nth-of-type(2) {
    width: 100%;
  }
}





/*--------------------------------------------------------------
(共用) MODAL
--------------------------------------------------------------*/
.body_t .notice_txt {
  max-width: 450px !important;
}



/*--------------------------------------------------------------
(共用) SEC_01 NEWS
--------------------------------------------------------------*/

#sec_01 .news_list_more .classify li a,
#sec_01 .single_list .classify li a{
  font-size: 1rem !important;
}

#sec_01 .icon_classify_s{
  font-size: .7rem;
}



/*--------------------------------------------------------------
(共用) SEC_02 Character
--------------------------------------------------------------*/

#sec_02 .mySwiper_character .ch_inf{
  padding-bottom: 4rem;
}


@media (max-width:1025px) {
  #sec_02 .col-11{
  top: -4rem;
  }
  #sec_02 .mySwiper_character .ch_inf{
    padding-bottom: 6.5rem;
  }
}

@media (max-width:992px) {
  #sec_02 .col-11{
  top: 0rem;
  }
  #sec_02 .mySwiper_character .ch_inf{
    padding-bottom: 1rem;
    margin-top: -10rem;
  }
}

@media (max-width:769px) {
  #sec_02 .mySwiper_character .ch_inf{
    margin-top: -12rem;
  }
}

@media (max-width:681px) {
  #sec_02 .mySwiper_character .ch_img .full_body{
    max-width: 300px;
  }
  #sec_02 .mySwiper_character .ch_inf{
    padding-bottom: 0;
    margin-top: -6rem;
  }
  #sec_02 .mySwiper_character .ch_inf .name_txt .cv{
    margin-bottom: 0;
  }
  #sec_02 .mySwiper_character .ch_inf .inf_txt{
    width: 85%;
    line-height: 24px;
    font-size: 15px;
  }
  .single_txtcon .txt_area{
    text-align: justify;
  }
}

@media (max-width:401px) {
  #sec_02 .mySwiper_character .ch_inf .inf_txt{
    font-size: 14px;
  }
}
