.raceInfo table {
    display: flex;
    border-top: 3px solid #C0504D;
}

.raceInfo table tbody {
    width: 100%;
}

.raceInfo table tr td {
    width: 31%;
    height: 100%;
    min-height: 74px;
    padding: 7px 3px;
}

.raceInfo table tr {
    display: flex;
    flex-wrap: wrap;
    width: 97%;
    background: #fff;
    margin: 0 auto;
}

.raceInfo table td:nth-child(4) {
    width: 31%;
    height: 100%;
    padding: 7px 3px;
}

.raceInfo table td:nth-child(4) a {
    width: 100%;
    box-shadow: none;
}

.raceInfo table tr:nth-child(even) {
    background: #fff;
}

.raceInfo table .recentRace .raceButton {
    background: #ffd700;
}

.raceInfo table .recentRace .raceButton:hover {
    opacity: 0.7
}

.raceInfo table .raceButton {
    min-width: 48px;
    text-align: center;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    color: #333;
    border: 1px #f0f0f0 solid;
}

.raceInfo table a {
    text-decoration: none;
    width: 100%;
    height: 100%;
}

.raceInfo table .raceButton span {
    font-weight: bold;
    padding-top: 8px;
}

.raceInfo table .raceButton:hover {
    transition-duration: 0.8s;
    background: #ffd700;
}

.raceInfo table .raceButtonUp {
    display: flex;
    justify-content: center;
}

.raceInfo table .raceTime {
    margin: 8px 0 0 5px;
}

.raceInfo table .raceButtonDown {
    display: flex;
    height: 42px;
    align-items: center;
    justify-content: center;
    line-height: 1.1em;
    font-weight: bold;
}

.raceInfo table .raceButtonUp {
    height: 30px;
}

.raceInfo table .canceledRace .raceButton {
    background: #949494;
    color: #fff;
}

.raceInfo input#raceInfoRadioYesterday:checked~table#raceInfoYesterday,
.raceInfo input#raceInfoRadioToday:checked~table#raceInfoToday,
.raceInfo input#raceInfoRadioTomorrow:checked~table#raceInfoTomorrow {
    display: flex;
}

input#raceInfoRadioYesterday:not(:checked)~table#raceInfoYesterday,
input#raceInfoRadioToday:not(:checked)~table#raceInfoToday,
input#raceInfoRadioTomorrow:not(:checked)~table#raceInfoTomorrow {
    display: none;
}

.raceInfo .raceTime.night {
    background-size: 15px 15px;
}

.raceInfo .raceTime {
    width: 20px;
    height: 20px;
}

.raceInfo .tabArea li {
    width: 50%;
}

.raceInfo input#raceInfoRadioToday:checked~.tabArea li#linkForRaceInfoToday,
.raceInfo input#raceInfoRadioTomorrow:checked~.tabArea li#linkForRaceInfoTomorrow {
    background: #C0504D;
    color: #fff;
}

.raceInfo input#raceInfoRadioToday:checked~.tabArea li#linkForRaceInfoToday label,
.raceInfo input#raceInfoRadioTomorrow:checked~.tabArea li#linkForRaceInfoTomorrow label {
    color: #fff;
}

.raceInfo table td:nth-child(4) a {
    line-height: 1.5;
}