/* 終了対応 */
/* ① グレーアウトの背景を画面全体に固定する */
.anniversary2607-mdx::before {
    position: fixed; /* absolute から fixed に変更 */
    top: 0;
    left: 0;         /* 追加: 左端から開始 */
    z-index: 2000;
    width: 100vw;    /* 100% から 100vw（画面幅いっぱい）に変更 */
    height: 100vh;   /* 100% から 100vh（画面の高さいっぱい）に変更 */
    content: "";
    background-color: rgba(0, 0, 0, .6);
}

/* ② メッセージも常に画面中央に追従させる（推奨） */
.anniversary2607-mdx .p-topDone {
    position: fixed; /* absolute から fixed に変更 */
    top: 50%;        /* 290px から 50%（画面の縦中央）に変更 */
    left: 50%;
    z-index: 3000;    /* z-indexが2箇所あったので100に統一 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 696px;
    height: 224px;
    font-size: 27px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background-color: #d63233;
    -webkit-transform: translate(-50%, -50%); /* 縦方向も-50%にして完全な中央配置に */
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* SP用のレスポンシブ調整 */
@media screen and (max-width: 768px) {
    .anniversary2607-mdx .p-topDone {
        font-size: 26px;
        font-size: 6.7708333333vw;
        /* top: 52vw; ← 中央固定にする場合は不要になるため削除（または上書き） */
        top: 50%; 
        width: 89.0666666667vw;
        height: 34.1333333333vw;
    }
}