.bnr{
            margin-top:50px;
        }
        .bnr_comment {
            line-height: 1.4 !important;
            width: 90%;
            margin:10px auto;
        }
        .ranking01,.ranking02,.ranking03,.ranking04{
            font-size:32px;
            color:#fff;
            font-weight: bold;
            text-align: center;
            padding:8px 0;
            margin:50px 0 10px;
            width: 100%;
        }
        .ranking01{background-color:#1D76BA;}
        .ranking02{background-color:#CA99B3;}
        .ranking03{background-color:#E76453;}
        .ranking04{background-color:#17184b;}
        .ranking_box{
            display: flex;
            justify-content: space-between;
        }
        .ranking_box div{
            width: 32%;
        }
        .ranking_box div a,.ranking_box div a:visited{
            text-decoration: none;
            color:#000;
        }
        .ranking_box div .img_box{
            height:250px;
        }
        .ranking_box div .img_box img{
            object-fit: cover;
            width: 100%;
            height:100%;
        }
        .rank_txt01{
            font-size:18px;
            line-height: 1.6 !important;
        }
        .ranking_box .gold,.ranking_box .silver,.ranking_box .bronze{
            text-align: center;
            margin: 20px auto 10px !important;
        }
        .category{
            border-bottom: 1px solid #17184b;
            text-align: center;
            font-weight: bold;
            font-size: 28px;
            margin:50px auto 20px;
            padding-bottom: 10px;
        }
        #category_box{
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-bottom: 50px;
        }
        #category_box div{
            border:#17184b 2px solid;
            width: 32%;
            text-align: center;
            margin-top: 15px;
            background:#fff;
        }
        #category_box div p{
            margin: 10px 0;
        }
        #category_box div p a{
            font-weight: bold;
            display: block;
            color:#17184b;
            text-decoration: none;
        }
        #category_box div p a:visited{
            color:#17184b;
        }
        #category_box .bd_none{
            border:none;
          	background-color:none;
          	display:none;
        }
        .more_cat{
            text-align: right;
            width: 100%;
        }
        .more_cat a,.more_cat a:visited{
            text-decoration: none;
            color:#17184b;
        }
        .reason3{
            background: linear-gradient(transparent 70%, #FED467 70%);
            font-size:38px;
            font-weight: bold;
            margin:50px auto 20px;
            text-align: center;
            width: 100%;
        }
        .reason3_box{
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-bottom: 50px;
        }
        .reason3_box div{
            width: 32%;
        }
        .reason_txt01{
            font-weight: bold;
            font-size: 24px;
            margin-top: 0;
            line-height: 1.2 !important;
            margin-bottom: 10px !important;
        }
        .reason_txt01 span{
            font-size: 48px;
            color:#ff6005;
        }
        .reason_txt02{
            font-size: 19px;
           line-height: 1.4 !important;
        }
        /*680px°Ê²¼*/
@media screen and (max-width: 680px) {
    .ranking01,.ranking02,.ranking03,.ranking04{
            font-size:26px;
        }
    .ranking_box{
            display: block;
        }
        .ranking_box div{
            width: 90%;
            margin:20px auto;
            text-align: center;
        }
        .rank_txt01{
            width: 90%;
            margin:10px auto;
        }
        .more_cat{
            text-align: center;
        }
        .reason3{
            font-size: 23px;
        }
        .reason3_box{
            display: block;
        }
        .reason3_box div{
            width: 90%;
            margin:20px auto;
            text-align: center;
        }
        .reason_txt01 {
            font-size:20px;
        }
        .reason_txt01 span {
            font-size: 36px;
            color: #ff6005;
        }
        .category{width: 100%;}
        #category_box{
        }
        #category_box div{
            width: 47%;
            margin:15px 1%;
            text-align: center;
        }
}