/* フッターのスタイルを独立させる */
.standalone-footer {
    background-color: #f8f9fa; /* 明るい背景色 */
    color: #666; /* 落ち着いた文字色 */
    text-align: center;
    padding: 15px 0; /* 上下の余白 */
    font-family: Arial, sans-serif;
    border-top: 1px solid #ddd; /* 上部に薄い線を追加 */
    position: fixed; /* 常に画面の下部に固定 */
    bottom: 0; /* 画面下部に配置 */
    left: 0;
    width: 100%; /* 横幅を画面全体に広げる */
    z-index: 1000; /* 他の要素より前面に表示 */
}

/* フッターテキストのスタイル */
.standalone-footer-text {
    font-size: 1rem;
    margin: 0;
}