/* Nisargテーマのサイドバーを非表示にして全幅にするCSS */
/* 1. サイドバーを非表示 */
#secondary {
display: none;
}
/* 2. メインコンテンツを全幅に調整 */
.site-content-main {
width: 100%;
margin-right: 0;
}
/* 3. 必要であれば、記事部分の幅も調整(Nisargの構造によって必要か変わります) */
.site-content .content-area {
width: 100%;
float: none; /* フロート設定を解除 */
max-width: none; /* 最大幅の制限を解除 */
}
/* レスポンシブ対応CSS */ .wp-block-html * { box-sizing: border-box; max-width: 100%; } .wp-block-html { width: 100% !important; max-width: 100% !important; overflow-x: hidden; } .wp-block-html img { max-width: 100%; height: auto; } .wp-block-html table { width: 100%; display: block; overflow-x: auto; } @media (max-width: 768px) { .wp-block-html { padding: 12px; font-size: 14px; } .wp-block-html h1, .wp-block-html h2, .wp-block-html h3 { font-size: 1.2em; word-wrap: break-word; } }
/* ヘッダー全体を強制的に白背景、文字を黒にする */
header#masthead {
background-color: #ffffff !important;
}
/* メニューの文字色を全ページで強制黒にする */
#primary-menu a,
.navbar-nav a {
color: #333333 !important;
}
/* スマホメニュー展開時、他の要素を無視して一番上に表示する */
@media (max-width: 991px) {
.navbar-collapse {
background-color: #ffffff !important;
position: relative !important;
z-index: 999999 !important;
display: block !important; /* 一瞬で消える対策 */
visibility: visible !important;
}
}
/* どんなに下のブロックが暴れても、メニュー(ヘッダー)だけはリセットさせない */
#masthead, .navbar, .navbar-default {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
z-index: 99999 !important;
}
/* メニューの文字色を強制的に保護 */
.navbar-default .navbar-nav > li > a {
color: #333333 !important;
}
/* PCサイズ(992px以上)の時にメニューを強制的に表示する設定 */
@media (min-width: 992px) {
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
visibility: visible !important;
}
}