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

	Racing Topics

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

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

div.racingList > h3.rprotitle {
	background-color:#1b521f;
	color:#FFF;
	font-weight:bold;
	font-size:1.4rem;
	padding:4px 8px;
	margin-top:30px;
	margin-bottom:-15px;
	}


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

div.link_list > ul.rproLink {
	margin-right:0px;
	}

div.link_list > ul.rproLink > li {
	width:100%;
	}

div.link_list > ul > li > a > .rprolinkArea {
	display:table;
	margin:0px auto;
	}

div.link_list > ul > li > a > .rprolinkArea > i {
	display:table-cell;
	color:#188542;
	vertical-align:middle;
	padding-right:10px;
	text-align:left;
	}

div.link_list > ul > li > a > .rprolinkArea > p.txt {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-size:1.4rem;
	line-height:1.4;
	}

div.link_list > ul > li > a > .rprolinkArea > p.txt > .twrap {
	display:inline-block;
	margin-left:15px;
	}

div.anchorBlock {
	margin:20px 0px 29px;
	width:100%;
	}

div.anchorBlock > ul.monthLink {
	width:100%;
	overflow:hidden;
	/zoom : 1;
	}

div.anchorBlock > ul.monthLink:after {
	content: '';
	display: block;
	clear: both;
	}

div.anchorBlock > ul.monthLink > li {
	float:left;
	text-align:center;
	color:#444;
	background-color:#e7e7e7;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	padding:6px 0px;
	width:16.66%;
	}

div.anchorBlock > ul.monthLink > li > a {
	display:block;
	padding:6px 0px;
	text-decoration:none;
	background-color:#268300;
	color:#fff;
	margin-top:-6px;
	margin-bottom:-6px;
	}

div.anchorBlock > ul.monthLink > li > a:hover {
	background-color:#dcedc8;
	color:#444;
	}

div.link_list > ul > li > a > .inner > p.txt {
	font-size:1.4rem;
	}

div.link_list > ul > li > a > .inner > p.txt > span {
	display:none;
	}

ul.monthLink > li i {
	margin-right:10px;
	}

ul.monthLink > li > i {
	color:#B5B5B5;
	}



/* --- 過去掲載分 --- */
div.backnumber { margin-top: 50px; }

div.backnumber div.link_list > ul > li.current > a {
	background-color:#188542;
	color:#FFF;
}

div.backnumber div.link_list > ul > li.current > a > .inner > span.icon { color:#FFF; }



@media screen and ( max-width : 768px ) {
	
div.link_list > ul > li > a > .rprolinkArea {
	display:block;
	}

div.link_list > ul > li > a > .rprolinkArea > i {
	display:inline-block;
	}

div.link_list > ul > li > a > .rprolinkArea > p.txt {
	display:inline-block;
	text-align:left;
	}

div.link_list > ul > li > a > .inner > p.txt > span {
	display:inline;
	}
	
}

@media screen and ( max-width : 480px ) {
	
div.anchorBlock > ul.monthLink > li {
	width:25%;
	}
	
div.anchorBlock > ul.monthLink > li > a:hover {
	background-color:#2aa83d;
	color:#FFF;
	}

ul.monthLink > li > i , ul.monthLink > li > a > i {
	margin-right:6px;
	}
	
div.link_list > ul > li > a > .rprolinkArea > p.txt > .twrap {
	display:block;
	margin-left:0px;
	margin-top:2px;
	}
	
}

	
	
	

