/* ========================================
   ソーシャルメディアアイコンのスタイル
======================================== */

/* YouTube アイコン - より強い優先度 */
.fa-youtube,
.fab.fa-youtube,
.detail-list .fa-youtube,
.detail-list .fab.fa-youtube {
    color: #FF0000 !important;
}

/* Facebook アイコン - より強い優先度 */
.fa-facebook,
.fab.fa-facebook,
.detail-list .fa-facebook,
.detail-list .fab.fa-facebook {
    color: #1877F2 !important;
}

/* Instagram アイコン - より強い優先度 */
.fa-instagram,
.fab.fa-instagram,
.detail-list .fa-instagram,
.detail-list .fab.fa-instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* リスト内のソーシャルアイコン */
.detail-list li .fab {
    margin-right: 0.5rem;
    font-size: 1.2rem;
}

/* 本文中のソーシャルアイコン */
.intro-text .fab {
    margin: 0 0.25rem;
    font-size: 1.1em;
}

/* プロモーションボックス内のソーシャルアイコン */
.promo-item p .fab {
    margin: 0 0.25rem;
    font-size: 1em;
}