@media screen and (max-width: 560px) {
    .lity.lity-opened.lity-image .lity-wrap .lity-container {
        width: 100% !important;
    }

            [data-section-type=access] .wonder-default-main-content .wonder-access-list-li.row-el .wonder-access-list-li-inner .wonder-ggmap iframe {
                    height: 250px !important;
            }

            [data-section-type=access] .wonder-default-main-content .wonder-access-list-li.row-el .wonder-access-list-li-inner .wonder-access-box-container .wonder-access-txt-box .wonder-access-img img {
                    margin: auto;
                    display: flex;
            }
}

@media screen and (min-width: 561px) {
        [data-section-type=access] .wonder-default-main-content .wonder-access-list-li.row-el .wonder-access-list-li-inner .wonder-access-box-container .wonder-access-txt-box .wonder-access-img img {
                margin: auto;
                display: flex;
        }
}

[data-section-type="voice"] .wonder-scroll-container.enabled {
    scroll-snap-type: none;
}

#lineModal {
        background-color: rgba(0, 0, 0, 0.5); /* 背景色を薄い黒に設定し、透明度を50%に設定 */
        /* 他のスタイルプロパティもここに追加できます */
      }
.modal-line-flex-3 {
justify-content: center;
display: flex;
width: 100%;
padding: 10px;
}
.modal-line-flex-3 .modal-line-style {
width: 30% !important;
height: 85px !important;
margin-right: 10px;
}
.modal-line-flex {
padding: 10px;
display: flex;
justify-content: center;
width: 100%;
}
.modal-line-flex .modal-line-style {
width: 30% !important;
height: 85px !important;
margin-right: 10px;
}
.modal-line-flex-2 {
padding: 10px;
display: flex;
justify-content: center;
width: 100%;
}
.modal-line-flex-2 .modal-line-style {
width: 30% !important;
height: 85px !important;
margin-right: 10px;
}

@media screen and (max-width: 560px) {
.modal-content {
        padding: 10px !important;
}
.modal-line-style {
        padding: unset !important;
        height: unset !important;
        margin: 5px !important;
        width: 150px !important;
}
.modal-line-style .wonder-cv-icon-container {
        left: 5px !important;
}

.modal-line-style .wonder-cv-button-txt-block.wonder-cv-line-txt-block {
        margin-left: 18px !important;
}

.modal-line-flex-4-sp .modal-line-style {
        width: 129px !important;
}

.modal-line-style .cv-button-top-container {
        height: 40px !important;
        }
        .modal-line-style .wonder-cv-icon-container {
        width: 10px !important;
        }
.modal-line-flex-sp {
        width: 100% !important;
}
.lity.lity-opened.lity-image .lity-wrap .lity-container {
        width: 100% !important;
}

[data-section-type=access] .wonder-default-main-content .wonder-access-list-li.row-el .wonder-access-list-li-inner .wonder-ggmap iframe {
        height: 250px !important;
}

[data-section-type=access] .wonder-default-main-content .wonder-access-list-li.row-el .wonder-access-list-li-inner .wonder-access-box-container .wonder-access-txt-box .wonder-access-img img {
        margin: auto;
        display: flex;
}
}

@media screen and (min-width: 561px) {
        [data-section-type=access] .wonder-default-main-content .wonder-access-list-li.row-el .wonder-access-list-li-inner .wonder-access-box-container .wonder-access-txt-box .wonder-access-img img {
                margin: auto;
                display: flex;
        }
}

        .modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: white;
        padding-top: 60px;
        z-index: 1000;
        }
        .modal-content {
        background-color: #fefefe;
        margin: 5% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
        }
        .close {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        }
        .close:hover,
        .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
        }