.wrap .container {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        position: relative;
        z-index: 3;
        padding: 0px 0;

    }
    img {
        vertical-align: bottom;
        max-width: 100%;
        height: auto;
    }



    .wrap .container .contCol .contInner .notice {
        padding: 20px;
        margin-bottom: 20px;
    }
    .wrap .container .contCol .contInner .notice {
        box-sizing: border-box;
        border: 1px solid #35dfff;
        color: #fff;
        text-align: left;
    }


    .wrap .container .contCol {
        box-sizing: border-box;
        border: 5px solid #fff;
        background-color: #13181c;
        font-size: 17px;
        line-height: 27px;
        color: #fff;
    }
    .wrap .container .contCol li {

        color: #fff;
    }

    .wrap .container .contCol .contInner .listRankBtn {
        -webkit-justify-content: center;
        justify-content: center;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .wrap .container .contCol .contInner .listRankBtn li.current {
        width: 100%;
        max-width: 100%;
    }


    .wrap .container .contCol .contInner .listRankBtn li {
        width: 430px;
        height: 120px;
        margin-bottom: 20px !important;
    }

    .wrap .container .contCol .contInner .listRankBtn li a {
        font-size: 32px;
        transition: 0.2s;
    }
    .wrap .container .contCol .contInner .listRankBtn li a {
        width: 100%;
        height: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        background-image: url(/images/ranking/btn.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        color: #fff;
    }
    .wrap .container .contCol .contInner .listRankBtn li.current a {
        margin: 0 auto;
        background-image: url(/images/ranking/btn_current.png);
    }
    .wrap .container .contCol .contInner h3 {
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .wrap .container .contCol .contInner {
        padding: 40px 20px;
    }



    .btn_common_l {
        width: 674px;
        height: 78px;
        margin: 10px auto 20px;
    }

    .wrap .container .contCol .contInner .listRankIconCol {
        margin-bottom: 40px;
    }

    .wrap .container .contCol .contInner .listRankIconCol {
        position: relative;
        border-top: 1px solid #28291a;
        border-bottom: 1px solid #28291a;
        padding: 2px 3px;
        box-sizing: border-box;
    }
    .wrap .container .contCol .contInner .listRankIconCol .listRankIcon {
        padding: 10px;
    }
    .wrap .container .contCol .contInner .listRankIconCol .listRankIcon {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        box-sizing: border-box;
        background-color: #28291a;
    }
    img {
        vertical-align: bottom;
        max-width: 100%;
        height: auto;
    }
    li{
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        font-size: 100%;
        vertical-align: baseline;
        display: list-item;
        text-align: -webkit-match-parent;
    }
    .wrap .container .contCol .contInner .listRankIconCol .listRankIcon li:not(:last-child) {
        margin-right: 60px;
    }

    .wrap .container .contCol .contInner .listRankIconCol {
        margin-bottom: 40px;
    }

    .wrap .container .contCol .contInner .listRankIconCol {
        position: relative;
        border-top: 1px solid #28291a;
        border-bottom: 1px solid #28291a;
        padding: 2px 3px;
        box-sizing: border-box;
    }
    .wrap .container .contCol .contInner .listRank {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3em;
    }
    .wrap .container .contCol .contInner .listRank li.rank1 {
        background-image: url(/images/ranking/bg_ranking_frame_bg_1.png);
    }
    .wrap .container .contCol .contInner .listRank li:not(:last-child) {
        margin-bottom: 40px;
    }
    .wrap .container .contCol .contInner .listRank li .icon {
        top: -20px;
        left: -10px;
    }
    .wrap .container .contCol .contInner .listRank li .icon {
        position: absolute;
    }
    .wrap .container .contCol .contInner .listRank li.rank1 .rankCol.boxTop {
        background-image: url(/images/ranking/bg_ranking_frame_top_1.png);
    }

        .wrap .container .contCol .contInner .listRank li .rankCol.boxTop {
            padding-top: 25px;
        }
        .wrap .container .contCol .contInner .listRank li .rankCol.boxTop {
            background-image: url(/images/ranking/bg_ranking_frame_top.png);
            background-position: top left;
        }
    .wrap .container .contCol .contInner .listRank li .rankCol.boxTop .boxText {
        padding-bottom: 10px;
    }

        .wrap .container .contCol .contInner .listRank li .rankCol .boxText {
            padding: 0 30px;
            border-left: 8px solid #fff;
            border-right: 7px solid #fff;
        }
        .wrap .container .contCol .contInner .listRank li .rankCol .boxText {
            text-align: left;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: flex-start;
            align-items: flex-start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
        }



    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
        margin:0;
        padding:0;
        border:0;
        font:inherit;
        font-size:100%;
        vertical-align:baseline
    }
    html {
        line-height:1
    }
    ol,ul {
        list-style:none
    }
    table {
        border-collapse:collapse;
        border-spacing:0
    }
    caption,th,td {
        text-align:left;
        font-weight:normal;
        vertical-align:middle
    }
    q,blockquote {
        quotes:none
    }
    q:before,q:after,blockquote:before,blockquote:after {
        content:"";
        content:none
    }
    a img {
        border:none
    }
    article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
        display:block
    }
    html {
        width:100%;
        height:100%;
        margin:0;
        padding:0;
        overflow-x:hidden;
        overscroll-behavior-y:none
    }
    body {
        width:100%;
        margin:0;
        padding:0;
        color:#000;
        overflow-x:hidden;
        font-family:'Microsoft YaHei','寰蒋闆呴粦',Arial,Lucida Grande,Tahoma,sans-serif
    }
    @media screen and (min-width:960px) {
        body {
            font-size:17px;
            line-height:27px
        }
    }@media screen and (max-width:960px) {
        body {
            font-size:2.66667vw;
            line-height:4vw
        }
    }body * {
         box-sizing:border-box;
         background-repeat:no-repeat;
         -webkit-font-smoothing:antialiased;
         -moz-osx-font-smoothing:grayscale;
         text-rendering:optimizeLegibility;
         -webkit-font-feature-settings:"palt";
         font-feature-settings:"palt";
         -webkit-overflow-scrolling:touch;
         overflow-scrolling:touch
     }
    body *::-moz-selection {
        background-color:#ff4e00;
        color:#000
    }
    body *::selection {
        background-color:#ff4e00;
        color:#000
    }
    img[src*="amazon-adsystem.com"] {
        display:none
    }
    *:focus {
        outline:none
    }
    .stop-scrolling {
        overflow-y:hidden !important
    }
    a {
        text-decoration:none;
        display:inline-block;
        color:#000
    }
    @media all and (-ms-high-contrast:none) {
        a{display:block
        }
    }a.hover {
         transition:0.2s
     }
    a.hover:hover {
        opacity:0.75 !important
    }
    img {
        vertical-align:bottom;
        max-width:100%;
        height:auto
    }
    video {
        display:inline-block;
        width:100%;
        max-width:100%;
        height:auto
    }
    svg {
        display:block;
        width:100%;
        vertical-align:bottom
    }
    input,button,textarea,select {
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
        margin:0;
        padding:0;
        background:none;
        border:none;
        border-radius:0;
        outline:none;
        font-size:inherit;
        font-family:inherit
    }
    .is-none {
        display:none !important
    }
    @media screen and (min-width:960px) {
        .is-pc {
            display:block
        }
        .is-sp {
            display:none
        }
    }@media screen and (max-width:960px) {
        .is-pc {
            display:none
        }
        .is-sp {
            display:block
        }
    }.titCol {
         background:url(../images/common/title_sp.png) no-repeat top center;
         background-size:100%;
         display:-webkit-flex;
         display:flex;
         -webkit-justify-content:center;
         justify-content:center;
         -webkit-align-items:center;
         align-items:center;
         height:12.6vw
     }
    @media screen and (min-width:960px) {
        .titCol {
            height:98px;
            background:url(../images/common/title.png) no-repeat top center
        }
    }.titCol h2 {
         color:#ffffff;
         word-wrap:break-word;
         width:90%;
         height:auto;
         min-height:0;
         max-height:7vw;
         text-align:center;
         font-size:5vw;
         font-weight:900
     }
    @media screen and (min-width:960px) {
        .titCol h2 {
            max-height:2.8em;
            font-size:1.8em
        }
    }.wrap {
         text-align:center;
         position:relative;
         overflow:hidden
     }
    .wrap header {
        width:100%;
        background-position:top center;
        background-repeat:no-repeat;
        position:relative;
        z-index:3
    }
    @media screen and (min-width:960px) {
        .wrap header {
            padding-top:80px;
            margin-bottom:20px;
            background-image:url(/images/common/img_headertop.png);
            background-size:2502px auto
        }
    }@media screen and (max-width:960px) {
        .wrap header {
            padding:.66667vw 0 8vw 0;
            background-image:url(/images/common/bg_header.png);
            background-size:100% auto
        }
    }@media screen and (min-width:960px) {
        .wrap header img {
            width:230px
        }
    }@media screen and (max-width:960px) {
        .wrap header img {
            width:24vw
        }
    }.wrap footer {
         width:100%;
         background-color:#13181c;
         position:relative;
         z-index:3
     }
    @media screen and (min-width:960px) {
        .wrap footer {
            margin-top:160px
        }
    }@media screen and (max-width:960px) {
        .wrap footer {
            margin-top:18.66667vw
        }
    }.wrap footer .pageTop {
         text-indent:100%;
         white-space:nowrap;
         overflow:hidden;
         z-index:9999;
         display:block
     }
    @media screen and (max-width:960px) {
        .wrap footer .pageTop {
            width:100%;
            height:13.33333vw;
            background-image:url(/images/common/btn_pagetop.jpg);
            background-size:100% auto;
            top:-8vw
        }
    }@media screen and (min-width:960px) {
        .wrap footer .pageTop {
            width:77px;
            height:77px;
            background:url(../images/common/btn_pagetop_pc.png) top left no-repeat scroll;
            background-position:0 -77px;
            overflow:hidden;
            cursor:pointer
        }
        .wrap footer .pageTop:hover {
            background-position:0 0
        }
    }.wrap footer .pageTop.abs {
         position:relative
     }
    @media screen and (min-width:960px) {
        .wrap footer .pageTop.abs {
            position:absolute;
            bottom:300px;
            right:10px
        }
    }.wrap footer .pageTop.fxd {
         position:fixed;
         bottom:0
     }
    @media screen and (min-width:960px) {
        .wrap footer .pageTop.fxd {
            bottom:5px;
            right:10px
        }
    }.wrap footer .footerInner {
         width:100%;
         max-width:1000px;
         margin:0 auto;
         color:#fff
     }
    @media screen and (min-width:960px) {
        .wrap footer .footerInner {
            padding:60px 0
        }
    }@media screen and (max-width:960px) {
        .wrap footer .footerInner {
            padding:5.33333vw 1.33333vw
        }
    }.wrap footer .footerInner .copyright {
         text-align:left
     }
    @media screen and (min-width:960px) {
        .wrap footer .footerInner .copyright {
            margin-bottom:15px
        }
    }@media screen and (max-width:960px) {
        .wrap footer .footerInner .copyright {
            margin-bottom:2vw
        }
    }.wrap footer .footerInner:after {
         content:'';
         width:100%;
         position:absolute;
         background-position:bottom center;
         background-repeat:no-repeat;
         left:0
     }
    @media screen and (min-width:960px) {
        .wrap footer .footerInner:after {
            height:100px;
            background-image:url(/images/common/bg_footermedia.png);
            top:-100px
        }
    }.wrap .container {
         width:100%;
         max-width:1000px;
         margin:0 auto;
         position:relative;
         z-index:3
     }
    .wrap .container h3 img,.wrap .container h3 img {
        width:100%;
        max-width:none;
        margin:0 auto
    }
    .wrap .container .contCol {
        box-sizing:border-box;
        border:5px solid #fff;
        background-color:#13181c
    }
    .wrap .container .contCol .contInner {
        width:100%;
        box-sizing:border-box
    }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner {
            padding:40px 20px
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner {
            padding:5.33333vw 1.33333vw
        }
    }.wrap .container .contCol .contInner .notice {
         box-sizing:border-box;
         border:1px solid #35dfff;
         color:#fff;
         text-align:left
     }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .notice {
            padding:20px;
            margin-bottom:20px
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .notice {
            padding:2.66667vw;
            margin-bottom:5.33333vw
        }
    }@media screen and (min-width:960px) {
        .wrap .container .contCol .contInner h3 {
            margin-top:40px;
            margin-bottom:20px
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner h3 {
            margin-top:5.33333vw;
            margin-bottom:2.66667vw
        }
    }.wrap .container .contCol .contInner .listRankBtn {
         display:-webkit-flex;
         display:flex;
         -webkit-align-items:center;
         align-items:center;
         -webkit-flex-wrap:wrap;
         flex-wrap:wrap
     }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRankBtn {
            -webkit-justify-content:center;
            justify-content:center
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRankBtn {
            -webkit-justify-content:space-between;
            justify-content:space-between
        }
    }@media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRankBtn li {
            width:430px;
            height:120px;
            margin-bottom:20px !important
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRankBtn li {
            width:calc((100% - 2.66667vw)/2);
            height:13.33333vw;
            margin-bottom:1.33333vw !important
        }
    }.wrap .container .contCol .contInner .listRankBtn li a {
         width:100%;
         height:100%;
         display:-webkit-flex;
         display:flex;
         -webkit-align-items:center;
         align-items:center;
         -webkit-justify-content:center;
         justify-content:center;
         background-image:url(/images/ranking/btn.png);
         background-size:contain;
         background-position:center;
         background-repeat:no-repeat;
         color:#fff
     }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRankBtn li a {
            font-size:32px;
            transition:0.2s
        }
        .wrap .container .contCol .contInner .listRankBtn li a:hover {
            opacity:0.75 !important
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRankBtn li a {
            font-size:4.26667vw
        }
    }.wrap .container .contCol .contInner .listRankBtn li.current {
         width:100%;
         max-width:100%
     }
    .wrap .container .contCol .contInner .listRankBtn li.current a {
        margin:0 auto;
        background-image:url(/images/ranking/btn_current.png)
    }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRankBtn li.current a {
            width:430px;
            height:120px
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRankBtn li.current a {
            width:calc((100% - 2.66667vw)/2);
            height:13.33333vw
        }
    }@media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRankBtn li:not(:first-child) {
            margin:0 10px
        }
    }.wrap .container .contCol .contInner .listRankIconCol {
         position:relative;
         border-top:1px solid #28291a;
         border-bottom:1px solid #28291a;
         padding:2px 3px;
         box-sizing:border-box
     }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol {
            margin-bottom:40px
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol {
            margin-bottom:5.33333vw
        }
    }.wrap .container .contCol .contInner .listRankIconCol:before,.wrap .container .contCol .contInner .listRankIconCol:after {
         content:'';
         position:absolute;
         top:-1px
     }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol:before,.wrap .container .contCol .contInner .listRankIconCol:after {
            width:6px;
            height:6px;
            border-top:1px solid #ffcc00
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol:before,.wrap .container .contCol .contInner .listRankIconCol:after {
            width:1.33333vw;
            height:1.33333vw;
            border-top:.13333vw solid #fc0
        }
    }.wrap .container .contCol .contInner .listRankIconCol:before {
         left:0
     }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol:before {
            border-left:1px solid #ffcc00
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol:before {
            border-left:.13333vw solid #fc0
        }
    }.wrap .container .contCol .contInner .listRankIconCol:after {
         right:0
     }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol:after {
            border-right:1px solid #ffcc00
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol:after {
            border-right:.13333vw solid #fc0
        }
    }.wrap .container .contCol .contInner .listRankIconCol .listRankIcon {
         display:-webkit-flex;
         display:flex;
         -webkit-align-items:center;
         align-items:center;
         -webkit-justify-content:center;
         justify-content:center;
         box-sizing:border-box;
         background-color:#28291a
     }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol .listRankIcon {
            padding:10px
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol .listRankIcon {
            padding:2.66667vw 1.33333vw
        }
    }.wrap .container .contCol .contInner .listRankIconCol .listRankIcon:before,.wrap .container .contCol .contInner .listRankIconCol .listRankIcon:after {
         content:'';
         position:absolute;
         bottom:-1px
     }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol .listRankIcon:before,.wrap .container .contCol .contInner .listRankIconCol .listRankIcon:after {
            width:6px;
            height:6px;
            border-bottom:1px solid #ffcc00
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol .listRankIcon:before,.wrap .container .contCol .contInner .listRankIconCol .listRankIcon:after {
            width:1.33333vw;
            height:1.33333vw;
            border-bottom:.13333vw solid #fc0
        }
    }.wrap .container .contCol .contInner .listRankIconCol .listRankIcon:before {
         left:0
     }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol .listRankIcon:before {
            border-left:1px solid #ffcc00
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol .listRankIcon:before {
            border-left:.13333vw solid #fc0
        }
    }.wrap .container .contCol .contInner .listRankIconCol .listRankIcon:after {
         right:0
     }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol .listRankIcon:after {
            border-right:1px solid #ffcc00
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol .listRankIcon:after {
            border-right:.13333vw solid #fc0
        }
    }@media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol .listRankIcon li:not(:last-child) {
            margin-right:60px
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRankIconCol .listRankIcon li:not(:last-child) {
            margin-right:2.66667vw
        }
    }.wrap .container .contCol .contInner .listRank {
         width:100%;
         margin-left:auto;
         margin-right:auto;
         margin-bottom:3em
     }
    .wrap .container .contCol .contInner .listRank li {
        width:100%;
        position:relative;
        box-sizing:border-box;
        border-radius:20px;
        background-image:url(/images/ranking/bg_ranking_frame_bg.png);
        background-position:top left;
        background-size:6px auto;
        background-repeat:repeat
    }
    .wrap .container .contCol .contInner .listRank li .icon {
        position:absolute
    }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRank li .icon {
            top:-20px;
            left:-10px
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRank li .icon {
            top:-4vw;
            left:0
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRank li .icon img {
            width:10.66667vw
        }
    }.wrap .container .contCol .contInner .listRank li .rankCol {
         width:100%;
         box-sizing:border-box;
         background-repeat:no-repeat;
         background-size:100% auto;
         text-align:left
     }
    .wrap .container .contCol .contInner .listRank li .rankCol .boxText {
        text-align:left;
        display:-webkit-flex;
        display:flex;
        -webkit-align-items:flex-start;
        align-items:flex-start;
        -webkit-justify-content:flex-start;
        justify-content:flex-start;
        -webkit-flex-wrap:wrap;
        flex-wrap:wrap
    }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol .boxText {
            padding:0 30px;
            border-left:8px solid #fff;
            border-right:7px solid #fff
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol .boxText {
            padding:0 4vw;
            border-left:.8vw solid #fff;
            border-right:.66667vw solid #fff
        }
    }.wrap .container .contCol .contInner .listRank li .rankCol .boxText .rank {
         color:#35dfff;
         line-height:1em
     }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol .boxText .rank {
            width:180px;
            font-size:28px
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol .boxText .rank {
            font-size:4vw;
            width:100%;
            margin-bottom:0.5em
        }
    }.wrap .container .contCol .contInner .listRank li .rankCol .boxText .rank .num {
         line-height:1em
     }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol .boxText .rank .num {
            margin:0 5px;
            font-size:70px
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol .boxText .rank .num {
            margin:0 1.33333vw;
            font-size:11.33333vw
        }
    }.wrap .container .contCol .contInner .listRank li .rankCol .boxText .name dt,.wrap .container .contCol .contInner .listRank li .rankCol .boxText .score dt {
         box-sizing:border-box;
         border-left:2px solid #35dfff;
         color:#35dfff;
         line-height:1em
     }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol .boxText .name dt,.wrap .container .contCol .contInner .listRank li .rankCol .boxText .score dt {
            font-size:20px;
            padding:0 10px;
            margin-bottom:5px;
            width:13em
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol .boxText .name dt,.wrap .container .contCol .contInner .listRank li .rankCol .boxText .score dt {
            font-size:4vw;
            padding:0 1.33333vw;
            margin-bottom:1.33333vw;
            width:10.5em
        }
    }.wrap .container .contCol .contInner .listRank li .rankCol .boxText .name dd,.wrap .container .contCol .contInner .listRank li .rankCol .boxText .score dd {
         color:#fff;
         line-height:1em
     }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol .boxText .name dd,.wrap .container .contCol .contInner .listRank li .rankCol .boxText .score dd {
            font-size:50px
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol .boxText .name dd,.wrap .container .contCol .contInner .listRank li .rankCol .boxText .score dd {
            font-size:6.66667vw
        }
    }@media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol .boxText .license_id {
            margin-left:2em
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol .boxText .license_id {
            margin-left:1.6em;
            margin-bottom:0.3em
        }
    }.wrap .container .contCol .contInner .listRank li .rankCol .boxText .license_id dt {
         width:auto
     }
    .wrap .container .contCol .contInner .listRank li .rankCol.boxTop {
        background-image:url(/images/ranking/bg_ranking_frame_top.png);
        background-position:top left
    }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol.boxTop {
            padding-top:25px
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol.boxTop {
            padding-top:2.66667vw
        }
    }@media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol.boxTop .boxText {
            padding-bottom:10px
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol.boxTop .boxText {
            padding-bottom:1.33333vw
        }
    }.wrap .container .contCol .contInner .listRank li .rankCol.boxBottom {
         background-image:url(/images/ranking/bg_ranking_frame_bottom.png);
         background-position:bottom left
     }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol.boxBottom {
            padding-bottom:28px
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol.boxBottom {
            padding-bottom:3.33333vw
        }
    }.wrap .container .contCol .contInner .listRank li .rankCol.boxBottom .boxText {
         background-image:url(/images/ranking/bg_ranking_frame_center.png);
         background-position:top left;
         background-repeat:no-repeat;
         background-size:100% auto
     }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol.boxBottom .boxText {
            padding:20px 30px 5px 30px
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRank li .rankCol.boxBottom .boxText {
            padding:2.66667vw 4vw .66667vw 4vw
        }
    }@media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRank li:not(:last-child) {
            margin-bottom:40px
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRank li:not(:last-child) {
            margin-bottom:5.33333vw
        }
    }.wrap .container .contCol .contInner .listRank li.rank1 {
         background-image:url(/images/ranking/bg_ranking_frame_bg_1.png)
     }
    .wrap .container .contCol .contInner .listRank li.rank1 .rankCol.boxTop {
        background-image:url(/images/ranking/bg_ranking_frame_top_1.png)
    }
    .wrap .container .contCol .contInner .listRank li.rank1 .rankCol.boxBottom {
        background-image:url(/images/ranking/bg_ranking_frame_bottom_1.png)
    }
    .wrap .container .contCol .contInner .listRank li.rank2 {
        background-image:url(/images/ranking/bg_ranking_frame_bg_2.png)
    }
    .wrap .container .contCol .contInner .listRank li.rank2 .rankCol.boxTop {
        background-image:url(/images/ranking/bg_ranking_frame_top_2.png)
    }
    .wrap .container .contCol .contInner .listRank li.rank2 .rankCol.boxBottom {
        background-image:url(/images/ranking/bg_ranking_frame_bottom_2.png)
    }
    .wrap .container .contCol .contInner .listRank li.rank3 {
        background-image:url(/images/ranking/bg_ranking_frame_bg_3.png)
    }
    .wrap .container .contCol .contInner .listRank li.rank3 .rankCol.boxTop {
        background-image:url(/images/ranking/bg_ranking_frame_top_3.png)
    }
    .wrap .container .contCol .contInner .listRank li.rank3 .rankCol.boxBottom {
        background-image:url(/images/ranking/bg_ranking_frame_bottom_3.png)
    }
    .wrap .container .contCol .contInner .listRank li.rank1 .rankCol .boxText .rank .num,.wrap .container .contCol .contInner .listRank li.rank2 .rankCol .boxText .rank .num,.wrap .container .contCol .contInner .listRank li.rank3 .rankCol .boxText .rank .num {
        height:100%;
        display:inline-block;
        text-indent:-100px;
        overflow:hidden;
        vertical-align:bottom;
        background-size:contain;
        background-position:bottom center;
        background-repeat:no-repeat
    }
    @media screen and (min-width:960px) {
        .wrap .container .contCol .contInner .listRank li.rank1 .rankCol .boxText .rank .num,.wrap .container .contCol .contInner .listRank li.rank2 .rankCol .boxText .rank .num,.wrap .container .contCol .contInner .listRank li.rank3 .rankCol .boxText .rank .num {
            width:44px
        }
    }@media screen and (max-width:960px) {
        .wrap .container .contCol .contInner .listRank li.rank1 .rankCol .boxText .rank .num,.wrap .container .contCol .contInner .listRank li.rank2 .rankCol .boxText .rank .num,.wrap .container .contCol .contInner .listRank li.rank3 .rankCol .boxText .rank .num {
            width:6.66667vw
        }
    }.wrap .container .contCol .contInner .listRank li.rank1 .rankCol .boxText .rank {
         color:#dada07
     }
    .wrap .container .contCol .contInner .listRank li.rank1 .rankCol .boxText .rank .num {
        background-image:url(/images/ranking/num_rank1.png)
    }
    .wrap .container .contCol .contInner .listRank li.rank1 .rankCol .boxText .name dt,.wrap .container .contCol .contInner .listRank li.rank1 .rankCol .boxText .score dt {
        border-left:2px solid #dada07;
        color:#dada07
    }
    .wrap .container .contCol .contInner .listRank li.rank2 .rankCol .boxText .rank {
        color:#eee
    }
    .wrap .container .contCol .contInner .listRank li.rank2 .rankCol .boxText .rank .num {
        background-image:url(/images/ranking/num_rank2.png)
    }
    .wrap .container .contCol .contInner .listRank li.rank2 .rankCol .boxText .name dt,.wrap .container .contCol .contInner .listRank li.rank2 .rankCol .boxText .score dt {
        border-left:2px solid #eee;
        color:#eee
    }
    .wrap .container .contCol .contInner .listRank li.rank3 .rankCol .boxText .rank {
        color:#f99f5e
    }
    .wrap .container .contCol .contInner .listRank li.rank3 .rankCol .boxText .rank .num {
        background-image:url(/images/ranking/num_rank3.png)
    }
    .wrap .container .contCol .contInner .listRank li.rank3 .rankCol .boxText .name dt,.wrap .container .contCol .contInner .listRank li.rank3 .rankCol .boxText .score dt {
        border-left:2px solid #f99f5e;
        color:#f99f5e
    }
    .wrap:after {
      
    }
    .wrap:before {
    
    }
    @media screen and (min-width:960px) {
        .btn_common_l {
            width:674px;
            height:78px;
            margin:10px auto 20px
        }
    }a.btn_common_l:hover {
         background:url(../images/common/btn_common_l_on.png) top left no-repeat;
         background-size:contain
     }
    p.btn_common_l {
        background:url(../images/common/btn_common_l_off.png) top left no-repeat;
        background-size:contain
    }
    .totallingTxt {
        position:relative;
        padding:2em 0;
        color:#0034c9;
        font-size:2em;
        font-weight:900;
        letter-spacing:0.1em;
        text-shadow:#fff .26667vw 0px 0px,#fff -.26667vw 0px 0px,#fff 0px -.26667vw 0px,#fff 0px .26667vw 0px,#fff .26667vw .26667vw 0px,#fff -.26667vw .26667vw 0px,#fff .26667vw -.26667vw 0px,#fff -.26667vw -.26667vw 0px,#fff .13333vw .26667vw 0px,#fff -.13333vw .26667vw 0px,#fff .13333vw -.26667vw 0px,#fff -.13333vw -.26667vw 0px,#fff .26667vw .13333vw 0px,#fff -.26667vw .13333vw 0px,#fff .26667vw -.13333vw 0px,#fff -.26667vw -.13333vw 0px
    }
    @media screen and (min-width:960px) {
        .totallingTxt {
            text-shadow:#ffffff 2px 0px 0px,#ffffff -2px 0px 0px,#ffffff 0px -2px 0px,#ffffff 0px 2px 0px,#ffffff 2px 2px 0px,#ffffff -2px 2px 0px,#ffffff 2px -2px 0px,#ffffff -2px -2px 0px,#ffffff 1px 2px 0px,#ffffff -1px 2px 0px,#ffffff 1px -2px 0px,#ffffff -1px -2px 0px,#ffffff 2px 1px 0px,#ffffff -2px 1px 0px,#ffffff 2px -1px 0px,#ffffff -2px -1px 0px
        }
    }.panel-navigation .pagination {
         display:-webkit-flex;
         display:flex;
         -webkit-justify-content:center;
         justify-content:center;
         -webkit-align-items:flex-start;
         align-items:flex-start;
         -webkit-flex-wrap:wrap;
         flex-wrap:wrap;
         position:relative;
         width:96%;
         margin:0 auto;
         padding-bottom:2em
     }
    @media screen and (min-width:960px) {
        .panel-navigation .pagination {
            padding-bottom:40px
        }
    }.panel-navigation .pagination:before {
         content:" ";
         display:table
     }
    .panel-navigation .pagination:after {
        content:" ";
        display:table;
        clear:both
    }
    .panel-navigation .pagination a {
        display:block;
        position:relative;
        display:-webkit-flex;
        display:flex;
        -webkit-align-items:center;
        align-items:center;
        -webkit-justify-content:center;
        justify-content:center;
        box-sizing:border-box;
        float:left;
        margin-right:0.5em;
        margin-bottom:0.5em;
        width:2.5em;
        height:2.5em;
        border:solid 1px #00F6FF;
        font-size:3.5vw;
        color:#FFF;
        text-align:center
    }
    @media screen and (min-width:960px) {
        .panel-navigation .pagination a {
            width:40px;
            height:40px;
            font-size:17px;
            margin-right:10px;
            margin-bottom:10px
        }
    }.panel-navigation .pagination li.active a,.panel-navigation .pagination li.disabled a {
         background:#00F6FF;
         color:#000
     }
    .panel-navigation .pagination li.active a a,.panel-navigation .pagination li.disabled a a {
        color:#000
    }
    .panel-navigation .pagination:nth-of-type(2) {
        margin-top:2%
    }
    @media screen and (min-width:960px) {
        .panel-navigation .pagination:nth-of-type(2) {
            margin-top:0;
            padding-top:10px;
            padding-bottom:10px;
            width:730px
        }
    }