/* --------------------------------------------------

	出馬表

-------------------------------------------------- */

/* - 競馬メニュー関連メニュー
------------------------------------------------------------ */
#keiba_related_menu { margin-bottom: 20px; }

.nav_line {
    display: table;
    width: 100%;
}

.nav_line > .cell {
    display: table-cell;
    vertical-align: middle;
}

.nav_line > .cell.right {
    width: 260px;
    text-align: right;
}


/* - 開催選択に戻る・レース選択に戻る ボタンエリア
------------------------------------------------------------ */
div.nav_back_area { text-align: right; }


/* - 開催タブ
------------------------------------------------------------ */
/*
ul.nav.tab.narrow > li { background-color: #f5f5f5; }

ul.nav.tab.narrow > li > a {
    padding: 8px;
    font-size: 1.3rem;
}

.nav_area {
    display: table;
    width: 100%;
}

.nav_area > div {
    display: table-cell;
    vertical-align: middle;
}

.nav_area > div.btn_block { text-align: right; }

.nav_area ul.nav.tab {
    width: 690px;
    display: table;
    table-layout: fixed;
}

.nav_area ul.nav.tab > li {
    width: 33.33%;
    display: table-cell;
    vertical-align: middle;
    background-color: #f1f1f1;
}

.nav_area ul.nav.tab > li > a {
    font-size: 1.3rem;
    padding: 10px;
}

ul.nav.blocks { padding: 4px; }

ul.nav.blocks > li > a {
    font-size: 1.1rem;
    padding: 3px 5px;
}
*/


/* - レースヘッダー（table caption内）
------------------------------------------------------------ */
.race_header {
    display: table;
    width: 100%;
}

.race_header > div {
    display: table-cell;
    vertical-align: middle;
}

.race_header > div.left { vertical-align: top; }

.race_header > div.right {
    vertical-align: top;
    width: 150px;
}


