/* ==========================================================
   メンズバッグJP デザインシステム（店員POPのカタログ誌）
   ブランドブック「メンズバッグJP」の tokens.json に対応。
   色・余白はここの変数だけを書き換える。
========================================================== */
:root{
	--mb-paper:#fffdf7;
	--mb-paper-raised:#ffffff;
	--mb-paper-kraft:#f4efe4;
	--mb-note-paper:#ecdcc0;
	--mb-note-accent:#a32d16;
	--mb-ink:#1f1d1a;
	--mb-ink-muted:#5a554d;
	--mb-ink-subtle:#8a8378;
	--mb-rule:#ddd4c4;
	--mb-border-control:#857b6d;
	--mb-pop-red:#c8391e;
	--mb-on-pop:#ffffff;
	--mb-marker:#ffe14d;
	--mb-cognac:#8a5a2e;
	--mb-sky:#2a5f8a;
	--mb-action:#1f1d1a;
	--mb-on-action:#fffdf7;
	--mb-font-gothic:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif;
	--mb-font-display:"DM Serif Display","Zen Old Mincho",Georgia,serif;
	--mb-font-hand:"Klee One","Hiragino Maru Gothic ProN",cursive;
	--mb-font-sans:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif;
	--mb-shadow-paper:0 1px 0 rgba(31,29,26,.08),0 4px 10px rgba(31,29,26,.06);
	--mb-tilt-pop:-2deg;
	--mb-tilt-stamp:6deg;
	--mb-measure:720px;
	--mb-container:1120px;
}

/* ---------- 共通の部品 ---------- */
.mb-marker{background:linear-gradient(transparent 58%,var(--mb-marker) 58%);padding:0 2px}
.mb-no{font-family:var(--mb-font-display);color:var(--mb-pop-red);line-height:1;font-weight:400}
.mb-kicker{font-family:var(--mb-font-display);color:var(--mb-pop-red);font-size:20px;line-height:1.2;margin:0}
.mb-pr{display:inline-flex;align-items:center;padding:0 8px;border:1px solid var(--mb-border-control);color:var(--mb-ink-muted);font-size:13px;font-weight:500;line-height:1.7}

/* 店員POP（付箋） */
.mb-pop{position:relative;display:block;width:300px;max-width:100%;box-sizing:border-box;flex:0 0 auto;background:var(--mb-note-paper);color:var(--mb-ink);padding:16px 18px 12px;border-radius:2px;box-shadow:var(--mb-shadow-paper);transform:rotate(var(--mb-tilt-pop));margin:8px 4px 16px}
.mb-pop p{margin:0}
.mb-pop .mb-pop__head{font-family:var(--mb-font-gothic);font-weight:900;font-size:15px;color:var(--mb-note-accent);margin-bottom:4px}
.mb-pop .mb-pop__text{font-family:var(--mb-font-hand);font-weight:600;font-size:20px;line-height:1.6}
.mb-pop .mb-pop__sign{font-family:var(--mb-font-hand);font-weight:600;font-size:14px;color:var(--mb-ink-muted);margin-top:8px;text-align:right}

/* 丸スタンプ */
.mb-stamp{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:92px;height:92px;border-radius:999px;background:var(--mb-pop-red);color:var(--mb-on-pop);font-family:var(--mb-font-gothic);font-weight:900;font-size:16px;line-height:1.25;text-align:center;transform:rotate(var(--mb-tilt-stamp))}
.mb-stamp small{font-family:var(--mb-font-display);font-weight:400;font-size:13px}

/* スペックタグ */
.mb-spec{display:inline-grid;grid-template-columns:auto auto;column-gap:16px;row-gap:2px;background:var(--mb-paper-kraft);border:1px solid var(--mb-border-control);border-radius:2px;padding:12px 16px;font-size:14px;line-height:1.6;margin:0 0 1.5em}
.mb-spec dt{color:var(--mb-ink-muted);font-weight:500;margin:0}
.mb-spec dd{margin:0;color:var(--mb-ink);font-weight:700}
.mb-spec .mb-spec__src{grid-column:1/-1;font-size:13px;color:var(--mb-ink-muted);border-top:1px dashed var(--mb-border-control);margin-top:4px;padding-top:4px}

/* 検証の採点 */
.mb-score{background:var(--mb-paper-raised);border-top:2px solid var(--mb-ink);border-bottom:1px solid var(--mb-rule);padding:16px 0;margin:0 0 2em}
.mb-score__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;padding:0 16px;margin-bottom:6px}
.mb-score__title{font-family:var(--mb-font-gothic);font-weight:700;font-size:19px;margin:0}
.mb-score__cond{font-size:13px;line-height:1.7;color:var(--mb-ink-muted);padding:0 16px;margin:0 0 10px}
.mb-score__row{display:grid;grid-template-columns:7.5em 6em minmax(0,1fr);gap:12px;padding:8px 16px;border-top:1px dotted var(--mb-rule);font-size:15px;line-height:1.7;align-items:baseline}
.mb-score__label{font-weight:700}
.mb-score__stars{letter-spacing:.08em}
.mb-score__stars span{color:var(--mb-ink-subtle)}
.mb-score__why{color:var(--mb-ink-muted)}
@media (max-width:599px){.mb-score__row{grid-template-columns:7em minmax(0,1fr)}.mb-score__why{grid-column:1/-1}}

/* 解剖・注釈リスト */
.mb-anno-list{list-style:none !important;margin:0 0 2em !important;padding:0 !important;border-top:2px solid var(--mb-ink)}
.mb-anno-list li{display:grid;grid-template-columns:3em minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--mb-rule);margin:0}
.mb-anno-list li::before{content:none !important}
.mb-anno-list .n{font-family:var(--mb-font-display);font-size:24px;line-height:1.2;color:var(--mb-pop-red)}

/* ---------- トップページ ---------- */
.mb-top{font-family:var(--mb-font-sans);color:var(--mb-ink);line-height:1.9}
.mb-top a{color:var(--mb-ink)}
.mb-top h2,.mb-top h3{background:none !important;border:none !important;padding:0 !important;color:var(--mb-ink) !important;box-shadow:none !important}
.mb-top h2::before,.mb-top h2::after,.mb-top h3::before,.mb-top h3::after{content:none;display:none}
.mb-bleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(24px,calc(50vw - var(--mb-container)/2));padding-right:max(24px,calc(50vw - var(--mb-container)/2))}
.mb-sec{margin:0 0 88px}
.mb-sec__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;border-top:2px solid var(--mb-ink);padding-top:14px;margin-bottom:24px}
.mb-sec__title{font-family:var(--mb-font-gothic) !important;font-weight:900 !important;font-size:28px !important;line-height:1.4 !important;margin:0 !important}
.mb-sec__title .mb-kicker{display:inline;font-size:20px;margin-left:10px}
.mb-sec__note{font-size:13px;color:var(--mb-ink-muted)}

/* ヒーロー（特集の扉） */
.mb-hero{background:var(--mb-paper);padding-top:40px;padding-bottom:56px;margin-bottom:64px;border-bottom:2px solid var(--mb-ink)}
.mb-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center}
.mb-hero__visual{position:relative;display:block;aspect-ratio:4/5;background:var(--mb-paper-kraft);overflow:visible}
.mb-hero__visual img{width:100%;height:100%;object-fit:cover;display:block}
.mb-hero__visual .mb-stamp{position:absolute;right:-18px;top:28px}
.mb-hero__notes{position:absolute;left:16px;bottom:40px;display:flex;flex-direction:column;gap:6px;font-family:var(--mb-font-hand);font-weight:600;font-size:17px}
.mb-hero__notes span{background:var(--mb-paper);padding:2px 10px;align-self:flex-start}
.mb-hero__notes span:nth-child(2){margin-left:36px}
.mb-hero__body{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.mb-top .mb-hero__catch{font-family:var(--mb-font-gothic) !important;font-weight:900 !important;font-size:clamp(32px,4.4vw,52px) !important;line-height:1.25 !important;margin:0 !important}
.mb-hero__lead{font-size:18px;line-height:1.95;margin:0}
.mb-hero__site{font-size:13px;color:var(--mb-ink-muted);margin:0}

/* ボタン */
.mb-btn{display:inline-flex !important;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;box-sizing:border-box;font-weight:700;font-size:15px;line-height:1.4;text-decoration:none !important;border:2px solid var(--mb-action);background:var(--mb-action);color:var(--mb-on-action) !important;border-radius:0}
.mb-btn:hover{background:#3a3631;border-color:#3a3631;opacity:1}
.mb-btn--ghost{background:var(--mb-paper-raised);color:var(--mb-ink) !important;border-color:var(--mb-border-control)}
.mb-btn--ghost:hover{background:var(--mb-paper-raised);border-color:var(--mb-ink)}

/* チップ（年代・悩み） */
.mb-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none !important;margin:0 !important;padding:0 !important}
.mb-chips li{margin:0;padding:0}
.mb-chips li::before{content:none !important}
.mb-chip{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border:2px solid var(--mb-border-control);border-radius:999px;background:var(--mb-paper-raised);font-weight:700;font-size:15px;text-decoration:none !important;box-sizing:border-box}
.mb-chip:hover{border-color:var(--mb-ink)}
.mb-chip small{font-weight:500;color:var(--mb-ink-muted);margin-left:8px;font-size:13px}
.mb-chip--more{border-style:dashed}
.mb-agemsg{font-size:15px;color:var(--mb-ink-muted);margin:12px 0 0}

/* 編集部の棚（SWELL記事リストをカタログ面に） */
.mb-shelf{position:relative}
.mb-shelf .p-postList{counter-reset:mbshelf}
.mb-shelf .p-postList__item{counter-increment:mbshelf}
.mb-shelf .p-postList__body::before{content:"No." counter(mbshelf,decimal-leading-zero);display:block;font-family:var(--mb-font-display);font-size:26px;line-height:1;color:var(--mb-pop-red);margin:10px 0 6px}
.mb-shelf .p-postList__title{font-family:var(--mb-font-gothic);font-weight:700;font-size:16px;line-height:1.6}
.mb-shelf .p-postList__thumb{border-radius:0;background:var(--mb-paper-kraft)}
.mb-shelf .c-postThumb__figure{border-radius:0}
.mb-sec__head--pop{align-items:flex-end}
.mb-sec__head--pop>div:first-child{display:flex;flex-direction:column;gap:4px}
.mb-sec__head--pop .mb-pop{margin:-40px 4px 0 0}

/* 種類から選ぶ（番号付きの目次） */
.mb-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px;list-style:none !important;margin:0 !important;padding:0 !important}
.mb-index li{margin:0;padding:0;border-bottom:1px solid var(--mb-rule)}
.mb-index li::before{content:none !important}
.mb-index a{display:flex;align-items:baseline;gap:12px;padding:14px 0;text-decoration:none !important;font-weight:700}
.mb-index a .mb-no{font-size:22px;min-width:1.6em}
.mb-index a:hover span:last-child{text-decoration:underline;text-decoration-color:var(--mb-pop-red);text-decoration-thickness:2px}

