@charset "UTF-8";



/* ranking */
#ranking {padding-top:40px;}

#ranking .inner:first-of-type {padding-top:0;}
#ranking .inner:nth-of-type(even) {background:url("../images/bg_pt.jpg") left top / 170px 170px;}

.ranking_nav {
	padding:0 16px;
	border-radius:8px;
	overflow:hidden;
}

.ranking_nav ul {
	display:flex;
	flex-wrap:wrap;
}

.ranking_nav ul li {
	width:calc(33.33% - 1px);
	margin:1px 1px 0 0;
	border-radius:8px;
	background:linear-gradient(to top, #CCC, #EBEBEB);
}

.ranking_nav ul li:first-of-type {
	width:100%;
	margin:0;
}

.ranking_nav ul li:nth-of-type(4),
.ranking_nav ul li:nth-of-type(7) {
	width:33.34%;
	margin-right:0;
}

.ranking_nav ul li a {
	height:48px;
	color:#1A1A1A;
	text-align:center;
	line-height:48px;
}

.ranking_list {
	padding:16px;
	display:flex;
	flex-wrap:wrap;
	background:#EBD8E3;
}

.ranking_list .girl {
	width:50%;
	margin-top:8px;
	box-sizing:border-box;
}

.ranking_list .girl:nth-of-type(odd) {padding-right:4px;}
.ranking_list .girl:nth-of-type(even) {padding-left:4px;}
.ranking_list .girl:nth-of-type(-n+2) {margin-top:0;}

.ranking_list .girl .tiger_200,
.ranking_list .girl .tiger_201,
.ranking_list .girl .tiger_202,
.ranking_list .girl .tiger_288 {
	margin-top:1px;
	padding:1px;
	background:-webkit-linear-gradient(left, #946F00, #FFEABF 50%, #946F00) !important;
	background:-moz-linear-gradient(left, #946F00, #FFEABF 50%, #946F00) !important;
	background:linear-gradient(to right, #946F00, #FFEABF 50%, #946F00) !important;
}

.ranking_list .girl .tiger_200 span,
.ranking_list .girl .tiger_201 span,
.ranking_list .girl .tiger_202 span,
.ranking_list .girl .tiger_288 span {
	height:10px;
	padding:8px 0;
	font-weight:700;
	line-height:10px;
	text-align:center;
	display:block;
}

.ranking_list .girl .tiger_200 span {background:url("../images/girls/tiger_bg.svg") 8px center / 2px no-repeat, url("../images/girls/tiger_bg.svg") right 8px center / 2px no-repeat, #006603;}
.ranking_list .girl .tiger_201 span {background:url("../images/girls/tiger_bg.svg") 8px center / 2px no-repeat, url("../images/girls/tiger_bg.svg") right 8px center / 2px no-repeat, #002266;}
.ranking_list .girl .tiger_202 span {background:url("../images/girls/tiger_bg.svg") 8px center / 2px no-repeat, url("../images/girls/tiger_bg.svg") right 8px center / 2px no-repeat, #700000;}
.ranking_list .girl .tiger_288 span {background:url("../images/girls/tiger_bg.svg") 8px center / 2px no-repeat, url("../images/girls/tiger_bg.svg") right 8px center / 2px no-repeat, #550066;}

.ranking_list .girl .tiger_200 span span,
.ranking_list .girl .tiger_201 span span,
.ranking_list .girl .tiger_202 span span,
.ranking_list .girl .tiger_288 span span {
	padding:0;
	color:transparent;
	display:inline !important;
	background:-webkit-linear-gradient(bottom, #946F00, #FFEABF 50%, #946F00) !important;
	background:-moz-linear-gradient(bottom, #946F00, #FFEABF 50%, #946F00) !important;
	background:linear-gradient(to top, #946F00, #FFEABF 50%, #946F00) !important;
	-webkit-background-clip:text !important;
}

.ranking_list .girl h4 a {
	top:0;
	left:0;
	position:relative;
}

.ranking_list .girl h4 a img.ico {
	width:56px;
	right:2px;
	bottom:2px;
	position:absolute;
	z-index:1;
}

#ranking .inner:nth-of-type(odd) .ranking_list .girl p {background:#FFF;}
#ranking .inner:nth-of-type(even) .ranking_list .girl p {background:#FFF;}

.ranking_list .girl .name,
.ranking_list .girl .size {
	margin-top:1px;
	padding:8px;
}


@media screen and (min-width:1024px) {
	#ranking {padding-top:80px;}

	.ranking_nav {padding:0;}

	.ranking_nav ul li {
		width:calc(33.33% - 3px);
		margin:3px 3px 0 0;
	}

	.ranking_list {padding:24px;}

	.ranking_list .girl {
		width:238px;
		margin-right:8px;
		box-sizing:border-box;
	}

	.ranking_list .girl:nth-of-type(odd) {padding-right:0;}
	.ranking_list .girl:nth-of-type(even) {padding-left:0;}
	.ranking_list .girl:nth-of-type(4n) {margin-right:0;}
	.ranking_list .girl:nth-of-type(-n+4) {margin-top:0;}

	.ranking_list .girl h4 a img.ico {
		width:56px;
		right:4px;
		bottom:4px;
	}

	.ranking_list .girl .tiger_200 span,
	.ranking_list .girl .tiger_201 span,
	.ranking_list .girl .tiger_202 span,
	.ranking_list .girl .tiger_288 span {
		height:13px;
		padding:6px 0;
		font-size:100%;
		line-height:13px;
	}

	.ranking_list .girl .tiger_200 span {background:url("../images/girls/tiger_bg.svg") 8px center / 3px no-repeat, url("../images/girls/tiger_bg.svg") right 8px center / 3px no-repeat, #006603;}
	.ranking_list .girl .tiger_201 span {background:url("../images/girls/tiger_bg.svg") 8px center / 3px no-repeat, url("../images/girls/tiger_bg.svg") right 8px center / 3px no-repeat, #002266;}
	.ranking_list .girl .tiger_202 span {background:url("../images/girls/tiger_bg.svg") 8px center / 3px no-repeat, url("../images/girls/tiger_bg.svg") right 8px center / 3px no-repeat, #700000;}
	.ranking_list .girl .tiger_288 span {background:url("../images/girls/tiger_bg.svg") 8px center / 3px no-repeat, url("../images/girls/tiger_bg.svg") right 8px center / 3px no-repeat, #550066;}

	.ranking_list .girl .name,
	.ranking_list .girl .size {padding:8px 16px;}

	.ranking_list .girl .size br {display:none;}
}