/* ========================================
   SNSアイコン（メニューロゴ代替）
   ★変更: SVG→img対応、Facebook追加
   ======================================== */
.menu-sns-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.sns-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f5f5f5;
    text-decoration: none;
    transition: all 0.3s ease;
    overflow: hidden;
}

/* アップロード画像用 */
.sns-icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    display: block;
}

/* SVG互換（旧データ残存時） */
.sns-icon svg {
    width: 20px;
    height: 20px;
}

.sns-icon:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* 各SNSブランドカラー（ホバー時） */
.sns-icon--line:hover      { background: #06C755; }
.sns-icon--x:hover         { background: #000000; }
.sns-icon--instagram:hover { background: #E4405F; }
.sns-icon--facebook:hover  { background: #1877F2; }
.sns-icon--note:hover      { background: #41C9B4; }
.sns-icon--youtube:hover   { background: #FF0000; }
.sns-icon--tiktok:hover    { background: #000000; }

/* モバイルドロップダウン内 */
.mobile-dropdown-logo .menu-sns-icons {
    gap: 12px;
}

.mobile-dropdown-logo .sns-icon {
    width: 36px;
    height: 36px;
}

.mobile-dropdown-logo .sns-icon img {
    width: 20px;
    height: 20px;
}

.mobile-dropdown-logo .sns-icon svg {
    width: 18px;
    height: 18px;
}

/* モバイル縦並びメニュー内 */
.mobile-menu-logo .menu-sns-icons {
    gap: 14px;
}