/* ----- 開催日｜発走時刻｜天候・馬場 ----- */
.race_header .date_line { color: #444; }
.race_header .date_line > .inner { display: table; }

.race_header .date_line > .inner > .cell {
    display: table-cell;
    vertical-align: bottom;
    padding-right: 1em;
}

.race_header .date_line > .inner > .cell.date {
    white-space: nowrap;
}
.race_header .date_line > .inner > .cell.time {  }
.race_header .date_line > .inner > .cell.time strong { font-size: 1.4rem; }

.race_header .date_line > .inner > .cell.baba {  }
.race_header .date_line > .inner > .cell.baba > ul {
    font-size: 0;
    position: relative;
    top: -1px;
}

.race_header .date_line > .inner > .cell.baba > ul > li {
    display: inline-block;
    font-size: 1.1rem;
    vertical-align: middle;
    margin-right: 5px;
}

.race_header .date_line > .inner > .cell.baba > ul > li:last-child { margin-right: 0; }

.race_header .date_line > .inner > .cell.baba > ul > li > .inner { display: table; }

.race_header .date_line > .inner > .cell.baba > ul > li > .inner > span {
    display: table-cell;
    border: 1px solid #ddd;
    padding: 2px 6px;
    vertical-align: middle;
    line-height: 1.4;
}

.race_header .date_line > .inner > .cell.baba > ul > li > .inner > span.cap {
    color: #444;
    background-color: #f5f5f5;
    border-right: 1px dashed #ccc;
    font-size: 1.1rem;
}

.race_header .date_line > .inner > .cell.baba > ul > li.weather > .inner > span.cap { background-color: #E1F5FE; }
.race_header .date_line > .inner > .cell.baba > ul > li.turf > .inner > span.cap { background-color: #dcf0d4; }
.race_header .date_line > .inner > .cell.baba > ul > li.durt > .inner > span.cap { background-color: #EFEBE9; }

.race_header .date_line > .inner > .cell.baba > ul > li > .inner > span.txt {
    font-weight: bold;
    border-left: none;
}

/* ----- レース名ブロック ----- */
.race_header div.race_title {
    padding-right: 10px;
    margin-top: 5px;
}

.race_header div.race_title > .inner { display: table; }

.race_header div.race_title > .inner > div {
    display: table-cell;
    vertical-align: top;
}

/* --- レース番号 --- */
.race_header div.race_title > .inner > div.num {
    border-radius: 3px;
    color: #fff;
    background-color: #00695C;
    min-width: 54px;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    padding: 2px;
}

.race_header div.race_title > .inner > div.num > .num_wrap {  }

.race_header div.race_title > .inner > div.num > .num_wrap > .race_number {
    text-align: center;
    padding-bottom: 2px;
}

.race_header div.race_title > .inner > div.num > .num_wrap > .race_number img {
    max-width: 40px;
    max-height: 25px;
    vertical-align: top;
}

/* --- WIN5表示 --- */
.race_header div.race_title > .inner > div.num div.win5 {
    display: block;
    border-radius: 0 0 2px 2px;
    background-color: #fff;
}

.race_header div.race_title > .inner > div.num div.win5 > a {
    display: block;
    text-decoration: none;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    padding: 3px;
}

.race_header div.race_title > .inner > div.num div.win5 > a img {
    max-width: 48px;
    display: block;
    vertical-align: middle;
}

/* --- レース名 --- */
.race_header div.race_title > .inner > div.txt { padding-left: 8px; }

.race_header h2 {
    font-weight: bold;
    color: #444;
    line-height: 1.3;
    font-size: 2.6rem;
}

.race_header h2 span.grade_icon { vertical-align: middle; }

.race_header h2 > span.main {
    font-size: 0;
    display: block;
    line-height: 1.2;
}

.race_header h2 > span.main > span {
    display: inline-block;
    font-size: 1.3rem;
}

.race_header h2 > span.main > span.cap {
    font-size: 1.2rem;
    padding-right: 4px;
}

.race_header h2 > span.main > span.cap > span.num {  }

.race_header h2 > span.main > span.race_name { font-size: 2rem; }

.race_header h2 > span.main .grade_icon {
    font-size: 1.5rem;
    position: relative;
    margin: 0;
    margin-left: 5px;
    top: -2px;
}

/* --- レース条件・情報 --- */
div.type {
    display: table;
    margin-top: 4px;
}

div.type > div.cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.2rem;
    line-height: 1.4;
    padding-left: 10px;
}

div.type > div.cell:first-child { padding-left: 0; }

div.type > div.cell.rule { padding-left: 0; }

div.type > div.cell.course {
    padding-left: 20px;
    font-size: 1.4rem;
    font-weight: bold;
}

div.type > div.cell.course > span.cap {
    font-size: 1.1rem;
    font-weight: normal;
}

div.type > div.cell.course > span.unit {
    margin-left: 0.1em;
    font-weight: normal;
    font-size: 1rem;
}

div.type > div.cell.course > span.rotate {
    font-weight: normal;
    font-size: 1.1rem;
}

div.type > div.cell.course > span.detail {
    font-size: 1.2rem;
    font-weight: normal;
}

/* - 本賞金・付加賞
--------------------------------------------- */
ul.prize {
    margin-top: 8px;
    margin-right: 10px;
    border-top: 1px dotted #ddd;
    padding-top: 8px;
}

ul.prize > li { line-height: 1.4; }
ul.prize > li > span { font-size: 1.1rem; }

div.prize_unit { display: table; }

div.prize_unit > .cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.1rem;
}

div.prize_unit > .cell.cap {
    width: 84px;
    font-size: 1.1rem;
}

div.prize_unit > .cell.data {  }

div.prize_unit > .cell.data > ol { display: table; }

div.prize_unit > .cell.data > ol > li {
    display: table-cell;
    vertical-align: middle;
    font-size: 0;
    padding-left: 15px;
}

div.prize_unit > .cell.data > ol > li:first-child { padding-left: 0; }

div.prize_unit > .cell.data > ol > li > span {
    display: inline-block;
    line-height: 1.3;
}

div.prize_unit > .cell.data > ol > li > span.cap {
    width: 20px;
    text-align: right;
    font-size: 1.1rem;
}

div.prize_unit > .cell.data > ol > li > span.num {
    text-align: right;
    font-size: 1.1rem;
    width: 46px;
}

/* --- レース関連リンク --- */
#race_related_link > * + * { margin-top: 5px; }

#race_related_link > ul {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

#race_related_link > ul > li {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding-left: 5px;
}

#race_related_link > ul > li.result { width: 56%; }
#race_related_link > ul > li.odds { width: 44%; }
#race_related_link > ul > li:first-child { padding: 0; }
#race_related_link > ul > li > a.btn-def { padding: 4px 2px; }
#race_related_link div.print_btn { margin-bottom: 5px; }

/* - SP詳細出馬表へのリンク
------------------------------------------------------------ */
.sp_link {
  display:none;
}
.sp_link.on {
  display:block;
}
.sp_link > a {
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 3.6rem;
  padding: 1px 10px 0px 10px;
  transition: all 0.3s ease-in-out;
  margin-top: 5px;
}

/* - 出馬表メインテーブル
------------------------------------------------------------ */
#syutsuba table.basic { table-layout: fixed; }

#syutsuba table.basic > caption { text-align: left; }

#syutsuba table.basic thead > tr > th { font-size: 1.2rem; }
#syutsuba table.basic thead > tr > th.past_title { border-bottom-width: 1px; }
#syutsuba table.basic thead > tr > th.waku { width: 28px; }
#syutsuba table.basic thead > tr > th.num { width: 28px; }
#syutsuba table.basic thead > tr > th.horse {  }
#syutsuba table.basic thead > tr > th.jockey { width: 90px; }
#syutsuba table.basic thead > tr > th.past { width: 140px; }

#syutsuba table.basic thead > tr > th.jockey > span.rate {
    font-size: 1.1rem;
    display: block;
    transform: scale(0.9);
    transform-origin: center top;
    white-space: nowrap;
    letter-spacing: -0.1em;
}

