.popup {
    display: block;
    position: fixed;
    top: 20px; /* 画面上部からの距離 */
    right: 20px; /* 画面右端からの距離 */
    width: 300px; /* 幅を調整 */
    height: 600px; /* 高さを調整 */
    padding: 20px; /* 内部余白を調整 */
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    opacity: 0; /* 初期透明度 */
    transition: opacity 0.3s ease; /* アニメーション */
}

.close {
    cursor: pointer;
    float: right;
    font-size: 20px;
    margin-top: -10px;
    margin-right: -10px;
}

.popup.show {
    opacity: 1; /* 完全に表示 */
}