/* マーケノート 案A：独自ヘッダー＋記事ページ（2026-10）。DADS：16px基本・AA・8pxグリッド・動きなし */
:root{--mn-deep:#21145E;--mn-main:#5B3FD9;--mn-dark:#3D25A8;--mn-thin:#EFECFE;--mn-soft:#F7F6FC;--mn-text:#1E1B2E;--mn-sub:#5A566B;--mn-line:#DDD9EE;--mn-brk:#D6336C;--mn-brkbg:#FDF0F4}

/* --- SWELL標準ヘッダー類を隠す（独自ヘッダーがあるときだけ） --- */
body:has(#mn-hd) #header,body:has(#mn-hd) .l-fixHeader,body:has(#mn-hd) #sp_menu,body:has(#mn-hd) .l-header__customBtn{display:none!important}
.c-shareBtns.-fix{display:none!important}           /* 左の追従SNSボタン */
#breadcrumb.p-breadcrumb{background:none!important;border:0}
#breadcrumb .p-breadcrumb__list{font-size:14px;color:var(--mn-sub);padding:16px 0 0}

/* --- 独自ヘッダー --- */
.mn-hd{font-family:inherit;color:var(--mn-text);background:#fff;line-height:1.5}
.mn-hd *{box-sizing:border-box}
.mn-hd__w{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center}
.mn-hd a{text-decoration:none;color:inherit}
.mn-hd a:focus-visible,.mn-hd summary:focus-visible,.mn-hd input:focus-visible,.mn-hd button:focus-visible{outline:3px solid var(--mn-main);outline-offset:2px}
.mn-skip{position:absolute;left:-9999px}.mn-skip:focus{left:8px;top:8px;z-index:1000;background:#fff;padding:8px 16px}
.mn-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.mn-hd__top{background:var(--mn-deep);color:#fff;font-size:14px}
.mn-hd__top .mn-hd__w{height:32px;justify-content:space-between}
.mn-hd__mast .mn-hd__w{height:80px;justify-content:space-between;border-bottom:1px solid var(--mn-line)}
.mn-hd__logo{display:flex;align-items:center;gap:8px}
.mn-hd__mark{width:32px;height:32px;border-radius:50%;border:4px solid var(--mn-main);position:relative}
.mn-hd__mark::after{content:"";position:absolute;width:12px;height:4px;background:var(--mn-main);right:-10px;bottom:-4px;transform:rotate(45deg)}
.mn-hd__name{font-size:24px;font-weight:700;letter-spacing:.02em}
.mn-hd__sub{font-size:14px;color:var(--mn-sub);margin-left:8px}
.mn-hd__search{display:flex;gap:8px}
.mn-hd__search input,.mn-hd__spsearch input{height:40px;width:240px;border:1px solid #8A86A0;border-radius:4px;padding:0 16px;font-size:16px;background:#fff}
.mn-hd__search button,.mn-hd__spsearch button{height:40px;padding:0 16px;border:0;border-radius:4px;background:var(--mn-main);color:#fff;font-size:16px;font-weight:700;cursor:pointer}
.mn-hd__nav{border-bottom:3px solid var(--mn-deep)}
.mn-hd__nav .mn-hd__w{height:48px;gap:32px}
.mn-hd__nav ul{list-style:none;margin:0;padding:0;display:flex;gap:32px}
.mn-hd__nav li{margin:0;padding:0}
.mn-hd__nav li::before{content:none}
.mn-hd__nav a{display:flex;align-items:center;height:48px;font-size:16px;font-weight:700;white-space:nowrap}
.mn-hd__nav a:hover{color:var(--mn-main)}
.mn-hd__nav .current-menu-item>a,.mn-hd__nav .current-post-ancestor>a,.mn-hd__nav .current-menu-parent>a,.mn-hd__nav .current-category-ancestor>a{color:var(--mn-main);box-shadow:inset 0 -3px var(--mn-main)}
.mn-hd__menu{flex:1}
.mn-hd__menu li:last-child{margin-left:auto}
.mn-hd__menu li:last-child a{font-weight:400}
.mn-hd__brk{background:var(--mn-brkbg)}
.mn-hd__brk .mn-hd__w{min-height:40px;gap:16px;font-size:16px;padding-top:4px;padding-bottom:4px}
.mn-hd__brkBadge{background:var(--mn-brk);color:#fff;font-size:14px;font-weight:700;padding:0 8px;flex:none}
.mn-hd__brk a:hover{text-decoration:underline}
.mn-hd__brkTime{color:var(--mn-sub);font-size:14px}
.mn-hd__brkAll{margin-left:auto;flex:none}
.mn-sp{display:none}
.mn-hd__spsearch summary{list-style:none;cursor:pointer;font-size:16px;font-weight:700;padding:8px;border:1px solid var(--mn-line);border-radius:4px}
.mn-hd__spsearch summary::-webkit-details-marker{display:none}

@media (max-width:959px){
	.mn-pc{display:none!important}.mn-sp{display:inline}
	.mn-hd__w{padding:0 16px}
	.mn-hd__mast .mn-hd__w{height:56px}
	.mn-hd__name{font-size:20px}
	.mn-hd__spsearch{display:block;position:static}
	.mn-hd__spsearch[open] form{position:absolute;left:0;right:0;top:88px;z-index:100;background:#fff;padding:16px;display:flex;gap:8px;border-bottom:1px solid var(--mn-line)}
	.mn-hd__spsearch input{flex:1;width:auto}
	.mn-hd{position:relative}
	.mn-hd__nav .mn-hd__w{overflow-x:auto;gap:24px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
	.mn-hd__nav ul{gap:24px}
	.mn-hd__menu li:last-child{margin-left:0}
	.mn-hd__brk .mn-hd__w{align-items:flex-start;gap:8px}
}

/* --- 記事ページ：本文700px前後＋サイドバー320px --- */
@media (min-width:960px){
	.single-post.-sidebar-on .l-content{max-width:1152px;display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:space-between;gap:64px}
	.single-post.-sidebar-on .l-mainContent{width:auto;flex:0 1 720px;max-width:720px}
	.single-post.-sidebar-on .l-sidebar{width:320px;flex:0 0 320px;position:relative}
	.single-post .mn-side{position:sticky;top:24px}
	.single-post .post_content>.p-toc{display:none}   /* PCはサイドバー目次を使う */
	.mn-spLatest{display:none}
}
@media (max-width:959px){
	.single-post .l-sidebar,.single-post #sidebar{display:none!important}  /* スマホでフッター上に何も出さない */
}

/* 記事メタ・本文の読みやすさ */
.single-post .c-postTitle__ttl{font-size:32px;line-height:1.5}
.single-post .p-articleMetas,.single-post .c-postTimes{font-size:14px;color:var(--mn-sub)}
.single-post .c-categoryList__link{background:var(--mn-main);color:#fff;font-weight:700;border-radius:0}
.single-post .post_content{font-size:16px;line-height:1.9}
@media (max-width:959px){.single-post .c-postTitle__ttl{font-size:24px}}

/* サイドバー・記事末の箱 */
.mn-side__box{border:1px solid var(--mn-line);border-radius:4px;padding:24px;margin:0 0 24px;background:#fff}
.mn-side__ttl{font-size:16px!important;font-weight:700;margin:0 0 8px!important;padding:0 0 8px!important;border:0!important;border-bottom:2px solid var(--mn-deep)!important;background:none!important;color:var(--mn-text)!important;text-align:left}
.mn-side__ttl::before,.mn-side__ttl::after{content:none!important}
.mn-side__list,.mn-side__tocList{list-style:none!important;margin:0!important;padding:0!important}
.mn-side__list li,.mn-side__tocList li{margin:0;padding:8px 0;border-bottom:1px solid #EEECF5;font-size:15px;line-height:1.6}
.mn-side__list li::before,.mn-side__tocList li::before{content:none!important}
.mn-side__list li:last-child,.mn-side__tocList li:last-child{border-bottom:0}
.mn-side__list a,.mn-side__tocList a{color:var(--mn-text);text-decoration:none;display:block}
.mn-side__list a:hover,.mn-side__tocList a:hover{color:var(--mn-main);text-decoration:underline}
.mn-side__list time{display:block;font-size:14px;color:var(--mn-sub)}
.mn-side__brk{color:var(--mn-brk);font-weight:700;font-size:14px;margin-right:8px}
.mn-side__toc .mn-lv3{padding-left:16px}
.mn-side__tocList a[aria-current]{color:var(--mn-main);font-weight:700;border-left:3px solid var(--mn-main);padding-left:8px}
.mn-side__toc{max-height:calc(100vh - 48px);overflow:auto}
.mn-spLatest{margin-top:48px}
body:has(#mn-hd) .mn-mast__dl{display:none}  /* トップの日付行はヘッダー上段と重複するため */

/* ===== 本文テーブル：スマホで読みやすく（業界リサーチ方式） ===== */
.post_content .mn-tblWrap{margin:0 0 2em}
.post_content .mn-tblWrap>figure,.post_content .mn-tblWrap>table{margin:0}
@media (max-width:768px){
  .post_content .mn-tblWrap{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;border:1px solid #d8dde3;border-radius:6px}
  .post_content .mn-tblWrap.is-scroll::before{content:"表は左右にスクロールできます →";display:block;position:sticky;left:0;padding:6px 12px;background:#f1f4f8;color:#535a63;font-size:12px;line-height:1.6;border-bottom:1px solid #d8dde3}
  .post_content .mn-tblWrap figure.wp-block-table{overflow:visible!important}
  .post_content .mn-tblWrap table{width:auto!important;min-width:100%;table-layout:auto!important;font-size:14px;line-height:1.6;border-collapse:separate;border-spacing:0;margin:0}
  .post_content .mn-tblWrap.is-scroll table{min-width:640px}
  .post_content .mn-tblWrap th,.post_content .mn-tblWrap td{padding:10px 12px!important;min-width:6em;white-space:nowrap;word-break:normal;overflow-wrap:normal;vertical-align:top;border-right:1px solid #e3e7ec;border-bottom:1px solid #e3e7ec}
  .post_content .mn-tblWrap td.mn-long,.post_content .mn-tblWrap th.mn-long{white-space:normal;min-width:12em;max-width:20em}
  .post_content .mn-tblWrap.is-scroll tr>:first-child{position:sticky;left:0;z-index:1;box-shadow:2px 0 0 #d8dde3;white-space:normal;min-width:7em;max-width:10em;word-break:keep-all}
  .post_content .mn-tblWrap.is-scroll td:first-child{background:#fff}
  .post_content .mn-tblWrap.is-scroll th:first-child{z-index:2}
  .post_content .mn-tblWrap.is-two table{width:100%!important;min-width:0;table-layout:fixed!important}
  .post_content .mn-tblWrap.is-two th,.post_content .mn-tblWrap.is-two td{white-space:normal;min-width:0;overflow-wrap:anywhere}
  .post_content .mn-tblWrap.is-two tr>:first-child{width:34%}
}
/* PC tables */
@media (min-width:769px){
  .post_content .mn-tblWrap{overflow-x:auto;border:1px solid #d8dde3;border-radius:6px}
  .post_content .mn-tblWrap figure.wp-block-table{overflow:visible!important}
  .post_content .mn-tblWrap table{width:100%!important;table-layout:auto!important;font-size:15px;line-height:1.7;border-collapse:collapse;margin:0}
  .post_content .mn-tblWrap th,.post_content .mn-tblWrap td{padding:12px 14px!important;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;vertical-align:top;border:0;border-bottom:1px solid #e3e7ec}
  .post_content .mn-tblWrap th{font-weight:700}
  .post_content .mn-tblWrap td.mn-long,.post_content .mn-tblWrap th.mn-long{white-space:normal;word-break:normal;overflow-wrap:anywhere;min-width:14em;width:100%}
  .post_content .mn-tblWrap tbody tr:nth-child(even) td{background:#f7f8fb}
  .post_content .mn-tblWrap.is-two td,.post_content .mn-tblWrap.is-two th{white-space:normal}
  .post_content .mn-tblWrap.is-two tr>:first-child{width:30%;white-space:nowrap}
}
