.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; /* ここで三本線の色を変えられます */
}