/* ----------------------------------------------------------------------
	
	レース成績 回顧 2020
	
---------------------------------------------------------------------- */

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

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



/* - レース結果　表 2020
---------------------------------------------------------------------- */


/* - レース番号エリア
------------------------------------------------------------ */
.race_num_area {
    min-height: 33px;
    background-color: #ebebeb;
    display: block;
}

.race_num_area.fixed { background: none; }

.race_num_area.fixed > .inner {
    position: fixed;
    width: 100%;
    z-index: 500;
    top: 0;
    left: 0;
    background-color: rgba(235,235,235,0.8);
    
    top: 71px;
}

.race_num_area.fixed > .inner > ul.nav.race-num {
    width: 940px;
    margin: 0 auto;
    background: none;
}


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

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

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


/* --- レース関連リンク（出馬表・オッズ） --- */
.race_related_link {
    display: table;
    width: 100%;
    margin-bottom: 8px;
}

.race_related_link div.refresh { margin-bottom: 5px; }
.race_related_link div.refresh > a.btn-def {  }

.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:first-child { padding: 0; }
.race_related_link > ul > li a.btn-def { padding: 4px; }


/* ----- 開催日｜発走時刻｜天候・馬場 ----- */
.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;
    padding-right: 1em;
    vertical-align: bottom;
}

.race_header .date_line > .inner > .cell.date {  }
.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 {
    margin-top: 5px;
    padding-right: 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.txt { vertical-align: middle; }


/* --- レース番号 --- */
.race_header div.race_title > .inner > div.num {
    background-color: #333;
    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 > span {
    font-size: 1rem;
}

.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.main {
    font-size: 0;
    display: block;
    line-height: 1.3;
}

.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.race_name { font-size: 2rem; }


/* --- レース条件・情報 --- */
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_header_movie_area {
    padding: 5px;
    background-color: #f3f3f3;
    margin-top: 10px;
}

.race_header_movie_area > .inner { display: table; }

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

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

.race_header_movie_area > .inner > div.cell.mov > .movie_line {
    display: table;
    width: 100%;
}

.race_header_movie_area > .inner > div.cell.mov > .movie_line > div {
    display: table-cell;
    vertical-align: middle;
}

.race_header_movie_area > .inner > div.cell.mov > .movie_line > div.cap {
    font-size: 1.2rem;
    background-color: #fff;
    color: #555;
    width: 100px;
    text-align: center;
}

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

.race_header_movie_area > .inner > div.cell.mov > .movie_line > div.btn_block .btn-def.btn-sm {
    padding: 4px 30px;
}

.race_header_movie_area > .inner > div.cell.mov > .movie_line > div.btn_block .btn-group > .btn-def {
    width: 50%;
    padding: 4px 15px;
}

.race_header_movie_area > .inner > div.cell.option {
    border-left: 1px dashed #ccc;
    padding-left: 5px;
    width: 640px;
}

.race_header_movie_area > .inner > div.cell.option > ul { font-size: 0; }

.race_header_movie_area > .inner > div.cell.option > ul > li {
    vertical-align: middle;
    padding-left: 5px;
    width: 25%;
    display: inline-block;
    font-size: 1.3rem;
}

.race_header_movie_area > .inner > div.cell.option > ul > li:first-child { padding-left: 0; }



/* - レース結果 メインテーブル
------------------------------------------------------------ */
#race_result table.basic > caption {
    text-align: left;
    margin-bottom: 10px;
}

#race_result table.basic thead > tr > th {
    font-size: 1.2rem;
    line-height: 1.3;
}

#race_result table.basic thead > tr > th.place { width: 34px; padding: 5px 2px; }/* - 着順 -*/
#race_result table.basic thead > tr > th.waku { width: 26px; }/* - 枠 - */
#race_result table.basic thead > tr > th.num { width: 28px; padding: 5px 4px; }/* - 馬番 - */
#race_result table.basic thead > tr > th.horse {
    min-width: 179px;
}/* - 馬名 - */
#race_result table.basic thead > tr > th.age { width: 40px; width: 48px; }/* - 性齢 - */
#race_result table.basic thead > tr > th.weight { width: 38px; }/* - 負担重量 - */
#race_result table.basic thead > tr > th.jockey { width: 110px; }/* - 騎手 - */
#race_result table.basic thead > tr > th.time { width: 50px; }/* - タイム - */
#race_result table.basic thead > tr > th.margin { width: 72px; }/* - 着差 - */
#race_result table.basic thead > tr > th.f_time { width: 38px; padding: 5px 6px; }/* - 推定上り - */

