@import 'variables.css';

.open-map-button {
    display: none;
    background: #fff;
    border: 1.5px solid #007BFF;
    border-radius: 8px;
    padding: 4px 8px;
    font: inherit;
    font-weight: bold;
    color: #007BFF;
    cursor: pointer;
    font-size: 13px;
    position: absolute;
    z-index: 1;
    bottom: 20px;
}

.close-map-button {
    display: none;
    background: #fff;
    border: 1.5px solid #007BFF;
    border-radius: 8px;
    padding: 4px 8px;
    font: inherit;
    font-weight: bold;
    color: #007BFF;
    cursor: pointer;
    font-size: 13px;
    position: absolute;
    z-index: 1;
    bottom: 20px;
}

.open-map-button:hover {
    color: #0056b3;
}

.open-map-button img {
    width: 24px; /* 幅を50pxに設定 */
    height: auto; /* 高さは自動調整 */
}

.close-map-button img {
    width: 24px; /* 幅を50pxに設定 */
    height: auto; /* 高さは自動調整 */
}

.fullscreen-map {
    height: 100vh;
    max-width: 576px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}