@charset "UTF-8";

body {
    font-family: 'Meiryo', 'Franklin Gothic Medium', Arial, sans-serif;
    font-size: 16px;
    width: 1500px;
}

body .home {
    margin-top: 15px;
    margin-left: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #00f;
}

body .day_link {
    display: flex;
    margin-left: 30px;
}

body .date {
    margin-left: 30px;
    font-weight: bold;
    font-size: 18px;
}

body .day_group {
    margin-left: 30px;
}

body .day_group .other_race {
    display: flex;
}

body .day_group .other_race .place_name {
    width: 110px;
    text-align: center;
    border: 1px solid #bbb;
    margin: 1px;
    font-weight: bold;
    color: #eee;
    background: #222;
}

body .day_group .other_race li {
    width: 80px;
    text-align: center;
    border: 1px solid #bbb;
    margin: 1px;
    font-weight: bold;
    background: #ffd;
}

body .day_group .other_race .current {
    width: 80px;
    text-align: center;
    border: 1px solid #bbb;
    margin: 1px;
    font-weight: bold;
    background: #C71585;
    color: #fff;
}

body .day_group .other_race li a {
    display: block;
}

caption {
    text-align: left;
}

caption .race_title {
    font-weight: bold;
}

caption .race_type {
    font-size: 15px;
}

caption .race_time {
    font-size: 15px;
}

caption .odds_time {
    font-size: 15px;
}

table tr {
    border: 1px solid #ccc;
}

table td {
    border: 1px solid #ccc;
    padding: 3px;
}

table th {
    font-size: 12px;
    padding: 5px;
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: middle;
}

table tbody .horse_line {
    height: 140px;
}

.basic {
    font-size: 20px;
    margin-left: 30px;
    margin-top: 10px;
    white-space: nowrap;
}

thead .num {
    writing-mode: vertical-rl;
}

thead {
    color: #fff;
    background-color: #333333;
}

thead .past {
    width: 150px;
}

tbody .waku {
    text-align: center;
    vertical-align: middle;
}

tbody .white {
    color: #000;
    background-color: #fff;
}

tbody .black {
    color: #fff;
    background-color: #000;
}

tbody .red {
    color: #fff;
    background-color: #f00;
}

tbody .blue {
    color: #fff;
    background-color: #00f;
}

tbody .yellow {
    color: #000;
    background-color: #ff0;
}

tbody .green {
    color: #fff;
    background-color: #080;
}

tbody .orange {
    color: #000;
    background-color: #f90;
}

tbody .pink {
    color: #000;
    background-color: #f6c;
}

tbody .num {
    text-align: center;
    vertical-align: middle;
}

tbody .horse {
    vertical-align: middle;
}

tbody .name_line {
    white-space: nowrap;
    display: flex;
}

tbody .name_line .real_time .name {
    width: 228px;
}

tbody .result_line {
    font-size: 13px;
}

tbody .result_line .odds_line {
    font-weight: bold;
}

tbody .result_line .weight {
    width: 100px;
}

tbody .jockey {
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
}

tbody .past {
    font-size: 12px;
    width: 150px;
}

tbody .date_line {
    display: flex;
    justify-content: space-between;
}

tbody .race_line {
    font-size: 13px;
    display: flex;
    justify-content: space-between;
}

tbody .course_line {
    display: flex;
    justify-content: space-between;
}

tbody .course_line .baba_condition {
    display: flex;
}

tbody .jockey_line {
    display: flex;
    justify-content: space-between;
}

tbody .place_line {
    display: flex;
    font-size: 19px;
}

tbody .position_line {
    display: flex;
    justify-content: space-between;
}

tbody .time_line {
    display: flex;
    justify-content: space-between;
}

tbody .time_line .score {
    font-weight: bold;
    display: flex;
}

tbody .lap_line {
    display: flex;
    justify-content: space-between;
}

tbody .lap_line .score {
    text-align: center;
    font-weight: bold;
}

tbody .place1 {
    background-color: #ffd5ec;
}

tbody .place2 {
    background-color: #d9e5ff;
}

tbody .place3 {
    background-color: #cef9dc;
}

div .course_data .subtitle {
    font-weight: bold;
    font-size: 40px;
    margin-top: 20px;
}

/*能力値追加*/
tbody .horse_line .name_line .real_time .name {
    font-weight: bold;
}

tbody .horse_line .name_line .real_time .odds {
    font-size: 18px;
    vertical-align: middle;
    font-weight: bold;
    width: 65px;
    text-align: center;
}

tbody .horse_line .name_line .real_time .weight {
    font-size: 18px;
    vertical-align: middle;
    width: 130px;
    text-align: center;
}

tbody .spec_line .spec {
    font-size: 13px;
}

tbody .spec_line .type {
    font-weight: bold;
}

tbody .spec_line .title {
    background: #faa;
}

tbody .spec_line .spec .header {
    width: 65px;
}

tbody .spec_line {
    text-align: center;
}

tbody .result_line .spec2 .header {
    width: 65px;
}

tbody .result_line .spec2 .title {
    background: #afa;
}

tbody .result_line .spec2 {
    margin-right: 11px;
}

tbody .result_line {
    display: flex;
    text-align: center;
}

tbody .result_line .pred .header {
    width: 50px;
}

tbody .result_line .pred .title {
    background: #FaF;
}