.rank-series-box {
	overflow: hidden;
	margin-right: -10px;
	margin-bottom: -10px;
}
.rank-series-box .item {
	float: left;
	width: calc((100vw - 30px) * 0.5);
	margin-right: 10px;
	margin-bottom: 15px;
	color: #333;
	font-size: 4vw;
	text-decoration: none;
}
.rank-series-box .item .rank {
	overflow: hidden;
	position: relative;
	margin-bottom: 4px;
	height: 14px;
	font-size: 9pt;
}
.rank-series-box .item .rank .rankno {
	font-weight: bold;
	line-height: 1.1;
	float: left;
	color: #000;
}
.rank-series-box .item .rank .rankstatus {
	padding-left: 5px;
	height: 12px;
	float: left;
}
.rank-series-box .item .rank .rankstatus img {
	vertical-align: top;
	width: 12px;
	height: 12px;
}
.rank-series-box .item .rank .rankprev {
	float: left;
	padding-left: 5px;
	line-height: 1.2;
	font-size: 8pt;
}
.rank-series-box .item .rank .count {
	float: left;
	line-height: 1.2;
	font-size: 8pt;
}
.rank-series-box .item .rank .count::before {
	content: "・";
}
.rank-series-box .item:nth-of-type(1) .rank .rankno {
	padding-left: 18px;
	color: #eab600;
}
.rank-series-box .item:nth-of-type(2) .rank .rankno {
	padding-left: 18px;
	color: #9a9a9a;
}
.rank-series-box .item:nth-of-type(3) .rank .rankno {
	padding-left: 18px;
	color: #e0903f;
}

.rank-series-box .item:nth-of-type(1) .rank .rankno:after {
	position: absolute;
	top: 0.5px;
	left: 0;
	content: "";
	background-image: url(https://img.duga.jp/img/menu/rank/crown_no1.svg);
	background-size: 13px;
	background-repeat: no-repeat;
	width: 15px;
	height: 12px;
}
.rank-series-box .item:nth-of-type(2) .rank .rankno:after {
	position: absolute;
	top: 0.5px;
	left: 0;
	content: "";
	background-image: url(https://img.duga.jp/img/menu/rank/crown_no2.svg);
	background-size: 13px;
	background-repeat: no-repeat;
	width: 15px;
	height: 12px;
}
.rank-series-box .item:nth-of-type(3) .rank .rankno:after {
	position: absolute;
	top: 0.5px;
	left: 0;
	content: "";
	background-image: url(https://img.duga.jp/img/menu/rank/crown_no3.svg);
	background-size: 13px;
	background-repeat: no-repeat;
	width: 15px;
	height: 12px;
}
.rank-series-box .item .image {
	overflow: hidden;
	position: relative;
	height: calc((100vw - 30px) * 0.5 * 0.5);
	background-color: rgba(0, 0, 0, 0.066);
	border-radius: 0.4em;
}
.rank-series-box .item .image img.banner {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
}
.rank-series-box .item .image img.banner::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: "";
	background: #eee;
}
.rank-series-box .item .image span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: "";
	border-radius: 0.4em;
	outline-style: solid;
	outline-width: 0.2em;
	outline-offset: -0.2em;
	outline-color: transparent;
}
.rank-series-box .item:nth-child(1) .image span {
	outline-color: #eab600 !important;
}
.rank-series-box .item:nth-child(2) .image span {
	outline-color: #9a9a9a !important;
}
.rank-series-box .item:nth-child(3) .image span {
	outline-color: #e0903f !important;
}
.rank-series-box .item .image img.banner[src$="240x180.jpg"] + span {
	outline-color: initial;
}
.rank-series-box .item .image img.banner[src$="240x180.jpg"] + span::before, 
.rank-series-box .item .image img.banner[src$="240x180.jpg"] + span::after {
	display: flex;
	position: absolute;
	top: 0;
	left: 1em;
	bottom: 0.5em;
	right: 1em;
	margin: auto;
	height: 2.4em;
	line-height: 1.2;
	content: attr(title);
	font-weight: bold;
	text-align: center;
	/* -webkit-text-stroke: 0.01em #000; */
	/* text-stroke: 0.01em #000; */
	justify-content: center;
	align-items: center;
}
.rank-series-box .item .image img.banner[src$="240x180.jpg"] + span::before {
	text-shadow: 0.1em 0.1em 0.1em, -0.1em -0.1em 0.1em, -0.1em 0.1em 0.1em, 0.1em -0.1em 0.1em, 0.1em 0 0.1em, -0.1em 0 0.1em, 0 0.1em 0.1em, 0 -0.1em 0.1em;
}
.rank-series-box .item .image img.banner[src$="240x180.jpg"] + span::after {
	color: #fff;
	opacity: 0.8;
	filter: drop-shadow(0 0 0.1em rgba(0, 0, 0, 1));
}
.rank-series-box .item .image img.logo {
	display: none;
}
.rank-series-box .item .image img.banner[src$="240x180.jpg"] ~ img.logo {
	position: absolute;
	display: block;
	left: 0.5em;
	bottom: 0.5em;
	padding: 0.1em 0.6em;
	width: auto;
	height: 1em;
	background-color: #fff;
	border-radius: 1em;
}
@media screen and (min-width: 440px) {
	.rank-series-box .item {
		width: calc((100vw - 40px) * 0.33);
		font-size: 2.66vw;
	}
	.rank-series-box .item .image {
		height: calc((100vw - 40px) * 0.33 * 0.5);
	}
}
@media screen and (min-width: 660px) {
	.rank-series-box .item {
		width: calc((100vw - 50px) * 0.25);
		font-size: 2vw;
	}
	.rank-series-box .item .image {
		height: calc((100vw - 50px) * 0.25 * 0.5);
	}
}
@media screen and (min-width: 880px) {
	.rank-series-box .item {
		width: 164px;
		font-size: 10.5pt;
	}
	.rank-series-box .item .image {
		height: 82px;
	}
}
.rank-series-box {
	margin-bottom: -20px;
}
.rank-series-box .item {
	width: 162px;
}
.rank-series-box .item .image {
	height: 82px;
	border-radius: 7px;
}
.rank-series-box .item .image span {
	border-radius: 7px;
	outline-width: 3px;
	outline-offset: -3px;
}
.rank-series-box .item .image img.banner[src$="240x180.jpg"] + span::before, 
.rank-series-box .item .image img.banner[src$="240x180.jpg"] + span::after {
	font-size: 10pt;
}
#main-leftbox:has(.rank-series-box .item:nth-child(-n+30):last-child) + #main-rightmenu > div[class^="sidemenubox"]:nth-child(n+4) {
	display: none;
}
#main-leftbox:has(.rank-series-box .item:nth-child(-n+55):last-child) + #main-rightmenu .sidemenuborder:nth-last-child(-n+3) {
	display: none;
}
#main-leftbox:has(.rank-series-box .item:nth-child(-n+70):last-child) + #main-rightmenu .sidemenuborder:nth-last-child(-n+2) {
	display: none;
}
#main-leftbox:has(.rank-series-box .item:nth-child(-n+90):last-child) + #main-rightmenu .sidemenuborder:nth-last-child(1) {
	display: none;
}
@media screen and (min-width: 1177px) {
	#main-rightmenu .sidemenuborder:nth-last-child(1) {
		display: none;
	}
}
@media screen and (min-width: 1349px) {
	#main-rightmenu .sidemenuborder:nth-last-child(2) {
		display: none;
	}
}
@media screen and (min-width: 1521px) {
	#main-rightmenu .sidemenuborder:nth-last-child(3) {
		display: none;
	}
}