#syutsuba table.basic tbody > tr > td {  }

#syutsuba table.basic tbody > tr > td.waku {
    font-size: 1.2rem;
    padding: 5px 2px;
    text-align: center;
}

#syutsuba table.basic tbody > tr > td.waku img {
    vertical-align: top;
    max-width: 20px;
}

#syutsuba table.basic tbody > tr > td.num {
    font-size: 1.2rem;
    line-height: 1;
    padding: 5px 0;
}

#syutsuba table.basic tbody > tr > td.num span.cap {
    font-size: 1.4rem;
    line-height: 1.3;
    color: #c02;
    font-weight: bold;
}

#syutsuba table.basic tbody > tr > td.num span.blinker {
    display: block;
    text-align: center;
    top: 0;
    margin: 4px auto 0 auto;
}

#syutsuba table.basic tbody > tr > td.num span.blinker img {
    vertical-align: top;
    max-width: 15px;
}

#syutsuba table.basic tbody > tr > td.horse {
    text-align: left;
    font-size: 1.2rem;
    padding: 3px 5px;
}

#syutsuba table.basic tbody > tr > td.horse div.name_line {
    display: table;
    width: 100%;
    margin-bottom: 2px;
}

#syutsuba table.basic tbody > tr > td.horse div.name_line > div {
    display: table-cell;
    vertical-align: middle;
    padding: 3px 0;
}

#syutsuba table.basic tbody > tr > td.horse div.name_line > div.name {
    font-weight: bold;
    line-height: 1.4;
    font-size: 1.4rem;
}

#syutsuba table.basic tbody > tr > td.horse div.name_line > div.name > span.inner { display: table; }

#syutsuba table.basic tbody > tr > td.horse div.name_line > div.name > span.inner > span {
    display: table-cell;
    vertical-align: top;
}

