/* ----------------------------------------------------------------------
	
	出馬表
	
---------------------------------------------------------------------- */

/* - レース header
-------------------------------------------------- */
#week_header { color: #fff; width: 100%; background-color: #333; }

#week_header .content {
	max-width: 940px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	height: auto;
	display: block;
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
}

#week_header .content:after { content: ''; display: block; clear: both; }


/* ----- 複数レースメニュー ----- */
.race_list_block {
    margin-top: 5px;
    margin-bottom: 25px;
    background-color: #455A64;
    border-radius: 4px;
}

.race_list_block > .head { display: none;}

.race_list_block > .head > a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 10px;
}

.race_list_block > .head > a i { margin-right: 0.4em; }

.race_menu_line {
  padding: 3px;
  background-color: #455A64;
}

.race_menu_line > .cell.head {
    background-color: #455A64;
    padding: 2px 10px;
    border: 1px solid #455A64;
    padding: 0;
}

.race_menu_line > .cell.menu { padding-left: 8px; }

.race_menu_line > ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
}

.race_menu_line > ul > li {
    flex-basis: 100%;
    padding: 3px;
}

.race_menu_line > ul > li > a {
    display: block;
    text-decoration: none;
    padding: 6px 10px;
    font-weight: bold;
    font-size: 1.2rem;
    transition: all 0.3s ease-in-out;
    color: #444;
    background-color: #FFF;
    text-align: center;
    border-radius: 4px;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
    border: 1px solid #FFF;
}

.no-touch .race_menu_line > ul > li > a:hover,
.race_menu_line > ul > li > a:focus {
    color: #222;
    border-color: #333;
    background-color: #f7f7f7;
}

.race_menu_line > ul > li.current > a {
    position: relative;
    border: 1px solid #052338;
    background-color: #052338;
    color: #fffbaa;
    text-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.no-touch .race_menu_line > ul > li.current > a:hover,
.race_menu_line > ul > li.current > a:focus {
    color: #fffbaa;
    border-color: #052338;
    background-color: #052338;
}

.race_menu_line > ul > li > a i {
    margin-right: 0.4em;
    font-size: 1.2rem;
    vertical-align: middle;
    position: relative;
    top: -1px;
    color: #176aa4;
}

.race_menu_line > ul > li.current > a i {
  color: #fffbaa;
}


.race_menu_line > ul > li > a i.fa.fa-chevron-circle-down { display: none; }
.race_menu_line > ul > li.current > a i.fa.fa-chevron-circle-down { display: inline-block; }
.race_menu_line > ul > li.current > a i.fa.fa-chevron-circle-right { display: none; }


/* --- カテゴリータイトル（海外競馬発売） --- */
#category_title { font-size: 0; font-size: 0rem; }
#category_title > h1 { font-size: 1.6rem; }
#category_title > p { font-size: 1.6rem; position: relative; }
#category_title > h1 > a { text-decoration: none; color: #fff; }


/* ----- レース名 ----- */
#race_title {
	margin-top: 8px;
	font-size: 0;
	font-size: 0rem;
}

#race_title > h1 {
	margin-bottom: 5px;
	font-size: 13px;
	font-size: 1rem;
	display: inline-block;
	width: auto;
	max-width: 100%;
	margin-right: 20px;
}

#race_title > h1 a {
	text-decoration: none;
	color: #fff;
	display: block;
}

#race_title > h1 img {
	max-width: 100%;
	height: 30px;
	width: auto;
	height: auto;
	width /***/:auto;/*IE8のみ適用*/
	display: block;
	
	height: 30px;
}

#race_title > h1 > span { display: none; }

#race_title > p {
	line-height: 1.4;
	display: inline-block;
	vertical-align: top;
	line-height: 1;
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 5px;
	margin-top: 0;
}

#race_title > p > span {
	display: block;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1;
	margin-top: 5px;
}

/* --- レース条件表記無し --- */
#race_title.simple > h1 { vertical-align: middle; }
#race_title.simple > p { vertical-align: middle; margin-bottom: 4px; }


