/* Responsive CSS for SI2024 */

/* モバイル用スタイル（959px以下） */
@media screen and (max-width: 959px) {
    /* コンテンツエリアの調整 */
    #contents {
        width: 100%;
        padding: 10px;
        margin: 0;
    }

    /* テーブルのレスポンシブ対応 */
    .table-responsive {
        margin-left: -10px;
        margin-right: -10px;
        border-radius: 0;
    }
}

/* タブレット用スタイル（600px〜959px） */
@media screen and (min-width: 600px) and (max-width: 959px) {
    #contents {
        padding: 20px;
    }
}

/* スマートフォン用スタイル（599px以下） */
@media screen and (max-width: 599px) {
    #contents {
        padding: 10px;
    }
    
    /* ヘッダーのレスポンシブ対応 */
    #header {
        min-height: 300px;
    }
    
    #yearlogo {
        margin: 30px 0;
    }
    
    #header-title {
        margin: 10px 5px;
    }
    
    .lecturetitle {
        font-size: 1.1em;
    }
}

/* タブレット用スタイル（600px〜959px） */
@media screen and (min-width: 600px) and (max-width: 959px) {
    #contents {
        padding: 20px;
    }
}

/* スマートフォン用スタイル（599px以下） */
@media screen and (max-width: 599px) {
    #contents {
        padding: 10px;
    }
    
    /* ヘッダーのレスポンシブ対応 */
    #header {
        min-height: 300px;
    }
    
    #yearlogo {
        margin: 30px 0;
    }
    
    #header-title {
        margin: 10px 5px;
    }
    
    .lecturetitle {
        font-size: 1.1em;
    }
}