#syutsuba table.basic tbody > tr > td.horse div.name_line > div.name > span.inner > span > a { vertical-align: middle; }

#syutsuba table.basic tbody > tr > td.horse div.name_line .horse_icon {
    position: relative;
    top: -1px;
    margin-right: 2px;
}

#syutsuba table.basic tbody > tr > td.horse div.name_line .horse_icon > span {
    font-size: 1rem;
    min-width: 13px;
    padding: 0;
}

#syutsuba table.basic tbody > tr > td.horse div.name_line > div.odds {
    text-align: right;
    line-height: 1.3;
    white-space: nowrap;
}

#syutsuba table.basic tbody > tr > td.horse div.name_line > div.odds > div.odds_line { min-height: 24px; }

#syutsuba table.basic tbody > tr > td.horse div.name_line > div.odds > div.odds_line > span {
    display: block;
    line-height: 1.2;
}

#syutsuba table.basic tbody > tr > td.horse div.name_line > div.odds > div.odds_line > span.num { font-size: 1.2rem; }

#syutsuba table.basic tbody > tr > td.horse div.name_line > div.odds > div.odds_line > span.pop_rank {
    font-size: 1rem;
    line-height: 1.2;
}

#syutsuba table.basic tbody > tr > td.horse div.name_line > div.odds > div.odds_line > span.pop_rank > span { font-size: 1rem; }


/* - 戦績・総賞金・馬体重 - */
#syutsuba table.basic tbody > tr > td.horse div.result_line {
	 display: flex;
	 flex-wrap: wrap;
}

#syutsuba table.basic tbody > tr > td.horse div.result_line > div.cell {
    display: table-cell;
    font-size: 1.1rem;
    min-height: 1.1rem;
}

#syutsuba table.basic tbody > tr > td.horse div.result_line > div.cell.result { padding-right: 0.5em; }
#syutsuba table.basic tbody > tr > td.horse div.result_line > div.cell.win { padding-right: 0.3em; }

#syutsuba table.basic tbody > tr > td.horse div.result_line > div.cell.weight {
    font-size: 1.1rem;
    color: #c00;
    font-weight: bold;
	margin-left: auto;
	text-align: right;
}

#syutsuba table.basic tbody > tr > td.horse div.result_line > div.cell.weight span.transition { margin-left: 0.2em; }

#syutsuba table.basic tbody > tr > td.horse p.weight {
    font-size: 1.1rem;
    color: #c00;
    font-weight: bold;
    min-height: 1.1rem;
}

#syutsuba table.basic tbody > tr > td.horse p.weight > span.transition {  }

#syutsuba table.basic tbody > tr > td.horse p.owner {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    font-size: 1rem;
    line-height: 1.2;
    margin-top: 2px;
}

#syutsuba table.basic tbody > tr > td.horse p.breeder {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    font-size: 1rem;
    line-height: 1.2;
    margin-top: 2px;
}

#syutsuba table.basic tbody > tr > td.horse p.trainer {
    font-size: 1.1rem;
    margin-top: 4px;
}

#syutsuba table.basic tbody > tr > td.horse p.trainer span.division { margin-left: 0.5em; }

#syutsuba ul.family_line { margin-top: 2px; }

#syutsuba ul.family_line > li {
    font-size: 1.1rem;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
}

#syutsuba ul.family_line > li span.bloodmare {
    display: block;
    font-size: 1rem;
}

#syutsuba table.basic tbody > tr > td.jockey { padding: 5px 2px; }
#syutsuba table.basic tbody > tr > td.jockey > p.cloth { margin-bottom: 5px; }
#syutsuba table.basic tbody > tr > td.jockey p img { vertical-align: top; }

#syutsuba table.basic tbody > tr > td.jockey > p.age {
    line-height: 1.3;
    font-size: 1.1rem;
}

