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

    レース結果（海外競馬）

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

div.header_line { margin-bottom: 15px; }


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

div.nav_back_area div.refresh {
    display: inline-block;
    margin-left: 10px;
}


/* - レースヘッダー
--------------------------------------------- */
/* --- レース関連リンク（出馬表・オッズ） --- */
.race_related_link div.refresh { margin-bottom: 5px; }
.race_related_link > ul { margin-bottom: 5px; }

/* ----- 開催日｜発走時刻｜天候・馬場 ----- */
.race_header .date_line > .inner > .cell {
    vertical-align: bottom;
    padding-right: 10px;
}

.race_header .date_line > .inner > .cell.date span.country { font-size: 1.1rem; }


.race_header h2 > span.main { line-height: 1.2; }
.race_header h2 > span.main > span.race_name .grade_icon {
    line-height: 1.3;
    margin-left: 5px;
}

.race_header div.race_title > .inner > div.txt div.type { margin-top: 2px; }


/* - レース名ブロック
--------------------------------------------- */
/* ----- 発走時刻・馬場状態 ----- */
.info_line { margin-top: 8px; }

.info_line > .inner {
    display: table;
    width: 100%;
}

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

.info_line > .inner > .cell.time {  }

.info_line > .inner > .cell.time span.local_time {
    font-size: 1.1rem;
    margin-left: 0.4em;
}

/* --- 馬場状態 --- */
.info_line > .inner > .cell.baba {
    text-align: right;
    padding-right: 10px;
}

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

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

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

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

.info_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;
}

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

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

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

/* ----- 賞金総額・1着賞金 ----- */
.prize {
    margin-right: 10px;
    border-top: 1px dotted #ddd;
    margin-top: 6px;
    padding-top: 6px;
}

.prize_line { display: table; }

.prize_line > .cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.3rem;
}

.prize_line > .cell.total { padding-right: 3em; }

.prize_line > .cell .cap { margin-right: 1em; }

.prize_line > .cell .unit {
    font-size: 1.1rem;
    margin-left: 0.2em;
}

/* --- レース結果の見方ボタン --- */
.help_btn { margin-top: 10px; }


/* --- レースヘッダー下 映像ボタンエリア --- */
.race_header_movie_area > .inner {
    display: table;
    width: 100%;
}

.race_header_movie_area > .inner > div.cell.mov { width: auto; }

.race_header_movie_area > .inner > div.cell.mov > .movie_line > div.btn_block { padding-right: 5px; }

.race_header_movie_area > .inner > div.cell.mov > .movie_line > div.btn_block .btn-def.btn-sm {
    display: inline-block;
    min-width: 150px;
}

.race_header_movie_area > .inner > div.cell.option { width: 150px; }


/* - レース結果 メインテーブル
------------------------------------------------------------ */
#race_result table.basic thead > tr > th.num { width: 54px; }/* - 馬番 - */

#race_result table.basic thead > tr > th.num span {
    display: block;
    font-size: 1rem;
}

/* - 馬名 - */
#race_result table.basic thead > tr > th.horse span {
    display: block;
    font-size: 1rem;
}

#race_result table.basic thead > tr > th.weight { width: 40px; }/* - 負担重量 - */
#race_result table.basic thead > tr > th.jockey {
    width: 120px;
    
    width: 156px;
}/* - 騎手 - */
#race_result table.basic thead > tr > th.time { width: 80px; }/* - タイム - */
#race_result table.basic thead > tr > th.time span { display: block; }
#race_result table.basic thead > tr > th.h_weight { width: 42px; padding: 5px 0; }/* - 馬体重 - */
#race_result table.basic thead > tr > th.h_weight > span { font-size: 1rem; }
#race_result table.basic thead > tr > th.trainer { width: 192px; }/* - 調教師 - */
#race_result table.basic thead > tr > th.trainer span {
    display: block;
    font-size: 1rem;
}

/* - ゲート番号（td） - */
#race_result table.basic tbody > tr > td.num span.gate {
    font-size: 1rem;
    margin-left: 0.5em;
}

#race_result table.basic tbody > tr > td.num span.inner {
    display: table;
    width: 100%;
}

#race_result table.basic tbody > tr > td.num span.inner > .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 50%;
}

#race_result table.basic tbody > tr > td.num span.inner > .cell.num {
    text-align: right;
    width: 23px;
}

#race_result table.basic tbody > tr > td.num span.inner > .cell.gate {
    font-size: 1rem;
    text-align: right;
    vertical-align: bottom;
    width: 27px;
}

#race_result table.basic tbody > tr > td.num span.inner > .cell.gate > span {
    min-width: 13px;
    display: inline-block;
}

/* - 馬名（td） - */
#race_result table.basic tbody > tr > td.horse {
    padding: 0 5px;
    padding: 3px 5px;
    line-height: 1.3;
}

#race_result table.basic tbody > tr > td.horse div.horse {
    width: 100%;
    padding-right: 15px;
}

#race_result table.basic tbody > tr > td.horse div.horse .icon.blinker {
    top: 0;
    right: 0px;
}

/* - 生産国 - */
#race_result table.basic tbody > tr > td.horse span.code {
    font-size: 1rem;
    margin-left: 0.1em;
    line-height: 1.3;
}

#race_result table.basic tbody > tr > td.horse span.code > span {  }

