/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 17 2025 | 08:15:17 */
/* ================================================== */
/* 【B】モバイル専用 CSS (768px以下) - 最終統合版       */
/* (H1～H4はPCのデザインを継承し、サイズのみ調整)      */
/* ================================================== */
@media screen and (max-width: 768px) {

    /* 1. レイアウト縦並び */
    .toriu-nav-row, .toriu-two-columns, .toriu-list-container {
        flex-direction: column !important; gap: 0 !important; margin: 0 !important;
    }
    .toriu-col-right { padding: 0 !important; width: 100% !important; }
    .nav-card, .toriu-col-left, .toriu-col-right, .toriu-list-box { width: 100% !important; margin-bottom: 10px !important; }
    .toriu-main-image img { width: 100% !important; height: auto !important; }

    /* 検索窓～ボタンの隙間削除 */
    .toriu-nav-row { margin-bottom: 0 !important; }

    /* 2. 不要な要素を消す */
    .widget-entry-cards, .list-title, #appeal, .appeal-area { display: none !important; }
    
    /* 3. ★★★ H1/H2/H3/H4 サイズ調整 (デザインの競合を避けてサイズのみ変更) ★★★ */
    
    /* H1：サイズだけモバイル向けに縮小。他のデザイン要素（color, borderなど）は【A】/①のPC設定を継承させるため、ここで上書きしない */
    html body .article h1, html body .entry-title {
        font-size: 22px !important; /* PCの30pxから縮小 */
    }
    html body .article h1:before { display: inline-block !important; } /* PCの記号表示をモバイルでも維持 */

    /* H2：サイズとマージンのみをモバイル向けに上書き (デザインは【A】/①のGLOBAL設定を継承) */
    html body .article h2, html body .entry-content h2 {
        font-size: 19px !important; /* PCの24pxから縮小 */
        margin: 25px 0 15px 0 !important; /* モバイル向けにマージンを調整 */
    }

    /* H3：サイズとマージンのみをモバイル向けに上書き */
    html body .article h3, html body .entry-content h3 {
        font-size: 18px !important; /* PCの22pxから縮小 */
        margin: 18px 0 18px 0 !important; /* マージン調整 */
    }

    /* H4：サイズとマージンのみをモバイル向けに上書き */
    html body .article h4, html body .entry-content h4 {
        font-size: 17px !important; /* PCの22pxから縮小 */
        margin: 18px 0 8px 0 !important; /* マージン調整 */
    }

    /* 4. 文章調整（サイズ小・太字解除・青色） */
    .toriu-intro-text-wrapper .bold.blue, .toriu-intro-text-wrapper .toriu-fz-24 {
        font-weight: normal !important; font-size: 15px !important; line-height: 1.8 !important; color: #0000ff !important;
    }
    .toriu-intro-text-wrapper { width: auto !important; margin: 0 5px 20px 5px !important; padding-top: 0 !important; }

    /* 5. ★★★ スライダー強制（文字折り返し禁止） ★★★ */
    .toriu-col-right, .toriu-col-right .native-accordion-toc {
        display: block !important; width: 100% !important;
        overflow-x: auto !important; -webkit-overflow-scrolling: touch;
    }
    .toriu-col-right a, .toriu-col-right li, .toriu-col-right span {
        white-space: nowrap !important; display: inline-block !important; max-width: none !important;
    }

    /* 6. ★★★ 「全メニューを見る」ボタン（スマホのみ表示） ★★★ */
    /* 上書きして表示させる */
    a.toriu-menu-button {
        display: flex !important; justify-content: center; align-items: center;
        width: 95%; max-width: 400px; height: 50px; 
        margin: 5px auto 10px auto !important;
        background: linear-gradient(135deg, #0000ff, #0000cc) !important;
        color: #ffff00 !important; font-size: 18px !important; font-weight: bold !important; text-decoration: none !important;
        border-radius: 8px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        visibility: visible !important; opacity: 1 !important;
    }
    a.toriu-menu-button:visited, a.toriu-menu-button:hover, a.toriu-menu-button:active {
        color: #ffff00 !important;
    }
    
    /* フッター */
    .footer-bottom, .navi-footer { display: block !important; }
}

/* モバイル環境で管理番号（.article-index）を強制的に非表示にする最終手段 */

/* 画面幅が768px以下のデバイスに限定 */
@media screen and (max-width: 1024px) {
    /* 1. 親要素も指定して優先度を上げる */
    .level-2-summary .article-index {
        display: none !important;
    }
    
    /* 2. 万が一の子要素も指定して優先度を上げる */
    .native-accordion-toc .level-2-details .article-index {
        display: none !important;
    }
}