高齢者避難

/* ✅ PC表示用：バナー画像とキャッチコピーの調整 */ @media screen and (min-width: 768px){ .pc-banner img { max-width: 70% !important; height: auto; max-height: 300px; display: block; margin: 0 auto; } .pc-banner .catchphrase { text-align: center; font-size: 14px; color: #666; margin-top: 6px; } .sidebar { display: block !important; } } /* ✅ モバイル表示用：記事下の複製サイドバーを非表示 */ /*@media screen and (max-width: 768px){ .article-footer .sidebar, .article-footer .sidebar-widget, .article-footer .widget-area { display: none !important;  }/* .navi-menu-content a { color: #0066cc !important; text-decoration: underline !important; padding: 10px 15px; display: block; font-size: 16px; border-bottom: 1px solid #ccc; } .navi-menu-content a:hover { background-color: #eef7ff; } .sub-menu-description { display: none !important; height: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; visibility: hidden !important; } } /* ✅ その他の調整 */ .entry-thumb img { max-width: 70%; height: auto; } .sub-menu-description { display: none !important; height: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; visibility: hidden !important; } /* ✅ カテゴリボックスの調整 */ @media screen and (min-width: 768px) { .category-flex { display: flex; justify-content: center; gap: 16px; } .category-flex .cat-box { width: 30%; } } @media screen and (max-width: 767px) { .category-flex { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; } .category-flex .cat-box { width: 45%; } .category-flex .cat-box:nth-child(1) { width: 70%; margin: 0 auto; } } /* ✅ カテゴリラベルと矢印を非表示 */ .cat-label, .top-menu-icon .fa-arrow-up { display: none !important; } /* ✅ スライドサイドバー初期非表示（右と左両方対応） */ #slide-sidebar, #slide-sidebar-right { position: fixed; top: 0; width: 270px; height: 100%; background-color: #fff; box-shadow: 2px 0 5px rgba(0,0,0,0.2); z-index: 9998; padding: 16px; overflow-y: auto; transition: all 0.3s ease; } #slide-sidebar { left: -270px; } #slide-sidebar.open { left: 0; } #slide-sidebar-right { right: -270px; } #slide-sidebar-right.open { right: 0; } /* ✅ スライドボタンの基本スタイル */ #menu-toggle, #slide-toggle-btn { position: fixed; top: 15px; z-index: 9999; } #menu-toggle { left: 15px; } #slide-toggle-btn { right: 15px; } #menu-toggle button, #slide-toggle-btn button { font-size: 24px; background: none; border: none; cursor: pointer; }