@charset "UTF-8";
/*==============================================
【中央競馬 - 厳選予想 ウマい馬券】 umai_area04.css
racev4
レース一覧
==============================================*/

/*　ウマい馬券おすすめランキング */

.PickUp_Ranking .RankingListWrap {
	margin-top:25px;
	padding: 0 8px 0px;
}
.RankingListWrap li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	position: relative;
}

.RankingListWrap li a{
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: 100%;
}
.RankingList .PhotoThumb_01{
	width: 75px;
	min-height: 75px;
	position: relative;
	overflow: hidden;
	float: left;
	margin-right: 7px;
	border-radius: 4px;
	background: #eee;
}
.RankingList .PhotoThumb_01 img {
	max-width: 75px;
	max-height: 75px;
	vertical-align: top;
	margin: auto;
	display: block;
}
.RankingList .PhotoThumb_01 [class*=NewsRanking_Number] {
	color: #555;
	font-family: 'Anton', sans-serif;
	font-size: 71.43%;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #d0d0d0)) no-repeat top left/100% 100%;
	background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #d0d0d0 50.5%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #d0d0d0 50.5%) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #d0d0d0 50.5%) no-repeat top left/100% 100%;
	padding: 4px 0 0 5px;
}
.RankingList .PhotoThumb_01 .NewsRanking_Number01 {
	color: #fff;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #b98e02)) no-repeat top left/100% 100%;
	background: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0) 50%, #b98e02 50.5%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(bottom right, rgba(255, 255, 255, 0) 50%, #b98e02 50.5%) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #b98e02 50.5%) no-repeat top left/100% 100%;
}
.RankingList .PhotoThumb_01 .NewsRanking_Number02 {
	color: #fff;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #7b8592)) no-repeat top left/100% 100%;
	background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #7b8592 50.5%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #7b8592 50.5%) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #7b8592 50.5%) no-repeat top left/100% 100%;
}
.RankingList .PhotoThumb_01 .NewsRanking_Number03 {
	color: #fff;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #d67a47)) no-repeat top left/100% 100%;
	background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #d67a47 50.5%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #d67a47 50.5%) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #d67a47 50.5%) no-repeat top left/100% 100%;
}
.RankingList .Ranking_Yosoka .yosoka_fav_num {
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 15px;
	color: #777777;
	font-size: 0.8125rem;
	line-height: 1.4;
}
.PickUp_Ranking .RankingList li[class^="Rankig_"] .Ranking_Yosoka .yosoka_fav_num {
	top: 30px;
}
.RankingList .Ranking_Yosoka .yosoka_fav_num span {
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
	width: 11px;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/icon/icon_fav01.png) no-repeat;
	background-size:contain;
}
.RankingList .Ranking_Yosoka .now-showing {
	position: absolute;
	top: 20px;
	right: 0;
	color: #0033aa;
	background: #fff;
	border: 1px solid #0033aa;
	padding: 3px 5px;
	border-radius: 8px;
	font-size: 55%;
}


.PickUp_Ranking .RankingList li[class^="Rankig_"] .Ranking_Yosoka .now-showing {
	top: 50px;
}
.PickUp_Ranking .RankingList .RecommendMain {
	font-size: 77.78%;
	height: 25px;
	line-height: 25px;
	margin-left: 82px;
	padding: 0 9px;
	color: #444444;
	font-weight: bold;
	background-color: #d0d0d0;
	border-radius: 4px;
}
.PickUp_Ranking .RankingList .Rankig_Number01 .RecommendMain {
	color: #fff;
	background-color: #b98e02;
}
.PickUp_Ranking .RankingList .Rankig_Number02 .RecommendMain {
	color: #fff;
	background-color: #7d8490;
}
.PickUp_Ranking .RankingList .Rankig_Number03 .RecommendMain {
	color: #fff;
	background-color: #c97e52;
}
.RankingList .YosokaName {
	position: relative;
	color: #333;
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 4px;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 65px;
	white-space: nowrap;
}
.PickUp_Ranking .RankingList .YosokaName {
	font-size: 100%;
	line-height: 47px;
}
.PickUp_Ranking .RankingList .pickup_copy {
	position: relative;
	margin-top: 9px;
	padding: 12px 10px 8px;
	font-size: 77.78%;
	line-height: 1.43;
	color: #767676;
	background-color: #efefef;
	border-radius: 4px;
}
.PickUp_Ranking .RankingList .Rankig_Number01 .pickup_copy {
	background-color: #f7e9c9;
}
.PickUp_Ranking .RankingList .Rankig_Number02 .pickup_copy {
	background-color: #edece4;
}
.PickUp_Ranking .RankingList .Rankig_Number03 .pickup_copy {
	background-color: #feede2;
}
.PickUp_Ranking .RankingList .pickup_copy .label {
	position: absolute;
	display: none;
	left: 0;
	right: 0;
	top: -9px;
	margin: auto;
	height: 18px;
	width: 106px;
	text-align: center;
	line-height: 18px;
	font-weight: bold;
	font-size: 78.57%;
	color: #fff;
	border-radius: 18px;
}
.PickUp_Ranking .RankingList .Rankig_Number01 .pickup_copy .label {
	display: inline-block;
	background-color: #b98e02;
}
.PickUp_Ranking .RankingList .Rankig_Number02 .pickup_copy .label {
	display: inline-block;
	background-color: #8d8c7c;
}
.PickUp_Ranking .RankingList .Rankig_Number03 .pickup_copy .label {
	display: inline-block;
	background-color: #c97e52;
}