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

	出馬表（海外競馬）

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

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


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


/* - 上部SSIエリア
------------------------------------------------------------ */
div.caution.strong.info { margin-top: 15px; }

#syutsuba { margin-top: 20px; }


/* - レースヘッダー（table caption内）
------------------------------------------------------------ */
.race_header .date_line > .inner > .cell.date span.country { font-size: 1.1rem; }

.race_header .date_line > .inner > .cell.time strong { font-size: 1.3rem; }
.race_header .date_line > .inner > .cell.time span.local_time { font-size: 1.1rem; }

.race_header .date_line > .inner > .cell.baba > ul > li.aw > .inner > span.cap { background-color: #FFE0B2; }


/* ----- 発走時刻 ----- */
.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;
}

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

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


/* - 出走馬詳細
--------------------------------------------- */
#race_related_link .detail_btn { margin-top: 5px; }
#race_related_link .detail_btn .btn-def { padding: 4px; }
#race_related_link .detail_btn .btn-def > .opt {
    font-size: 1rem;
    display: block;
}



/* - 出馬表メインテーブル
------------------------------------------------------------ */
/* --- ゲート番号列 --- */
#syutsuba table.basic.overseas thead > tr > th.waku {
    font-size: 1rem;
    width: 28px;
    padding: 5px 0;
    text-align: center;
    line-height: 1.4;
}

#syutsuba table.basic.overseas thead > tr > th.waku > span {
    letter-spacing: -0.1em;
    display: block;
    transform: scaleX(0.8);
    text-align: center;
    width: 28px;
    margin-right: 0.1em;
}

/* --- 馬番 --- */
#syutsuba table.basic.overseas thead > tr > th.num {
    width: 24px;
    line-height: 1.4;
}

#syutsuba table.basic.overseas thead > tr > th.jockey { width: 86px; }/* --- 騎手 --- */

/* --- 過去走 --- */
#syutsuba table.basic.overseas thead > tr > th.past { width: 136px; }


#syutsuba table.basic.overseas tbody > tr > td.waku { background-color: #fafafa; }/* --- ゲート番号（td） --- */
#syutsuba table.basic.overseas tbody > tr > td.waku.strong { background-color: #FFE0B2;}/* --- ゲート番号（td）強調 --- */
#syutsuba table.basic.overseas tbody > tr > td.num { background-color: #f3f3f3; }/* --- 馬番（td） --- */

#syutsuba table.basic.overseas tbody > tr > td.num span.sub {
    display: block;
    text-align: center;
    top: 0;
    margin: 0 auto 4px auto;
    
    font-size: 1.2rem;
    line-height: 1.3;
    font-weight: bold;
    color: #c02;
}


#syutsuba table.basic.overseas tbody > tr > td.num span.sub {
    margin-top: -19px;
}

#syutsuba table.basic.overseas tbody > tr > td.num span.blinker {
    margin-bottom: -19px;
}



/* --- 馬名欄（td） --- */
#syutsuba table.basic.overseas tbody > tr > td.horse { background-color: #fafafa; }
#syutsuba table.basic.overseas tbody > tr > td.horse div.name_line > div.name {
    font-size: 1.3rem;
    line-height: 1.3;
}

#syutsuba table.basic.overseas tbody > tr > td.horse div.name_line > div.name > .line { display: table; }
#syutsuba table.basic.overseas tbody > tr > td.horse div.name_line > div.name > .line > div { display: table-cell; }

/* - 国旗 - */
#syutsuba table.basic.overseas tbody > tr > td.horse div.name_line > div.name > .line > .flag {
    vertical-align: top;
    padding-right: 2px;
}

#syutsuba table.basic.overseas tbody > tr > td.horse div.name_line > div.name > .line > .flag img {
    vertical-align: middle;
    max-width: 21px;
}

#syutsuba table.basic.overseas tbody > tr > td.horse div.name_line > div.name > .line > .txt {
    line-height: 1.2;
}


/* - 国旗（日本馬） - */
/*
#syutsuba table.basic.overseas tbody > tr > td.horse div.name_line .country_icon {
    position: relative;
    top: -1px;
    margin-right: 2px;
}

#syutsuba table.basic tbody > tr > td.horse div.name_line .country_icon img {
    vertical-align: middle;
    max-width: 21px;
}
*/




/* - 単勝オッズ - */
#syutsuba table.basic.overseas tbody > tr > td.horse div.name_line > div.odds { width: 62px; }

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

/* - 単勝人気 - */
#syutsuba table.basic.overseas tbody > tr > td.horse div.name_line > div.odds > div.odds_line > span.pop_rank {
    
}


/* - 馬主 - */
#syutsuba table.basic.overseas tbody > tr > td.horse p.owner { margin-top: 3px; }

/* - 調教師 - */
#syutsuba table.basic.overseas tbody > tr > td.horse p.trainer {
    margin-top: 2px;
    font-size: 1rem;
    line-height: 1.3;
}

/* - 血統 - */
#syutsuba table.overseas ul.family_line {
    margin-top: 2px;
    line-height: 1.3;
}

#syutsuba table.overseas ul.family_line > li.mare { padding-right: 32px; }


/* --- 馬名欄 レーティング --- */
#syutsuba table.basic.overseas tbody > tr > td.horse .inner { position: relative; }

#syutsuba table.basic.overseas tbody > tr > td.horse .inner > .rating {
    position: absolute;
    right: 0;
    bottom: 0;
}

#syutsuba table.basic.overseas tbody > tr > td.horse .inner > .rating > span {
    display: block;
    padding: 3px 4px;
    background-color: #555;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    border-radius: 2px;
}

/* ----- 騎手セル ----- */
#syutsuba table.basic tbody > tr > td.jockey > p.code {
    font-size: 1rem;
    display: inline-block;
    line-height: 1.3;
    padding: 2px 5px 1px 5px;
    margin-bottom: 3px;
    background-color: #e3e3e3;
    color: #333;
}

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

#syutsuba table.basic.overseas tbody > tr > td.jockey > p.cloth {
    height: 37px;
    width: 37px;
    margin: 0 auto 5px auto;
}


/* --- 過去4走 --- */
#syutsuba table.basic.overseas tbody > tr > td.past { padding: 4px 4px 2px 4px; }

#syutsuba table.basic.overseas tbody > tr > td.past > div.date_line > div.date > span { display: block; }

#syutsuba table.basic.overseas tbody > tr > td.past > div.place_line > div.place { height: 24px; }
#syutsuba table.basic.overseas tbody > tr > td.past > div.place_line > div.place.stop {
    font-size: 1.8rem;
    vertical-align: top;
}

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

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

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

#syutsuba table.basic.overseas tbody > tr > td.past > div.info_line3 > div.line { height: 14px; }

/*
#syutsuba table.basic.overseas tbody > tr > td.past > div.info_line3 > p.fin {
    margin-top: 5px;
}
#syutsuba table.basic.overseas tbody > tr > td.past > div.info_line3 > div.line + p.fin {
    margin-top: 1px;
}
*/

#syutsuba table.basic.overseas tbody > tr > td.past > div.info_line3 > div.line div.corner_list > ul > li {
    line-height: 1.2;
}



/* - 変更情報
------------------------------------------------------------ */
.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;
    width: 100%;
    background-color: #f7f7f7;
}

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


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