/* 2026-10-08 記事・一覧ページ用ヘッダー（header.php の .mh）。TOPの赤帯に合わせる */
.l-header{display:none!important}
.mh{position:relative;z-index:50;font-family:inherit}
.mh__top{background:#ff3131;display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px;padding:0 3vw}
.mh__logo{margin:0;padding:0;line-height:0}
.mh__logo img{display:block;width:200px;height:auto}
.mh__nav ul,.mh__cat ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.mh__nav li{margin:0}
.mh__nav a{display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:8px 14px;letter-spacing:.04em}
.mh__nav a:hover{opacity:.8}
.mh__nav .mh__cta{background:#fff;color:#ff3131;border-radius:999px;padding:9px 22px;margin-left:8px}
.mh__cat{background:#fff;border-bottom:1px solid #e6e6e6}
.mh__cat ul{justify-content:center;gap:4px;padding:0 3vw;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.mh__cat ul::-webkit-scrollbar{display:none}
.mh__cat li{flex:0 0 auto;margin:0}
.mh__cat a{display:block;color:#323232;text-decoration:none;font-size:13px;font-weight:700;padding:13px 12px;border-bottom:3px solid transparent}
.mh__cat a:hover,.mh__cat a[aria-current]{color:#ff3131;border-bottom-color:#ff3131}
@media (max-width:899px){
  .mh__pc{display:none}
  .mh__top{height:56px;padding:0 16px}
  .mh__logo img{width:150px}
  .mh__nav .mh__cta{padding:7px 16px;font-size:13px;margin-left:0}
  .mh__cat ul{justify-content:flex-start;padding:0 8px}
  .mh__cat a{font-size:12px;padding:11px 10px}
}
/* テーマ設定の「お知らせ帯」が本文なしで赤帯だけ出ていたため非表示 */
.infoHead{display:none}

/* 2026-10-08 LINE相談カード（追従サイドバー／記事下のウィジェット .lc） */
.lc{background:#fff;border:2px solid #06c755;border-radius:12px;padding:22px 20px 18px;text-align:center;line-height:1.6}
.lc p{margin:0}
.lc__eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;color:#06c755;margin-bottom:10px!important}
.lc__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#06c755}
.lc__title{font-weight:700;font-size:16px;color:#323232;margin-bottom:12px!important}
.lc__points{list-style:none!important;margin:0 0 16px!important;padding:0!important;text-align:left;display:inline-block;background:none!important}
.lc__points li{position:relative;padding:0 0 0 22px!important;margin:4px 0!important;font-size:13px;color:#323232;border:none!important;background:none!important}
.lc__points li::before{content:"";position:absolute;left:4px;top:.45em;width:9px;height:5px;border-left:2px solid #06c755;border-bottom:2px solid #06c755;transform:rotate(-45deg)}
.lc .lc__btn{display:block;background:#06c755;color:#fff!important;font-weight:700;font-size:16px;text-decoration:none!important;padding:14px 10px;border-radius:999px;box-shadow:0 3px 0 #04a045;transition:transform .15s,box-shadow .15s}
.lc .lc__btn:hover{transform:translateY(2px);box-shadow:0 1px 0 #04a045;opacity:1}
.lc__sub{margin-top:10px!important;font-size:12px}
.lc__sub a{color:#6b6b6b!important;text-decoration:underline}
/* 記事下では横幅いっぱいになるので中身を絞る */
.widgetPost .lc,.content .lc{max-width:560px;margin:0 auto}
.widgetPost .widget,.widget .lc{background:none}

/* 2026-10-08 フッターはTOPと同じ .site-footer に差し替え。テーマ標準のフッターCTA・コピーライト帯は非表示（スマホ下部の controllerFooter は残す） */
.l-footerTop,.l-footer .bottomFooter,.l-footer .snsFooter{display:none!important}
.l-footer{background:none!important;padding:0!important;margin:0!important}
/* footer.css が使う色変数は style.css（TOP用）で定義されているため、記事側で補う */
.site-footer{--primary-color:#ff3131}
.site-footer .sf-sns a svg{display:block}

/* スマホ下部「メニュー」で開くパネル（header.php の .mh__drawer） */
.mh__drawer{position:fixed;top:0;right:0;bottom:0;width:min(84vw,340px);background:#fff;z-index:10001;transform:translateX(100%);transition:transform .25s;overflow-y:auto;padding:20px 20px 90px;box-shadow:-4px 0 20px rgba(0,0,0,.15)}
.mh__shade{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:10000;opacity:0;pointer-events:none;transition:opacity .25s}
.mh__chk:checked ~ .mh__drawer{transform:none}
.mh__chk:checked ~ .mh__shade{opacity:1;pointer-events:auto}
.mh__close{position:absolute;top:8px;right:12px;font-size:30px;line-height:1;color:#323232;cursor:pointer;padding:4px 8px}
.mh__dlogo{margin:6px 0 18px!important;background:#ff3131;padding:12px;border-radius:8px;line-height:0}
.mh__dlogo img{width:180px;height:auto}
.mh__drawer ul{list-style:none;margin:0;padding:0}
.mh__drawer li{border-bottom:1px solid #eee;margin:0}
.mh__drawer li a{display:block;padding:13px 4px;color:#323232;text-decoration:none;font-size:14px;font-weight:700}
.mh__dline{display:block;margin-top:20px;background:#06c755;color:#fff!important;text-align:center;font-weight:700;padding:13px;border-radius:999px;text-decoration:none!important}