/* 画面の真ん中に表示されるメッセージボックスの<div> */
.messageBox {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 15px;
    border-radius: 5px;
    display: none;

    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 9pt;

    text-align: center;
}

/* 背景色を変えたDropboxメッセージの<div> */
.messageBox.Dropbox {
  background-color: rgba(1, 97, 254, 0.7);
}

.messageBox.Dropbox a {
  color: white;
  font-weight:bold;
}

.confirmDialog {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 9pt;

    text-align: center;
}

.confirmDialogMenu {
    border : solid 0px black;

    display: flex;             /* ボタンを横並びにする */
    justify-content: center;   /* 中央揃え */
    gap: 3px;                  /* ボタン間の隙間 */
    padding: 3px 0;
    margin: 0;
    list-style: none;          /* 万が一メニューがリスト扱いされた場合のリセット */
}

/* dialogタグのCSSは画面別のCSSへ */