/* ----- 発売開始・発走予定時刻 ----- */
div.time_area { margin-top: 12px; }

div.time_area > ul { font-size: 0; }
div.time_area > ul > li { font-size: 1.3rem; display: inline-block; }
div.time_area > ul > li:first-child { margin-right: 2em; }

div.time_area > ul > li > p { font-size: 1.3rem; }

div.time_area > ul > li > p > span.cap {
	color: #222;
	padding: 5px 8px 5px 1em;
	border-radius: 1em 0 0 1em;
	font-weight: bold;
	background-color: #176aa4;
	color: #fff;
	font-size: 1.1rem;
	margin-right: 0.8em;
	line-height: 1;
}

div.time_area > ul > li > p > strong { color: #FFFDE7; margin-left: 0.8em; }


/* ----- 発売開始・発走予定時刻 2018 ----- */
div.time_area.full { margin-top: 12px; }
div.time_area.full > .unit { display: table; margin-top: 5px; }
div.time_area.full > .unit:first-child { margin-top: 0; }

div.time_area.full > .unit > .cell { display: table-cell; vertical-align: middle; }

div.time_area.full > .unit > .cell.cap {
    padding: 4px 6px;
    font-weight: bold;
    background-color: #176aa4;
    font-size: 1.1rem;
    line-height: 1;
}

div.time_area.full > .unit > .cell.time {
    padding: 2px 5px;
    font-size: 1.2rem;
    color: #fff;
    padding-left: 8px;
}

div.time_area.full > .unit > .cell.time > strong { color: #fffde7; margin-left: 5px; }
div.time_area.full > .unit > .cell.time > strong > span { margin-left: 5px; }

div.time_area.full > .unit > .cell.time > .line { display: table; }

div.time_area.full > .unit > .cell.time > .line > div {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.2rem;
    color: #fffde7;
}

div.time_area.full > .unit > .cell.time > .line > div.date { color: #fff; padding-right: 5px; }
div.time_area.full > .unit > .cell.time > .line > div.date strong { margin-left: 5px; color: #fffde7; }

div.time_area.full > .unit > .cell.time > .line > div.time { padding-right: 15px; color: #fff; font-size: 1.1rem; }
div.time_area.full > .unit > .cell.time > .line > div.time:last-child { padding-right: 0; }
div.time_area.full > .unit > .cell.time > .line > div.time strong { color: #fffde7; font-size: 1.2rem; }
div.time_area.full > .unit > .cell.time > .line > div.time strong a { color: #FFF; }


/* - ログインバナー
---------------------------------------------------------------------- */
.time_area_line {
	display: table;
	width: 100%;
	margin-top: 12px;
}

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

.time_area_line > .cell.main { border-bottom: none; }
.time_area_line > .cell.opt { width: 200px; }

.time_area_line > .cell.main > .time_area {
	margin-top: 0;
}

.banner_login { /*padding: 0 10px 10px 10px; background-color: #ebebeb;*/ }

.banner_login > a {
    display: block;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    transition: all 0.3s ease-in-out;
}

.no-touch .banner_login > a:hover { background-color: #fff8e1; }

.banner_login > a > .inner { display: flex; justify-content: center; width: 100%; }

.banner_login > a > .inner > .cell { text-align: center; flex-grow: 0; }
.banner_login > a > .inner > .cell.left { flex-grow: 1; padding: 5px; }
.banner_login > a > .inner > .cell.left > .main { line-height: 1.2; font-size: 1.3rem; border:none; }

.banner_login > a > .inner > .cell.left > .main > span {
    background-color: #2d6fb7;
    color: #fff;
    padding: 3px 5px;
    line-height: 1;
    border-radius: 2px;
    margin-right: 0.2em;
    font-size: 1.5rem;
    font-weight: bold;
    text-shadow: 0 1px 4px rgba(0,0,0,0.1);
    display: inline-block;
}

.banner_login > a > .inner > .cell.left > .cap {
    font-size: 1rem;
    font-weight: bold;
    color: #444;
    margin-top: 4px;
    line-height: 1;
}

.banner_login > a > .inner > .cell.right {
    background-color: #2d6fb7;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #2d6fb7;
    flex-grow: 0;
    
    padding: 0 6px;
    border-radius: 0 3px 3px 0;
    text-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

.banner_login > a > .inner > .cell.right > span {
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

.banner_login > a > .inner > .cell.right > span i { margin-left: 0.2em; }


/* - 発売情報エリア
---------------------------------------------------------------------- */
#week_header .release_info_area {
	background-color:  #eaeaea;
	background-color: #176aa4;
	background-color: #455A64;

	position: relative;

	margin-top: 15px;
}

#week_header .release_info_area > .header {

	width: 180px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	line-height: 1.4;
	font-size: 1.4rem;
	border-radius: 3px 3px 0 0;
	height: 46px;
	height: 36px;

	position: absolute;
	right: 0;
	top: -46px;
	top: -36px;

}

#week_header .release_info_area > .header a {
	text-decoration: none;
	display: block;
	color: #fff;
	width: 100%;
	height: 100%;
	border-radius: 3px 3px 0 0;

	display: flex;
	justify-content: center;
	align-items: center;

	background-color: #fff;
	background-color: #eee;
	color: #333;

	transition: all 0.3s ease-in-out;
}

.no-touch #week_header .release_info_area > .header a:hover {
	background-color: #455A64;
	color: #fffde7;
}

#week_header .release_info_area.on > .header a {
	background-color: #455A64;
	color: #fff;
	color: #fffde7;
	text-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

#week_header .release_info_area > .header a i {
	margin-right: 0.5em;
	font-size: 1.2rem;
}

#week_header .release_info_area > .header a i.fa.fa-chevron-circle-up { display: none; }
#week_header .release_info_area.on > .header a i.fa.fa-chevron-circle-up { display: inline-block; }

#week_header .release_info_area > .header a i.fa.fa-chevron-circle-down { display: inline-block; }
#week_header .release_info_area.on > .header a i.fa.fa-chevron-circle-down { display: none; }


#week_header .release_info_area > .area_main { display: none; }

#week_header .release_info_area.on > .area_main {
	display: block;
	animation: release_info_fade_in 0.3s ease-in-out;
	animation-fill-mode: forwards;
}

#week_header .release_info_area > .area_main > .unit { display: none; }

#week_header .release_info_area > .area_main > .line {
	display: flex;
	align-items: center;
	width: 100%;
}

@keyframes release_info_fade_in {
    from{ opacity: 0; }
    to{ opacity: 1; }
}


#week_header .release_info_area > .area_main > .line > .cell {
	flex-grow: 1;
}

#week_header .release_info_area > .area_main > .line > .cell.banner {
	width: 220px;
	flex-grow: 0;
	padding: 10px;
}

#week_header .release_info_area.end > .area_main > .line > .cell.banner { display: none; }
.jra-app #week_header .release_info_area > .area_main > .line > .cell.banner { display: none; }

#week_header .release_info_area > .area_main > .line > .cell.menu {
	padding: 10px;
	padding-right: 0;
}