#syutsuba table.basic tbody > tr > td.jockey > p.weight {
    font-size: 1.2rem;
    line-height: 1.3;
    margin-top: 2px;
}

#syutsuba table.basic tbody > tr > td.jockey > p.weight > span {
    margin-left: 0.1em;
    font-size: 1rem;
}

#syutsuba table.basic tbody > tr > td.jockey > p.jockey {
    font-size: 1.2rem;
    margin-top: 2px;
}

#syutsuba table.basic tbody > tr > td.jockey > p.jockey > a > span {  }

#syutsuba table.basic tbody > tr > td.jockey > p.jockey + .rating {
    margin-top: 6px;
}

#syutsuba table.basic tbody > tr > td.jockey .rating + .rating {
    margin-top: 2px;
}

#syutsuba table.basic tbody > tr > td.jockey .rating > p {
    display: flex;
    align-items: center;
    justify-content: center;
}

#syutsuba table.basic tbody > tr > td.jockey > div.rating > p > span { display: block; font-size: 1rem; }

#syutsuba table.basic tbody > tr > td.jockey > div.rating > p > span.num {
    font-weight: bold;
    background-color: #555;
    color: #fff;
    padding: 2px 3px;
    min-width: 28px;
    border-radius: 2px;
    line-height: 1.2;
    font-size: 1rem;
}

#syutsuba table.basic tbody > tr > td.jockey > div.rating > p > span.cat {
    margin-left: 4px;
    line-height: 1.2;
    max-width: 52px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#syutsuba table.basic tbody > tr > td.past {
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.3;
    vertical-align: top;
    background-color: #f7f7f7;
    padding: 4px 5px 2px 5px;
}

#syutsuba table.basic tbody > tr > td.past.place1 { background-color: #f5e0e0; }
#syutsuba table.basic tbody > tr > td.past.place2 { background-color: #d7ecf6; }
#syutsuba table.basic tbody > tr > td.past.place3 { background-color: #dcf0d4; }

#syutsuba table.basic tbody > tr > td.past > div.date_line {
    display: table;
    width: 100%;
}

#syutsuba table.basic tbody > tr > td.past > div.date_line > div {
    display: table-cell;
    vertical-align: top;
    font-size: 1rem;
    vertical-align: middle;
    line-height: 1.2;
}

#syutsuba table.basic tbody > tr > td.past > div.date_line > div.rc { text-align: right; }

#syutsuba table.basic tbody > tr > td.past > div.date_line > div.rc span.race_num {
    margin-left: 1px;
    display: inline-block;
    vertical-align: middle;
}

#syutsuba table.basic tbody > tr > td.past > div.date_line > div.rc span.race_num img {
    vertical-align: top;
    display: block;
    position: relative;
    top: -1px;
}

#syutsuba table.basic tbody > tr > td.past > div.race_line {
    display: table;
    width: 100%;
    margin-top: 2px;
}

#syutsuba table.basic tbody > tr > td.past > div.race_line > div {
    display: table-cell;
    vertical-align: top;
}

#syutsuba table.basic tbody > tr > td.past > div.race_line > div.name {
    font-size: 1.3rem;
    font-weight: bold;
}

#syutsuba table.basic tbody > tr > td.past > div.race_line > div.r_class { text-align: right; }

#syutsuba table.basic tbody > tr > td.past > div.race_line > div.r_class > span.grade_icon.no_grade {
    border-radius: 2px;
    text-decoration: none;
    margin: 0;
    position: relative;
    top: -1px;
    display: inline-block;
    text-align: center;
    color: #333;
    padding: 3px 4px 2px 4px;
    line-height: 1;
    border: 1px solid #ddd;
    min-width: 41px;
    background-color: #f3f3f3;
    font-size: 1rem;
}

#syutsuba table.basic tbody > tr > td.past > div.race_line > div.r_class > span.grade_icon {
    margin: 0;
    top: 0;
}

