.ranking-table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	margin-bottom: 26px;
}
.ranking-table caption {
	caption-side: top;
	display: table-caption;

	text-align: right;
	line-height: 2;
	color: #909090;
}

.ranking-table tr {
	border-bottom: 1px dotted #aaa;
}

.ranking-table th {
	color: white;
	background-color: rgba(58,60,86,1);
	background-image: linear-gradient(rgba(77,107,153,1) 5%, rgba(58,60,86,1) 12%, rgba(58,60,86,1) 92%, rgba(77,107,153,1) 95%);
	padding: 12px 0;
}

.ranking-table td {
	padding: 7px 25px;
	text-align: right;
	font-size: 1.25rem;
}

.ranking-table th a {
	color: white !important;
}

[data-type] {
	width: 40px;
	font-size: 0.9em;
	color: #666;
}

[data-type="level"]::before { content: 'Lv.'; }

[data-type="rank"]::before { content: '('; margin-left: 5px; }
[data-type="rank"]::after  { content: ')'; }

[data-type="rare"] { font-size: 0.9em; }


[data-rank="1"],
[data-rank="2"],
[data-rank="3"] {
	position: relative;
	color: white;
}
[data-rank]::before,
[data-rank]::before,
[data-rank]::before {
	content: '';
	background-repeat: no-repeat;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

[data-rank="1"]::before { background-image: url('/images/rank_1.png'); }
[data-rank="2"]::before { background-image: url('/images/rank_2.png'); }
[data-rank="3"]::before { background-image: url('/images/rank_3.png'); }