@charset "UTF-8";

.ranking-label {
	text-align: center;
	overflow: inherit;
}
.all-ranking .ranking-label {
	background-image: url('../images/ranking_bk_all.png');
}
.monthly-ranking .ranking-label {
	background-image: url('../images/ranking_bk_monthly.png');
}
.ranking-label img.rankhead {
	margin-top: 20px;
	margin-bottom: 0;
}
.all-ranking .ranking-label img.rankhead {
	border: 3px solid #3fa9f5;
}
.monthly-ranking .ranking-label img.rankhead {
	border: 3px solid #fcb13c;
}
.ranking-label img.rankfive {
	margin-top: 30px;
	margin-bottom: 0;
}
/* ================================== Media Query */
@media screen and (max-width: 62.5em) {/*1000px*/
	.list-view li.ranking-label {
		padding-left: 20px;
		padding-right: 20px;
	}
	.ranking-label img {
		max-width: 100%;
		height: auto;
	}
	.ranking-label img.rankhead {
	}
	.ranking-label img.rankfive {
		margin-top: 25px;
	}
}
@media screen and (max-width: 37.4375em) {/*599px*/
	.list-view li.ranking-label br {
		display: none;
	}
	.ranking-label img {
		max-width: 44%;
		vertical-align: middle;
	}
	.ranking-label img.rankhead {
		margin: 20px 5px 20px 0;
	}
	.ranking-label img.rankfive {
		margin: 20px 0 20px 5px;
	}
}

/*--------------------------------------------------------------
# Ranking: All
--------------------------------------------------------------*/
.all-ranking {
}

/*--------------------------------------------------------------
# Ranking: Monthly
--------------------------------------------------------------*/
.monthly-ranking {
	padding-top: 20px;
	background-color: #f8f8f8;
}


/*--------------------------------------------------------------
# Ranking: Rank Label
--------------------------------------------------------------*/
.rankingmark {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 46px;
	height: 59px;
	background-repeat: no-repeat;
	
}
li:nth-child(2) .rankingmark {
	background-image: url('../images/rank_01.png');
}
li:nth-child(3) .rankingmark {
	background-image: url('../images/rank_02.png');
}
li:nth-child(4) .rankingmark {
	background-image: url('../images/rank_03.png');
}
li:nth-child(5) .rankingmark {
	background-image: url('../images/rank_04.png');
}
li:nth-child(6) .rankingmark {
	background-image: url('../images/rank_05.png');
}