/*rank*/
.rank_left{width:47px; float:left;}
.rank_right{margin-left:50px;}
.rank_list {margin-bottom:10px!important;}
a.more{color:#999;}
a:hover.more{text-decoration:underline; color:#444;}
.rank_list li{border-bottom:1px dotted #ddd;}
ul.rank_nav_form{background:url(/img/info/special/bg.png); margin-bottom:15px;}
.rank_nav_form li{width:25%; float:left; text-align:center;}
.rank_nav_form li a{display:block; text-align:center; padding:15px 0;}
.rank_nav_form li a:hover{text-decoration:none; color:#444; background-color: rgba(170, 150, 110,0.2);}
.rank_nav_form li span{display:block; padding:5px 0;}
span.rank_back {background: url(/img/allpost/icon_ranking.png);display: block;height: 31px;width: 31px;float: left;margin: 5px 5px 0 0;}
span.side_rank1{background-position:0 -54px;}
span.side_rank2{background-position:-60px -54px;}
span.side_rank3{background-position:-120px -54px;}
span.side_rank4{background-position:-175px -54px;}
span.side_rank5{background-position:-235px -54px;}
.container_wrap{/* padding:10px 0!important; */}
.rank_icon{position:absolute;z-index: 1;left: -10px;top: -10px;}
h2.rank_1st,h2.rank_2nd,h2.rank_3rd{padding-left:-47px;}
span.rank_1st_back,span.rank_2nd_back,span.rank_3rd_back,span.rank_4th_back,span.rank_5th_back,
span.rank_6th_back,span.rank_7th_back,span.rank_8th_back,span.rank_9th_back,span.rank_10th_back,
span.rank_11th_back,span.rank_12th_back,span.rank_13th_back,span.rank_14th_back,span.rank_15th_back,
span.rank_16th_back,span.rank_17th_back,span.rank_18th_back,span.rank_19th_back,span.rank_20th_back
{background: url(/img/allpost/icon_ranking.png);display: block;height: 47px;width: 47px;float: left;margin: 3px 3px 0 0;}
span.rank_1st_back{background-position:0 0;}
span.rank_2nd_back{background-position:-80px 0;}
span.rank_3rd_back{background-position:-160px 0;}
span.rank_4th_back{background-position:-225px 0;}
span.rank_5th_back{background-position:-283px 0;}
span.rank_6th_back{background-position:-341px 0;}
span.rank_7th_back{background-position:-394px 0;}
span.rank_8th_back{background-position:6px -109px;}
span.rank_9th_back{background-position:-52px -109px;}
span.rank_10th_back{background-position:-109px -109px;}
span.rank_11th_back{background-position:-164px -109px;}
span.rank_12th_back{background-position:-224px -109px;}
span.rank_13th_back{background-position:-282px -109px;}
span.rank_14th_back{background-position:-339px -109px;}
span.rank_15th_back{background-position:-394px -109px;}
span.rank_16th_back{background-position:-164px -174px;}
span.rank_17th_back{background-position:-224px -174px;}
span.rank_18th_back{background-position:-282px -174px;}
span.rank_19th_back{background-position:-339px -174px;}
span.rank_20th_back{background-position:-394px -174px;}


@media screen and (max-width: 1020px) {
div.text_name{line-height:18px;}
.sp time{margin-left:0;}
.feed_post_wrap{margin-bottom:20px;}
}
@media screen and (max-width: 1020px) {
div.text_name{line-height:18px; margin-top:5px;}
.sp time{margin-left:0;}
hr{display:none;}
}

@media screen and (max-width: 836px) {
.article_left{width:100%!important; padding-bottom:10px;}
.article_right{width:100%!important;}

span.rank_1st_back,span.rank_2nd_back,span.rank_3rd_back{height: 31px;width: 31px; background-size:350px; margin-top:5px;}

div.s_box{max-height:none;}
}
@media screen and (max-width: 756px) {
.main{margin:0!important;}
.content_right1 h1{font-size:20px; margin-top:10px;}
span.rank_1st_back,span.rank_2nd_back,span.rank_3rd_back,span.rank_4th_back,span.rank_5th_back,
span.rank_6th_back,span.rank_7th_back,span.rank_8th_back,span.rank_9th_back,span.rank_10th_back,
span.rank_11th_back,span.rank_12th_back,span.rank_13th_back,span.rank_14th_back,span.rank_15th_back,
span.rank_16th_back,span.rank_17th_back,span.rank_18th_back,span.rank_19th_back,span.rank_20th_back{margin: 0px 5px 0 0;}

span.rank_4th_back,span.rank_5th_back,
span.rank_6th_back,span.rank_7th_back,span.rank_8th_back,span.rank_9th_back,span.rank_10th_back,
span.rank_11th_back,span.rank_12th_back,span.rank_13th_back,span.rank_14th_back,span.rank_15th_back,
span.rank_16th_back,span.rank_17th_back,span.rank_18th_back,span.rank_19th_back,span.rank_20th_back{height:35px; width:35px; background-size:340px; }

span.rank_1st_back{background-position:0 0;}
span.rank_2nd_back{background-position:-62px -3px;}
span.rank_3rd_back{background-position:-123px -3px;}
span.rank_4th_back{background-position:-165px -2px;}
span.rank_5th_back{background-position:-207px -2px;}
span.rank_6th_back{background-position:-249px -2px;}
span.rank_7th_back{background-position:-289px -2px;}
span.rank_8th_back{background-position:7px -81px;}
span.rank_9th_back{background-position:-36px -81px;}
span.rank_10th_back{background-position:-79px -81px;}
span.rank_11th_back{background-position:-119px -81px;}
span.rank_12th_back{background-position:-163px -81px;}
span.rank_13th_back{background-position:-206px -81px;}
span.rank_14th_back{background-position:-248px -81px;}
span.rank_15th_back{background-position:-289px -81px;}
span.rank_16th_back{background-position:-119px -129px;}
span.rank_17th_back{background-position:-163px -129px;}
span.rank_18th_back{background-position:-206px -129px;}
span.rank_19th_back{background-position:-248px -129px;}
span.rank_20th_back{background-position:-289px -129px;}

.content_left_wrap h3{display:none;}
ul.ranking_left {width:96%; margin:0 2% 10px 2%;}

span.catetop_back{display:none!important;}
.content_right1 h1{font-size:16px; font-size:1.6rem; font-weight:bold;}
.ranking_left li{width:25%; float:left; border:none;}
.ranking_left li a{padding:5px 0; text-align:center; border-right:1px solid #fff; background:#f18c24; color:#fff;}
.ranking_left li a:hover{background:#DB8124; color:#fff; text-decoration:none;}
.content_left_wrap h3{background:#f1f1f1; padding:3px 10px; margin:0!important;}
.ranking_wrap{margin-top:0;}
.content_right_wrap{padding:0 10px;}
h2.page_description1{font-size:12px!important; border-bottom:1px solid #ddd; padding-bottom:10px;}
}

@media screen and (max-width: 670px) {
.feed_post_wrap{margin-bottom:0;}
hr{display:block;}
}