@charset "UTF-8";
.motor_ttl {
  position: absolute;
  top: 3.3783783784vw;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 38.5135135135vw;
  text-align: center;
  z-index: 2;
}
.motor_ttl img {
  display: block;
  width: 100%;
}
.motor_ttl .sp {
  display: none;
}

.tsu_bg .tsu_bg_inner {
  padding-top: 26.3513513514vw;
}

.tsu_bg_content {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.motor_ranking_ttl {
  font-size: 1.8243243243vw;
  font-weight: 700;
  text-align: center;
  margin: 5.4054054054vw 0 1.8918918919vw;
  color: #000;
  line-height: 1.5;
}

.motor_ranking_period {
  font-size: 1.0810810811vw;
  font-weight: 400;
}

.motor_table_wrap {
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-radius: 0.8108108108vw;
}

.motor_table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.motor_table .motor_table__col--num {
  width: 18%;
}
.motor_table .motor_table__col--desc {
  width: 52%;
}
.motor_table .motor_table__col--player {
  width: 30%;
}
.motor_table thead tr {
  background-color: #ce3a00;
}
.motor_table thead tr th {
  color: #fff;
  font-size: 1.3513513514vw;
  font-weight: 700;
  text-align: center;
  padding: 1.2162162162vw 1.3513513514vw;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.motor_table thead tr th:last-child {
  border-right: none;
}
.motor_table tbody tr {
  background-color: #fff;
}
.motor_table tbody tr td {
  font-size: 1.3513513514vw;
  font-weight: 500;
  color: #000;
  padding: 1.3513513514vw 1.4864864865vw;
  vertical-align: middle;
  line-height: 1.75;
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
.motor_table tbody tr td:first-child {
  text-align: center;
}
.motor_table tbody tr td:last-child {
  text-align: center;
  border-right: none;
}
.motor_table tbody tr.motor_table__row--highlight {
  background-color: #e84040;
}
.motor_table tbody tr.motor_table__row--highlight td {
  color: #fff;
  border-right-color: rgba(255, 255, 255, 0.35);
}
.motor_table tbody tr.motor_table__row--highlight td:last-child {
  border-right: none;
}

.motor_note {
  font-size: 0.9459459459vw;
  font-weight: 400;
  text-align: right;
  margin: 0.6756756757vw 0 0;
  color: #000;
}

.motor_back {
  margin-top: 5.4054054054vw;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .motor_ttl {
    top: 17.3333333333vw;
    width: 74.6666666667vw;
  }
  .motor_ttl .pc {
    display: none;
  }
  .motor_ttl .sp {
    display: block;
  }
  .tsu_bg .tsu_bg_inner {
    padding-top: 61.3333333333vw;
    padding-bottom: 18.6666666667vw;
  }
  .tsu_bg .tsu_bg_content {
    padding: 0 5.3333333333vw;
  }
  .motor_ranking_ttl {
    font-size: 5.3333333333vw;
    margin-bottom: 3.7333333333vw;
  }
  .motor_ranking_period {
    font-size: 2.9333333333vw;
    display: block;
  }
  .motor_table_wrap {
    overflow-x: scroll;
    border-radius: 2.6666666667vw;
  }
  .motor_table_wrap::-webkit-scrollbar {
    height: 4px;
  }
  .motor_table_wrap::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .motor_table_wrap::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    border-radius: 2px;
  }
  .motor_table {
    min-width: 133.3333333333vw;
    table-layout: fixed;
  }
  .motor_table .motor_table__col--num {
    width: 32vw;
  }
  .motor_table .motor_table__col--desc {
    width: 62.6666666667vw;
  }
  .motor_table .motor_table__col--player {
    width: 38.6666666667vw;
  }
  .motor_table thead tr th {
    font-size: 3.7333333333vw;
    padding: 2.6666666667vw 2.4vw;
  }
  .motor_table tbody tr td {
    font-size: 3.7333333333vw;
    padding: 2.6666666667vw 2.4vw;
    line-height: 1.6;
  }
  .motor_note {
    font-size: 2.6666666667vw;
    margin-top: 1.6vw;
  }
  .motor_back {
    margin-top: 10.6666666667vw;
  }
}/*# sourceMappingURL=style_tsu_motor.css.map */