/* フッター全体のスタイリング */

.footer {
    background-color: #f8f9fa; /* 薄いグレーの背景色 */
    padding: 20px 0; /* 上下にパディングを追加 */
    font-size: 14px; /* フォントサイズの調整 */
    border-top: 1px solid #e7e7e7; /* 上部にボーダーを追加 */
}

.footer ul {
    list-style-type: none; /* リストのスタイルをなしに */
    padding: 0; /* パディングをリセット */
    text-align: center; /* 中央揃え */
    margin: 0; /* マージンをリセット */
}

.footer ul li {
    display: inline-block; /* アイテムをインラインブロックで表示 */
    margin-right: 20px; /* アイテム間の余白を調整 */
}

.footer ul li a {
    color: #007bff; /* リンクの色 */
    text-decoration: none; /* 下線を無くす */
    transition: color 0.3s; /* 色の変化をスムーズに */
}

.footer ul li a:hover {
    color: #0056b3; /* ホバー時の色 */
}

.footer .container {
    width: auto; /* コンテナの幅を自動に */
    padding: 0 15px; /* 横のパディング */
}

.footer .text-muted {
    color: #6c757d; /* テキストの色 */
    text-align: center; /* テキストを中央揃え */
}