#week_header .release_info_area.end > .area_main > .line > .cell.menu { padding-right: 10px; }
.jra-app #week_header .release_info_area > .area_main > .line > .cell.menu { padding-right: 10px; }

#week_header .release_info_area > .area_main > .line > .cell.menu > .inner {
	display: flex;
	align-items: center;
}

#week_header .release_info_area > .area_main > .line > .cell.menu > .inner > .cell {
	flex-grow: 1;
}

#week_header .release_info_area > .area_main > .line > .cell.menu > .inner > .cell.db_link {
	width: 320px;
	flex-grow: 0;
}

#week_header .release_info_area > .area_main > .line > .cell.menu > .inner > .cell + .cell {
	padding-left: 10px;
}

#week_header .release_info_area > .area_main > .line > .cell.menu > .inner > .cell > a {
	text-decoration: none;
	color: #333;
	font-weight: bold;

	display: flex;
	align-items: center;
	justify-content: center;

	background-color: #fff;
	border: 1px solid #fff;
	padding: 0 10px;
	border-radius: 4px;

	box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;

	height: 46px;

	transition: all 0.3s ease-in-out;
}

.no-touch #week_header .release_info_area > .area_main > .line > .cell.menu > .inner > .cell > a:hover {
	color: #222;
	border-color: #333;
	background-color: #f7f7f7;
}


