@media screen and (max-width: 3000px) {

      .br-携帯長 {
                display: none;
            }

            .br-携帯短 {
                display: none;
            }


    /*scroll-box*/
    .scroll-box {
        overflow-x: auto;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
    }

    /*scrollbar*/
    /*スクロールバー全体の高さ*/
    .scroll-box::-webkit-scrollbar {
        height: 4px;
    }

    /*スクロールバー全体の背景*/
    .scroll-box::-webkit-scrollbar-track {
        background: #eee;
    }

    /*スクロールバーの動く部分*/
    .scroll-box::-webkit-scrollbar-thumb {
        background: #aaa;
        border: none;
    }

    /*スクロールバーの動く部分のホバー（マウスオーバー）*/
    .scroll-box::-webkit-scrollbar-thumb:hover {
        background: #999;
    }

    .br-携帯短 {
        display: none;
    }




    /*テーブル列の幅*/
    /*テーブル列の幅*/
    .列_5パーセント {
        width: 5%;
    }
    
    .列_6パーセント {
        width: 6%;
    }
    
    .列_7パーセント {
        width: 7%;
    }
    
    .列_8パーセント {
        width: 8%;
    }
    
    .列_9パーセント {
        width: 9%;
    }
    
    .列_10パーセント {
        width: 10%;
    }
    
    .列_11パーセント {
        width: 11%;
    }
    
    .列_12パーセント {
        width: 12%;
    }
    
    .列_13パーセント {
        width: 13%;
    }
    
    .列_14パーセント {
        width: 14%;
    }
    
    .列_15パーセント {
        width: 15%;
    }
    
    .列_16パーセント {
        width: 16%;
    }
    
    .列_17パーセント {
        width: 17%;
    }
    
    .列_18パーセント {
        width: 18%;
    }
    
    .列_19パーセント {
        width: 19%;
    }
    
    .列_20パーセント {
        width: 20%;
    }
    
    .列_30パーセント{
        width: 30%;
    }
    .列_40パーセント{
        width: 40%;
    }
    .列_50パーセント{
        width: 50%;
    }
    .列_60パーセント{
        width: 60%;
    }
    .列_70パーセント{
        width: 70%;
    }
    .列_80パーセント{
        width: 80%;
    }
    .列_90パーセント{
        width: 90%;
    }
    .列_100パーセント{
        width: 100%;
    }




}

 /*ipad 横幅*/
 @media screen and (max-width: 1024px) {

      .br-携帯長 {
                display: none;
            }

            .br-携帯短 {
                display: none;
            }
 }

 /*ipad 縦幅*/
 @media screen and (max-width: 768px) {

      .br-携帯長 {
                display: none;
            }

            .br-携帯短 {
                display: none;
            }

}

 /*iphone 縦幅(横)*/
 @media screen and (max-width: 736px) {

     .br-携帯長 {
                display: none;
            }

            .br-携帯短 {
                display: none;
            }


 }

/*iphone 横幅(短)*/
@media screen and (max-width: 414px) {

         .br-携帯長 {
                display: none;
            }

            .br-携帯短 {
                display: block;
            }


}