#race_result table.basic thead > tr > th.h_weight { width: 80px; }/* - 馬体重 - */
#race_result table.basic thead > tr > th.h_weight > span { font-size: 1.1rem; display: block; }

#race_result table.basic thead > tr > th.corner { width: 76px; }/* - コーナー通過順位 - */
#race_result table.basic thead > tr > th.corner > span { display: block; }
#race_result table.basic thead > tr > th.trainer { width: 112px; }/* - 調教師 - */
#race_result table.basic thead > tr > th.pop { width: 34px; padding: 5px 2px; }/* - 単勝人気 - */

#race_result table.basic tbody > tr > td { font-size: 1.2rem; }
#race_result table.basic tbody > tr > td.place { padding: 5px 2px; }/* - 着順 -*/
#race_result table.basic tbody > tr > td.waku { padding: 2px; }/* - 枠 - */
#race_result table.basic tbody > tr > td.waku img {
    vertical-align: top;
    max-width: 20px;
}

#race_result table.basic tbody > tr > td.num { padding: 5px 2px; }/* - 馬番 - */

#race_result table.basic tbody > tr > td.horse {
    text-align: left;
    font-size: 1.3rem;
}

#race_result table.basic tbody > tr > td.horse div.horse {
    position: relative;
    padding-right: 10px;
}

/* - ブリンカー - */
#race_result table.basic tbody > tr > td.horse div.horse .icon.blinker {
    position: absolute;
    top: -3px;
    right: -3px;
}

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

/* - 馬記号 - */
#race_result table.basic tbody > tr > td.horse .horse_icon { margin-right: 2px; }

#race_result table.basic tbody > tr > td.horse .horse_icon > span {
    font-size: 1rem;
    min-width: 14px;
}

#race_result table.basic tbody > tr > td.age { padding: 5px 2px; }/* - 性齢 - */
#race_result table.basic tbody > tr > td.weight { padding: 5px 2px; }/* - 負担重量 - */

/* - 騎手 - */
#race_result table.basic tbody > tr > td.jockey {
    text-align: left;
    padding: 5px 2px 5px 4px;
}

#race_result table.basic tbody > tr > td.time { padding: 0; }/* - タイム - */

/* - 着差 - */
#race_result table.basic tbody > tr > td.margin {
    text-align: left;
    font-size: 1.1rem;
    line-height: 1.3;
}

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

#race_result table.basic tbody > tr > td.f_time { padding: 5px 2px; }/* - 推定上り - */

#race_result table.basic tbody > tr > td.h_weight { text-align: left; }/* - 馬体重（増減） - */

#race_result table.basic tbody > tr > td.h_weight span {
    margin-left: 0.2em;
    font-size: 1.1rem;
}

/* --- コーナー通過順位 --- */
#race_result table.basic tbody > tr > td.corner {
    font-size: 1rem;
    padding: 5px 2px;
}

#race_result table.basic tbody > tr > td.corner div.corner_list {  }

#race_result table.basic tbody > tr > td.corner div.corner_list > ul { font-size: 0; }

#race_result table.basic tbody > tr > td.corner div.corner_list > ul > li {
    font-size: 1rem;
    display: inline-block;
    text-align: center;
    
    padding: 2px 0;
    width: 25%;
    line-height: 1.2;
    
    margin-left: -1px;
    
    border: 1px solid #fff;
    border-top: none;
    border-bottom: none;
    
    color: #444;
    background-color: #eaeade;
}

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

#race_result table.basic tbody > tr > td.corner div.corner_list > ul > li:last-child {
    border-right: none;
}

/* --- title属性を持たないli --- */
#race_result table.basic tbody > tr > td.corner div.corner_list > ul > li:not([title]) {
    background: none;
}

/* - 調教師 - */
#race_result table.basic tbody > tr > td.trainer {
    text-align: left;
    font-size: 1.2rem;
    padding: 5px 2px 5px 4px;
}


/* - タイム（ハロンタイム・上り）
------------------------------------------------------------ */
.result_time_data {  }

.result_time_data table.basic.narrow tbody > tr > th {
    width: 130px;
    font-size: 1.2rem;
}

#race_result .result_time_data table.basic > caption { margin-bottom: 0; }


/* - コーナー通過順位
------------------------------------------------------------ */
.result_corner_place {  }

.result_corner_place table.basic.narrow tbody > tr > th {
    width: 130px;
    font-size: 1.2rem;
}

