html{
  font-size: 16px;
}

.header {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    font-size: 1.0rem;
    line-height: 1.05rem;
}

.title_line {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-size: 1.5rem;
    line-height: 3.0rem;
    height: 3.0rem;
}

.title_line a {
    color: #ffffb7;
}

.turfR {
    display: inline-block;
    width:3.0rem;
    height:3.0rem;
    background:#193;
    color: #ffffb7;
    border-radius:0.4rem;
}

.durtR {
    display: inline-block;
    width:3.0rem;
    height:3.0rem;
    background:#770;
    color: #ffffb7;
    border-radius:0.4rem;
}

.jumpR {
    display: inline-block;
    width:3.0rem;
    height:3.0rem;
    background:#aaa;
    color: #ffffb7;
    border-radius:0.4rem;
}

.race_long_name {
    margin-left: 0.3rem;
}

.race_grade{
    margin-left: 0.5rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    border-radius:0.2rem;
    font-size:1.1rem;
    color:#fdfae2;
}

.race_title {
    width : 73.08rem;
    border: solid 1px #888888;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
    line-height: 1.2rem; 
    padding-left: 0.5rem;
}


.time_table {
    font-family: "Kosugi Maru", sans-serif;
    font-size: 0.7rem;
    line-height: 0.8rem;
}

.date_line span, .cond_line span {
    display: inline-block;
    margin-right: 0.6rem;
}

.odds_update {
    font-weight: bold;
}

.vertically {
    writing-mode: vertical-rl; /* Chrome、Firefox向け */
    white-space: pre;
    margin: 0 auto;
    width: 1em; /* firefox向け補正値 */
    line-height: 1em; /* firefox向け補正値 */
    text-orientation: upright;
}

.num01, .num02, .num03, .num04, .num05, .num06, .num07, .num08, .num09, 
.num10, .num11, .num12, .num13, .num14, .num15, .num16, .num17, .num18 {
    width : 3.8rem;
}

.entries > td {
    vertical-align: top;
}

.horse_name {
    font-family: "Kosugi Maru", sans-serif;
    font-size: 1.0rem;
    line-height: 1.05rem;
}

.top_pos {
    vertical-align: top;
    text-align: center;
    width : 1.0rem;
}

.bottom_pos {
    vertical-align: bottom;
    white-space:nowrap;
    text-align: center;
    width : 1.0rem;
}

.entries {
    vertical-align: top;
    text-align: center;
    width : 2.2rem;
    height : 13.6rem;
    padding-left: 0.3rem;
}

.horse_table {
    font-family: "Kosugi Maru", sans-serif;
    font-size: 0.7rem;
    line-height: 0.8rem;
    width : 73.1rem;
}

.statistics_table {
    font-family: "Kosugi Maru", sans-serif;
    font-size: 0.7rem;
    line-height: 0.8rem;
    width : 73.1rem;
}

.statistics_comment {
    font-family: "Kosugi Maru", sans-serif;
    font-size: 0.7rem;
    line-height: 0.8rem;
    margin-top:1.2rem;
    font-weight:bold;
}


.num00 {
    border: solid 1px #888888;
    text-align: center;
    vertical-align: middle;
    width : 4.6rem;
}

.horse_mark .num00 {
    border-top: solid 1px #888888;
    border-left: solid 1px #888888;
    border-right: solid 1px #888888;
    border-bottom: hidden 1px #888888;
    text-align: center;
}

.horse_mark_border {
    border-top: solid 1px #888888;
    border-left: solid 1px #888888;
    border-right: solid 1px #888888;
    border-bottom: hidden 1px #888888;
    text-align: center;
}

.history {
    height: 9.1rem;
    vertical-align: top;
}

.history.num00 {
    height: 9.1rem;
    vertical-align: middle;
}

.history_cell_left {
    text-align: left;
}

.history_cell_center {
    text-align: center;
}

.history_cell_right {
    text-align: right;
}

.valid_border {
    border: solid 1px #888888;
    text-align: center;
    vertical-align: middle;    
}

.blinker_mark {
    color: #AA0000; 
    font-weight: bold;
}

.result_style {
    font-weight: bold;
}

.rank1_style {
    color: #b80f00; 
    font-weight: bold;
}

.rank2_style {
    color: #0028fa; 
    font-weight: bold;
}

.rank3_style {
    color: #00990d; 
    font-weight: bold;
}

.rankother_style {
    font-weight: bold;
}

.trackcolor_turf {
    background-color: #87ee6d;
}

.trackcolor_dart {
    background-color: #e9d690;
}

.trackcolor_jump {
    background-color: #dbdbdb;
}

.track_outside {
    border: solid 1px;
    font-size: 0.63rem;
}

.finishcolor_1 {
    background-color: #FFF2F3;
}

.finishcolor_2 {
    background-color: #e5f6ff;
}

.finishcolor_3 {
    background-color: #eeffcc;
}

.selcolor {
    background-color: #FFF699 !important;
}

.pos_in {
    border-top: hidden 1px #888888;
    border-left: hidden 1px #888888;
    border-right: hidden 1px #888888;
    border-bottom: solid 1px #888888;
}

.pos_mid {
    border-top: solid 1px #888888;
    border-left: hidden 1px #888888;
    border-right: hidden 1px #888888;
    border-bottom: solid 1px #888888;
}

.pos_out {
    border-top: solid 1px #888888;
    border-left: hidden 1px #888888;
    border-right: hidden 1px #888888;
    border-bottom: hidden 1px #888888;
}

.pos_sol {
    border-top: hidden 1px #888888;
    border-left: hidden 1px #888888;
    border-right: hidden 1px #888888;
    border-bottom: hidden 1px #888888;
}

a, a:hover {
    text-decoration: none !important;
}


.horse_table a {
    color: #004a7f;
}

.sel_track {
    color: #7f000a;
}

#overlay{ 
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}

@-moz-document url-prefix() {
  .race_title {
    width : 72.8rem;
  }
}