#ranking_table {
  width: 90%;
}

td:has(div.cl_petitlist) {
  padding: 0 auto;
}

.cl_petilist {
  position: relative;
  margin: 5px 5px 0px 5px;
  display: flex;
  height: auto;
  flex-wrap: wrap;
  gap: 5px;
}

.cl_petilist .pp_img {
  position: relative;
  width: calc((100% - 20px)/5);
  height: auto;
}

.pp_img .shishin_frame_img {
  width: 100%;
  height: auto;
}

.thumbnail_img,
.shishin_mark_img,
.rarity_frame_img,
.rarity_mark_img {
  position: absolute;
  width: 100%;
  height: auto;
  left:0px;
  top:0px;
}

.pp_img .lm_img {
  position: absolute;
  width: 40%;
  height: auto;
  left:-4px;
  top:21px;
}

.pp_level {
  margin: 0 auto;
  width: 60%;
  font-size: 0.9rem;
  font-weight: bold;
}

.no_support_text {
  margin: 0 auto;
}