/* === 【システムメンテナンス用CSS】デスクトップ版 (769px以上) === */
/*   @media (min-width: 769px) {
    body.page-id-12853 .header__nav::after {
        content: "【システムメンテナンス】2026年3月18日(水)20:00～21:00頃、サービスを停止します。ご不便をおかけしますが、ご理解とご協力をお願いいたします。";
        display: block;
        background: linear-gradient(135deg, #ff6b6b, #ee5a24);
        color: white;
        padding: 12px 20px;
        text-align: center;
        font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Yu Gothic', '游ゴシック', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.4;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        z-index: 999;
        white-space: normal;
        word-wrap: break-word;
    }
}

/* === 【システムメンテナンス用CSS】モバイル版 (768px以下) === */
/*    @media (max-width: 768px) {
    .header__nav::after {
        display: none !important;
    }
    
    body.page-id-12853 .header-wrap::after {
        content: "【システムメンテナンス】2026年3月18日(水)20:00～21:00頃、サービスを停止します。ご不便をおかけしますが、ご理解とご協力をお願いいたします。";
        display: block;
        width: 100%;
        background: linear-gradient(135deg, #ff6b6b, #ee5a24);
        color: white;
        font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Yu Gothic', '游ゴシック', sans-serif;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.4;
        padding: 12px 15px;
        text-align: center;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        margin: 0;
        z-index: 999;
        position: relative;
        white-space: normal;
        word-wrap: break-word;
    }
}

/* === 【システムメンテナンス用CSS】小型モバイル対応 (480px以下) === */
/*   @media (max-width: 480px) {
    body.page-id-12853 .header-wrap::after {
        font-size: 12px;
        padding: 10px 12px;
        line-height: 1.3;
    }
}

/* === 【システムメンテナンス用CSS】超大型画面対応 (1400px以上) === */
/*    @media (min-width: 1400px) {
    body.page-id-12853 .header__nav::after {
        font-size: 15px;
        padding: 14px 30px;
    }
}

/* === 【システムメンテナンス用CSS】タブレット対応 === */
/*    @media (max-width: 1024px) and (min-width: 769px) {
    body.page-id-12853 .header__nav::after {
        font-size: 13px;
        padding: 11px 18px;
    }
}

/* === 【システムメンテナンス用CSS】高コントラストモード === */
/*    @media (prefers-contrast: high) {
    body.page-id-12853 .header__nav::after,
    body.page-id-12853 .header-wrap::after {
        background: #990000 !important;
        color: #ffffff !important;
        border: 2px solid #ffffff;
        font-weight: 700 !important;
    }
}