/* 2024年度版 公開用URLの画面サイズ変更CSS */

.fixed-header {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 30px;
    background-color: dimgray;
    color: #fff;
    text-align: center;
    margin-left: auto;
    margin-right: auto; 
}

.col-container {
    width: 97%;
    height: 85%;
}

#map {
    width: 100%;
    height: 1080px;
    /* height: 80%; */
    top: 2px;
    touch-action: none;
}

/* 高さ調整 */
/* ヘッダー・フッターで120px */

@media (max-height: 1160px) {
    #map {
    height: 1040px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 1120px) {
    #map {
    height: 1000px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 1080px) {
    #map {
    height: 960px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 1040px) {
    #map {
    height: 920px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 1000px) {
    #map {
    height: 880px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 960px) {
    #map {
    height: 840px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 920px) {
    #map {
    height: 800px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 880px) {
    #map {
    height: 760px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 820px) {
    #map {
    height: 740px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 840px) {
    #map {
    height: 720px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 800px) {
    #map {
    height: 680px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 780px) {
    #map {
    height: 660px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 760px) {
    #map {
    height: 640px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 750px) {
    #map {
    height: 630px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 740px) {
    #map {
    height: 620px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 750px) {
    #map {
    height: 630px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 720px) {
    #map {
    height: 600px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 710px) {
    #map {
    height: 590px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 700px) {
    #map {
    height: 580px; /* 高さが740px以下の場合 */
    }
}

@media (max-height: 690px) {
    #map {
    height: 570px; /* 高さが680px以下の場合 */
    }
}

@media (max-height: 680px) {
    #map {
    height: 560px; /* 高さが680px以下の場合 */
    }
}

@media (max-height: 670px) {
    #map {
    height: 550px; /* 高さが以下の場合 */
    }
}

@media (max-height: 660px) {
    #map {
    height: 540px; /* 高さが以下の場合 */
    }
}

@media (max-height: 650px) {
    #map {
    height: 530px; /* 高さが以下の場合 */
    }
}

@media (max-height: 640px) {
    #map {
    height: 520px; /* 高さが以下の場合 */
    }
}

@media (max-height: 630px) {
    #map {
    height: 510px; /* 高さが以下の場合 */
    }
}


@media (max-height: 620px) {
    #map {
    height: 500px; /* 高さが以下の場合 */
    }
}

@media (max-height: 610px) {
    #map {
    height: 490px; /* 高さが以下の場合 */
    }
}

@media (max-height: 600px) {
    #map {
    height: 480px; /* 高さが以下の場合 */
    }
}

@media (max-height: 590px) {
    #map {
    height: 470px; /* 高さが以下の場合 */
    }
}

@media (max-height: 580px) {
    #map {
    height: 460px; /* 高さが以下の場合 */
    }
}

@media (max-height: 570px) {
    #map {
    height: 450px; /* 高さが以下の場合 */
    }
}

@media (max-height: 560px) {
    #map {
    height: 440px; /* 高さが以下の場合 */
    }
}

@media (max-height: 550px) {
    #map {
    height: 430px; /* 高さが以下の場合 */
    }
}

@media (max-height: 540px) {
    #map {
    height: 420px; /* 高さが以下の場合 */
    }
}

@media (max-height: 530px) {
    #map {
    height: 410px; /* 高さが以下の場合 */
    }
}

@media (max-height: 520px) {
    #map {
    height: 400px; /* 高さが以下の場合 */
    }
}

@media (max-height: 510px) {
    #map {
    height: 390px; /* 高さが以下の場合 */
    }
}

@media (max-height: 500px) {
    #map {
    height: 380px; /* 高さが以下の場合 */
    }
}

@media (max-height: 490px) {
    #map {
    height: 370px; /* 高さが以下の場合 */
    }
}

@media (max-height: 480px) {
    #map {
    height: 360px; /* 高さが以下の場合 */
    }
}

@media (max-height: 470px) {
    #map {
    height: 350px; /* 高さが以下の場合 */
    }
}

@media (max-height: 460px) {
    #map {
    height: 340px; /* 高さが以下の場合 */
    }
}

@media (max-height: 450px) {
    #map {
    height: 330px; /* 高さが以下の場合 */
    }
}

@media (max-height: 440px) {
    #map {
    height: 320px; /* 高さが以下の場合 */
    }
}

@media (max-height: 430px) {
    #map {
    height: 310px; /* 高さが以下の場合 */
    }
}

@media (max-height: 420px) {
    #map {
    height: 300px; /* 高さが以下の場合 */
    }
}

@media (max-height: 400px) {
    #map {
    height: 280px; /* 高さが以下の場合 */
    }
}

@media (max-height: 380px) {
    #map {
    height: 260px; /* 高さが以下の場合 */
    }
}

@media (max-height: 340px) {
    #map {
    height: 210px; /* 高さが以下の場合 */
    }
}

@media (max-height: 280px) {
    #map {
    height: 130px; /* 高さが以下の場合 */
    }
}