/*ランキング*/

.ranking .all_rank ul{
border:2px solid #000;
display:flex;
/*align-items:center;*/
flex-wrap:wrap;
font-size:16px;
font-weight:bold;
background:#fff;
margin:20px auto;
}
.ranking .all_rank ul li:first-of-type{
background-color: #000;
display: flex;
align-items: center;
width: 15%;
justify-content: center;
padding:5px;
}
.ranking .all_rank ul li:nth-of-type(2){
width:30%;
}
.ranking .all_rank ul li:nth-of-type(3){
display:flex;
align-items:center;
width:28%;
}
.ranking .all_rank ul li:nth-of-type(4){
width:26%;
display:flex;
justify-content:center;
align-items:center;
}
.ranking .all_rank ul li:nth-of-type(4) p{
display:flex;
margin-left:auto;
}
.ranking .all_rank ul li:nth-of-type(4) p:nth-of-type(1){
width:12%;
}

/*4位～10位までのグレー枠*/
.ranking .all_rank ul.gray{
border:2px solid #9e9e9e;
}
.ranking .all_rank ul.gray li:first-of-type{
background-color: #9e9e9e;
}
@media screen and (max-width:460px){
.ranking .all_rank ul{font-size:12px;}
}
/*
================
セレクトボックス
================
*/
.box.ranking .select_box{margin:0 auto;}

.select_box {
display:inline-flex;
align-items:center;
position:relative;
}
.select_box::after {
position:absolute;
content:'';
width:10px;
height:7px;
background-color:#535353;
right:15px;
clip-path:polygon(0 0, 100% 0, 50% 100%);
pointer-events:none;
}
.select_box select {
appearance:none;
min-width:230px;
padding:10px;
border:1px solid #ffffff;
border-radius:3px;
background-color:#fff;
color:#333333;
font-size:12px;
cursor:pointer;
}

/*
================================
プレイヤーランキング 20位まで
================================
*/
#chara_rank{
width:100%; 
max-width:350px; 
margin:0 auto 20px;
}
#chara_rank ul.head{
display:flex;
justify-content:space-between;
border:solid 1px #775e01;
background-color:#fff;
padding:10px;
}
#chara_rank ul.head + ul.head{border-top:none;}
#chara_rank ul.head li{display:flex;}
#chara_rank ul.head li p:first-child{font-weight:bold;}
#chara_rank ul.head li:first-child p:first-child{padding-right:10px;}
/*偶数色分け*/
#chara_rank ul.head:nth-child(2n){background-color:#fff6d4;}

/*自分ピンク*/
#chara_rank ul.head.me{background-color:#ffd5f3;}

/*
================================
個別ランキング
================================
*/
/*キャラ部分*/
.box.ranking .girls{margin:20px 0 20px 0;}
.box.ranking .girls img{display:block; max-width:350px; margin:0 auto;}