/*
  使用view：
  - web/app/views/tenants/ranking.html.erb
*/

.ranking_tenant_page {
  padding: 0 0 30px 0;
}

.ranking_tenant_page .page_title_area {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

.ranking_tenant_page .filter_area {
  width: 100%;
  margin: 0;
  padding: 0 0 7px;
}

@media screen and (min-width: 700px) {
  .ranking_tenant_page .filter_area {
    padding: 0 0 24px;
  }
}

.ranking_tenant_page .layout_inner_1280 {
  width: 100%;
}

@media screen and (min-width: 700px) {
  .ranking_tenant_page .layout_inner_1280 {
    width: 95%;
  }
}

/* ランキングテーブル */
@media screen and (min-width: 700px) {
  .ranking_tenant_page .ranking_table th:nth-child(1) {
    width: 6%;
  }
  .ranking_tenant_page .ranking_table th:nth-child(3),
  .ranking_tenant_page .ranking_table th:nth-child(4),
  .ranking_tenant_page .ranking_table th:nth-child(5),
  .ranking_tenant_page .ranking_table th:nth-child(6) {
    width: 12%;
  }
  .ranking_tenant_page .ranking_table th:nth-child(7) {
    width: 20%;
  }
  .ranking_tenant_page .ranking_table th:nth-child(8) {
    width: 10%;
  }
}

@media screen and (min-width: 1100px) {
  .ranking_tenant_page .ranking_table th:nth-child(7) {
    width: 15%;
  }
}

.ranking_tenant_page .ranking_table td:nth-child(3)::before {
  content: '平均利回り';
}
.ranking_tenant_page .ranking_table td:nth-child(4)::before {
  content: '最高利回り';
}
.ranking_tenant_page .ranking_table td:nth-child(5)::before {
  content: '平均運用期間';
}
.ranking_tenant_page .ranking_table td:nth-child(6)::before {
  content: 'ファンド数';
}
.ranking_tenant_page .ranking_table td:nth-child(7)::before {
  content: '累計募集額';
}

.ranking_table_image {
  width: 28%;
}

.ranking_tenant_page .ranking_table_image img {
  max-width: 28vw;
  max-height: 40px;
}

@media screen and (min-width: 700px) {
  .ranking_tenant_page .ranking_table_image img {
    max-width: 21vw;
    max-height: 3.273vw;
  }
}

@media screen and (min-width: 1100px) {
  .ranking_tenant_page .ranking_table_image img {
    max-width: 231px;
    max-height: 36px;
  }
}

.ranking_tenant_page .ranking_table_image a {
  width: 100%;
  display: flex;
  justify-content: center;
}

.ranking_tenant_page .ranking_table .sort_tenant_popularity_rank tr {
  padding: 6px 0;
}

.ranking_tenant_page .ranking_table_text::before {
  width: 70%;
}

.ranking_tenant_page .sort_total_amount_rank .ranking_table_text::before {
  width: 45%;
}

.ranking_tenant_page .sort_tenant_popularity_rank .ranking_table_text {
  margin: -0.5px 16px;
}