/* =====================================
   IT-MAP用 ヘッダー調整 CSS
   共通ヘッダー追加による既存コンテンツの位置調整
   ===================================== */

/* PC版：スクロールバーを表示しないための調整 */
@media screen and (min-width: 768px) {
    html {
        height: 100vh;
        overflow-y: auto;
        overflow-x: auto;
    }
    
    body {
        padding-top: 50px;
        box-sizing: border-box;
        overflow-x: auto;
    }
    
    /* ly_wrapの高さを調整 */
    .ly_wrap {
        min-height: calc(100vh - 50px);
        box-sizing: border-box;
    }
    
    /* result-comparisonページなどで使用される固定ヘッダー（un_headerType2）を下に下げる */
    .un_headerType2 {
        top: 50px !important;
    }
    
    /* resultAreaのmainも調整 */
    .resultArea main {
        padding-top: 150px;
    }
}

@media screen and (max-width: 767px) {
    body {
        padding-top: 41px;
    }
    
    /* result-comparisonページなどで使用される固定ヘッダー（un_headerType2）を下に下げる */
    .un_headerType2 {
        top: 41px !important;
    }
}