.legend-container-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto;
    flex-wrap: wrap;
    padding: 0;
}

.legend-container { 
    overflow-x: hidden;
    overflow-y: auto; 
}

.legend-image {
    display: inline-block; 
    max-width: 90vw;
    max-height: 90vh;
    height: auto;
    width: auto;
}
  

.legend-modal.backdrop-blur { 
    backdrop-filter: blur(2px);
}

.legend-modal {
    overflow-y: hidden!important; /* ie11 s*/
}

.legend-modal .modal-content {
    /*max-contentが使えないブラウザーは100%*/
    width: 100%;
    height: 100%;
    width: max-content;
    height: max-content;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    transform: translateY(-50%); 
}

.legend-buttons-container {
    margin: 10px;
    z-index: 1029; 
}

/* Bootstrapの背景の色を変更する*/ 
.modal-backdrop {
    background-color: rgba(0,0,0,0.2) !important;
    z-index: 49!important;
}