.result_corner_place table.basic.narrow tbody > tr > td strong {
    background-color: #3949AB;
    color: #fff;
    padding: 0.2em;
    margin: 0 0.1em;
}

#race_result .result_corner_place table.basic > caption { margin-bottom: 0; }


/* - 払戻金
------------------------------------------------------------ */
div.refund_unit {
    display: table;
    width: 100%;
}

div.refund_unit > div {
    display: table-cell;
    vertical-align: top;
    width: 33.33%;
}

div.refund_unit > div.left {  }

div.refund_unit > div > ul { border-top: 1px solid #ccc; }
div.refund_unit > div > ul > li {  }

div.refund_unit > div > ul > li > dl {
    display: table;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

div.refund_unit > div > ul > li > dl > dt {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
    background-color: #eaeade;
    border-right: 2px solid #dfdfd3;
    border-left: 1px solid #ccc;
    width: 52px;
    padding: 3px 4px;
    color: #555;
}

div.refund_unit > div > ul > li > dl > dd {
    display: table-cell;
    vertical-align: middle;
    background-color: #f7f7f7;
}

div.refund_unit > div > ul > li > dl > dd > .line {
    display: table;
    width: 100%;
}

div.refund_unit > div > ul > li > dl > dd > .line { border-bottom: 1px dashed #ccc; }
div.refund_unit > div > ul > li > dl > dd > .line:last-child { border-bottom: none; }

div.refund_unit > div > ul > li > dl > dd > .line > div {
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    min-height: 25px;
    padding: 5px 4px;
    box-sizing: border-box;
    line-height: 1.3;
    height: 27px;
}

div.refund_unit > div > ul > li > dl > dd > .line.blank {  }

div.refund_unit > div > ul > li > dl > dd > .line.blank > div {
    height: 29px;
    padding: 0;
}

div.refund_unit > div > ul > li > dl > dd > .line > .num {
    text-align: center;
    width: 76px;
}

div.refund_unit > div > ul > li > dl > dd > .line > .yen { text-align: right; }

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

div.refund_unit > div > ul > li > dl > dd > .line > div.pop {
    width: 80px;
    text-align: right;
}

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


/* - 返還ブロック
------------------------------------------------------------ */
div.refund_unit.restoration > div { width: 100%; }
div.refund_unit.restoration > div > ul > li > dl { border-right: 1px solid #ccc; }
div.refund_unit.restoration > div > ul > li > dl > dt { line-height: 1.3; }

div.refund_unit.restoration > div > ul > li > dl > dd {
    padding: 5px 8px;
    line-height: 1.3;
}


/* - 「競走中の出来事等」エリア
------------------------------------------------------------ */
div.race_info_area { margin-top: 30px; }

/* - 写真エリア
------------------------------------------------------------ */
.race_photo_area { margin-top:50px; }
.race_photo_area > ul {  }

.race_photo_area > ul > li {
    margin: 40px auto 0 auto;
    position: relative;
    text-align: center;
    overflow: hidden;
    max-width: 940px;
}

.race_photo_area > ul > li:first-child { margin-top: 0; }

.race_photo_area > ul > li img { vertical-align: top; }

.race_photo_area > ul > li > span {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* --- 写真横並び（360×270｜240×180） --- */
.race_photo_area > ul.line {
    display: table;
    margin: 0 auto;
}

.race_photo_area > ul.line + ul { margin-top: 30px; }
.race_photo_area > ul.line + ul.line { margin-top: 30px; }

.race_photo_area > ul.line > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0 15px;
}


/* - 写真エリア（改）
------------------------------------------------------------ */
.race_photo_block {
    padding: 5px;
    background-color: #f3f3f3;
    border-top: 2px solid #fff;
}

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

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

.race_photo_block > .inner > .cell.cap {
    width: 100px;
    font-size: 1.2rem;
    text-align: center;
    background-color: #fff;
    color: #555;
}

.race_photo_block > .inner > .cell.btns { padding-left: 5px; }

.race_photo_block > .inner > .cell.btns > ul {
    /*display: table;
    width: 100%;*/
    font-size: 0;
}

.race_photo_block > .inner > .cell.btns > ul > li {
    /*display: table-cell;*/
    vertical-align: middle;
    padding-left: 5px;
    
    display: inline-block;
    font-size: 1.3rem;
}

.race_photo_block > .inner > .cell.btns > ul > li .btn-def {
    padding: 4px;
    width: 152px;
}

.race_photo_block > .inner > .cell.btns > ul > li .btn-def:focus {
	color: #333;
	border-color: #888;
	background-color: #f7f7f7;
}


.modal_wrap {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 9998;
}

.modal_wrap.on {
    display: block;
    animation: obj_fade_in 0.2s ease-in-out;
}

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

.modal_wrap > .inner { position: relative; }/* --- edge対策 --- */

.modal_overlay {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: all 0.2s ease-in-out;
    z-index: 9998;
}

.modal_wrap.on .modal_overlay {
    display: flex;
    justify-content: center;
    opacity: 1;
}

.modal_content {
    position: relative;
    align-self: center;
    box-sizing: border-box;
    display: block;
    max-width: 90%;
}

.modal_wrap.on .modal_content {
    transform: scale(1, 1);
    animation: obj_zoom_in 0.2s ease-in-out;
}

@keyframes obj_zoom_in {
    from{ opacity: 0; transform: scale(1.5,1.5); }
    to{ opacity: 1; transform: scale(1,1); }
}

.modal_wrap.on .modal_content .img {
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.modal_wrap.on .modal_content .img > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.modal_wrap.on .modal_content .img img { vertical-align: top; }

.modal_wrap.on .modal_content .btn_area {
    display: table;
    width: 100%;
}

.modal_wrap.on .modal_content .btn_area > .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.modal_wrap.on .modal_content .btn_area > .cell.left {
    background-color: #ebebeb;
    padding: 5px;
}

.modal_wrap.on .modal_content .btn_area > .cell.left > ul {
    display: table;
    width: 100%;
}

.modal_wrap.on .modal_content .btn_area > .cell.left > ul > li {
    display: table-cell;
    vertical-align: middle;
    /*padding-left: 5px;*/
}

.modal_wrap.on .modal_content .btn_area > .cell.left > ul > li + li {
    padding-left: 5px;
}

.modal_wrap.on .modal_content .btn_area > .cell.left > ul > li .btn-def:focus {
	color: #333;
	border-color: #888;
	background-color: #f7f7f7;
}

.modal_wrap.on .modal_content .btn_area > .cell.left > ul > li.current .btn-def {
    background-color: #444;
    color: #fff;
}

.modal_wrap.on .modal_content .btn_area > .cell.left > ul > li.current .btn-def:focus {
    background-color: #444;
    color: #fff;
}

.modal_wrap.on .modal_content .btn_area > .cell.left > ul > li.current .btn-def > i {
    color: #fff;
}

.modal_wrap.on .modal_content .btn_area > .cell.right {
    width: 80px;
    text-align: center;
    background-color: #ebebeb;
    border-left: 1px dashed #ccc;
}

.modal_wrap.on .modal_content .btn_area > .cell.right .btn-def:focus {
    color: #333;
	border-color: #888;
	background-color: #f7f7f7;
}

.modal_wrap .modal_content .help { margin-top: 15px; text-align: center; }





/* - レース結果　表 海外競馬 2020
---------------------------------------------------------------------- */
/* - レースヘッダー
--------------------------------------------- */
/* --- レース関連リンク（出馬表・オッズ） --- */
.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;
    padding-right: 0;
}

.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;
    margin-right: 0;
}

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






/* - レース回顧　表
---------------------------------------------------------------------- */
#kaiko { margin-top: 30px; }


#kaiko ul.img_colum {
	display: table;
	width: 100%;
}

#kaiko ul.img_colum li {
	display: table-cell;
    text-align: center;
    max-width: 100%;
    vertical-align: top;
}

#kaiko ul.img_colum li img {
	vertical-align: top;
}

#kaiko ul.img_colum.col3 li {
    width: 33.33%;
    max-width: none;
}

#kaiko ul.img_colum.col2 li {
    width: 50%;
    max-width: none;
}

p.signature {
    text-align: right;
}

.movie_block > .contents_header span {
    font-size: 1.2rem;
    font-weight: normal;
    margin-left: 1.5em;
}

.movie_block > .content > a {
    position: relative;
    display: block;
    max-width: 720px;
    margin: 0 auto;
}

.movie_block > .content > a .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -20px;
    font-size: 1.8rem;
    color: #eee;
    background-color: rgba(0,0,0,0.8);
    width: 60px;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

.movie_block > .content > a .icon i { position: relative; left: 1px; }
.movie_block > .content > a:hover .icon,
.movie_block > .content > a:focus .icon { background-color: rgba(0,0,0,0.5); }


/* - 印刷用
---------------------------------------------------------------------- */

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