@charset "UTF-8";

.ranking_ttl {
	background: #e5e5e5;
	padding: 15px 20px;
	color: #42b1c0;
	text-align: center;
	line-height: initial;
	margin-bottom: 20px;
}
#overall {
	margin-bottom: 20px;
}
.ranking_ttl span {
	display: block;
}

.jp_title {
	font-size: 30px;
	font-weight: 600;
}
.en_title {
	font-size: 20px;
	font-family: "Poppins";
	letter-spacing: 2px;
	font-weight: 500;
}
.cast_list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.ranking_block:not(:last-child) {
	margin-bottom: 35px;
}
.cast_list > li {
	width: calc(100% / 3 - 7px);
	position: relative;
	background: var(--baseItemColor05);
}
.cast_list > li:nth-child(n+4) {
	width: calc(100% / 7 - 9px);
}
.cast_list > li:nth-child(n+4) .thumb {
	border: 1px solid #d2d2d2;
}
.cast_list > li:nth-child(n+4) figcaption {
	font-size: 18px;
	padding: 5px 10px;
}
.cast_list-contents {
}
.cast_list-item figcaption {
	text-align: center;
	font-size: 24px;
	padding: 10px;
	letter-spacing: 2px;
	font-weight: 500;
}
.cast_list-item .rank_thum{
	border: 10px solid;
	border-image-slice: 1;
	box-sizing: border-box;
}
.cast_list-item.--rank1 figcaption {
	background-image: -moz-linear-gradient( -20deg, rgb(156,129,72) 0%, rgb(226,192,121) 50%, rgb(155,128,71) 100%);
	background-image: -webkit-linear-gradient( -20deg, rgb(156,129,72) 0%, rgb(226,192,121) 50%, rgb(155,128,71) 100%);
	background-image: -ms-linear-gradient( -20deg, rgb(156,129,72) 0%, rgb(226,192,121) 50%, rgb(155,128,71) 100%);
}
.cast_list-item.--rank1 .rank_thum {
	border-image: linear-gradient(-20deg, rgb(156,129,72) 0%, rgb(226,192,121) 50%, rgb(155,128,71) 100%);
	border-image-slice: 1;
}
.cast_list-item.--rank2 figcaption {
	background-image: -moz-linear-gradient( -20deg, rgb(160,160,160) 0%, rgb(220,220,220) 50%, rgb(160,160,160) 100%);
	background-image: -webkit-linear-gradient( -20deg, rgb(160,160,160) 0%, rgb(220,220,220) 50%, rgb(160,160,160) 100%);
	background-image: -ms-linear-gradient( -20deg, rgb(160,160,160) 0%, rgb(220,220,220) 50%, rgb(160,160,160) 100%);
}
.cast_list-item.--rank2 .rank_thum {
	border-image: linear-gradient(-20deg, rgb(160,160,160) 0%, rgb(220,220,220) 50%, rgb(160,160,160) 100%);
	border-image-slice: 1;
}

.cast_list-item.--rank3 figcaption {
	background-image: -moz-linear-gradient( 0deg, rgb(197,185,171) 0%, rgb(126,107,90) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(197,185,171) 0%, rgb(126,107,90) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(197,185,171) 0%, rgb(126,107,90) 100%);
}
.cast_list-item.--rank3 .rank_thum {
	border-image: linear-gradient(-20deg, rgb(126,107,90) 0%, rgb(197,185,171) 50%, rgb(126,107,90) 100%);
	border-image-slice: 1;
}
.cast_list-item::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 30px;
	z-index: 1;
	width: 142px;
	height: 137px;
}
.cast_list-item.--rank1::before {
	background: url(/images/rank/no1.png);
}
.cast_list-item.--rank2::before {
	background: url(/images/rank/no2.png);
}
.cast_list-item.--rank3::before {
	background: url(/images/rank/no3.png);
}
.cast_list-item figcaption span {
	font-family: "Poppins";
}
@media screen and (min-width: 770px) {
.ranking_block .cast_list li:nth-child(n+4) .cast_list-size {
	font-size: 12px;
}
}
@media screen and (min-width: 770px) and (max-width: 1280px) {
.cast_list-item::before {
	background-size: 70% auto !important;
	background-repeat: no-repeat !important;
}
}
@media screen and (max-width: 769px) {
.rank_thum {
	width: 100%;
}
.hidden {
	display: none;
}
.jp_title {
	font-size: 1.8rem;
}
.tab_box {
	display: flex;
	margin-bottom: 3rem;
	gap: 0 1rem;
}
.tab_box-item {
	width: 50%;
}
.cast_list {
	flex-direction: column;
}
.cast_list > li {
	width: 100%;
}
.cast_list > li:nth-child(n+4) {
	width: 100%;
}
.cast_list > li:nth-child(n+4) img {
	padding: 1rem;
}
.cast_list > li:nth-child(n+4) figcaption {
	border-bottom: 1px solid #d2d2d2;
}
.cast_list-contents {
	padding: 1rem;
}
.en_title {
	font-size: 1.2rem;
}
.tab_box-item.active .ranking_ttl {
	background: #e5e5e5;
	color: #42b1c0;
	text-align: center;
	line-height: initial;
	margin-bottom: 0px;
}
.ranking_ttl {
	background: transparent;
	padding: 1rem 0;
	color: #e5e5e5;
	text-align: center;
	line-height: initial;
	margin-bottom: 0px;
	border: 2px solid #e5e5e5;
}
.cast_list .cast_list-item::before {
	background-size: 70%;
	background-repeat: no-repeat;
}

}