#race_result table.basic tbody > tr > td.age { padding: 5px 2px; font-size: 1.2rem; }/* - 性齢 - */

/* - 騎手 - */
#race_result table.basic tbody > tr > td.jockey { line-height: 1.2; font-size: 1.2rem; }

#race_result table.basic tbody > tr > td.jockey.long {
    font-size: 1rem;
    letter-spacing: -0.1em;
}

#race_result table.basic tbody > tr > td.time {
    font-size: 1.2rem; padding: 5px 2px;
    line-height: 1.4;
}/* - タイム - */

#race_result table.basic tbody > tr > td.time strong.record {
    background-color: #d61a1a;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 1.3;
    font-size: 1rem;
    padding: 2px;
}

#race_result table.basic tbody > tr > td.time span.icon {
    vertical-align: middle;
    margin-left: 0.4em;
    display: inline-block;
    position: relative;
    top: -1px;
}

#race_result table.basic tbody > tr > td.time span.icon > img {
    max-width: 15px;
    vertical-align: top;
}

#race_result table.basic tbody > tr > td.time p.reference {
    font-size: 1rem;
    background-color: #f5f5f5;
    background-color: #F9FBE7;
    /*background-color: #FFF3E0;*/
    /*background-color: #F0F4C3;*/
    padding: 2px 0;
    border: 1px dotted #ccc;
    margin: 1px 2px 0 2px;
}

#race_result table.basic tbody > tr > td.h_weight {
    font-size: 1.1rem;
    padding: 5px 2px;
    text-align: center;
}/* - 馬体重（増減） - */

#race_result table.basic tbody > tr > td.h_weight span { font-size: 1rem; }

/* - 調教師 - */
#race_result table.basic tbody > tr > td.trainer {
    line-height: 1.2;
    font-size: 1.2rem;
}

#race_result table.basic tbody > tr > td.trainer.long { font-size: 1rem; }

#race_result table.basic tbody > tr > td.trainer span.code {
    font-size: 1rem;
    margin-left: 0.1em;
}

#race_result table.basic tbody > tr > td.trainer.long > span.name { display: block; }

/* - 単勝人気 - */
#race_result table.basic tbody > tr > td.pop {  }


div.refund_area div.refund_unit > div > ul > li > dl > dd > .line > div.pop {
    font-size: 1.2rem;
    padding: 5px 4px 5px 0;
}



/* - 式別毎発売票数
------------------------------------------------------------ */
.total_vote div.refund_unit > div { width: 25%; }

.total_vote div.refund_unit > div:last-child > ul > li { border-right: 1px solid #ccc; }


.total_vote div.refund_unit.henkan > div > ul > li > dl { min-height: 44px; }

.total_vote div.refund_unit > div > ul > li > dl > dt {
    width: 100px;
    line-height: 1.4;
}

.total_vote div.refund_unit > div > ul > li > dl > dd {
    text-align: right;
    padding: 4px 6px;
    line-height: 1.4;
}

.total_vote div.refund_unit > div > ul > li > dl > dd .henkan {
    display: block;
    font-size: 1.2rem;
}

.total_vote div.refund_unit > div > ul > li > dl > dd span {
    margin-left: 0.1em;
    font-size: 1rem;
}

.total_vote .detail_link {
    margin-top: 10px;
    text-align: right;
}


/* - 「競走中の出来事等」エリア（改）
------------------------------------------------------------ */
.change_list { margin-top: 40px; }

.change_list table.basic tbody > tr > th {
    width: 200px;
    font-weight: bold;
}

.change_list .panel > .sub_header {
    font-size: 1.4rem;
    padding: 8px 12px;
}

.change_list .panel ul.note_list > li {
    margin-top: 5px;
    font-size: 1.2rem;
    background-color: #f7f7f7;
    width: 100%;
}

.change_list .panel ul.note_list > li:first-child { margin-top: 0; }

.change_list .panel ul.note_list > li > span { padding: 0; }

.change_list .panel ul.note_list > li > span.cap {
    background-color: #eee;
    padding: 5px 10px;
    min-width: 116px;
    vertical-align: middle;
    text-align: center;
}

.change_list .panel ul.note_list > li > span.cap:after {  }
.change_list .panel ul.note_list > li > span.cap + span.txt { padding: 5px 10px; }

.change_list .panel ul.note_list > li > span.txt { vertical-align: middle; }
.change_list .panel ul.note_list > li > span.txt span.kara {
    margin: 0 0.2em;
    font-size: 1.1rem;
}

.change_list .panel ul.note_list + ul.dot_list { margin-top: 10px; }
.change_list .panel ul.dot_list > li > span { font-size: 1.2rem; }



.change_list .panel ul.note_list > li > div {
    padding: 0;
}

.change_list .panel ul.note_list > li > .cap {
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    background-color: #eceff1;
    border-right: 2px solid #ddd;
    width: 110px;
    white-space: normal;
    text-align: left;
}

.change_list .panel ul.note_list > li > .txt {
    padding: 2px 10px;
    vertical-align: middle;
}


.change_list .panel ul.note_list > li > .txt span.kara {
    margin: 0 0.2em;
    font-size: 1.1rem;
}

.change_list .panel ul.note_list + p.memo { margin-top: 10px; }

.change_list p.memo {
    line-height: 1.8;
    white-space: pre-wrap;
}