/* --- 着順の行 --- */
#syutsuba table.basic tbody > tr > td.past > div.place_line {
    display: table;
    width: 100%;
    margin-top: 3px;
    /*min-height: 22px;*/
    height: 24px;
}

#syutsuba table.basic tbody > tr > td.past > div.place_line > div {
    display: table-cell;
    vertical-align: middle;
}

#syutsuba table.basic tbody > tr > td.past > div.place_line > div.place {
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.2;
}

#syutsuba table.basic tbody > tr > td.past > div.place_line > div.place.stop { font-size: 1.7rem; }

#syutsuba table.basic tbody > tr > td.past > div.place_line > div.place > span {
    margin-left: 0.2em;
    font-size: 1rem;
}

#syutsuba table.basic tbody > tr > td.past > div.place_line > div.num {
    text-align: right;
    font-size: 1rem;
    line-height: 1.1;
}

#syutsuba table.basic tbody > tr > td.past > div.place_line > div.num > span { margin-left: 4px; }
#syutsuba table.basic tbody > tr > td.past > div.place_line > div.num > span:first-child { margin-left: 0; }

#syutsuba table.basic tbody > tr > td.past > div.place_line > div.num > span > span {
    margin-left: 0.1em;
    font-size: 1rem;
}

#syutsuba table.basic tbody > tr > td.past > div.place_line > div.num > span.pop {
    display: block;
    margin-left: 0;
    line-height: 1.1;
}

#syutsuba table.basic tbody > tr > td.past > div.place_line > div.num > span.pop > span { font-size: 1rem; }

#syutsuba table.basic tbody > tr > td.past > div.num_line { font-size: 1.1rem; }
#syutsuba table.basic tbody > tr > td.past > div.num_line > span { margin-right: 0.5em; }

