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

    label {
        font-size: 20px;
        float: left;
    }

       /* ハンバーガーメニューの背景色を黒にする */
       .navbar-toggler {
        background-color: black !important;
        /* 背景色を黒に */
    }

    /* ハンバーガーメニューの3本線を白にする */
    .navbar-toggler-icon {
        background-color: transparent;
        /* デフォルトの背景を透明に */
        border: none;
        /* 枠線を消す */
    }

    .navbar-toggler-icon::before,
    .navbar-toggler-icon::after,
    .navbar-toggler-icon {
        background-color: white !important;
        /* 3本線の色を白に */
    }

    /* ヘッダー全体は白のまま */
    .navbar-default {
        background-color: white !important;
        /* ヘッダーの背景を白に固定 */
    }

    /* 水色のラインを打ち消してグレーに変更 */
    .section-heading h4::after {
        content: ""; /* 疑似要素を使った装飾 */
        display: block;
        width: 100px; /* 横幅100% */
        height: 2px; /* 高さ2px */
        background-color: #e3dada; /* グレーのライン */
        margin-top: 5px; /* タイトルとの間隔調整 */
    }

    /* 元の水色のラインを消す */
    .section-heading h4 {
        border-bottom: none !important; /* 優先度を上げて上書き */
        box-shadow: none !important; /* 影がある場合も消す */
    }

    #レッスンリストテーブル {
        font-size: 11px;
        font-weight: bold;
        background-color: #2bfedb;
    }

    /*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;
    }


}




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

          

        }

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

         

        }

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

            #レッスンリストテーブル {
                font-size: 9px;
            }

            #スケジュールテーブル {
                width: 1000px;
                min-width: 1000px;
            }

           

        }

    

/*iphone 横幅(短)*/
@media screen and (max-width: 414px) {
    h4{
        font-size: 18px;
    }

    #名前＆ポイント {
        font-size: 17px;
    }

    label {
        font-size: 15px;
        float: left;
    }

}