body {
            font-family: 'Garamond', serif;
            background-color: #3e3b3b; /* 暗いトーン */
            margin: 0;
            padding: 0;
            color: #d4af37; /* 金色の文字 */
        }
        header {
            background-color: #8b0000; /* 暗い赤色 */
            color: white;
            padding: 20px;
            text-align: center;
            border-bottom: 3px solid #d4af37; /* 金色のボーダー */
        }
        main {
            padding: 20px;
            padding-bottom: 80px; /* ← フッターの高さ＋少し余裕 */
        }
        footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 10px;
            position: fixed;
            width: 100%;
            bottom: 0;
        }
        .content {
            margin: 20px 0;
            padding: 15px;
            background-color: #5a4d43; /* 茶色っぽい背景 */
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        }
        .link-button {
            background-color: #d4af37; /* 金色のボタン */
            color: black;
            padding: 10px 20px;
            text-decoration: none;
            border-radius: 5px;
            font-size: 16px;
            margin-top: 10px;
            display: inline-block;
            border: 2px solid #d4af37;
        }
        .link-button:hover {
            background-color: #8b0000;
            color: white;
        }