/* ========================================
   Xアイコン（X.com ロゴ）のスタイル
======================================== */

.x-icon svg {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    transition: all 0.3s ease;
}

.x-icon:hover svg {
    transform: scale(1.1);
    opacity: 0.8;
}

/* フッター内のXアイコンの調整 */
.footer-bottom .social-links .x-icon svg {
    fill: currentColor;
}

/* ダークモードでの調整 */
@media (prefers-color-scheme: dark) {
    .x-icon svg {
        fill: #ffffff;
    }
}