#week_header .release_info_area > .area_main > .line > .cell.menu > .inner > .cell > a > .icon img {
	max-width: 28px;
	vertical-align: top;
	display: block;
}

#week_header .release_info_area > .area_main > .line > .cell.menu > .inner > .cell.db_link > a > .icon img {
	display: inline-block;
  max-width: 20px;
}

#week_header .release_info_area > .area_main > .line > .cell.menu > .inner > .cell > a > .icon img + img {
	margin-left: 3px;
}

#week_header .release_info_area > .area_main > .line > .cell.menu > .inner > .cell > a > .txt {
	padding-left: 10px;
	line-height: 1.3;
}

#week_header .release_info_area > .area_main > .line > .cell.menu > .inner > .cell > a > .txt > .opt {
	display: block;
	font-size: 1rem;
	margin-top: 1px;
	/*transform: scale(0.9);
	transform-origin: left top;*/
}


#week_header .release_info_area.on + #contents_menu {
	/*margin-top: 0;*/
}

/* ----- コンテンツメニュー ----- */
#contents_menu {
	width: 100%;
	box-sizing: border-box;
	margin-top: 15px;
}

#contents_menu > dl {
	display: block;
	border-radius: 4px;
	background-color: #5c7885;
	background: none;
	padding: 0;
}

#contents_menu > dl > dt {
	padding: 5px 8px;
	cursor: pointer;
	display: none;
}

#contents_menu > dl > dt > i { margin-right: 0.4em; }

#contents_menu > dl > dd { border-top: 1px solid #444; padding-top: 10px; display: block; }
#contents_menu > dl > dd > ul { display: block; }
#contents_menu > dl > dd > ul:after { content: ''; display: block; clear: both; }

#contents_menu > dl > dd > ul > li {
	font-size: 13px;
	font-size: 1.3rem;
	padding-bottom: 2px;
	float:left;
}

#contents_menu > dl > dd > ul > li > a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: auto;
	padding: 5px 10px;
	box-sizing: border-box;
	font-size: 13px;
	font-size: 1.3rem;
}

#contents_menu > dl > dd > ul > li > a:hover { background-color: #455A64; }
#contents_menu > dl > dd > ul > li.current > a { background-color: #455A64; }

#contents_menu > dl > dd > ul > li > a > i { margin-right: 0.4em; }

/* ----- レース選択に戻る ----- */
#week_index { position: absolute; top: 0; right: 0; }

#week_index > a {
	color: #222;
	text-decoration: none;
	padding: 8px;
	border-radius: 0 0 4px 4px;
	letter-spacing: normal;
	background-color: #546E7A;
	color: #fff;
	display: block;
	line-height: 1;
	font-size: 1.2rem;
}

#week_index > a > i { margin-right: 0.4em; }


