/*  MAGASEEK’Ç‹L  */


@media screen and (max-width: 768px) {
.navColumn .Ranking {
    float: none;
    width: auto;
}
.RankingTitle {
  margin: 0 0 15px;
  font-size: 2.4rem;
}
.ranking_page>ul>li .itemImage:before {
   top: 10px;
 left: 10px;
   font-size: 1.4rem;
}
}




/*  MAGASEEK??  */
.navColumn .ranking {
width: 1010px;
	margin: 0 auto;
}

.rankingTitle {
	margin: 0 0 50px;
	color: #444;
	font-size: 3rem;
	font-weight: normal;
	font-family: 'Amiri', serif;
	text-align: center;
	letter-spacing: .05em;
	-webkit-font-smoothing: antialiased;
}

.ranking{
	counter-reset: 0;
}

.ranking_page>ul>li{
	counter-increment: ranking 1;
}

.ranking_page>ul>li .itemImage:after {
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 1.8rem;
	font-family: 'Amiri', serif;
	color: #888;
	content: counter(ranking);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.ranking_page.itemList>ul{
	display: flex;
	justify-content: space-between;
}

.ranking_page.itemList>ul>li{
	margin-right: 0px;
}

.ranking_page.itemList>ul>li:nth-child(-n+3) .itemImage:after {
	color: #333;
	border-color: #666;
	font-size: 26px;
}

.ranking_page.itemList>ul>li:nth-child(-n+3){
	width: 100%;
	max-width: 317px;
	margin-right: 0px;
}

.ranking_page.itemList>ul>li:nth-child(n+4):nth-child(-n+7){
	width: 100%;
	max-width: 230px;
}
.ranking_page.itemList>ul>li:nth-child(n+4):nth-child(-n+7) .itemImage:after {
	color: #888;
	border-color: #999;
	font-size: 19px;
	top: 12px;
	left: 12px;
}

.ranking_page.itemList>ul>li:nth-child(n+7){
	width: 100%;
	max-width: 183px;
}

.ranking_page.itemList>ul>li:nth-child(n+7) .itemImage:after {
	font-size: 16px;
	top: 13px;
}

.ranking_page.itemList>li:nth-child(-n-3):nth-last-child{
	margin-right: 0px;
}

@media screen and (max-width: 768px) {
	.navColumn .ranking {
		width: 100%;
		margin: 0 auto;
	}

	.ranking .ranking_page.itemList>ul>li:nth-child(-n+4){
		width: 100%;
		max-width: 100%;
	}
	.ranking .ranking_page.itemList>ul>li:nth-child(-n+4) .itemImage:after {
		color: #333;
		border-bottom: 1px solid #333;
	}
	.ranking .ranking_page.itemList>ul>li:nth-child(n+5){
		width: calc(50% - 2.5px);
		max-width: 50%;
	}
	.ranking .ranking_page.itemList>ul>li:nth-child(n+5) .itemImage:after {
		top: 10px;
		left: 10px;
		font-size: 14px;
	}
	.ranking .ranking_page.itemList>ul>li:nth-child(n+5):nth-child(odd){
		margin-right: 5px;
	}
}
/*  MAGASEEK??  */