@charset "UTF-8";
:root{
    --modal_bg: rgba(64, 61, 59, 0.65);
}
@media (prefers-color-scheme: dark) {
    :root{
        --modal_bg: rgba(75, 75, 75, 0.65);
    }
}
.my_modal{
    cursor: pointer;
}
.modal-window{
    cursor: pointer;
}
.modal {
    display: none; /* JSで切り替え */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--modal_bg);
    /*background: radial-gradient(circle, rgba(0,0,0,0) 0%, var(--modal_bg) 100%); */
    backdrop-filter: blur(1px);
    justify-content: center;
    align-items: center;
    z-index: 2222;
    cursor: pointer;
    
}

.modal img {
    max-width: 90svw;
    height: 90svh;
    width: auto;
    object-fit: contain;
    filter: opacity(1);
    cursor: pointer;
}