/* - コンテンツタイトルブロック
---------------------------------------------------------------------- */
.contents_head {
    width: 940px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.contents_head > .inner { display: table; width: 100%; }
.contents_head > .inner > .cell { display: table-cell; vertical-align: top; }
.contents_head > .inner > .cell.title > h1 { margin: 0; }

.contents_head > .inner > .cell.title > h1 > img {
    height: 27px;
    max-height: 27px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.contents_head > .inner > .cell.title > h1 > span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
    vertical-align: bottom;
}

.contents_head > .inner > .cell.title > h1 > span > a { color: #444; }
.contents_head > .inner > .cell.title > h1 > span > a:hover { text-decoration: none; }
.contents_head > .inner > .cell.title > h1 > span > a i { margin-right: 0.4rem; color: #43a047; }
.contents_head > .inner > .cell.sns { text-align: right; vertical-align: top; }
.contents_head > .inner > .cell.sns .sns_block { display: table; float: right; }
.contents_head > .inner > .cell.sns .sns_block > .cell { display: table-cell; vertical-align: middle; padding-left: 5px; }



/* - 準備画面
---------------------------------------------------------------------- */
.ready_box {
	max-width: 940px;
	margin: 0 auto;
	margin-top: 0;
	width: 100%;
	box-sizing: border-box;
}

.ready_box > .content {
	display:table;
	width: 100%;
	max-width: 100%;
	margin: 30px auto 0;
	
	vertical-align: middle;
	text-align: center;
	
	border: 1px dotted #ddd;
	background-color: #f7f7f7;
	
	height: 300px;
	min-height: 300px;
}

.ready_box > .content p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.8;
}

.ready_box > .content p > .btn_link {
    display: block;
}

.ready_box > .content p > span { font-size: 1.8rem; font-weight: bold; }

.ready_box > .content p br.sp { display: none; }


/* ----- メニューアンカー（トップのみ） ----- */
#menu_anchor { display: none; }
.week_top #menu_anchor { display: block; }




/* - 出馬表　表
---------------------------------------------------------------------- */

#ov_syutsuba {
	width: 940px;
	margin: 0 auto;
	margin-top: 30px;
}

#ov_syutsuba > h1,
#ov_syutsuba > h2 {
	width:100%;
	margin:0 auto;
	background:none;
	padding:0;
	height:auto;
}

#ov_syutsuba > .content {
	width:940px;
	margin:0 auto;
	margin-top:40px;
	font-size:123.1%;
}


/* - 出馬表2020
---------------------------------------------------------------------- */

/* - レースヘッダー（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: middle;
    vertical-align: bottom;
}

.race_header .date_line > .inner > .cell.date {
    white-space: nowrap;
    padding-right: 1em;
}
.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 div.refresh { margin-bottom: 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; }


/* - 出馬表メインテーブル
------------------------------------------------------------ */
#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 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: table; }

#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: 1em; }

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

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


/* --- 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; }



/* - 海外競馬 出馬表
------------------------------------------------------------ */
/* - レースヘッダー（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 > 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 > 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;
}



@media print {
    html,body { height: auto; }
    #wrapper { min-height: 1px; }
    #contentsBody table { border-collapse: separate; }
    #race_title > h1 { background-color:#333; }
}





/* - 出馬表　表　詳細
---------------------------------------------------------------------- */


/* 開催日 */
/*
td.ctop{
  width: 3px;
  height:25px;
  background-color: #4BA80E;
}

td.jyomei {
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    padding: 0px 0 0 8px;
    font-size: 110%;
    font-weight: bold;
	font-size: 138.5%;
}

td.llUnder{
  height: 4px;
  padding: 0;
}

td.cline{
  height: 1px;
  background-color: #348002;
  padding: 0;
}

table.kaisaiymdInfo{
  margin: 0 auto;
  border: none;
  padding: 0;
  width:940px;
  border-collapse:collapse;
  margin-top:40px;
}

div.ymdSpaceDiv{
  margin-top: 9px;
  height: 1px;
}
*/
/* 開催日ここまで */


/* レースタイトル */
/*
table.raceTitle{
  margin: 0 auto;
  padding: 0;
  border:none;
  width:940px;
  background-color: #eeeece;
  font-size:123.1%;
}

table.raceTitle td{
  background-color: #eeeece;
  padding: 0;
}

td.raceNoTd {
  width:40px;
}

td.raceNameTd {
  
}

td.raceKekkaBtnTd {
  width:64px;
  text-align:right;
}

img.raceKekkaBtn{
  width:60px;
  height:23px;
}

td.oddsBtnTd {
  width:64px;
  text-align:right;
}

img.oddsBtn{
}

p.mainRaceNo {
	font-family: "ＭＳ Ｐゴシック", sans-serif;
    padding: 6px 0px 6px 17px;
    font-size: 90%;
    color: #4a4a4a;
    font-weight: bold;
}

p.mainRaceName {
	font-family: "ＭＳ Ｐゴシック", sans-serif;
    padding: 6px 0px 6px 3px;
    font-size: 90%;
    color: #4a4a4a;
    font-weight: bold;
}
*/
/* レースタイトルここまで */

