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

	JRA育成馬とは：JRA育成馬

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


/* - 育成牧場
-------------------------------------------------- */

#farm .caution h6.lv5 { font-size:1.3rem; }


/* - 活躍馬
-------------------------------------------------- */

ul.win_horse {
	width:100%;
}

ul.win_horse:after {
	content:'';
	display:block;
	clear:both;
}

ul.win_horse > li {
	float:left;
}

ul.win_horse.col1 > li {
	float:none;
	width:100%;
	margin-top:30px;
}

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


ul.win_horse > li > h4 , ul.win_horse > li > h5 {
	background-color: #1b521f;
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
	padding: 8px;
}

ul.win_horse > li > .content {
	border: 1px solid #e0e0e0;
	border-top: none;
	padding:19px;
}


ul.win_horse.col1 > li > .content > .inner {
	display:table;
	width:100%;
	border-top:1px dotted #CCC;
	margin-top:20px;
	padding-top:20px;
}

ul.win_horse.col1 > li > .content > .inner:first-child {
	border-top:none;
	margin-top:0;
	padding-top:0;
	
}

ul.win_horse.col1 > li > .content > .inner > div {
	display:table-cell;
	vertical-align:top;
}

ul.win_horse.col1 > li > .content > .inner > div.img {
	width:280px;
}

ul.win_horse > li > .content > .inner > div.img img {
	width:100%;
	max-width:100%;
	vertical-align:top;
}

ul.win_horse > li > .content > .inner > div.txt {
	margin-top:15px;
}

ul.win_horse.col1 > li > .content > .inner > div.txt {
	padding-left:30px;
}

ul.win_horse > li > .content > .inner > div.txt p.sub > span {
	display:block;
}


ul.win_horse.col2 {
	display:table;
	width:100%;
}

ul.win_horse.col2 > li {
	width:50%;
	padding:10px;
	padding:10px 0;
}

ul.win_horse.col2 > li:nth-child(odd) { padding-right:9px; }
ul.win_horse.col2 > li:nth-child(even) { padding-left:9px; }



table.activity_list {
	width:100%;
	border-collapse:collapse;
}

table.activity_list caption {
	text-align:left;
}

table.activity_list caption {
	margin-bottom:15px;
}

table.activity_list thead tr th {
	background-color: #37474F;
	color: #fff;
	padding: 6px;
	border: 1px solid #ccc;
	border-bottom-width: 2px;
	font-weight: bold;
	vertical-align: middle;
    text-align: center;
}

table.activity_list thead tr th.bu , table.activity_list thead tr th.place {
	white-space:nowrap;
}

table.activity_list thead tr th.race_name {
	width:270px;
}

table.activity_list tbody tr th {
	padding: 6px;
	border: 1px solid #ccc;
	text-align: center;
	background-color: #eceff1;
	vertical-align: middle;
}

table.activity_list tbody tr td {
	padding: 6px;
	border: 1px solid #ccc;
    background-color: #fff;
    vertical-align: middle;
}

table.activity_list tbody tr td > span {
	display:block;
}

table.activity_list tbody tr:nth-child(even) td {
    background-color: #f7f7f7;
}

table.activity_list tbody tr.bg_y th , table.activity_list tbody tr.bg_y td {
    background-color: #fffddd;
}

table.activity_list tbody tr td.center {
	text-align:center;
}



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

	767px以下

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




div.scr { width: 100%; overflow-x: auto; }
    div.scr > table { width: 768px; }
    div.scr .scr_caution { display: block; margin-top:15px;}

}

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

	639px以下

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

ul.win_horse > li > .content {
	padding:14px;
}

ul.win_horse > li > .content > .inner {
	display:block;
}

ul.win_horse.col1 > li > .content > .inner > div {
	display:block;
	vertical-align:top;
}

ul.win_horse.col1 > li > .content > .inner > div.img {
	width:100%;
	margin:0 auto;
	text-align:center;
}

ul.win_horse.col1 > li > .content > .inner > div.txt {
	padding-left:0;
	margin-top:15px;
}	

}

@media screen and ( max-width : 479px ) {

ul.win_horse.col2 > li {
	width:100%;
	display:block;
	padding:15px 0;
	float:none;
}

ul.win_horse.col2 > li > .content > .inner > div.img {
	text-align:center;
}

ul.win_horse.col2 > li:first-child { padding-top:10px; } 

ul.win_horse.col2 > li:nth-child(odd) { padding-right:0; }
ul.win_horse.col2 > li:nth-child(even) { padding-left:0; }


}

