.content .outline{
width:90%;
margin:0 auto;
display:block;
position:relative;
background:#fffbf4;
border:none;
padding-top:0px;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
border:solid 2px #fcd69e;
}
.content .outline__item{
background:#fffbf4;
}
.content .outline__number{
background:none;
font-size:17px;
color:#333;
border-radius:50%;
margin-right:0px;
}
.content .outline__number:after{
content:".";
}
.content li ul li .outline__number{
background:transparent;
color:#555;
width:auto;
font-size:15px;
margin-left:10px;
}
.outline__title:before{
font-family: "icomoon";
content: "\ea51";
margin-right:5px;
color:#555;
}
.outline__title{
color:#555;
font-weight:bold;
font-size:20px;
display:block;
text-align:center;
background:#fcd69e;
margin-right:-20px;
margin-left:-20px;
padding:5px;
}
.content .outline__toggle:checked + .outline__switch::before {
content: "［閉じる］";
display:none;
}
.content .outline__toggle:checked + .outline__switch + .outline__list {
margin-top: 1rem;
background:initial;
}
.content .outline__switch::before {
content: "［開く ］";
display:none;
}
/* --- THE THOR メニューパネル 強制上書き版 --- */
body .m-menuPanel,
body .m-menuPanel__inner,
body .l-sidebar {
    background-color: #ffffff !important; /* 背景を強制的に白 */
}

/* 「お得情報」「関東」などの黒帯を消す */
body .m-menuPanel__heading {
    background: #f8f8f8 !important; /* 薄いグレー */
    color: #333 !important;           /* 文字は黒 */
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

/* 各県名などのリスト項目 */
body .m-menuPanel__item a {
    background: #ffffff !important;
    color: #555 !important;
    border-bottom: 1px solid #eee !important;
}

/* 右上の CLOSE ボタンを黒文字にする */
body .m-menuPanel__close,
body .m-menuPanel__close i {
    color: #333 !important;
}

/* --- 【重要】右上に出てくる「三本線ボタン」自体が気に入らない場合 --- */
/* ボタンの色をサイトに合わせて茶色や黒などに変更 */
.h-menu__btn i {
    color: #333 !important; /* ここで三本線の色を変えられます */
}

/* メニューの文字を真っ黒にする（強力版） */
.p-navListItem__link, .p-navListItem__link span {
    color: #000000 !important;
}
/* 目次のタイトル部分（薄オレンジの部分）の色を変える */
.outline__title {
    background-color: #f5f5dc !important; /* ここにお好きな色コードを入れてください */
    color: #333333 !important;           /* 文字の色です */
}

/* 目次の枠線の色を変える */
.outline {
    border-color: #f5f5dc !important;
}
/* 1. 目次全体の枠線と背景をリセット */
.outline {
    background-color: #ffffff !important;
    border-color: #eeeeee !important; /* 枠線を薄くするか、透明にするなら transparent */
}

/* 2. リスト部分の背景をリセット */
.outline__list {
    background-color: #ffffff !important;
}

/* 3. 重要：縞々（ストライプ）の背景色を強制的に白にする */
.outline__item {
    background-color: #ffffff !important;
}

/* 4. マウスを乗せた時の色（もし変えたければ） */
.outline__link:hover {
    background-color: #f7f7f7 !important;
}

/* サイドバーの「ナビゲーションメニュー」のボタンの色を変える */
.widget_nav_menu ul li a {
    background-color: #f4f4f4 !important; /* ボタンの背景色（薄いグレー） */
    color: #333 !important;              /* 文字の色（濃いグレー） */
    border: 1px solid #ddd;              /* 薄い枠線 */
}

/* マウスを乗せた時の色 */
.widget_nav_menu ul li a:hover {
    background-color: #e0e0e0 !important;
}