/*
div.raceInfoSpaceDiv{
  margin-top: 15px;
  height: 1px;
}
*/

/* レース情報詳細 */
/*
table.raceInfoArea{
  margin: 0 auto;
  padding: 2px;
  width:940px;
  border:none;
  font-size:108%;
}

td.kyosoInfoTd{
  width:383px;
}

div.subRaceInfoSpaceDiv{
  margin-top: 9px;
  height: 1px;
}

td.kyoriTd{
  width:240px;
  text-align:right;
}

td.umabashiraTd{
  width:130px;
  text-align:right;
  vertical-align:middle;
}

img.umabashiraImg{
  width:90px;
  height:23px;
}

td.syokinTtlTd{
 width:80px;
  }

td.syokinValTd{
  
}
td.hassojpnTd{
  width:240px;
  text-align:right;
}
td.hassolclTd{
  width:240px;
  text-align:right;
}
*/
/* レース情報詳細ここまで */

/* メイン表 */
/*
div.mainSpaceDiv{
  margin-top: 9px;
  height: 1px;
}

table.mainList{
  margin: 0 auto;
  padding: 0;
  width:940px;
  border:solid 2px #4a4a4a;
  border-collapse: collapse;
  font-size:123.1%;
}

table.mainList th {
    font-size: 75%;
    line-height: 150%;
    border:solid 2px #4a4a4a;
    border-collapse: collapse;
    background-color: #D9D9B0;
	padding:3px;
}

table.mainList td {
    font-family: "ＭＳ Ｐゴシック", "Osaka";
    padding: 2px;
    padding: 2px 1px;
    font-size: 90%;
    color: #4a4a4a;
    border:solid 2px #4a4a4a;
    border-collapse: collapse;
    background-color: #EFEFEF;
	padding:3px;
}
div.listTopSpaceDiv{
  height: 4px;
  margin:0;
  background-color: #BCBC97;
}

table.mainList td.mainListHeader{
  padding:0;
}

table.mainList th.fstCol{
  width:20px;
  text-align:center;
}
table.mainList th.secCol{
  width:218px;
  max-width:218px;
  min-width:216px;
}
table.mainList th.thdCol{
  width:65px;
  min-width:63px;
  max-width:65px;
}
table.mainList th.forCol{
  height:40px;
}
table.mainList th.fifCol{
  width:20px;
  text-align:center;
}
table.mainList th.kakoCol{
  width:105px;
  min-width:105px;
  max-width:105px;
}

table.mainList td.hNumber {
  font-size: 80%;
  text-align: center;
  padding: 0 1px;
  height:90px;
  width:20px;
}

span.torikesuUma{
  font-weight:bold;
  color:#ff0000;
}
span.hokestuUma{
  font-weight:bold;
  color:#ff0000;
}

img.brincarImg{
  width:14px;
  height:14px;
}

table.mainList td.umaKihon{
  vertical-align:top;
  text-align:center;
  width:218px;
  max-width:218px;
  min-width:216px;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

div.bameiShort{
  line-height:130%;
  padding-left:1px;
  margin-top:2px;
  text-align:left;
  float:left;
}
div.bameiLong{
  font-size: 82%;
  line-height:130%;
  padding-left:1px;
  margin-top:2px;
  text-align:left;
  float:left;
}
img.cntFlg{
  border: 1px #000000 solid;
  vertical-align:top;
  width:21px;
  height:14px;
}
div.rating{
  font-size: 85%;
  line-height:100%;
  padding-left:1px;
  margin-top:5px;
  text-align:left;
  float:right;
}

div.senseki{
  float:left;
  font-size: 70%;
  margin-top:5px;
  margin-bottom:5px;
  line-height:105%;
}
span.horseWeight{
  color:#ff0000;
}
div.tanodds{
  font-size: 80%;
  float:right;
  margin-top:5px;
  margin-bottom:3px;
}
span.under10odds{
  color:#ff0000;
}
span.oddsninki{
  font-size:90%;
}

div.umabld{
  font-size: 70%;
  text-align:left;
  padding-left:1px;
  line-height:105%;
}

table.mainList td.umaSub{
  text-align:center;
  width:65px;
  min-width:63px;
  max-width:65px;
}

div.seisan{
  margin-top:1px;
  margin-bottom:1px;
  font-size: 70%;
  text-align:center;
}

div.keiro{
  margin-top:1px;
  margin-bottom:1px;
  font-size: 70%;
  text-align:center;
}

img.hukuImg{
  width:37px;
  height:37px;
}

div.jocDiv{
    margin-top: 1px;
    font-size: 70%;
    text-align: center;
    word-wrap:break-word;
}

div.hutanDiv{
    margin-top: 1px;
    font-size: 70%;
    text-align: center;
}

table.mainList td.kakoBg{
  text-align:center;
  vertical-align:top;
  width:105px;
  min-width:105px;
  max-width:105px;
}
table.mainList td.kakoBg1{
  background-color: #eecece;
}
table.mainList td.kakoBg2{
  background-color: #e2def7;
}
table.mainList td.kakoBg3{
  background-color: #c3f2c8;
}

div.kakoYmd{
  float:left;
  font-size: 70%;
}
div.kakoKuni{
  float:right;
  font-size: 70%;
}
div.kakoRceName{
  float:left;
  font-size: 80%;
  font-weight:bold;
  margin-top:1px;
}
div.kakoGrd{
  float:right;
  font-size: 70%;
}

div.kakoTyaku{
  font-size: 100%;
  font-weight:bold;
  line-height:150%;
  float:left;
  margin-left:2px;
}
div.kakoTyakuJiko{
  font-size: 80%;
  font-weight:bold;
  line-height:150%;
  float:left;
  margin-left:2px;
  margin-top:3px;
}
div.kakoGate{
  font-size: 70%;
  float:right;
  margin-top:4px;
}
div.kakoWgt{
  text-align:left;
  font-size: 70%;
  margin-top:1px;
}
div.kakoTrk{
  text-align:left;
  font-size: 70%;
  margin-top:2px;
}
div.kakoBameiTime{
  text-align:left;
  font-size: 75%;
  margin-top:2px;
  word-wrap:break-word;
}
span.kakoBamei{
}
div.kakoTime{
display: inline-block;
}
table.mainList td.gateTd{
  text-align:center;
  background-color: #efefef;
}
table.mainList td.strongGateTd{
  text-align:center;
  background-color: #f6d5a0;
  font-weight:bold;
}

table.mainList td.mainListFooter{
  padding:0;
}
*?
/* メイン表ここまで */

/*
div.oddsName{
  text-align:left;
  font-size: 80%;
  margin-top:5px;
  font-size:100%;
  
}

div.oddscomment {
	margin-left:0 !important;
	font-size:108%;
}
*/

/* 変更情報 */
/*
div.henkoInfoTitle{
  text-align:left;
  margin-top:12px;
  font-weight:bold;
  font-size:123.1%;
}

table.henkoInfoTbl{
  border:1px solid #bbb;
  margin:0 auto;
  margin-top:8px;
  border-collapse: collapse;
  width:940px;
  font-size:123.1%;
}

td.henkoInfoSubTitle{
  border:1px solid #bbb;
  width:25%;
  padding-left:4px;
  text-align:left;
  background-color:#d9d9b0;
  font-weight:bold;
  font-size:80%;
  white-space:nowrap;
}

td.henkoInfoTd{
  border:1px solid #bbb;
  width:75%;
  padding:3px;
  font-size:80%;
  line-height:130%;
}

td.otherInfo{
  white-space:pre-wrap;
  word-break:break-all;
}
*/
/* 変更情報ここまで */