@charset "UTF-8";
.table_ranking th:last-child img{
  width: 48px;
  height: auto;
  border-radius: 10px
  }
.table_ranking td:last-child {
  text-align: left;
  padding: 4px 0 4px 2px;
  width: 75%;
}
.table_ranking td:nth-child(2) img{
  width: 48px;
  height: auto;
  display: inline-block;
  margin: 3px;
  border-radius: 10px;
}
.table_eva td:first-child {
  width: 30%;
  padding: 4px 0;
  font-size: 11px;
}
.table_eva td:first-child img {
  width: 50px;
  height: auto;
  margin-bottom: 5px;
  border-radius: 10px;
}
.table_eva td:last-child img {
  width: 22px;
  height: auto;
  display: inline-block;
  margin: 0 3px 3px 2px;
}
.table_eva td:last-child {
  text-align: left;
  width: 70%;
  vertical-align: middle;
}
.AoE_table a {
  display: inline-flex;
  font-size: 0.7rem;
  white-space: nowrap;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  flex-direction: column;
  align-items: center;
  width: calc(100% / 4);
  float: left;
}
.AoE_table td:first-child img {
  width: 48px;
  height: 48px;
  margin-bottom: 3px;
  border-radius: 10px;
}
.element_table a {
  display: inline-block;
  font-size: 0.7rem;
  width: 4.5rem;
  padding: 0.3rem 0.2rem 0rem 0.2rem;
  white-space: nowrap;
}
.element_table td:first-child img {
  width: 48px;
  height: 48px;
  margin-bottom: 3px;
  border-radius: 10px;
}
.table_saikyo tr:first-child th:first-child, .saikyo_way tr:first-child th:first-child {
  text-align: left;
  padding-left: 10px;
}
.table_saikyo div:nth-child(1) img {
   width: 55px;
  height: auto;
  vertical-align: middle;
  margin-right: 10px;
  border-radius : 10px;
  margin-bottom: 5px;
}
.saikyo_style {
  display: flex;
  justify-content: flex-start;
  padding: 4px 0;
  text-align: left;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.saikyo_name_style {
  font-weight: bold;
  font-size: 0.9rem;
  display: inline-block;
  align-items: baseline;
}
.table_description {
  display: inline-block;
  font-weight: normal;
  font-size: 0.65rem;
  color: #505862;
}
.table_list tr:nth-child(n) td:first-child::before {
  content: "";
  display: inline-block;
  position: relative;
  top: -2px;
  background: url(/wp-content/themes/appmedia/images/common/img/icon_sprite.png) no-repeat -1px -181px;
  background-size: 512px 512px;
  width: 27px;
  height: 25px;
  background-repeat: no-repeat;
  vertical-align: middle;
  transform: scale(0.7);
  left: -3px;
}
.table_list td:first-child, .table_list th:first-child {
  text-align: left;
}
.related_links a::before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #3376c5;
  border-right: 2px solid #3376c5;
  transform: rotate(45deg) translate(10%,-90%);
}
.related_links {
order: 1px dashed #e2e2e2;
  margin: 30px 0 20px;
  position: relative;
}
.talbe_exp div {
  display: inline-block;
  font-size: 0.7rem;
  width: 5.5rem;
  padding: 0.3rem 0.2rem 0rem 0.2rem;
  white-space: nowrap;
}
.table_exp td:first-child img {
  width: 48px;
  height: 48px;
  margin-bottom: 3px;
  border-radius: 10px;
}
.chara_piece td:nth-child(n) img {
  width: 32px;
  height: auto;
  margin-right: 2px;
}
.chara_piece td:nth-child(n) {
  vertical-align:middle;
}
.table_exp div {
  display: inline-flex;
  font-size: 0.7rem;
  white-space: nowrap;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  flex-direction: column;
  align-items: center;
  width: calc(100% / 4 - 4px);
}
.table_exp td:first-child img {
  width: 48px;
  height: 48px;
  margin-bottom: 3px;
  border-radius: 10px;
}
.table_exp tr:nth-child(2) td:first-child {
  padding: 4px 2px;
}
.card {
  display: flex;
  justify-content: flex-start;
  padding: 4px 0;
  text-align: left;
  align-items: flex-start;
  flex-direction: row;
}
.table_equip td:first-child img {
  width: 50px;
  height: auto;
}
.table_equip td:first-child {
  width: 25%;
  font-size: 10px;
  padding: 4px 0;
}
.table_equip td:last-child {
  width: 75%;
  text-align: left;
  vertical-align: middle;
  margin: 0;
  padding-bottom: 4px; 
}
.table_equip td:last-child img {
  width: 30px;
  height: auto;
  margin: inherit;
  margin-right: 0.3rem;
}
.text_block {
  border-radius: 10px;
  background-color: #f2f4f4;
  box-shadow: 2px 2px #e6e5e5;
  border: 1px solid #C2C3C3;
  padding: 15px;
  margin-bottom: 20px;
  font-size: 13px;
}
.table_goldpass tr:last-child td:last-child img {
  width: 48px;
  height: auto;
  margin-right: 5px;
  border-radius: 10px;
  display: inline-block;
}
.table_goldpass tr:last-child td:last-child {
  vertical-align: middle;
}
.table_gacha_info tr:nth-child(5) td:nth-child(n) img {
  width: 50px;
  height: auto;
  border-radius: 10px;
}
.table_gacha_info tr:nth-child(5) td:nth-child(n) {
  font-size: 10px;
}
.rankS, .rankA, .rankB, .rankC {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background-size: 35px 30px;
  margin: 0 6px 0 4px;
}
.rankS {
  text-shadow: 2px 2px 1px #ffd700, -2px 2px 1px #ffd700, 2px -2px 1px #ffd700, -2px -2px 1px #ffd700, 2px 0px 1px #ffd700, 0px 2px 1px #ffd700, -2px 0px 1px #ffd700, 0px -2px 1px #ffd700;
}
.rankA {
  text-shadow: 2px 2px 1px #2c6479, -2px 2px 1px #2c6479, 2px -2px 1px #2c6479, -2px -2px 1px #2c6479, 2px 0px 1px #2c6479, 0px 2px 1px #2c6479, -2px 0px 1px #2c6479, 0px -2px 1px #77360a;
}
.rankB {
  text-shadow: 2px 2px 1px #77360a, -2px 2px 1px #77360a, 2px -2px 1px #77360a, -2px -2px 1px #77360a, 2px 0px 1px #77360a, 0px 2px 1px #77360a, -2px 0px 1px #77360a, 0px -2px 1px #77360a;
}
.table_gacha td:last-child{
  width: 70%;
  text-align: left;
  vertical-align: middle;
}
.table_gacha td:last-child img {
  width: 48px;
  height: auto;
  border-radius: 10px;
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 3px;
}
.table_gachalist td:first-child {
  width: 35%;
  padding: 4px 0;
}
.table_gachalist td:last-child {
  width: 65%;
  text-align: left;
}
.partitionA, .partitionB, .partitionC, .partitionD {
  display: block;
  margin: 3px 0;
  border-bottom: 1px dotted #b9cbd4;
}
.partitionA::before {
  content: "【おすすめ度】";
  font-weight: 700;
}
.partitionB::before {
  content: "【開催期間】";
  font-weight: 700;
}
.partitionC::before {
  content: "【概要】";
  font-weight: 700;
}
.pickup::before {
  content: "【ピックアップ】\A";
  font-weight: 700;
  white-space: pre ;
}
.table_event_bouns td:last-child img {
width: 48px;
  height: auto;
  border-radius: 10px;
  display: inline-block;
  margin: 2px;
}
.table_event_bouns td:last-child {
  text-align: left;
  padding: 4px 0;
}
.skill_chara {
  color: #fff;
  line-height: 1.5;
  font-size: 10px;
  font-weight: 700;
  background-color: rgba(37, 129, 212, 75%);
  padding: 2px 10px;
  border-radius: 0.8rem;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  vertical-align: middle;
  margin: 0 0.2rem 0.5rem 0.5rem;
  letter-spacing: 0.9px;
  max-width: 75px;
  min-width: 71px;
  text-align: center;
}
.skill_card{
  color: #fff;
  line-height: 1.5;
  font-size: 10px;
  font-weight: 700;
  background-color: rgba(212, 37, 37, 75%);
  padding: 2px 10px;
  border-radius: 0.8rem;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  vertical-align: middle;
  margin: 0 0.2rem 0.5rem 0.5rem;
  letter-spacing: 0.9px;
  max-width: 75px;
  min-width: 71px;
  text-align: center;
}
.table_gacha_info_A td:first-child {
  width: 30%;
}
.table_gacha_info_A td:nth-child(n + 2) {
  text-align: left;
  width: 70%;
}
.table_gacha_info_A tr:last-child td:last-child img {
  width: 30px;
  height: auto;
  border-radius: 10px;
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 3px;
}
.chart {
  margin: 0 auto;
  background: #4b88ea;
  padding: 5px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
  line-height: 1;
  display: inline-block;
  margin-right: 10px;
}
.suboption td:nth-child(n) {
  font-size: 0.9rem;
  padding: 4px 0;
  width: calc(100% / 4);
}
.table_quest tr:nth-child(2) img {
  width: 48px;
  height: auto;
  border-radius: 10px;
  margin: 0 4px;
  display: inline-block;
  border: solid 0.1rem #d2d1d1;
}
.table_gacha td:last-child{
  width: 70%;
  text-align: left;
  vertical-align: middle;
}
.table_gacha td:last-child img {
  width: 48px;
  height: auto;
  display: inline-block;
  margin-right: 3px;
}
.table_event td:first-child {
  width: 45%;
  padding: 4px 0;
}
.table_event td:last-child img {
  width: 32px;
  height: auto;
  border-radius: 4px;
  display: inline-block;
  margin: 1px 3px;
}
.table_event td:last-child::before {
  content: "【開催期間】";
}
.table_event td:last-child {
  width: 55%;
  vertical-align: middle;
  text-align: left;
  line-height: 25px;
  padding: 4px 0;
}
.label_cream {
  margin: 0 2px;
  padding: 3px 5px;
  border-radius: 3px;
  text-align: center;
  font-weight: 700;
  color: #333;
  background-color: #f4e3c4;
}
.label_orange {
  margin: 0 2px;
  padding: 3px 5px;
  border-radius: 3px;
  text-align: center;
  font-weight: 700;
  color: #f2f2f2;
  background-color: #f89144;
}
.label_red {
  margin: 0 2px;
  padding: 3px 5px;
  border-radius: 3px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  background-color: #d1463b;
}
.label_white {
  margin: 0 2px;
  padding: 3px 5px;
  border-radius: 3px;
  text-align: center;
  font-weight: 700;
  border-radius: 3px;
  border: 1px solid #ccc;
}
.label_blue {
  margin: 0 2px;
  padding: 3px 5px;
  border-radius: 3px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  background-color: #0495CD;
}
.donogacha td:first-child {
  padding: 4px 0;
}
.donogacha td:last-child {
padding: 4px 2px;
text-align: left;
}
.table_quest tr:last-child td:first-child img {
  width: 48px;
  height: auto;
  border-radius: 10px;
  margin: 0 4px;
  display: inline-block;
  border: solid 0.1rem #d2d1d1;
}
.table_quest tr:last-child td:first-child, .table_quest tr:nth-child(2) td:first-child, .table_quest th:nth-child(n) {
  text-align: left;
  width: calc(100% / 6 - 4px);
}
.stamina {
  border-radius: 9999px;
  background-color: #ff9900;
  color: #f2f2f2;
  font-weight: 700;
  margin: 4px 10px 4px 0;
  box-sizing: border-box;
  padding: 2px 10px;
}
.stamina::before {
  content: "消費ST ";
  color: #f2f2f2;
  font-weight: 700;
}
.power {
  border: solid 0.1rem #353433;
  padding: 2px 10px;
  border-radius: 9999px;
  box-sizing: border-box;
  font-weight: normal;
  margin: 4px 10px 4px 0;
}
.power::before {
  content: "推奨戦闘力 ";
  font-weight: 700;
}
.osusume td:nth-child(2) {
  font-size: 16px;
  font-weight: 700;
}
.osusume td:first-child::before {
  content: "▼ ";
}
.osusume td:first-child {
text-align: left;
}
.event_table td:first-child {
  width: 40%;
  padding: 0 0 4px 0;
  font-size: 0.9rem;
  white-space: nowrap;
}
.event_table td:first-child img {
  border: solid 0.1rem #AAB2BD;
}
.event_table td:last-child {
  width: 50%;
  text-align: left;
  line-height: 20px;
  vertical-align: middle;
  line-height: 23px;
}
.event_table td:last-child::before {
  content: "【期間】";
}
.table_eva, .partition {
  padding-bottom: 4px;
}
.table_ranking img, .table_eva img {
      filter: drop-shadow(1px 2px 2px rgba(119, 138, 156, 0.747));
}
.iconimg td:nth-child(n) img {
  width: 50px;
  height: auto;
  border-radius: 10px;
  filter: drop-shadow(1px 2px 2px rgba(119, 138, 156, 0.747));
}
/* キャラ個別用 */
.skill_name_style {
  font-weight: bold;
  font-size: 13px;
  text-align: left;
}
.damege {
  font-size: 1.2rem;
  color: #000000;
  line-height: 1.5;
  font-size: 11px;
  border: solid 0.1rem #353433;
  padding: 2px 6px;
  border-radius: 0.4rem;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  vertical-align: middle;
  font-weight: 500;
  margin-right: 0.4rem;
  margin-top: 0.1rem;
}
.skill_style {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 4px 0;
  text-align: left;
}
.skill_info th:nth-child(n) {
  text-align: left;
}
.skill_info img {
  width: 47px;
  height: auto;
  margin-right: 10px;
  border-radius: 10px;
  filter: drop-shadow(1px 1px 1px rgba(119, 138, 156, 0.747));
  border: solid 1px rgba(0, 0, 0, 0.5);
}
.skill_info tr:nth-child(4) td:first-child {
  text-align: left;
  line-height: 1.5;
}
.skill_info tr:nth-child(n + 6 ) td:last-child {
  text-align: left;
}
.cooldown {
  font-size: 0.8rem;
  color: #fff;
  line-height: 1.5;
  font-size: 11px;
  border: solid 0.1rem #353433;
  padding: 2px 6px;
  border-radius: 0.4rem;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  font-weight: bold;
  vertical-align: middle;
  margin-right: 0.4rem;
  margin-top: 0.1rem;
}
.cooldown::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(/wp-content/uploads/2023/06/bclover_cooldown.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 2px;
  background-repeat: no-repeat;
}
.cooldown::after {
  content: 'ターン';
}
.skill_resources {
  font-size: 1.2rem;
  color: #000000;
  line-height: 1.5;
  font-size: 11px;
  border: solid 0.1rem #353433;
  padding: 2px 6px;
  border-radius: 0.4rem;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  vertical-align: middle;
  font-weight: 500;
  margin-right: 0.4rem;
}
.tdth {
  background-color: #f9f9f9;
  font-weight: bold;
  font-size: 0.7rem;
  text-align: left;
}
.auto_hide_button {
  cursor: pointer;
  background: #f6f6f6;
  font-weight: bold;
  width: 100%;
  border: 1px solid rgb(204, 204, 204);
  font-size: 12px;
  line-height: 2.3;
  margin-top: -16px;
  margin-bottom: 15px;
  text-align: left;
}
.auto_hide_button:before {
  content: "▲ ";
  padding-left: 8px;
}