#syutsuba table.basic tbody > tr > td.past > div.num_line > span > span {
    margin-left: 0.1em;
    font-size: 1rem;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line1 {
    display: table;
    width: 100%;
    margin-top: 2px;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line1 > div {
    display: table-cell;
    font-size: 1.1rem;
    vertical-align: top;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line1 > div.jockey { font-size: 1.1rem; }

#syutsuba table.basic tbody > tr > td.past > div.info_line1 > div.jockey > span {
    margin-right: 1px;
    font-size: 1.1rem;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line1 > div.jockey > span.weight { display: block; }

#syutsuba table.basic tbody > tr > td.past > div.info_line1 > div.jockey > span.weight > span { font-size: 1rem; }

#syutsuba table.basic tbody > tr > td.past > div.info_line1 > div.weight {
    text-align: right;
    width: 44px;
    font-size: 1.1rem;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line1 > div.weight > span {
    margin-left: 0.1em;
    font-size: 1rem;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line2 { margin-top: 1px; }

#syutsuba table.basic tbody > tr > td.past > div.info_line2 > div.line {
    display: table;
    width: 100%;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line2 > div.line > .col {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.1rem;
    vertical-align: top;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line2 > div.line > .col.left span.dist {
    font-size: 1.2rem;
    line-height: 1.2;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line2 > div.line > .col.left span.dist > span.unit {
    font-size: 1rem;
    margin-right: 0.2em;
    line-height: 1.2;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line2 > div.line > .col.left span.condition {
    display: block;
    font-size: 1rem;
    line-height: 1.3;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line2 > div.line > .col.center {
    font-size: 0;
    text-align: right;
    vertical-align: middle;
    height: 14px;
    overflow: hidden;
    padding-top: 1px;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line2 > div.line > .col.center > p.rating {
    font-size: 1rem;
    font-weight: bold;
    background-color: #555;
    color: #fff;
    padding: 2px 0;
    min-width: 28px;
    border-radius: 2px;
    display: inline-block;
    transform: scale(0.85);
    transform-origin: right top;
    line-height: 1;
    text-align: center;
}
#syutsuba table.basic tbody > tr > td.past > div.info_line2 > div.line > .col.right { text-align: right; }

#syutsuba table.basic tbody > tr > td.past > div.info_line2 > div.line > .col.right p.time {
    font-size: 1.2rem;
    /*min-height: 15px;*/
    height: 15px;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line2 > div.line > .col.right p.h_weight {
    font-size: 1rem;
    line-height: 1.3;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line2 > div.line > .col.right p.h_weight > span { margin-left: 0.1em; }


#syutsuba table.basic tbody > tr > td.past > div.info_line2 > div.line + div.line > .col.right {
    width: 40px;
}

/* --- info_line3（コーナー通過順位・上がり3ハロン・2着馬） --- */
#syutsuba table.basic tbody > tr > td.past > div.info_line3 { margin-top: 1px; }

#syutsuba table.basic tbody > tr > td.past > div.info_line3 > div.line {
    font-size: 0;
    /*max-height: 14px;*/
    height: 14px;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line3 > div.line:after { content: ''; display: block; clear: both; }

/* --- コーナー通過順位 --- */
#syutsuba table.basic tbody > tr > td.past > div.info_line3 > div.line div.corner_list {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.3rem;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line3 > div.line div.corner_list > ul {
    display: table;
    background-color: #fff;
    border-collapse: separate;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line3 > div.line div.corner_list > ul > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #e5e5e5;
    color: #333;
    border-left: 1px solid #fff;
    line-height: 1.3;
    padding: 1px 0 0 0;
    font-size: 1rem;
    width: auto;
    min-width: 18px;
}

#syutsuba table.basic tbody > tr > td.past.place1 > div.info_line3 > div.line div.corner_list > ul > li,
#syutsuba table.basic tbody > tr > td.past.place2 > div.info_line3 > div.line div.corner_list > ul > li,
#syutsuba table.basic tbody > tr > td.past.place3 > div.info_line3 > div.line div.corner_list > ul > li {
    color: #333;
    border-left: 1px solid #ccc;
    background-color: #f7f7f7;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line3 > div.line div.corner_list > ul > li:first-child {
    margin-left: 0;
    border-left: none;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line3 > div.line div.corner_list > ul > li:last-child {  }

/* --- 上がり3ハロンタイム --- */
#syutsuba table.basic tbody > tr > td.past > div.info_line3 > div.line div.f3 {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.3;
    font-size: 1rem;
    padding: 0;
    position: relative;
    top: 1px;
    float: right;
}

/* --- 2着馬（1着馬）着差 --- */
#syutsuba table.basic tbody > tr > td.past > div.info_line3 > p.fin {
    margin-top: 3px;
    font-size: 1rem;
    line-height: 1.2;
}

#syutsuba table.basic tbody > tr > td.past > div.info_line3 > p.fin > span { margin-left: 0.4em; }


/* - 下部オッズエリア
------------------------------------------------------------ */
#odds_area {  }

#odds_area p.odds_line {
    font-size: 1.4rem;
    line-height: 1.4;
}

#odds_area p.odds_line span.time { margin: 0 0.2em; }

#odds_area p.odds_line a.btn-def {
    margin-left: 0.4em;
    line-height: 1.4;
    position: relative;
    top: -1px;
}

#odds_area p.odds_line a.btn-def i { margin-right: 0.5em; }



/* - コースレコード｜レースレコード
------------------------------------------------------------ */
.record_unit {
    display: table;
    width: 100%;
}

.record_unit > div {
    display: table-cell;
    vertical-align:  middle;
    border: 1px solid #ddd;
}

.record_unit > .title {
    border-right: none;
    background-color: #444;
    color: #fff;
    padding: 10px 15px;
    width: 180px;
}

.record_unit > .title > h2 {
    font-size: 1.3rem;
    font-weight: bold;
}

.record_unit > div.data > .inner {
    display: table;
    width: 100%;
}

.record_unit > div.data > .inner > div.cell {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    border-right: 1px dashed #ccc;
}

.record_unit > div.data > .inner > div.cell:last-child {
    border-right: none;
}

.record_unit > div.data > .inner > div.cell.time {
    text-align: center;
    font-size: 2.2rem;
    padding: 10px;
    width: 150px;
}

.record_unit > div.data > .inner > div.cell.time > strong {  }

.record_unit > div.data > .inner > div.cell.date {
    font-size: 1.2rem;
    width: 160px;
    line-height: 1.4;
    padding: 10px;
}

.record_unit > div.data > .inner > div.cell.date > span { display: block; }

.record_unit > div.data > .inner > div.cell.horse {
    font-weight: bold;
    font-size: 1.4rem;
    padding: 10px;
}

.record_unit > div.data > .inner > div.cell.jockey {
    font-weight: bold;
    font-size: 1.3rem;
    padding: 10px;
    width: 210px;
}

.record_unit > div.data > .inner > div.cell.jockey > span.weight {
    font-weight: normal;
    font-size: 1.1rem;
}



/* - 非当選・非抽選馬情報
------------------------------------------------------------ */
.exclusion_unit {
    display: table;
    width: 100%;
}

.exclusion_unit > div {
    display: table-cell;
    vertical-align: middle;
}

.exclusion_unit > div.title {
    padding: 10px;
    width: 100px;
    font-weight: bold;
    font-size: 1.4rem;
    position: relative;
    text-align: center;
    background-color: #eaeade;
    color: #444;
    border-right: 2px solid #dfdfd3;
}

.exclusion_unit > div.data {
    color: #444;
    border-left: 1px solid #fff;
    background-color: #f7f7f7;
}

.exclusion_unit > div.data > .inner { display: table; }

.exclusion_unit > div.data > .inner > div.cell {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 15px;
}

.exclusion_unit > div.data > .inner > div.cell.num {
    font-size: 1.4rem;
    border-right: 1px dashed #ccc;
    min-width: 76px;
    text-align: right;
}

.exclusion_unit > div.data > .inner > div.cell.list {  }

.exclusion_unit > div.data > .inner > div.cell.list > ul { font-size: 0; }

.exclusion_unit > div.data > .inner > div.cell.list > ul > li {
    display: inline-block;
    font-size: 1.3rem;
    margin-left: 1em;
}

.exclusion_unit > div.data > .inner > div.cell.list > ul > li:first-child { margin-left: 0; }


/* - 馬番決定前の取消・変更
------------------------------------------------------------ */
.change_block {  }

.change_block table.basic tbody > tr > td {
    vertical-align: top;
    padding: 10px;
}

.change_block table.basic tbody > tr > td > p { margin-top: 10px; }
.change_block table.basic tbody > tr > td > p:first-child { margin-top: 0; }


/* - 過去5年の成績
------------------------------------------------------------ */
div.backnumber_block table.basic {  }

div.backnumber_block table.basic thead > tr > th.date { width: 220px; }
div.backnumber_block table.basic thead > tr > th.baba { width: 80px; }
div.backnumber_block table.basic thead > tr > th.jockey { width: 160px; }
div.backnumber_block table.basic thead > tr > th.dist { width: 160px; }
div.backnumber_block table.basic thead > tr > th.time { width: 100px; }

div.backnumber_block table.basic tbody > tr > td.date { text-align: left; }
div.backnumber_block table.basic tbody > tr > td.horse { text-align: left; }
div.backnumber_block table.basic tbody > tr > td.jockey { text-align: left; }
div.backnumber_block table.basic tbody > tr > td.dist { text-align: left; }
div.backnumber_block table.basic tbody > tr > td.dist > span { font-size: 1rem; }


/* - 下部 戻るボタンエリア
------------------------------------------------------------ */
.bottom_nav_area {
    text-align: right;
    padding-top: 15px;
    border-top: 1px solid #ddd;
    font-size: 0;
}

.bottom_nav_area > .refresh {
    display: inline-block;
    margin-left: 20px;
}

.bottom_nav_area > .refresh > .btn-def {  }