.head_link.top-links{}
.bg.ranking { background-image: url(../img/ranking/bg_Center.jpg); background-position: center top; background-repeat: no-repeat; background-size: contain; position: relative; margin: 113px 43px 0px; height: 694px}
.center-img{ position: absolute;}

.hidden-itoms{ display: none}



    .default-itoms1{ display: block}    
    .hidden-itoms1{ display: none}

.bg.ranking .comment-1{ position:absolute;max-width: 244px; height: 129px;}
.bg.ranking .comment-2{ position:absolute;max-width: 242px; height: 120px;}
.bg.ranking .comment-3{ position:absolute;max-width: 242px; height: 120px;}
.bg.ranking .comment-4{ position:absolute;max-width: 277px; height: 127px;}
.bg.ranking .comment-5{ position:absolute;max-width: 265px; height: 99px;}
.bg.ranking .comment-6{ position:absolute;max-width: 277px; height: 98px;}
.bg.ranking .comment-7{ position:absolute;max-width: 244px; height: 123px;}

.bg.ranking .comment-1 { position:absolute; left: 415px; top: 81px}
.bg.ranking .comment-2 { position:absolute; left: 441px; top: 458px}
.bg.ranking .comment-3 { position:absolute; left: 666px; top: 151px}
.bg.ranking .comment-4 { position:absolute; left: 682px; top: 288px}
.bg.ranking .comment-5 { position:absolute; left: 174px; top: 387px}
.bg.ranking .comment-6 { position:absolute; left: 190px; top: 235px}
.bg.ranking .comment-7 { position:absolute; left:690px; top: 405px}

.db_wrapper.ranking-frame{ padding: 1px 0 120px}

@media (max-width: 1199px) {
    .bg.ranking{  margin: 113px auto 0px; position: relative}
    .bg.ranking { background-image: url(../img/ranking/bg_Center-low.png); background-position: center top}
.bg.ranking .comment-1 img,
.bg.ranking .comment-2 img,
.bg.ranking .comment-3 img,
.bg.ranking .comment-4 img,
.bg.ranking .comment-5 img,
.bg.ranking .comment-6 img,
.bg.ranking .comment-7 img{} 
    
.bg.ranking .comment-1 {  left: 252px; top: 56px}
.bg.ranking .comment-2 {  left: 272px; top: 433px}
.bg.ranking .comment-3 {  left: 458px; top: 136px}
.bg.ranking .comment-4 {  left: 485px; top: 267px}
.bg.ranking .comment-5 {  left: 32px; top: 369px}
.bg.ranking .comment-6 {  left: 49px; top: 223px}
.bg.ranking .comment-7 {  left:471px; top: 378px}

.hidden-itoms{ display:block; max-width:768px; margin: 0 auto; position: relative}    
.default-itoms{ display:none}    
}

@media (max-width: 768px) {
.bg.ranking { background-image: url(../img/ranking/bg_Center-low.png); background-position: center top}
}

@media (max-width: 767px) {
.bg.ranking { background-image: url(../img/ranking/bg_Center-low.png); background-position: center top; background-size: 696px;    height: 579px;}
    .bg.ranking .comment-1 img,
.bg.ranking .comment-2 img,
.bg.ranking .comment-3 img,
.bg.ranking .comment-4 img,
.bg.ranking .comment-5 img,
.bg.ranking .comment-6 img,
.bg.ranking .comment-7 img{ max-width: 300px; height: auto }  
    .bg.ranking{margin: 95px auto 0px;}   
    .hidden-itoms{ max-width: 675px;    margin: 0 auto;}
    
.bg.ranking .comment-1 {  left: 207px; top: 34px}
.bg.ranking .comment-2 {       left: 224px;    top: 387px;}
.bg.ranking .comment-3 {  left: 394px;    top: 98px;}
.bg.ranking .comment-4 {       left: 427px;    top: 229px;}
.bg.ranking .comment-5 {     left: 5px;    top: 328px;}
.bg.ranking .comment-6 {  left: 20px; top: 177px}
.bg.ranking .comment-7 {     left: 421px;    top: 339px;}
    
   
    .default-itoms1{ display: none}    
    .hidden-itoms1{ display: block}

}
@media (max-width: 679px) {
     .bg.ranking { background-image: url(../img/ranking/bg_Center-low.png); background-position: center top; background-size: 350px}
    .bg.ranking{    margin: 77px auto 0px;    height: 301px;}
     .hidden-itoms{ max-width: 320px;    margin: 0 auto;}
        .bg.ranking .comment-1 img,
.bg.ranking .comment-2 img,
.bg.ranking .comment-3 img,
.bg.ranking .comment-4 img,
.bg.ranking .comment-5 img,
.bg.ranking .comment-6 img,
.bg.ranking .comment-7 img{max-width:73px; height: auto}
    
.bg.ranking .comment-1 {     left: 108px;
    top: 33px;}
.bg.ranking .comment-2 {     left: 117px;
    top: 190px;}
.bg.ranking .comment-3 {     left: 197px;
    top: 72px;}
.bg.ranking .comment-4 {     left: 208px;
    top: 124px;}
.bg.ranking .comment-5 {       left: 18px;
    top: 166px;}
.bg.ranking .comment-6 {      left: 34px;
    top: 96px;}
.bg.ranking .comment-7 {   left: 201px;
    top: 170px;}
   
}


@media (max-width: 640px) {
    .bg.ranking {
    margin: 34px auto 0px;
}