/*====================================================*/
/* right_title */
/*====================================================*/
.sc_title.right_title:after{
 background:url("../../images/p/event/ranking/right_ev_score.png") no-repeat center left;;
}
.w5_title.right_title:after{
 background:url("../../images/p/event/ranking/right_ev_5week.png") no-repeat center left;;
}
.you_title.right_title:after{
 background:url("../../images/p/event/ranking/right_ev_you.png") no-repeat center left;;
}
.ra_title.right_title:after{
 background:url("../../images/p/event/ranking/right_ev_ranking.png") no-repeat center left;;
}
.ra_title.right_title,
.you_title.right_title{
border-radius:0px 0px;
}

/*====================================================*/
/* contents */
/*====================================================*/
.cap{
padding:10px;
}
#sh_search,
#sc_search{
clear:both;max-width:400px;margin:0px auto;text-align:center;
}
#sh_search{
max-width:200px;
}
#sh_search > dl,
#sc_search > dl{
display:flex;flex-wrap:wrap;padding:10px 0px;
}
#sh_search > dl > dt,
#sc_search > dl > dt{
display:flex;align-items:anchor-center;padding:0px 10px;
}
#sh_search > dl > dd,
#sc_search > dl > dd{
display:flex;width:calc(100% - 44px);
}
#sc_search > dl:first-of-type > dd > select{
width:98%;
}
#sh_search select,
#sc_search select{
padding:5px;margin:5px 0px;border-radius:20px;border:2px solid #ffd552;outline:2px solid #10315a;
text-align:center;text-align:-webkit-center;
}
#sc_search .sheet_none{
display:none;
}
#sh_list{
background:#ffd6da;border-radius:15px;
width:90%;margin:10px auto 20px;text-align:center;
}
#sh_list p{
font-weight:bold;color:#0c2d57;background:#ff939f;padding:8px 10px;;border-radius:15px 15px 0px 0px;
}
#sh_list div{
padding:5px 10px;
}

.chara img{
filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.6));
}
.none_mes{
padding:10px;margin:0 0 5%;
}
.page_link{
text-align:center;padding:10px;
}
#last_date{
text-align:right;padding:10px;
}
.ranking_table{
display:flex;flex-wrap:wrap;width:98%;margin:0 auto;
border-bottom:2px solid #0c2d57;
}
.ranking_table:last-of-type{
margin-bottom:20px;border-bottom:none;
}
.ranking_table:nth-of-type(odd):not(:first-of-type) > li{
background:#e5f1ff;
}

.ranking_table > li{
border-left:1px dashed #0c2d57;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
background:#fff;
}
.ranking_table > li img{
vertical-align:middle;padding:5px 3px;
}

.ranking_table:not(.ranking_head) > li:first-of-type{
font-weight:bold;
}
.ranking_table > li:first-of-type{
width:10%;border-left:none;
}
.ranking_table:not(.week) > li:nth-of-type(2){
width:25%;
}
.ranking_table:not(.week) > li:nth-of-type(2) > p:nth-of-type(2){
width:80px;
}
.ranking_table:not(.week) > li:nth-of-type(3){
width:25%;
}
.ranking_table:not(.week) > li:nth-of-type(3) > p:nth-of-type(1){
width:50px;text-align:right;
}
.ranking_table:not(.week) > li:nth-of-type(4){
width:20%;
}
.ranking_table:not(.week) > li:nth-of-type(5){
width:20%;
}
.ranking_table.week > li:not(:first-of-type,:last-of-type){
width:calc(30%);
}
.ranking_table.week > li:last-of-type{
width:calc(30%);
}
.ranking_table.week > li:nth-of-type(3) > p:nth-of-type(2){
width:80px;
}
.ranking_table.week > li:nth-of-type(2) > p{
font-weight:bold;
}
.ranking_table.week > li > p.comp_new{
color:#23998e;
}
.ranking_table.week > li > p.comp_up{
color:#e32e26;
}
.ranking_table.week > li > p.comp_down{
color:#4c94f2;
}
.ranking_table.week > li > p.comp_keep{
color:#858585;
}

.ranking_head > li{
padding:10px 0px;background:#ffe252;font-weight:bold;
}
.ranking_head > li:first-of-type{
border-radius:10px 0px 0px;
}
.ranking_head > li:last-of-type{
border-radius:0px 10px 0px 0px;
}

.page_link a + a{
margin:0px 0px 0px 10px;
}

@media (max-width: 979px) {
.none_mes{
padding:10px;margin:0 0 5%;text-align:center;
}
}
@media (max-width: 549px){
.ranking_table:not(.week) > li:nth-of-type(2){
width:calc(28%);
}
.ranking_table:not(.week) > li:nth-of-type(3){
width:calc(28%);
}
.ranking_table:not(.week) > li:nth-of-type(4){
width:calc(12%);
}
.ranking_table:not(.week) > li:nth-of-type(5){
width:calc(22%);
}
.ranking_table.week > li:nth-of-type(3) > p:nth-of-type(1),
.ranking_table:not(.week) > li:nth-of-type(3) > p:nth-of-type(1){
width:100%;text-align:center;padding:5px 0px 0px;
}
.ranking_table.week > li:nth-of-type(3) > p:nth-of-type(2),
.ranking_table:not(.week) > li:nth-of-type(2) > p:nth-of-type(2){
width:100%;text-align:center;
}
}
.mes{
padding:10px;margin-bottom:20px;
}