/* ちゃんと比べたい人へ（比較記事） */
.mb-compare .p-postList__title{font-family:var(--mb-font-gothic);font-weight:700}

/* 書き手 */
.mb-writers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mb-writer{background:var(--mb-paper-kraft);padding:24px;display:flex;flex-direction:column;gap:8px}
.mb-writer__role{font-size:13px;color:var(--mb-ink-muted);margin:0}
.mb-writer__name{font-family:var(--mb-font-gothic);font-weight:900;font-size:20px;margin:0}
.mb-writer p{margin:0;font-size:15px;line-height:1.8}
.mb-writer .mb-pop{align-self:flex-start;margin-top:8px}

@media (max-width:959px){
	.mb-hero__grid{grid-template-columns:minmax(0,1fr)}
	.mb-hero__visual{aspect-ratio:4/3}
	.mb-index{grid-template-columns:repeat(2,minmax(0,1fr))}
	.mb-writers{grid-template-columns:minmax(0,1fr)}
	.mb-sec__head--pop .mb-pop{margin:8px 0 0}
}
@media (max-width:599px){
	.mb-sec{margin-bottom:64px}
	.mb-sec__title{font-size:23px !important}
	.mb-hero__visual .mb-stamp{right:8px;top:12px;width:76px;height:76px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){.mb-pop,.mb-stamp{transform:none}}

/* ---------- 共通フッター ---------- */
.mb-footer{background:var(--mb-ink) !important;color:var(--mb-paper) !important;padding:0 !important}
.mb-foot{font-family:var(--mb-font-sans);color:var(--mb-paper)}
.mb-foot__inner{max-width:var(--mb-container);margin:0 auto;padding:56px 24px 32px;display:flex;flex-direction:column;gap:40px}
.mb-foot a{color:#e9e3d8;text-decoration:none}
.mb-foot a:hover{color:#ffffff;text-decoration:underline;text-decoration-color:#ff7a5c;text-decoration-thickness:2px}
.mb-foot__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;border-bottom:2px solid var(--mb-paper);padding-bottom:20px}
.mb-foot__logo{font-family:var(--mb-font-display);font-size:40px;line-height:1;color:var(--mb-paper) !important}
.mb-foot__logo span{color:#ff7a5c}
.mb-foot__sub{margin:8px 0 0;font-size:14px;color:#e9e3d8}
.mb-foot__note{margin:0;font-family:var(--mb-font-gothic);font-weight:700;font-size:17px;color:var(--mb-paper)}
.mb-foot__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 24px}
.mb-foot__col{display:flex;flex-direction:column;gap:10px}
.mb-foot__en{margin:0;font-family:var(--mb-font-display);font-size:20px;line-height:1.2;color:#ff7a5c}
.mb-foot__jp{margin:0;font-family:var(--mb-font-gothic);font-weight:700;font-size:14px;border-bottom:1px solid #4a443c;padding-bottom:8px}
.mb-foot ul{list-style:none;margin:0;padding:0}
.mb-foot__col ul{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.6}
.mb-foot li{margin:0;padding:0}
.mb-foot li::before{content:none}
.mb-foot__bottom{display:flex;flex-direction:column;gap:12px;border-top:1px solid #4a443c;padding-top:20px;font-size:13px;color:#c9c2b5}
.mb-foot__bottom p{margin:0}
.mb-foot__info{display:flex;flex-wrap:wrap;gap:8px 20px}
@media (max-width:959px){.mb-foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- グローバルナビの一覧パネル ---------- */
.l-header__inner,.l-fixHeader__inner{position:relative}
.c-gnavWrap,.c-gnav .menu-item.mb-mega-host{position:static}
.c-gnav .mb-mega-host>.sub-menu{display:none !important}
.mb-mega{position:absolute;left:0;right:0;top:100%;z-index:100;background:var(--mb-paper-raised);color:var(--mb-ink);border-top:2px solid var(--mb-ink);box-shadow:0 12px 24px rgba(31,29,26,.12);padding:28px 32px 24px;text-align:left;font-family:var(--mb-font-sans);visibility:hidden;opacity:0;transform:translateY(-4px);transition:opacity .15s ease .1s,transform .15s ease .1s,visibility 0s linear .25s}
.mb-mega-host:hover>.mb-mega,.mb-mega-host:focus-within>.mb-mega{visibility:visible;opacity:1;transform:none;transition-delay:.05s,.05s,0s}
.mb-mega__grid{display:grid;gap:24px 32px}
.mb-mega__grid--1{grid-template-columns:minmax(0,1fr)}
.mb-mega__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mb-mega__en{margin:0;font-family:var(--mb-font-display);font-size:20px;line-height:1.2;color:var(--mb-pop-red)}
.mb-mega__jp{margin:0 0 10px;font-family:var(--mb-font-gothic);font-weight:700;font-size:13px;border-bottom:1px solid var(--mb-rule);padding-bottom:6px}
.mb-mega ul{list-style:none;margin:0;padding:0;display:grid;gap:2px 16px}
.mb-mega__list--1{grid-template-columns:minmax(0,1fr)}
.mb-mega__list--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mb-mega__list--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mb-mega__shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 24px !important}
.mb-mega li{margin:0;padding:0}
.mb-mega li::before{content:none}
.mb-mega a{display:block;padding:5px 0;font-size:14px;font-weight:700;line-height:1.5;color:var(--mb-ink) !important;text-decoration:none;background:none !important}
.mb-mega a small{display:block;font-weight:500;font-size:12px;color:var(--mb-ink-muted)}
.mb-mega__no{display:block;font-family:var(--mb-font-display);font-weight:400;font-size:18px;line-height:1.1;color:var(--mb-pop-red)}
.mb-mega a:hover{text-decoration:underline;text-decoration-color:var(--mb-pop-red);text-decoration-thickness:2px}
.mb-mega .mb-mega__all{display:inline-block;margin-top:20px;font-size:14px}
.mb-mega a::after,.mb-mega a::before{content:none !important}
@media (max-width:959px){.mb-mega{display:none}}
@media (prefers-reduced-motion:reduce){.mb-mega{transition:none}}

/* ---------- バッグ診断 ---------- */
.mb-diag{background:var(--mb-paper-kraft);padding:28px;margin:0}
.mb-diag__qs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mb-diag__q{border:0;margin:0;padding:0;min-width:0}
.mb-diag__q legend{display:flex;align-items:baseline;gap:10px;font-family:var(--mb-font-gothic);font-weight:700;font-size:17px;margin-bottom:10px;padding:0}
.mb-diag__q legend .mb-no{font-size:24px}
.mb-diag__opts{display:flex;flex-direction:column;gap:8px}
.mb-diag__opt{position:relative;display:block;cursor:pointer;margin:0}
.mb-diag__opt input{position:absolute;opacity:0;width:1px;height:1px}
.mb-diag__opt span{display:flex;align-items:center;min-height:48px;padding:0 16px;background:var(--mb-paper-raised);border:2px solid var(--mb-border-control);font-weight:700;font-size:15px;box-sizing:border-box}
.mb-diag__opt:hover span{border-color:var(--mb-ink)}
.mb-diag__opt input:checked+span{background:var(--mb-ink);border-color:var(--mb-ink);color:var(--mb-paper)}
.mb-diag__opt input:focus-visible+span{outline:2px solid var(--mb-pop-red);outline-offset:2px}
.mb-diag__result{margin-top:24px;background:var(--mb-paper-raised);border-top:2px solid var(--mb-ink);padding:20px 24px}
.mb-diag__result[hidden],.mb-diag__sub[hidden]{display:none}
.mb-diag__label{margin:0 0 4px;font-family:var(--mb-font-hand);font-weight:600;font-size:17px;color:var(--mb-pop-red)}
.mb-diag__main{display:block;font-family:var(--mb-font-gothic);font-weight:900;font-size:22px;line-height:1.5;color:var(--mb-ink) !important;text-decoration:underline;text-decoration-color:var(--mb-pop-red);text-decoration-thickness:2px;text-underline-offset:5px}
.mb-diag__sub{margin:12px 0 0;font-size:15px}
.mb-diag__sub a{font-weight:700;color:var(--mb-ink) !important}
.mb-diag__note{margin:8px 0 0;font-size:13px;color:var(--mb-ink-muted)}

/* ---------- リンクリスト（季節の棚・予算） ---------- */
.mb-linklist{list-style:none !important;margin:0 !important;padding:0 !important;border-top:1px solid var(--mb-rule)}
.mb-linklist li{margin:0;padding:0;border-bottom:1px solid var(--mb-rule)}
.mb-linklist li::before{content:none !important}
.mb-linklist a{display:block;padding:12px 0;font-weight:700;color:var(--mb-ink) !important;text-decoration:none}
.mb-linklist a::after{content:" →";color:var(--mb-pop-red)}
.mb-linklist a:hover{text-decoration:underline;text-decoration-color:var(--mb-pop-red);text-decoration-thickness:2px}
.mb-linklist--2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;border-top:0}

/* ---------- 季節の棚 ---------- */
.mb-season{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;background:var(--mb-note-paper);padding:32px}
.mb-season__title{margin:4px 0 8px;font-family:var(--mb-font-gothic);font-weight:900;font-size:26px;line-height:1.4}
.mb-season__lead{margin:0;font-size:15px;line-height:1.8}
.mb-season__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mb-season__h{margin:0 0 8px;font-family:var(--mb-font-gothic);font-weight:700;font-size:15px}
.mb-season .mb-linklist{border-top-color:#c9b48f}
.mb-season .mb-linklist li{border-bottom-color:#c9b48f}

/* ---------- 予算で選ぶ ---------- */
.mb-tabs__list{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid var(--mb-ink);margin-bottom:20px}
.mb-tabs__btn{appearance:none;min-height:48px;padding:0 20px;background:transparent;border:0;border-bottom:4px solid transparent;margin-bottom:-2px;font-family:var(--mb-font-gothic);font-weight:700;font-size:16px;color:var(--mb-ink-muted);cursor:pointer}
.mb-tabs__btn[aria-selected="true"]{color:var(--mb-ink);border-bottom-color:var(--mb-pop-red)}
.mb-tabs__btn:focus-visible{outline:2px solid var(--mb-pop-red);outline-offset:2px}
.mb-tabs__lead{margin:0 0 8px;font-family:var(--mb-font-hand);font-weight:600;font-size:17px}
.mb-tabs:not(.is-ready) .mb-tabs__list{display:none}
.mb-tabs__panel[hidden]{display:none}

/* ---------- 中身拝見 ---------- */
.mb-nakami{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start}
.mb-nakami__photo{position:relative;aspect-ratio:1/1;background:var(--mb-paper-kraft)}
.mb-nakami__photo img{width:100%;height:100%;object-fit:cover;display:block}
.mb-nakami__pin{position:absolute;width:30px;height:30px;border-radius:999px;background:var(--mb-ink);color:var(--mb-paper);display:flex;align-items:center;justify-content:center;font-family:var(--mb-font-display);font-size:15px;line-height:1}
.mb-nakami__body{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.mb-nakami__title{margin:0;font-family:var(--mb-font-gothic);font-weight:900;font-size:26px;line-height:1.4}

@media (max-width:959px){
	.mb-diag__qs,.mb-season,.mb-season__cols,.mb-nakami{grid-template-columns:minmax(0,1fr)}
	.mb-linklist--2{grid-template-columns:minmax(0,1fr)}
}

/* ==========================================================
   誌面レイアウト（ページ番号・帯・変化のある並び）
========================================================== */
.mb-page{font-family:var(--mb-font-display);font-size:44px;line-height:.9;color:var(--mb-pop-red);letter-spacing:-.01em;flex-shrink:0}
.mb-sec__head .mb-page{margin-right:4px}
.mb-sec__head{align-items:flex-end}
.mb-sec__titlerow{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}

/* 帯（全幅） */
.mb-band{padding-top:56px;padding-bottom:64px;margin-bottom:88px}
.mb-band--kraft{background:var(--mb-paper-kraft)}
.mb-band--ink{background:var(--mb-ink);color:var(--mb-paper)}
.mb-band--ink .mb-sec__title,.mb-band--ink h2{color:var(--mb-paper) !important}
.mb-band--ink .mb-page,.mb-band--ink .mb-kicker{color:#ff7a5c}
.mb-band--ink .mb-anno-list{border-top-color:var(--mb-paper)}
.mb-band--ink .mb-anno-list li{border-bottom-color:#4a443c}
.mb-band--ink .mb-anno-list .n{color:#ff7a5c}
.mb-band--ink .mb-nakami__photo{background:#2e2b26}
.mb-band--ink .mb-nakami__pin{background:var(--mb-paper);color:var(--mb-ink)}
.mb-band__head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 20px;margin-bottom:28px}
.mb-band__head .mb-kicker{font-size:18px}
.mb-band__head .mb-sec__note{margin-left:auto}
.mb-band--ink .mb-sec__note{color:#c9c2b5}
.mb-band--kraft .mb-diag{background:transparent;padding:0}
.mb-btn--paper{background:var(--mb-paper);color:var(--mb-ink) !important;border-color:var(--mb-paper)}
.mb-btn--paper:hover{background:#ffffff;border-color:#ffffff}

/* 診断：問いを大きな番号で */
.mb-diag__q legend .mb-no{font-size:40px;line-height:.9}

/* 年代（左）×悩み（右） */
.mb-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.mb-ages{list-style:none !important;margin:0 !important;padding:0 !important;border-top:1px solid var(--mb-rule)}
.mb-ages li{margin:0;padding:0;border-bottom:1px solid var(--mb-rule)}
.mb-ages li::before,.mb-worries li::before,.mb-brands li::before,.mb-toc li::before{content:none !important}
.mb-ages a{display:flex;align-items:center;gap:20px;padding:8px 0;text-decoration:none !important;color:var(--mb-ink) !important;font-weight:700;font-size:15px}
.mb-ages__n{font-family:var(--mb-font-display);font-size:48px;line-height:1;color:var(--mb-ink);min-width:2.2em;font-weight:400}
.mb-ages__n small{font-size:22px;color:var(--mb-pop-red)}
.mb-ages a:hover .mb-ages__n{color:var(--mb-pop-red)}
.mb-worries{list-style:none !important;margin:0 !important;padding:0 !important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.mb-worries li{margin:0;padding:0;filter:drop-shadow(0 3px 4px rgba(31,29,26,.12))}
.mb-worries a{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:88px;padding:12px 16px 12px 46px;background:var(--mb-note-paper);text-decoration:none !important;color:var(--mb-ink) !important;font-family:var(--mb-font-gothic);font-weight:900;font-size:18px;line-height:1.4;clip-path:polygon(22px 0,100% 0,100% 100%,22px 100%,0 50%)}
.mb-worries a::before{content:"";position:absolute;left:16px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:999px;background:var(--mb-paper);border:2px solid var(--mb-cognac)}
.mb-worries__en{font-family:var(--mb-font-display);font-weight:400;font-size:14px;color:#6f4724;line-height:1.1;margin-bottom:2px}
.mb-worries a small{font-family:var(--mb-font-sans);font-weight:500;font-size:13px;color:var(--mb-ink-muted);margin-top:2px}
.mb-worries li:nth-child(1){transform:rotate(-1.5deg)}.mb-worries li:nth-child(2){transform:rotate(1.2deg)}.mb-worries li:nth-child(3){transform:rotate(.8deg)}
.mb-worries li:nth-child(4){transform:rotate(-1deg)}.mb-worries li:nth-child(5){transform:rotate(-.6deg)}.mb-worries li:nth-child(6){transform:rotate(1.4deg)}
.mb-worries li:hover{transform:rotate(0)}

/* 編集部の棚：1本目を大きく */
.mb-shelf .p-postList{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;margin:0 !important}
.mb-shelf .p-postList__item{width:auto !important;margin:0 !important;padding:0 !important}
.mb-shelf .p-postList__item:first-child{grid-column:span 2;grid-row:span 2}
.mb-shelf .p-postList__item:first-child .p-postList__title{font-size:22px;font-weight:900}
.mb-shelf .p-postList__item:first-child .p-postList__body::before{font-size:44px}

/* 季節の棚：大きな付箋 */
.mb-season{transform:rotate(-.6deg);box-shadow:var(--mb-shadow-paper);position:relative}
.mb-season::before{content:"";position:absolute;left:50%;top:-12px;width:120px;height:24px;margin-left:-60px;background:rgba(255,255,255,.55);transform:rotate(2deg)}

/* 予算：値札のタブ */
.mb-tabs__list{border-bottom:0;gap:16px;margin-bottom:24px}
.mb-tabs__btn{position:relative;display:inline-flex;align-items:center;border:2px solid var(--mb-ink);border-radius:10px 4px 4px 10px;margin:0;padding:0 20px 0 36px;background:var(--mb-paper-raised);color:var(--mb-ink);line-height:1.3;white-space:nowrap}
.mb-tabs__btn::before{content:"";position:absolute;left:12px;top:50%;width:10px;height:10px;margin-top:-7px;border-radius:999px;background:var(--mb-paper);border:2px solid var(--mb-ink);box-sizing:content-box}
.mb-tabs__btn[aria-selected="true"]{background:var(--mb-ink);color:var(--mb-paper);border-color:var(--mb-ink)}
.mb-tabs__btn[aria-selected="true"]::before{background:var(--mb-pop-red);border-color:var(--mb-paper)}

/* 種類：雑誌の目次 */
.mb-toc{list-style:none !important;margin:0 !important;padding:0 !important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.mb-toc li{margin:0;padding:0}
.mb-toc a{display:flex;align-items:baseline;gap:14px;padding:12px 0;text-decoration:none !important;color:var(--mb-ink) !important}
.mb-toc .mb-no{font-size:30px;min-width:1.4em}
.mb-toc__t{font-family:var(--mb-font-gothic);font-weight:700;font-size:18px;white-space:nowrap}
.mb-toc__dots{flex:1;border-bottom:2px dotted var(--mb-border-control);transform:translateY(-6px)}
.mb-toc__en{font-family:var(--mb-font-display);font-size:18px;color:var(--mb-ink-muted)}
.mb-toc a:hover .mb-toc__t{text-decoration:underline;text-decoration-color:var(--mb-pop-red);text-decoration-thickness:2px}

/* ブランド：大きな文字の並び */
.mb-brands{list-style:none !important;margin:0 !important;padding:0 !important;display:flex;flex-wrap:wrap;gap:4px 28px;align-items:baseline}
.mb-brands li{margin:0;padding:0}
.mb-brands a{font-family:var(--mb-font-display);font-size:30px;line-height:1.4;color:var(--mb-ink) !important;text-decoration:none !important}
.mb-brands li.is-big a{font-size:38px}
.mb-brandgroups{display:flex;flex-direction:column;gap:28px}
.mb-brandgroup{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;border-top:1px solid var(--mb-rule);padding-top:16px}
.mb-brandgroup__h{margin:0;font-family:var(--mb-font-gothic);font-weight:700;font-size:14px;display:flex;flex-direction:column;gap:2px}
.mb-brandgroup .mb-brands a{font-size:26px}
.mb-brandgroup .mb-brands li.is-big a{font-size:32px}
.mb-brands a:hover{color:var(--mb-pop-red) !important}

@media (max-width:959px){
	.mb-split,.mb-toc{grid-template-columns:minmax(0,1fr)}
	.mb-shelf .p-postList{grid-template-columns:repeat(2,minmax(0,1fr))}
	.mb-band__head .mb-sec__note{margin-left:0}
	.mb-page{font-size:36px}
	.mb-brands a,.mb-brandgroup .mb-brands a{font-size:22px}.mb-brandgroup .mb-brands li.is-big a{font-size:26px}.mb-brandgroup{grid-template-columns:minmax(0,1fr);gap:8px}
}
@media (prefers-reduced-motion:reduce){.mb-worries li,.mb-season{transform:none}}

/* ---------- キーワードで探す ---------- */
.mb-search{margin:-32px 0 56px}
.mb-search__form{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0}
.mb-search__label{font-family:var(--mb-font-gothic);font-weight:900;font-size:18px;white-space:nowrap}
.mb-search__label .mb-page{font-size:26px;margin-right:6px}
.mb-search__field{flex:1 1 360px;display:flex;min-width:0}
.mb-search__field input{flex:1;min-width:0;min-height:52px;padding:0 16px;border:2px solid var(--mb-ink);border-right:none;border-radius:0;background:var(--mb-paper-raised);font-size:16px;box-sizing:border-box}
.mb-search__field input:focus{outline:2px solid var(--mb-pop-red);outline-offset:2px}
.mb-search__field button{min-height:52px;padding:0 22px;border:2px solid var(--mb-ink);border-radius:0;background:var(--mb-ink);color:var(--mb-paper);font-weight:700;font-size:15px;cursor:pointer}
.mb-search__words{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:12px 0 0;font-size:14px}
.mb-search__words span{color:var(--mb-ink-muted)}
.mb-search__words a{font-weight:700;color:var(--mb-ink) !important;text-decoration:underline;text-decoration-color:var(--mb-pop-red);text-decoration-thickness:2px;text-underline-offset:4px}
.mb-season .mb-kicker{color:var(--mb-note-accent)}
@media (max-width:599px){.mb-worries{grid-template-columns:minmax(0,1fr)}.mb-season{padding:24px 20px}.mb-toc__t{white-space:normal}.mb-band{padding-top:40px;padding-bottom:48px}.mb-diag{padding:0}}

/* ---------- 追従ヘッダー（PC）と目次ジャンプの位置 ---------- */
.l-fixHeader{background:var(--mb-paper-raised) !important;border-bottom:1px solid var(--mb-rule);box-shadow:0 2px 8px rgba(31,29,26,.08) !important}
.l-fixHeader .c-headLogo__img{max-height:30px;width:auto}
@media (min-width:960px){
	.post_content :is(h2,h3,h4),.mb-top [id]{scroll-margin-top:84px}
}
/* 固定フッターメニュー（スマホ） */
@media (max-width:959px){
	.l-fixHeader{display:none !important}
}

/* ---------- グロナビの虫めがね（キーワードで探す） ---------- */
.c-gnav .mb-mega-search>a{font-size:0 !important;width:44px;min-height:44px;display:flex !important;align-items:center;justify-content:center;padding:0 !important}
.c-gnav .mb-mega-search>a *{font-size:0 !important}
.c-gnav .mb-mega-search>a::before{content:"";display:block;width:20px;height:20px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f1d1a' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cline x1='15.5' y1='15.5' x2='21' y2='21'/%3E%3C/svg%3E")}
.mb-mega--search .mb-search__form{margin:0}

/* ==========================================================
   2026-10　トップ「特集の中身」・記事・固定ページ・一覧・サイドバー
   SWELLの出力（クラス名）に合わせて上書きする
========================================================== */

/* ---------- トップ P.02 特集の中身 [mensbag_feature] ---------- */
.mb-fc{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px}
.mb-fc a{text-decoration:none !important;color:var(--mb-ink) !important}
.mb-fc__eye{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#e9e1d2}
.mb-fc__eye img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.mb-fc a:hover .mb-fc__eye img{transform:scale(1.04)}
.mb-fc__noimg{display:block;width:100%;height:100%}
.mb-fc__no{position:absolute;left:0;top:0;padding:6px 12px 8px;background:var(--mb-ink);color:var(--mb-paper);font-family:var(--mb-font-display);font-size:20px;line-height:1}
.mb-fc__lead{display:block}
.mb-fc__cat{display:block;font-family:var(--mb-font-gothic);font-weight:700;font-size:13px;line-height:1.4;color:#8a4e1c}
.mb-fc__lead .mb-fc__cat{margin:16px 0 6px}
.mb-fc__leadt{display:block;font-family:var(--mb-font-gothic);font-weight:900;font-size:24px;line-height:1.5}
.mb-fc__list{display:flex;flex-direction:column;border-top:1px solid var(--mb-rule)}
.mb-fc__row{display:grid !important;grid-template-columns:200px minmax(0,1fr);gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--mb-rule)}
.mb-fc__row .mb-fc__no{font-size:15px;padding:4px 8px 6px}
.mb-fc__rowt{display:block;margin-top:4px;font-family:var(--mb-font-gothic);font-weight:700;font-size:16px;line-height:1.6}
.mb-fc__more{margin-left:auto;font-weight:700;font-size:15px;color:var(--mb-ink) !important;text-decoration:underline;text-decoration-color:var(--mb-pop-red);text-decoration-thickness:2px;text-underline-offset:5px}
@media (max-width:900px){.mb-fc{grid-template-columns:minmax(0,1fr);gap:20px}}
@media (max-width:599px){.mb-fc__leadt{font-size:20px}.mb-fc__row{grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px 0}.mb-fc__rowt{font-size:15px}.mb-fc__more{margin-left:0}}

/* ---------- 共通：パンくず ---------- */
.p-breadcrumb{background:transparent !important;font-size:13px}
.p-breadcrumb__text,.p-breadcrumb a{color:var(--mb-ink-muted) !important}

/* ---------- 記事の頭（タイトル・日付・カテゴリ） ---------- */
.single .c-postTitle__ttl{font-family:var(--mb-font-gothic);font-weight:900;font-size:34px;line-height:1.45;color:var(--mb-ink)}
.single .c-postTitle__date{display:none}
.single .p-articleMetas{font-size:14px;color:var(--mb-ink-muted)}
.single .p-articleMetas .c-categoryList__link,.single .p-articleMetas .c-tagList__link{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:2px solid #8a4e1c !important;border-radius:999px;background:transparent !important;color:#8a4e1c !important;font-family:var(--mb-font-gothic);font-weight:700;font-size:13px;text-decoration:none}
.single .p-articleMetas .c-categoryList__link::before,.single .p-articleMetas .c-tagList__link::before{display:none}
.single .p-articleThumb{margin:24px 0 28px}
.single .p-articleThumb__img{aspect-ratio:16/9;object-fit:cover;width:100%}
@media (max-width:599px){.single .c-postTitle__ttl{font-size:25px}}

/* ---------- 本文（記事と固定ページ。トップは除く） ---------- */
.single .post_content,.page:not(.home) .post_content{counter-reset:mbh2;font-size:17px;line-height:1.95;color:var(--mb-ink)}
.single .post_content>h2,.page:not(.home) .post_content>h2{counter-increment:mbh2;display:flex;align-items:baseline;gap:14px;margin:56px 0 24px !important;padding:14px 0 0 !important;background:none !important;border:0 !important;border-top:2px solid var(--mb-ink) !important;border-radius:0 !important;box-shadow:none !important;color:var(--mb-ink) !important;font-family:var(--mb-font-gothic);font-weight:900;font-size:26px;line-height:1.45}
.single .post_content>h2::before,.page:not(.home) .post_content>h2::before{content:counter(mbh2,decimal-leading-zero);position:static !important;display:block !important;flex-shrink:0;width:auto !important;height:auto !important;background:none !important;border:0 !important;transform:none !important;font-family:var(--mb-font-display);font-weight:400;font-size:40px;line-height:.9;color:var(--mb-pop-red)}
.single .post_content>h2::after,.page:not(.home) .post_content>h2::after{content:none !important;display:none !important}
.single .post_content h3,.page:not(.home) .post_content h3{margin:40px 0 16px !important;padding:0 0 8px !important;background:none !important;border:0 !important;border-bottom:1px solid var(--mb-rule) !important;border-radius:0 !important;color:var(--mb-ink) !important;font-family:var(--mb-font-gothic);font-weight:700;font-size:21px;line-height:1.5}
.single .post_content h3::before,.single .post_content h3::after,.page:not(.home) .post_content h3::before,.page:not(.home) .post_content h3::after{content:none !important;display:none !important}
.single .post_content h4,.page:not(.home) .post_content h4{background:none !important;border:0 !important;padding:0 !important;font-family:var(--mb-font-gothic);font-weight:700;font-size:18px}
.single .post_content h4::before,.page:not(.home) .post_content h4::before{content:none !important}
@media (max-width:599px){
	.single .post_content>h2,.page:not(.home) .post_content>h2{font-size:22px;gap:10px;margin-top:48px !important}
	.single .post_content>h2::before,.page:not(.home) .post_content>h2::before{font-size:32px}
	.single .post_content h3,.page:not(.home) .post_content h3{font-size:19px}
}

/* 表（早見表） */
.single .post_content table,.page:not(.home) .post_content table{border-collapse:collapse;font-size:15px;line-height:1.6}
.single .post_content th,.single .post_content td,.page:not(.home) .post_content th,.page:not(.home) .post_content td{padding:10px 12px;border:0 !important;border-bottom:1px solid var(--mb-rule) !important;background:transparent;text-align:left;vertical-align:top}
.single .post_content thead th,.page:not(.home) .post_content thead th{border-top:2px solid var(--mb-ink) !important;border-bottom:2px solid var(--mb-ink) !important;background:transparent !important;color:var(--mb-ink-muted);font-size:13px;font-weight:700}

/* ---------- 目次（SWELL）。タイトルは「Index」に設定 ---------- */
.p-toc{border:0 !important;border-top:2px solid var(--mb-ink) !important;border-bottom:1px solid var(--mb-rule) !important;background:transparent !important;border-radius:0 !important;box-shadow:none !important;padding:18px 0 14px !important;margin:8px 0 48px !important;max-width:none !important}
.p-toc::before,.p-toc::after{display:none !important}
.p-toc__ttl{display:block !important;text-align:left !important;margin:0 0 8px !important;padding:0 !important;font-family:var(--mb-font-display) !important;font-weight:400 !important;font-size:24px !important;line-height:1.2;color:var(--mb-pop-red) !important}
.p-toc__ttl::before{display:none !important}
.p-toc__list,.p-toc__list ul,.p-toc__list ol{list-style:none !important;margin:0 !important;padding:0 !important;border:0 !important}
.p-toc__list>li{counter-increment:mbtoc}
.p-toc__list{counter-reset:mbtoc}
.p-toc__list li{margin:0 !important;padding:0 !important}
.p-toc__list li::before{display:none !important}
.p-toc__link{display:flex !important;align-items:baseline;gap:14px;padding:7px 0 !important;color:var(--mb-ink) !important;text-decoration:none !important;font-weight:700;font-size:16px;line-height:1.6}
.p-toc__list>li>.p-toc__link::before{content:counter(mbtoc,decimal-leading-zero);font-family:var(--mb-font-display);font-weight:400;font-size:18px;color:var(--mb-pop-red);min-width:1.6em}
.p-toc__list ul .p-toc__link,.p-toc__list ol .p-toc__link{padding-left:2.6em !important;font-weight:500;font-size:15px}
.p-toc__link:hover{text-decoration:underline !important;text-decoration-color:var(--mb-pop-red) !important;text-decoration-thickness:2px !important}

/* ---------- あわせて読みたい（SWELLの関連記事ブロック／ブログカード） ---------- */
.p-blogCard{margin:12px 0 40px !important}
.p-blogCard__inner{position:relative;padding:22px 20px 18px !important;background:#fff !important;border:1px solid var(--mb-rule) !important;border-top:2px solid var(--mb-ink) !important;border-radius:0 !important;box-shadow:none !important}
.p-blogCard__caption{position:absolute !important;left:16px !important;top:-14px !important;right:auto !important;bottom:auto !important;display:inline-flex !important;align-items:baseline;gap:8px;padding:0 8px !important;background:var(--mb-paper) !important;color:var(--mb-ink) !important;font-family:var(--mb-font-gothic);font-weight:700;font-size:13px !important;line-height:26px !important;border:0 !important;border-radius:0 !important}
.p-blogCard__caption::before{content:"Read more";font-family:var(--mb-font-display);font-weight:400;font-size:17px;color:var(--mb-pop-red)}
.p-blogCard__caption .c-blogCard__icon,.p-blogCard__caption svg,.p-blogCard__caption i{display:none !important}
.p-blogCard__thumb{width:200px !important;flex-shrink:0}
.p-blogCard__thumb img,.p-blogCard__thumb .c-postThumb__img{aspect-ratio:16/9;object-fit:cover}
.p-blogCard__title{font-family:var(--mb-font-gothic);font-weight:700 !important;font-size:17px !important;line-height:1.6 !important;color:var(--mb-ink) !important}
.p-blogCard:hover .p-blogCard__title{text-decoration:underline;text-decoration-color:var(--mb-pop-red);text-decoration-thickness:2px;text-underline-offset:4px}
.p-blogCard__excerpt{font-size:14px !important;line-height:1.7 !important;color:var(--mb-ink-muted) !important}
.p-blogCard__body::after{content:"記事を読む →";display:block;margin-top:6px;font-size:13px;font-weight:700;color:var(--mb-pop-red)}
@media (max-width:599px){.p-blogCard__inner{padding:20px 14px 14px !important}.p-blogCard__thumb{width:110px !important}.p-blogCard__title{font-size:15px !important}.p-blogCard__excerpt{display:none !important}}

/* ---------- 記事の下：関連記事（タイトルは「あわせて読みたい」に設定） ---------- */
.l-articleBottom__title{display:flex;align-items:baseline;gap:12px;margin:0 0 20px !important;padding:14px 0 0 !important;background:none !important;border:0 !important;border-top:2px solid var(--mb-ink) !important;color:var(--mb-ink) !important;font-family:var(--mb-font-gothic);font-weight:900;font-size:22px !important;text-align:left !important}
.l-articleBottom__title::before{content:"Next";position:static !important;display:block !important;width:auto !important;height:auto !important;background:none !important;border:0 !important;font-family:var(--mb-font-display);font-weight:400;font-size:24px;line-height:1;color:var(--mb-pop-red)}
.l-articleBottom__title::after{display:none !important}
.c-postAuthor,.l-articleBottom__section.-author,.p-authorBox{display:none !important}

/* ---------- 固定ページ（トップ以外）：ページタイトル ---------- */
.page:not(.home) .c-pageTitle{border-bottom:2px solid var(--mb-ink);padding:24px 0 24px !important;margin-bottom:32px}
.page:not(.home) .c-pageTitle__inner{font-family:var(--mb-font-gothic);font-weight:900;font-size:38px;line-height:1.4;color:var(--mb-ink)}
.page:not(.home) .c-pageTitle__subTitle{display:none}
@media (max-width:599px){.page:not(.home) .c-pageTitle__inner{font-size:28px}}
.mb-page-kicker{margin:0 0 4px !important;font-family:var(--mb-font-display);font-size:22px;line-height:1.2;color:var(--mb-pop-red)}
.mb-page-lead{font-size:18px;line-height:1.95}
.mb-promise{list-style:none !important;margin:0 !important;padding:0 !important;border-top:1px solid var(--mb-rule)}
.mb-promise li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;margin:0 !important;padding:16px 0 !important;border-bottom:1px solid var(--mb-rule)}
.mb-promise li::before{content:none !important}
.mb-promise .n{font-family:var(--mb-font-display);font-size:32px;line-height:1;color:var(--mb-pop-red)}
.mb-promise .t{display:block;font-family:var(--mb-font-gothic);font-weight:900;font-size:19px;line-height:1.5}
.mb-promise .d{display:block;margin-top:4px;font-size:16px;line-height:1.8}
.mb-writers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mb-writers__item{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;align-items:start}
.mb-writers__item img{width:80px;height:80px;border-radius:999px;object-fit:cover}
.mb-writers__name{margin:0 !important;font-family:var(--mb-font-gothic);font-weight:900;font-size:19px}
.mb-writers__bio{margin:4px 0 0 !important;font-size:15px;line-height:1.8}
@media (max-width:599px){.mb-writers{grid-template-columns:minmax(0,1fr)}}

/* ---------- カテゴリ／タグ一覧 ---------- */
.archive .c-pageTitle{border-bottom:0;padding:8px 0 0 !important;margin:0 !important}
.archive .c-pageTitle__inner{display:flex !important;flex-direction:column-reverse;align-items:flex-start;gap:6px;font-family:var(--mb-font-gothic);font-weight:900;font-size:40px;line-height:1.3;color:var(--mb-ink)}
.archive .c-pageTitle__subTitle{font-family:var(--mb-font-display);font-weight:400;font-size:20px !important;line-height:1.2;color:var(--mb-pop-red);opacity:1 !important;text-transform:capitalize}
.tag .c-pageTitle__inner{position:relative}
.tag .c-pageTitle__inner::before{content:"#";position:absolute;left:0;bottom:0;font-family:var(--mb-font-display);font-weight:400;color:var(--mb-pop-red)}
.tag .c-pageTitle__inner{padding-left:.7em}
.tag .c-pageTitle__subTitle{margin-left:-.7em}
.mb-arc{border-top:0;border-bottom:2px solid var(--mb-ink);padding:10px 0 20px;margin:0 0 28px}
.mb-arc__sort{margin:0 0 12px !important;font-size:13px;color:var(--mb-ink-muted)}
.mb-arc__sib{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.mb-arc__sibl{margin-right:6px;font-size:13px;font-weight:700;color:var(--mb-ink-muted)}
.mb-arc__sib a{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:2px solid var(--mb-border-control);border-radius:999px;background:#fff;color:var(--mb-ink) !important;font-size:13px;font-weight:700;line-height:1.4;text-decoration:none !important}
.mb-arc__sib a:hover{border-color:var(--mb-ink)}
.mb-arc__sib a.is-on{background:var(--mb-ink);border-color:var(--mb-ink);color:var(--mb-paper) !important}
@media (max-width:599px){.archive .c-pageTitle__inner{font-size:30px}}

/* 記事カード（一覧の設定は「カード型・PC2列」） */
.archive .p-postList.-type-card .p-postList__link,.search .p-postList.-type-card .p-postList__link{color:var(--mb-ink) !important;text-decoration:none !important}
.archive .p-postList__thumb,.search .p-postList__thumb{aspect-ratio:16/9;overflow:hidden;margin-bottom:10px}
.archive .p-postList__thumb img,.search .p-postList__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.archive .p-postList__link:hover .p-postList__thumb img{transform:scale(1.04)}
.archive .p-postList__title,.search .p-postList__title{font-family:var(--mb-font-gothic);font-weight:700 !important;font-size:16px !important;line-height:1.65 !important}
.archive .p-postList__link:hover .p-postList__title{text-decoration:underline;text-decoration-color:var(--mb-pop-red);text-decoration-thickness:2px;text-underline-offset:4px}
.archive .p-postList__cat,.search .p-postList__cat{color:#8a4e1c !important;font-weight:700;font-size:12px}
.archive .p-postList__excerpt{display:none}
@media (max-width:599px){
	.archive .p-postList.-type-card .p-postList__item{width:100% !important;margin:0 !important;padding:0 !important}
	.archive .p-postList.-type-card .p-postList__link{display:grid !important;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--mb-rule)}
	.archive .p-postList__thumb{margin:0}
	.archive .p-postList__title{font-size:15px !important}
}

/* ページ送り */
.c-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:56px}
.c-pagination .page-numbers{display:inline-flex !important;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 14px;box-sizing:border-box;border:2px solid var(--mb-ink) !important;border-radius:0 !important;background:#fff !important;color:var(--mb-ink) !important;font-family:var(--mb-font-display);font-size:18px;text-decoration:none !important;box-shadow:none !important}
.c-pagination .page-numbers.current{background:var(--mb-ink) !important;color:var(--mb-paper) !important}
.c-pagination .page-numbers.dots{border:0 !important;background:transparent !important}

/* ---------- サイドバー ---------- */
.l-sidebar .c-widget{margin-bottom:36px !important}
.l-sidebar .c-widget__title{display:flex;align-items:baseline;gap:10px;margin:0 0 10px !important;padding:10px 0 0 !important;background:none !important;border:0 !important;border-top:2px solid var(--mb-ink) !important;color:var(--mb-ink) !important;font-family:var(--mb-font-gothic);font-weight:900;font-size:16px !important;text-align:left !important}
.l-sidebar .c-widget__title::before,.l-sidebar .c-widget__title::after{display:none !important}
.mb-side__head{display:flex;align-items:baseline;gap:10px;margin:0 0 10px !important;padding-top:10px;border-top:2px solid var(--mb-ink);font-family:var(--mb-font-gothic);font-weight:900;font-size:16px;line-height:1.5;color:var(--mb-ink)}
.mb-side__head span{font-family:var(--mb-font-display);font-weight:400;font-size:19px;color:var(--mb-pop-red)}
.mb-side a{color:var(--mb-ink) !important;text-decoration:none !important}
.mb-side__rank a{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;padding:10px 0;border-bottom:1px solid var(--mb-rule);font-size:14px;font-weight:700;line-height:1.55}
.mb-side__rank a:hover .mb-side__t{text-decoration:underline;text-decoration-color:var(--mb-pop-red);text-decoration-thickness:2px}
.mb-side__thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#e9e1d2}
.mb-side__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.mb-side__no{position:absolute;left:0;top:0;padding:2px 6px 4px;background:var(--mb-ink);color:var(--mb-paper);font-family:var(--mb-font-display);font-size:13px;line-height:1}
.mb-side__chips{display:flex;flex-wrap:wrap;gap:6px}
.mb-side__chip{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:2px solid var(--mb-border-control);border-radius:999px;background:#fff;font-size:13px;font-weight:700;line-height:1.4}
.mb-side__chip:hover{border-color:var(--mb-ink)}
.mb-side__list{border-top:1px solid var(--mb-rule)}
.mb-side__list a{display:flex;justify-content:space-between;align-items:center;min-height:44px;border-bottom:1px solid var(--mb-rule);font-size:14px;font-weight:700}
.mb-side__list a span:last-child{color:var(--mb-pop-red)}
.mb-side__more{display:inline-block;margin-top:10px;font-size:13px;font-weight:700;text-decoration:underline !important;text-decoration-color:var(--mb-pop-red) !important}
.mb-side__toc a{display:flex;gap:10px;padding:6px 0;font-size:14px;font-weight:700;line-height:1.6}
.mb-side__toc a.is-on{color:var(--mb-pop-red) !important}
.mb-side__tocn{font-family:var(--mb-font-display);font-weight:400;font-size:15px;color:var(--mb-pop-red);min-width:1.6em}
.mb-side--toc[hidden]{display:none}
.l-sidebar .widget_custom_html,.l-sidebar .c-widget.-ad{text-align:center}
@media (max-width:959px){.mb-side--toc{display:none !important}}

/* ---------- 中身拝見（写真＋番号つきの部位） ---------- */
.mb-nakami__photo--4x3{aspect-ratio:4/3;margin:0}
.mb-nakami__cap{position:absolute;left:12px;bottom:12px;margin:0;padding:2px 10px;background:var(--mb-paper);color:var(--mb-ink);font-size:13px;line-height:1.6}
.mb-anno-list--img li{grid-template-columns:3em 72px minmax(0,1fr);align-items:start}
.mb-anno-list--img img{display:block;width:72px;height:72px;object-fit:cover;background:#2e2b26}
.mb-band--ink .mb-anno-list{border-top-color:var(--mb-paper)}
@media (max-width:599px){.mb-anno-list--img li{grid-template-columns:2.4em 60px minmax(0,1fr)}.mb-anno-list--img img{width:60px;height:60px}}

/* 特集の本文へのリンク（P.02の先頭） */
.mb-fc__main{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:0 0 28px;padding:18px 24px;background:var(--mb-ink);color:var(--mb-paper) !important;text-decoration:none !important}
.mb-fc__mainl{font-family:var(--mb-font-display);font-size:18px;line-height:1.2;color:#ff7a5c}
.mb-fc__maint{flex:1 1 360px;font-family:var(--mb-font-gothic);font-weight:900;font-size:22px;line-height:1.5}
.mb-fc__maingo{font-weight:700;font-size:15px;white-space:nowrap}
.mb-fc__main:hover .mb-fc__maint{text-decoration:underline;text-decoration-color:#ff7a5c;text-decoration-thickness:2px;text-underline-offset:5px}
@media (max-width:599px){.mb-fc__main{padding:16px}.mb-fc__maint{font-size:18px}}
.mb-arc__more{display:inline-flex;align-items:center;min-height:30px;padding:0 4px;font-size:13px;font-weight:700;color:var(--mb-ink) !important;text-decoration:underline !important;text-decoration-color:var(--mb-pop-red) !important;text-decoration-thickness:2px !important;text-underline-offset:4px}

/* ---------- トップ：本文の幅をデザインどおり 1120px に（SWELLの記事幅を解除） ---------- */
.home .l-mainContent,.home .l-article,.home .l-mainContent__inner,.home .post_content{max-width:none !important;width:100%}
.home .post_content>*:not(.mb-bleed){max-width:var(--mb-container);margin-left:auto !important;margin-right:auto !important}
.home .c-pageTitle,.home .p-articleHead{display:none}
/* 見出し：番号と見出しを左に寄せ、補足は右端へ */
.mb-sec__head{justify-content:flex-start}
.mb-sec__head .mb-sec__note,.mb-sec__head .mb-fc__more{margin-left:auto}

/* ---------- トップ：比較記事・新しい記事（SWELLのリスト型）を小さめのサムネイルで2列に ---------- */
.home .post_content .p-postList.-type-list{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;border-top:1px solid var(--mb-rule);margin:0 auto 88px}
.home .post_content .p-postList.-type-list .p-postList__item{width:auto !important;margin:0 !important;padding:0 !important;border-bottom:1px solid var(--mb-rule)}
.home .post_content .p-postList.-type-list .p-postList__link{display:flex !important;align-items:center;gap:16px;padding:14px 0 !important;color:var(--mb-ink) !important;text-decoration:none !important;box-shadow:none !important;background:none !important}
.home .post_content .p-postList.-type-list .p-postList__thumb{flex:0 0 160px !important;width:160px !important;max-width:160px !important;margin:0 !important;aspect-ratio:16/9;overflow:hidden}
.home .post_content .p-postList.-type-list .p-postList__thumb img{width:100%;height:100%;object-fit:cover}
.home .post_content .p-postList.-type-list .p-postList__body{flex:1 1 auto;padding:0 !important;min-width:0}
.home .post_content .p-postList.-type-list .p-postList__title{margin:0 !important;font-family:var(--mb-font-gothic);font-weight:700 !important;font-size:15px !important;line-height:1.6 !important}
.home .post_content .p-postList.-type-list .p-postList__link:hover .p-postList__title{text-decoration:underline;text-decoration-color:var(--mb-pop-red);text-decoration-thickness:2px;text-underline-offset:4px}
.home .post_content .p-postList.-type-list .p-postList__meta{margin-top:4px !important;font-size:12px !important}
.home .post_content .p-postList.-type-list .p-postList__excerpt{display:none !important}
@media (max-width:899px){.home .post_content .p-postList.-type-list{grid-template-columns:minmax(0,1fr)}}
@media (max-width:599px){.home .post_content .p-postList.-type-list .p-postList__thumb{flex-basis:120px !important;width:120px !important;max-width:120px !important}.home .post_content .p-postList.-type-list .p-postList__link{gap:12px}}

/* ---------- ヘッダー：SWELL標準の検索ボタンを隠す（虫めがねは新メニューの1つだけ） ---------- */
.c-gnav .c-gnav__s,.c-gnav>.menu-item.c-gnav__s,.l-header .c-gnav__sBtn{display:none !important}

/* ---------- ヘッダー・パンくず・本文の幅をデザインの 1120px にそろえる（ロゴの左端＝本文の左端） ---------- */
.l-header__inner.l-container,.l-fixHeader__inner.l-container,.p-breadcrumb__list.l-container,.p-breadcrumb>.l-container,.l-content.l-container{max-width:calc(var(--mb-container) + 48px) !important;margin-left:auto !important;margin-right:auto !important;padding-left:24px !important;padding-right:24px !important;box-sizing:border-box}
@media (max-width:599px){.l-header__inner.l-container,.l-fixHeader__inner.l-container,.p-breadcrumb__list.l-container,.p-breadcrumb>.l-container,.l-content.l-container{padding-left:16px !important;padding-right:16px !important}}

/* ---------- 編集部の棚：8本を同じ大きさで 4列×2段に（1本目だけ大きくするのをやめる） ---------- */
.home .mb-shelf .p-postList{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:36px 24px !important;margin:0 auto 88px !important;padding:0 !important}
.home .mb-shelf .p-postList__item,.home .mb-shelf .p-postList__item:first-child{grid-column:auto !important;grid-row:auto !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important}
.home .mb-shelf .p-postList__link{display:block !important;padding:0 !important;margin:0 !important;color:var(--mb-ink) !important;text-decoration:none !important;box-shadow:none !important;background:none !important}
.home .mb-shelf .p-postList__thumb{width:100% !important;max-width:none !important;margin:0 !important;aspect-ratio:16/9;overflow:hidden}
.home .mb-shelf .p-postList__thumb img,.home .mb-shelf .c-postThumb__img{width:100%;height:100%;object-fit:cover}
.home .mb-shelf .p-postList__body{padding:0 !important}
.home .mb-shelf .p-postList__body::before,.home .mb-shelf .p-postList__item:first-child .p-postList__body::before{font-size:24px !important;margin:12px 0 6px}
.home .mb-shelf .p-postList__title,.home .mb-shelf .p-postList__item:first-child .p-postList__title{font-size:15px !important;font-weight:700 !important;line-height:1.6 !important}
.home .mb-shelf .p-postList__link:hover .p-postList__title{text-decoration:underline;text-decoration-color:var(--mb-pop-red);text-decoration-thickness:2px;text-underline-offset:4px}
@media (max-width:899px){.home .mb-shelf .p-postList{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:28px 16px !important}}

/* ---------- スマホ修正（2026-10-18） ---------- */
/* トップの特集画像：スマホでも縦長4:5のまま全体を見せる（4:3で顔と鞄が切れていた） */
@media (max-width:900px){
	.mb-hero__visual{aspect-ratio:4/5 !important;max-width:480px;width:100%;margin:0 auto}
	.mb-hero__visual img{object-position:50% 30%}
	.mb-hero__notes{bottom:24px;font-size:15px}
}
/* 記事のアイキャッチ：高さを画像の属性値に引っ張られないようにし、16:9で表示 */
.single .p-articleThumb{display:block;width:100%;aspect-ratio:auto;height:auto}
.single .p-articleThumb__img{display:block;width:100% !important;height:auto !important;max-height:none !important;aspect-ratio:16/9;object-fit:cover}
@media (max-width:599px){.single .p-articleThumb{margin:16px 0 20px}}
/* スマホのヘッダー：ロゴを大きく（高さ40px）、ハンバーガーを同じ高さに */
@media (max-width:959px){
	:root{--logo_size_sp:40px}
	.l-header .c-headLogo,.l-fixHeader .c-headLogo{height:40px !important}
	.l-header .c-headLogo__img,.l-fixHeader .c-headLogo__img{height:40px !important;width:auto !important;max-height:none !important}
	.l-header__menuBtn,.l-header__customBtn{display:flex;align-items:center}
	.l-header__menuBtn .c-iconBtn,.l-header__customBtn .c-iconBtn{width:40px !important;height:40px !important;min-height:40px;padding:0 !important;display:flex;align-items:center;justify-content:center}
	.l-header__menuBtn .c-iconBtn__icon,.l-header__menuBtn .c-iconBtn__icon::before,.l-header__customBtn .c-iconBtn__icon{font-size:30px !important;line-height:1 !important}
	.l-header__menuBtn .c-iconBtn__label{display:none}
}

/* ==========================================================
   スマホの全画面メニュー（2026-10-18）mensbag/sp-menu.php
   959px以下：SWELL標準の #sp_menu を止めて、こちらを使う
========================================================== */
.mb-spmenu{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:var(--mb-paper);color:var(--mb-ink);font-family:var(--mb-font-sans);line-height:1.6;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}
.mb-spmenu[hidden]{display:none !important}
.mb-spmenu.is-open{opacity:1;transform:none}
.admin-bar .mb-spmenu{top:var(--wp-admin--admin-bar--height,0px)}
html.mb-spmenu-open,html.mb-spmenu-open body{overflow:hidden !important}
.mb-spmenu a{color:var(--mb-ink) !important;text-decoration:none !important}
.mb-spmenu ul,.mb-spmenu ol{list-style:none !important;margin:0 !important;padding:0 !important}
.mb-spmenu li{margin:0 !important;padding:0 !important}
.mb-spmenu li::before{content:none !important}

/* 上の帯：ロゴ＋閉じる */
.mb-spmenu__bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--mb-paper-raised);border-bottom:1px solid var(--mb-rule)}
.mb-spmenu__logo{display:block;line-height:0}
.mb-spmenu__logo img{display:block;height:40px;width:auto}
.mb-spmenu__close{margin-left:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:52px;height:48px;padding:0;border:2px solid var(--mb-ink);border-radius:0;background:var(--mb-ink);color:var(--mb-paper);cursor:pointer;font-family:var(--mb-font-sans)}
.mb-spmenu__x{position:relative;display:block;width:18px;height:14px}
.mb-spmenu__x::before,.mb-spmenu__x::after{content:"";position:absolute;left:-1px;right:-1px;top:6px;height:2px;background:currentColor;transform:rotate(45deg)}
.mb-spmenu__x::after{transform:rotate(-45deg)}
.mb-spmenu__btnl{font-size:9px;font-weight:700;line-height:1;letter-spacing:.06em}
.mb-spmenu__close:focus-visible{outline:2px solid var(--mb-pop-red);outline-offset:2px}

.mb-spmenu__body{display:flex;flex-direction:column;gap:28px;padding:20px 16px calc(40px + env(safe-area-inset-bottom))}

/* 検索 */
.mb-spmenu__search{display:flex;margin:0;border:2px solid var(--mb-ink);background:var(--mb-paper-raised)}
.mb-spmenu__search:focus-within{outline:2px solid var(--mb-pop-red);outline-offset:2px}
.mb-spmenu__search input{flex:1;min-width:0;min-height:52px;margin:0;padding:0 14px;border:0 !important;border-radius:0;background:transparent;box-shadow:none !important;font-family:inherit;font-size:16px;color:var(--mb-ink);-webkit-appearance:none;appearance:none}
.mb-spmenu__search input:focus{outline:none}
.mb-spmenu__search button{display:flex;align-items:center;justify-content:center;width:56px;margin:0;padding:0;border:0;border-radius:0;background:var(--mb-ink);color:var(--mb-paper);cursor:pointer}

/* 7項目（目次の見た目、開くと下の階層） */
.mb-spmenu__idx{margin:0 0 4px !important;font-family:var(--mb-font-display);font-size:18px;line-height:1.2;color:var(--mb-pop-red)}
.mb-spmenu__list{border-top:2px solid var(--mb-ink)}
.mb-spmenu__list>li{border-bottom:1px solid var(--mb-rule)}
.mb-spmenu__item summary{display:flex;align-items:center;gap:14px;min-height:60px;padding:8px 0;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.mb-spmenu__item summary::-webkit-details-marker{display:none}
.mb-spmenu__item summary:focus-visible{outline:2px solid var(--mb-pop-red);outline-offset:2px}
.mb-spmenu__no{min-width:1.4em;font-family:var(--mb-font-display);font-size:26px;line-height:1;color:var(--mb-pop-red)}
.mb-spmenu__t{display:flex;flex-direction:column;flex:1;min-width:0}
.mb-spmenu__jp{font-family:var(--mb-font-gothic);font-weight:700;font-size:17px;line-height:1.4}
.mb-spmenu__en{font-family:var(--mb-font-display);font-size:14px;line-height:1.3;color:var(--mb-ink-muted)}
.mb-spmenu__pm{position:relative;flex-shrink:0;width:16px;height:16px;margin-right:4px}
.mb-spmenu__pm::before,.mb-spmenu__pm::after{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:var(--mb-pop-red);transition:transform .2s ease}
.mb-spmenu__pm::after{transform:rotate(90deg)}
.mb-spmenu__item[open] .mb-spmenu__pm::after{transform:rotate(0)}
.mb-spmenu__panel{padding:0 0 18px}
.mb-spmenu__h{margin:6px 0 8px !important;font-family:var(--mb-font-gothic);font-weight:700;font-size:13px;line-height:1.4;color:#8a4e1c}
.mb-spmenu__links{display:grid;gap:8px}
.mb-spmenu__links+.mb-spmenu__h{margin-top:16px !important}
.mb-spmenu__links--1{grid-template-columns:minmax(0,1fr)}
.mb-spmenu__links--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mb-spmenu__links a{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;height:100%;min-height:48px;padding:6px 12px;border:2px solid var(--mb-border-control);background:var(--mb-paper-raised);font-weight:700;font-size:14px;line-height:1.4}
.mb-spmenu__links a small{margin-top:2px;font-weight:500;font-size:11px;color:var(--mb-ink-muted)}
.mb-spmenu__links a:hover,.mb-spmenu__links a:active{border-color:var(--mb-ink);background:var(--mb-paper-kraft)}
.mb-spmenu__all{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;font-weight:700;font-size:14px;text-decoration:underline !important;text-decoration-color:var(--mb-pop-red) !important;text-decoration-thickness:2px !important;text-underline-offset:4px}

/* 今月の特集 */
.mb-spmenu__feature{display:flex;align-items:center;gap:14px;padding:12px;background:var(--mb-paper-kraft)}
.mb-spmenu__feature img{flex-shrink:0;display:block;width:64px;height:80px;object-fit:cover}
.mb-spmenu__fk{display:block;font-family:var(--mb-font-display);font-size:14px;line-height:1.3;color:var(--mb-pop-red)}
.mb-spmenu__ft{display:block;font-family:var(--mb-font-gothic);font-weight:900;font-size:17px;line-height:1.4}

@media (min-width:960px){.mb-spmenu{display:none !important}}
@media (prefers-reduced-motion:reduce){.mb-spmenu,.mb-spmenu__pm::before,.mb-spmenu__pm::after{transition:none}}

/* ヘッダーのハンバーガーを「MENU」付きの箱に（SWELLの .c-iconBtn を上書き） */
@media (max-width:959px){
	.mb-has-spmenu .p-spMenu{display:none !important}
	.l-header__menuBtn .c-iconBtn{flex-direction:column;gap:4px;width:52px !important;height:44px !important;min-height:44px;padding:0 !important;border:2px solid var(--mb-ink) !important;border-radius:0 !important;background:var(--mb-paper-raised) !important;color:var(--mb-ink) !important}
	.l-header__menuBtn .c-iconBtn__icon{display:block !important;width:20px;height:12px;font-size:0 !important;line-height:0 !important;background:linear-gradient(var(--mb-ink),var(--mb-ink)) 0 0/100% 2px no-repeat,linear-gradient(var(--mb-ink),var(--mb-ink)) 0 50%/100% 2px no-repeat,linear-gradient(var(--mb-ink),var(--mb-ink)) 0 100%/100% 2px no-repeat}
	.l-header__menuBtn .c-iconBtn__icon::before{content:none !important}
	.l-header__menuBtn .c-iconBtn__label{display:none !important}
	.l-header__menuBtn .c-iconBtn::after{content:"MENU";display:block;font-family:var(--mb-font-sans);font-size:9px;font-weight:700;line-height:1;letter-spacing:.06em}
}

/* ---------- 左端そろえ（2026-10-19） ---------- */
/* トップ：SWELLの本文左右余白（--swl-pad_post_content など）で P.02 以降がロゴより内側に入っていたのを解除 */
.home{--swl-pad_post_content:0px}
.home .l-mainContent,.home .l-article,.home .l-mainContent__inner,.home .l-mainContent__inner>.post_content{padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important}
/* フッター：幅1120pxの内側に24pxの余白を取っていたため、ロゴ・本文より24px内側にずれていた → ヘッダーと同じ「1120＋左右余白」に */
.mb-foot__inner{max-width:calc(var(--mb-container) + 48px);box-sizing:border-box}
@media (max-width:599px){.mb-foot__inner{padding-left:16px;padding-right:16px}}
/* 記事下の関連記事：SWELLのカード列の左右余白で、1枚目が「Next 関連記事」の線より数px右に入っていた → 余白なしのグリッドに（PC3列・スマホ2列） */
/* SWELLは ul 自体に .p-relatedPosts が付く（ul.p-postList.p-relatedPosts）。前回は子孫指定で外れ、カードが1列・画像が原寸になっていた */
.p-postList.p-relatedPosts,.p-relatedPosts .p-postList{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;margin:0 !important;padding:0 !important;list-style:none !important}
.p-relatedPosts .p-postList__item{width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important}
.p-relatedPosts .p-postList__item::before{content:none !important}
.p-relatedPosts .p-postList__link{display:block;margin:0 !important;padding:0 !important}
.p-relatedPosts .p-postList__thumb{width:100% !important;max-width:none !important;margin:0 0 10px !important;aspect-ratio:16/9;overflow:hidden}
.p-relatedPosts .p-postList__thumb img,.p-relatedPosts .c-postThumb__img{display:block;width:100% !important;height:100% !important;object-fit:cover}
.p-relatedPosts .p-postList__body{padding:0 !important}
.p-relatedPosts .p-postList__title{margin:0 !important;font-family:var(--mb-font-gothic);font-weight:700 !important;font-size:15px !important;line-height:1.6 !important;color:var(--mb-ink) !important}
@media (max-width:959px){.p-postList.p-relatedPosts,.p-relatedPosts .p-postList{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.p-relatedPosts .p-postList__title{font-size:14px !important}}