/* ポップアップのオーバーレイ */
.popup {
    position: fixed; /* 固定配置 */
    top: 0; /* 上端 */
    left: 0; /* 左端 */
    width: 100%; /* 幅 */
    height: 100%; /* 高さ */
    background: rgba(0,0,0,0.5); /* 半透明の背景 */
    display: flex; /* フレックスボックス */
    justify-content: center; /* 水平中央揃え */
    align-items: center; /* 垂直中央揃え */
    z-index: 1000; /* 重なり順 */
}

/* ポップアップの内容エリア */
.popup-content {
    background: white; /* 背景色 */
    padding: 20px; /* パディング */
    border-radius: 5px; /* 角丸 */
    text-align: center; /* 中央揃え */
    max-width: 90%; /* 最大幅 */
    width: 400px; /* 幅 */
}

/* ポップアップ内のボタン */
.popup-content button {
    margin: 5px; /* マージン */
    padding: 8px 16px; /* パディング */
    font-size: 1.1em; /* フォントサイズ */
    border: none; /* 枠線なし */
    border-radius: 5px; /* 角丸 */
    cursor: pointer; /* カーソル */
}

/* OKボタンのスタイル */
.popup-content button:first-child {
    background: #007bff; /* 背景色 */
    color: white; /* 文字色 */
}

/* キャンセルボタンのスタイル */
.popup-content button:last-child {
    background: #ccc; /* 背景色 */
}