/* ダイアログスタイル */
#myDialog {
    display: none; /* 初期状態で非表示 */
    position: absolute;
    left: 50vw;
    top: 50vh;
    transform: translate(-50%, -50%);
    border: 1px solid #ccc;
    padding: 20px;
    background: white;
    z-index: 1000;
}

/* 背景の半透明オーバーレイ */
#overlay {
    display: none; /* 初期状態で非表示 */
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
}

#PictureListDialog {
    display: none; /* 初期状態で非表示 */
    width: 400px; /* 固定幅 */
    position: absolute;
    left: 50vw;
    top: 50vh;
    transform: translate(-50%, -50%);
    border: 1px solid #ccc;
    padding: 20px;
    background: white;
    z-index: 1001
}

#zumenAddDialog {
    display: none; /* 初期状態で非表示 */
    position: absolute;
    left: 50vw;
    top: 50vh;
    transform: translate(-50%, -50%);
    border: 1px solid #ccc;
    padding: 20px;
    background: white;
    z-index: 1000;
}

#hanreiAddDialog {
    display: none; /* 初期状態で非表示 */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #ccc;
    padding: 20px;
    background: white;
    z-index: 1000;
}

#zumenEditDialog {
    display: none; /* 初期状態で非表示 */
    position: fixed;
    left: 50vw;
    top: 50vh;
    transform: translate(-50%, -50%);
    border: 1px solid #ccc;
    padding: 20px;
    background: white;
    z-index: 1000;
}

/* ダイアログスタイル */
#gassanDialog {
    display: none; /* 初期状態で非表示 */
    position: fixed;
    left: 50vw;
    top: 10vh;
    transform: translate(-50%, -50%);
    border: 1px solid #ccc;
    padding: 20px;
    background: white;
    z-index: 1000;
}

/* 詳細情報Dialog */
#openDetailsEditDialog {
    display: none; /* 初期状態で非表示 */
    position: fixed;
    left: 50vw;
    top: 30vh;
    transform: translate(-50%, -50%);
    border: 1px solid #ccc;
    padding: 20px;
    background: white;
    z-index: 1000;
}

.dialog {
    display: none; /* 初期状態で非表示 */
    position: fixed;
    left: 50vw;
    top: 30vh;
    transform: translate(-50%, -50%);
    border: 1px solid #ccc;
    padding: 20px;
    background: white;
    z-index: 1000;
}