.wrap .ranking-area{position:relative;margin-top:160px}.wrap .ranking-area:after{content:"";position:absolute;bottom:-44px;left:15px;width:299px;height:216px;background:url(../img/news/img_footer.png) no-repeat 0 0;background-size:299px auto;z-index:2}.wrap .ranking-area .title-h2 h2 strong{width:275px;height:78px;background-image:url(../img/ranking/tit_ranking.png);background-size:auto 78px}.wrap .ranking-area .title-h2 .charactor{top:-80px;bottom:auto;width:331px;height:566px;margin-left:254px;background-image:url(../img/ranking/h2_charactor.png);background-size:331px auto}.wrap .ranking-area h3 div{display:inline-block;vertical-align:top;margin:0 0 0 30px;padding:0 17px 0 23px;line-height:52px;background:#ffb200;font-weight:700;font-size:40px;font-size:40px;font-size:2.5rem;letter-spacing:.25em}.wrap .ranking-area h3 div span{font-family:oswald,sans-serif;font-weight:700;font-size:64px;font-size:64px;font-size:4rem}.wrap .ranking-area .ranking-contents{width:1200px;margin:7px auto 0}.wrap .ranking-area .ranking-contents .latest{display:-webkit-flex;display:-ms-flexbox;display:flex}.wrap .ranking-area .ranking-contents .latest ul.list-format.ranking-no-one{position:relative;width:588px}.wrap .ranking-area .ranking-contents .latest ul.list-format.ranking-no-one:after{content:"";position:absolute;top:0;left:20px;width:538px;height:534px;border:5px solid #000;background:#fff url(../img/shared/bg_pickup.png) center center;background-size:auto 100%;z-index:0}.wrap .ranking-area .ranking-contents .latest ul.list-format.ranking-no-one li{width:568px;margin:43px 0;height:438px;z-index:1}.wrap .ranking-area .ranking-contents .latest ul.list-format.ranking-no-one li a .thumb{width:568px;height:298.2px}.wrap .ranking-area .ranking-contents .latest ul.list-format.ranking-no-one li a .thumb img{max-width:568px;max-height:298.2px}.wrap .ranking-area .ranking-contents .latest ul.list-format.ranking-no-one li a .text-area p.text{width:568px}.wrap .ranking-area .ranking-contents .latest ul.list-format.ranking-no-one+ul.list-format{width:612px;counter-reset:number 1}.wrap .ranking-area .ranking-contents .latest ul.list-format.ranking-no-one+ul.list-format li{margin-left:24px}.wrap .ranking-area .tags-area{margin:36px 0 60px;padding:10px 0 20px 0;background:url(../img/shared/dot_gray.png)}.wrap .ranking-area .charactor01,.wrap .ranking-area .charactor02{display:none}.wrap .ranking-area .tag-contents{width:1015px;margin:0 auto 0;padding:0 0 0 185px;text-align:left;border:none}.wrap .ranking-area .tag-contents h2{top:50%;margin:-25px 0 0 0;left:0;font-size:48px;font-size:48px;font-size:3rem}.wrap .ranking-area .tag-contents br{display:none}.wrap .ranking-area .news-contents{position:relative;padding-bottom:120px}.wrap .ranking-area .news-contents:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:150px;background-image:url(../img/shared/diagonal.png)}.wrap .ranking-area .news-contents:after{content:"";position:absolute;bottom:50px;left:0;width:100%;height:150px;background-color:#f2f2f2;-webkit-transform:skewY(2.5deg);transform:skewY(2.5deg);z-index:1}.wrap .ranking-area .news-contents h3{width:1170px;margin:0 auto}.wrap .ranking-area .news-contents ul.list-format{position:relative;width:1200px;margin:0 auto;z-index:2}.wrap .ranking-area .news-contents .btn{position:relative;z-index:2}.wrap .ranking-area .news-contents .btn a{position:relative;font-family:noto-sans-cjk-jp,sans-serif}@media screen and (max-width:767px){.wrap .ranking-area{margin-top:60px}.wrap .ranking-area:after{content:"";position:absolute;bottom:-10.43vw;left:-11.473vw;width:54.759vw;height:39.374vw;background-size:auto 39.374vw;z-index:2}.wrap .ranking-area .title-h2 h2 strong{width:35.854vw;height:10.169vw;background-size:auto 10.169vw}.wrap .ranking-area .title-h2 .charactor{top:-6px;bottom:auto;width:43.155vw;height:73.794vw;margin-left:30.769vw;background-size:43.155vw auto}.wrap .ranking-area h3 div{position:absolute;top:13.038vw;left:-1.304vw;display:block;margin:0;padding:0 2.608vw;line-height:6.78vw;font-size:3.259vw}.wrap .ranking-area h3 div span{font-size:5.215vw}.wrap .ranking-area .ranking-contents{width:100%;margin:0 auto;padding-top:7.953vw}.wrap .ranking-area .ranking-contents .latest{margin-top:18.253vw;display:block}.wrap .ranking-area .ranking-contents .latest ul.list-format.ranking-no-one{width:100%;margin-bottom:7.823vw}.wrap .ranking-area .ranking-contents .latest ul.list-format.ranking-no-one:after{left:0;width:100%;height:calc(100% - 2.608vw);border-width:1.304vw;border-left:none;border-right:none}.wrap .ranking-area .ranking-contents .latest ul.list-format.ranking-no-one li{margin:7.823vw auto;height:auto}.wrap .ranking-area .ranking-contents .latest ul.list-format.ranking-no-one+ul.list-format{width:100%;counter-reset:number 1}.wrap .ranking-area .ranking-contents .latest ul.list-format.ranking-no-one+ul.list-format li{width:calc(100% - 10.43vw);margin-left:auto}.wrap .ranking-area .tags-area{margin:11.734vw 0 15.645vw;padding:0;background:0 0}.wrap .ranking-area .charactor01,.wrap .ranking-area .charactor02{display:none}.wrap .ranking-area .tag-contents{width:calc(100% - 10.43vw);padding:7.823vw 5.215vw 5.215vw;text-align:center;border:none}.wrap .ranking-area .tag-contents h2{position:absolute;top:-3.911vw;left:50%;margin:0 0 0 -11.734vw;font-size:5.215vw}.wrap .ranking-area .news-contents{width:100%;margin:0 auto;padding-bottom:41.721vw}.wrap .ranking-area .news-contents:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:19.557vw;background-image:url(../img/shared/diagonal.png)}.wrap .ranking-area .news-contents:after{content:"";position:absolute;bottom:7.823vw;left:0;width:100%;height:19.557vw;background-color:#f2f2f2;-webkit-transform:skewY(4.5deg);transform:skewY(4.5deg);z-index:1}.wrap .ranking-area .news-contents ul.list-format{width:100%}.wrap .ranking-area .news-contents .btn{position:relative;z-index:2}}