/* footer.css */

#footer {
    text-align: center; /* フッター内のテキストやリンクを中央揃えに */
    padding: 20px 0; /* フッターの上下にパディングを追加して、余白を確保 */
    background-color: #f4f4f4; /* 必要に応じて背景色を設定 */
}

#footer p {
    margin: 10px 0; /* 各段落に上下の余白を追加 */
}

#footer a {
    margin: 0 15px; /* 各リンク間に余白を追加 */
    text-decoration: none; /* リンクの下線を消す */
    color: #333; /* リンクの色を指定 */
}

#footer a:hover {
    text-decoration: underline; /* ホバー時に下線を表示 */
}

#copy p {
    font-size: 14px; /* フッター内の著作権表示のフォントサイズを調整 */
    color: #666; /* 色を薄くして視認性を良く */
}