/* タグ全体のコンテナ */
.custom-tag-list {
    display: flex;  /* タグを横並びに配置 */
    flex-wrap: wrap;  /* 画面幅が狭くなったら折り返す */
    gap: 10px;  /* タグ同士の間隔を適度に開ける */
}

/* 各タグのスタイル（マーカー付きボタン） */
.custom-tag {
    display: flex;  /* アイコンとテキストを横並びに */
    align-items: center;  /* アイコンとテキストを中央揃え */
    background: #e0e0e0;  /* グレーの背景（マーカー風） */
    padding: 5px 10px;  /* 内側の余白 */
    border-radius: 5px;  /* 角を丸くする */
}

/* アイコンのスタイル */
.custom-tag i {
    margin-right: 5px;  /* アイコンとタグ名の間隔を開ける */
    color: #555;  /* アイコンの色（少し暗めのグレー） */
}

/* タグのリンクスタイル */
.custom-tag a {
    text-decoration: none;  /* 下線を消す */
    color: #333;  /* 文字色を黒に近いグレーにする */
    font-weight: bold;  /* 文字を太くして見やすく */
    transition: color 0.3s;  /* ホバー時の色変更をスムーズにする */
}

/* ホバー時のスタイル */
.custom-tag a:hover {
    color: #007bff;  /* マウスホバー時に青色に変化 */
}