<!DOCTYPE html>

<html lang="ja">

<head>

    <meta charset="UTF-8">

    <title>Cloudflare Pages テスト</title>

    <style>

        body { font-family: sans-serif; text-align: center; margin-top: 100px; background: #f9f9f9; }

        .card { background: white; padding: 30px; display: inline-block; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }

        h1 { color: #f38020; }

    </style>

</head>

<body>

    <div class="card">

        <h1>🎉 Cloudflare Pages 接続成功!</h1>

        <p>あなたのドメインとPagesプロジェクトが正常に紐付きました。</p>

    </div>

</body>

</html>