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

	海外競馬発売 リーディング 共通
	
-------------------------------------------------- */


.block_header {
	margin-bottom:20px;
}

div.leading_content {
	margin-top:20px;
}

/* ----- リーディング　年切り替え　タブ ----- */

.body_wrapper .tab {
	margin-bottom:30px;
}


ul.year_list {
	
}

ul.year_list > li {
	display:none;
}

ul.year_list > li:first-child {
	display:block;
}


/* ----- リーディング　テーブル ----- */

div.scr {
	
}

table.leading {
	border-collapse:collapse;
	width:100%;
	font-size:1.2rem;
}

table.leading > caption {
	text-align:left;
}

table.leading > thead > tr > th {
	text-align:center;
	font-weight:bold;
	background-color:#444;
	color:#FFF;
	border:1px solid #DDD;
	padding:6px;
	vertical-align:middle;
	white-space:nowrap;
}

table.leading > thead > tr > th.l_name {
	/*min-width:85px;*/
	min-width: 140px;
}


/* ----- 2017.12.4 加筆分 ----- */

table.leading > tbody > tr > td.l_name { text-align: left; }
table.leading > tbody > tr > td.l_name span { display: block; }

/* ----- 2017.12.4 加筆分ここまで ----- */


table.leading thead tr th span {
	display:block;
}

table.leading tbody tr th {
	text-align:center;
	border:1px solid #DDD;
	padding:6px;
	vertical-align:middle;
	white-space:nowrap;
	font-weight:bold;
}

body.jockey table.leading tbody th {
	background-color:#E6FFEC;
}

body.trainer table.leading tbody th {
	background-color:#fbddd6;
}

table.leading > tbody tr td {
	border:1px solid #DDD;
	padding:6px;
	vertical-align:middle;
	text-align:center;
}

table.leading > tbody tr td.right {
	text-align:right;
}

table.leading tbody tr.even td {
	background-color:#efefef;
	
}

table.leading > tbody > tr > td.jockey,
table.leading > tbody > tr > td.trainer {
	white-space: nowrap;
	text-align: left;
}

table.leading > tbody > tr > td.jockey > span,
table.leading > tbody > tr > td.trainer > span{
	display: block;
}

table.leading > tbody > tr > td.european {
	word-wrap: break-word;
	text-align: left;
}

table.leading > tbody > tr > td.win {
	text-align: left;
	background-color: #fcf9e9;
}



/* ----- テーブル　スマホ注釈 ----- */

ul.sp_line { 
	margin-bottom:5px;
	display:none;
	
}

ul.sp_line > li { display: table; }

ul.sp_line > li > span {
	display: table-cell;
	vertical-align: top;
	line-height: 1.4;
	padding: 2px 0;
}

ul.sp_line > li > span.cap {
	white-space: nowrap;
	padding-right: 0.2em;
}

ul.sp_line > li > span.txt {  }


/* ----- 文末「備考」用リスト ----- */
ul.biko_list { }
ul.biko_list > li { display: table; }

ul.biko_list > li > span {
	display: table-cell;
	vertical-align: top;
	line-height: 1.4;
	padding: 2px 0;
}

ul.biko_list > li > span.cap {
	white-space: nowrap;
	padding-right: 0.2em;
}

ul.biko_list > li > span.txt {  }




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

	768px以下

------------------------------------------------------------ */
@media screen and ( max-width : 768px ) {

ul.sp_line { 
	display:block;
	
}

div.scr {
	width: 100%;
   	overflow-x: auto;
}

table.leading {
	margin-bottom:10px;
	width:720px;
}


}


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

	639px以下

------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
	.body_wrapper .tab > ul > li > a { font-size: 1.2rem; }
	
}


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

	590px以下

------------------------------------------------------------ */
@media screen and ( max-width : 590px ) {


}


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

	480px以下

------------------------------------------------------------ */
@media screen and ( max-width : 480px ) {

	.block_header h3 span {
		display:block;
		font-size:1.2rem;
		margin-bottom:2px;

	}

}