/*
 * サイト全体（ヘッダー・検索窓と候補・サイドバー・フッター）。
 * 色やレイアウトは SWELL の設定で決め、ここでは設定で出せないものだけを書く。
 */

/* ---- 文字：どの端末でも同じに見えるよう Noto Sans JP（読み込みは inc/assets.php） ---- */
body {
	font-family: "Noto Sans JP", sans-serif;
}

/* ---- 目的別に探す（一覧）：旧ページはパンくずを出していなかった ---- */
body:has(.custom-card-design) .p-breadcrumb { display: none; }

/* ---- フッターの上下：旧テーマは本文との間 50px、フッターの上の余白 80px（SWELL の本文の下の間 96px は外す） ---- */
.l-content { margin-bottom: 0; }
.l-footer { margin-top: 50px; }
.l-footer .l-footer__widgetArea { padding-top: 80px; } /* スマホでも 80px（SWELL のスマホの指定より強くする） */

/* ---- フッター：旧テーマの実測に合わせる（見出しは白・細字、一覧は14.4px、最近の記事には書類のアイコン）---- */
.l-footer .c-widget__title.-footer {
	color: #fff;
	font-size: 15.84px;
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: 20px;
}
.l-footer .c-widget__title.-footer::before,
.l-footer .c-widget__title.-footer::after { content: none; }
.l-footer .wp-block-categories,
.l-footer .wp-block-latest-posts { padding: 0; border: 0; }
.l-footer :is(.wp-block-categories, .wp-block-latest-posts) li { border: 0; padding: 0; margin: 0; font-size: 14.4px; }
.l-footer :is(.wp-block-categories, .wp-block-latest-posts) a { border: 0; padding: 0; color: inherit; }
.l-footer :is(.wp-block-categories, .wp-block-latest-posts) a::before { content: none; }
.l-footer .wp-block-categories li,
.l-footer .wp-block-categories a { line-height: 30px; }
/* 件数はカテゴリ名のすぐ後ろ（SWELL は行の右端に離す）。間の空白は本文に入っている */
.l-footer .wp-block-categories a { display: inline; }
.l-footer .wp-block-categories .cat-post-count { font-size: inherit; }
.l-footer .wp-block-latest-posts li {
	position: relative;
	padding-left: 27px;
	margin-bottom: 15px;
	line-height: 1.4;
}
/* 旧テーマのアイコン（knowledgepress フォント）の形をそのまま SVG にした。書類 kp-file-text2 ＝ U+E9AD・カレンダー kp-calendar3 ＝ U+EA61・フォルダ kp-folder-open3 ＝ U+E9EA・タグ kp-price-tags2 ＝ U+E9F1（幅 1.25em）・矢印 kp-arrow-right4 ＝ U+EDBE / kp-arrow-left4 ＝ U+EDC6 */
:root { --m-icon-file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M918 229Q901 206 878.5 180.5Q856 155 831 129Q805 104 779.5 81.5Q754 59 731 42Q692 14 671.5 7.0Q651 0 640 0H144Q111 0 87.5 23.5Q64 47 64 80V944Q64 977 87.5 1000.5Q111 1024 144 1024H880Q913 1024 936.5 1000.5Q960 977 960 944V320Q960 309 953.0 288.5Q946 268 918 229ZM785 175Q808 198 826.5 218.5Q845 239 858 256H704V102Q721 115 741.5 133.5Q762 152 785 175ZM896 944Q896 951 891.5 955.5Q887 960 880 960H144Q137 960 132.5 955.5Q128 951 128 944V80Q128 73 132.5 68.5Q137 64 144 64Q144 64 221.5 64.0Q299 64 392.0 64.0Q485 64 562.5 64.0Q640 64 640 64V288Q640 301 649.5 310.5Q659 320 672 320H896ZM736 832H288Q275 832 265.5 822.5Q256 813 256 800Q256 787 265.5 777.5Q275 768 288 768H736Q749 768 758.5 777.5Q768 787 768 800Q768 813 758.5 822.5Q749 832 736 832ZM736 704H288Q275 704 265.5 694.5Q256 685 256 672Q256 659 265.5 649.5Q275 640 288 640H736Q749 640 758.5 649.5Q768 659 768 672Q768 685 758.5 694.5Q749 704 736 704ZM736 576H288Q275 576 265.5 566.5Q256 557 256 544Q256 531 265.5 521.5Q275 512 288 512H736Q749 512 758.5 521.5Q768 531 768 544Q768 557 758.5 566.5Q749 576 736 576Z'/%3E%3C/svg%3E"); }
:root {
	--m-icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 448H576V512H512ZM640 576H704V640H640ZM640 704H704V768H640ZM512 320H576V384H512ZM512 576H576V640H512ZM512 832H576V896H512ZM512 704H576V768H512ZM384 320H448V384H384ZM768 576H832V640H768ZM768 448H832V512H768ZM768 320H832V384H768ZM768 704H832V768H768ZM640 320H704V384H640ZM768 832H832V896H768ZM640 448H704V512H640ZM640 832H704V896H640ZM128 448H192V512H128ZM128 576H192V640H128ZM256 832H320V896H256ZM384 448H448V512H384ZM128 832H192V896H128ZM128 704H192V768H128ZM128 320H192V384H128ZM384 704H448V768H384ZM256 704H320V768H256ZM384 576H448V640H384ZM384 832H448V896H384ZM256 320H320V384H256ZM256 576H320V640H256ZM256 448H320V512H256ZM768 64V0H640V64H320V0H192V64H0V1024H960V64ZM640 128H768V192H640ZM192 128H320V192H192ZM896 960H64V256H896Z'/%3E%3C/svg%3E");
	--m-icon-folder: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M984 384H896V176Q896 156 882 142Q868 128 848 128H416L384 64H176Q156 64 142 78Q128 92 128 112V384H40Q20 384 8.5 398Q-3 412 1 431L119 849Q122 868 139 882Q156 896 176 896H848Q868 896 885 882Q902 868 905 849L1023 431Q1027 412 1015.5 398Q1004 384 985 384ZM192 128H344L376 192H832V384H192ZM844 832H180L70 448H954L844 832Z'/%3E%3C/svg%3E");
	--m-icon-tags: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 1024'%3E%3Cpath d='M1216 64V432Q1216 439 1211 451.5Q1206 464 1201 469L736 933L347 544L811 79Q816 74 828.5 69Q841 64 848 64ZM1232 0H848Q828 0 804 10Q780 20 766 34L290 510Q276 524 276 544Q276 564 290 578L702 990Q709 997 718 1000.5Q727 1004 736 1004Q745 1004 754 1000.5Q763 997 770 990L1246 514Q1260 500 1270 476Q1280 452 1280 432V48Q1280 28 1266 14Q1252 0 1232 0ZM1088 288Q1088 328 1060 356Q1032 384 992 384Q952 384 924 356Q896 328 896 288Q896 248 924 220Q952 192 992 192Q1032 192 1060 220Q1088 248 1088 288ZM635 0H592Q572 0 548 10Q524 20 510 34L34 510Q20 524 20 544Q20 564 34 578L446 990Q453 997 462 1000.5Q471 1004 480 1004Q489 1004 498 1000.5Q507 997 514 990L525 979L91 544Z'/%3E%3C/svg%3E");
	--m-icon-next: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M352 0 288 64 736 512 288 960 352 1024 864 512Z'/%3E%3C/svg%3E");
	--m-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 951 1024'%3E%3Cpath d='M658 494Q658 388 583 313Q508 238 402 238Q297 238 221 313Q146 388 146 494Q146 599 221 675Q297 750 402 750Q508 750 583 675Q658 599 658 494ZM951 969Q951 999 929 1021Q907 1042 878 1042Q847 1042 826 1021L630 825Q528 896 402 896Q321 896 246 864Q171 833 117 779Q63 725 32 650Q0 575 0 494Q0 412 32 337Q63 263 117 209Q171 155 246 123Q321 91 402 91Q484 91 559 123Q633 155 687 209Q741 263 773 337Q805 412 805 494Q805 619 734 722L930 918Q951 939 951 969Z'/%3E%3C/svg%3E"); /* kp-search ＝ U+F002（幅 951/1024） */
	--m-icon-prev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M672 1024 736 960 288 512 736 64 672 0 160 512Z'/%3E%3C/svg%3E");
}
.l-footer .wp-block-latest-posts li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 4.5px;
	width: 14.4px;
	height: 14.4px;
	background-color: currentColor;
	-webkit-mask: var(--m-icon-file) center / contain no-repeat;
	mask: var(--m-icon-file) center / contain no-repeat;
}
/* 下のメニューは旧テーマと同じ「｜」区切り（両端に線を付けない） */
.l-footer__nav li { border: 0; display: flex; align-items: center; }
.l-footer__nav a { border: 0 !important; padding: 0; }
.l-footer__nav li + li::before { content: "｜"; }

/* ---- 検索窓（[manual_search]）---- */
.m-search {
	display: flex;
	width: 100%;
}
.m-search__input {
	flex: 1;
	min-width: 0;
	height: 60px;
	padding: 0 16px;
	border: 0;
	border-radius: 0;
	background: #fff;
	color: #333;
	font-size: 15px;
}
.m-search__btn {
	flex: 0 0 auto;
	width: 160px;
	border: 0;
	background: var(--color_main);
	color: #fff;
	font-size: 16px; /* 旧テーマのトップの検索ボタンと同じ（スマホは 14px） */
	cursor: pointer;
}
.m-search__btn:hover { background: #222; }
@media (max-width: 767px) {
	.m-search__input { height: 48px; }
	.m-search__btn { width: 80px; font-size: 14px; }
}

/* ---- 入力中に出す検索の候補（js/site.js）---- */
.m-suggest-host { position: relative; }
.m-suggest {
	box-sizing: border-box;
	max-height: 450px;
	overflow-y: scroll;
	overflow-x: hidden;
	position: absolute;
	top: 100%;
	z-index: 100; /* 左端と幅は入力欄に合わせる（js/site.js） */
	margin: 2px 0 0;
	padding: 4px 0;
	list-style: none;
	background: #fff;
	border: 1px solid #e5e7eb;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
	text-align: left;
}
.m-suggest li { margin: 0; padding: 0; }
.post_content .m-suggest { padding: 4px 0; margin: 2px 0 0; }
.m-suggest li::before { content: none; }
.m-suggest a {
	display: block;
	padding: 10px 16px;
	color: #333;
	font-size: 16px; /* 旧テーマの候補と同じ */
	line-height: 1.5;
	text-decoration: none;
}
.m-suggest a:hover,
.m-suggest a.is-active { background: #f0f9ff; color: var(--color_main); }
/* A-24：旧テーマと同じく、各候補の左に書類のアイコン（16px）、打った語は青の太字（11/3 主君。幅などはこのまま） */
.m-suggest a { position: relative; padding-left: 36.8px; }
.m-suggest a::before {
	content: "";
	position: absolute;
	left: 12px;
	top: 14px;
	width: 16px;
	height: 16px;
	background-color: currentColor;
	-webkit-mask: var(--m-icon-file) center / contain no-repeat;
	mask: var(--m-icon-file) center / contain no-repeat;
}
.m-suggest strong { color: #03a9f4; font-weight: 700; }

/* ---- サイドバー：閲覧数の多いページ（[manual_popular]）---- */
.m-popular { list-style: none; margin: 0; padding: 0; }
.m-popular li {
	position: relative;
	margin: 0 0 15px;
	padding-left: 28px;
	font-size: 16px;
	line-height: 1.4;
}
/* 旧テーマと同じ書類のアイコン（16px・#333） */
.m-popular li::before {
	content: "";
	position: absolute;
	left: 2px; /* 1px の線がにじまないよう、整数の位置に置く（旧の字形は 2.4px・3.5px の位置） */
	top: 4px;
	width: 16px;
	height: 16px;
	background-color: #333;
	-webkit-mask: var(--m-icon-file) center / contain no-repeat;
	mask: var(--m-icon-file) center / contain no-repeat;
}
.m-popular a { text-decoration: none; }

/* ---- タイトルの帯（記事・固定ページ・カテゴリ）：旧テーマと同じ青の帯 ---- */
.l-topTitleArea {
	background-color: var(--color_main);
	min-height: 0;
	padding: 25px 0;
}
/* アイキャッチが無いと SWELL は灰色の代わりの画像（no_img.png）を敷くので、出さない */
.l-topTitleArea__img { display: none; }
/* 帯の中のタイトルは旧テーマの実測（PC・スマホとも 30px・字間 2px・行の高さ 1.5）。旧と同じ細字（300）に戻した（11/3 和泉さん「できるだけ旧と同じに」） */
.l-topTitleArea :is(.c-postTitle__ttl, .c-pageTitle, .c-pageTitle__inner) {
	font-size: 30px;
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: 2px;
	color: #fff; /* SWELL は検索結果・見つからないページの題名だけ白にしない（11/4 実測） */
}

/* ---- サイドバーの見出し：旧テーマと同じ飾りのない見出し（実測 24px・下 20px） ---- */
#sidebar :is(.c-widget__title, .widget-title) {
	background: none;
	border: 0;
	padding: 0;
	margin: 0 0 20px;
	color: #333;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.1;
	text-align: left;
}
#sidebar :is(.c-widget__title, .widget-title)::before,
#sidebar :is(.c-widget__title, .widget-title)::after { content: none; }

/* ---- 記事の一覧（カテゴリ・検索結果・関連記事）：記事にアイキャッチが無い（0件）ので、画像の枠を出さない ---- */
.p-postList__thumb { display: none; }
.p-postList.-type-list .p-postList__body { width: 100%; }

/* ---- お問い合わせ（Contact Form 7）：旧テーマの実測（白地に濃い枠、幅いっぱい、送信は青）---- */
.wpcf7 form > p { line-height: 30px; }
.wpcf7 :is(input[type=text], input[type=email], input[type=tel], input[type=url], input[type=number], input[type=date], select, textarea) {
	width: 100%;
	padding: 10px 15px;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	background: #fff;
	border: 1px solid #555;
	border-radius: 1px;
}
.wpcf7 :is(input[type=text], input[type=email], input[type=tel], input[type=url], input[type=number], input[type=date], select, textarea) { max-width: 620px; }
.wpcf7 select { height: 42px; }
.wpcf7 input[type=file] { display: block; padding: 0; background: none; border: 0; font-size: 16px; } /* 旧と同じく、下の「※最大ファイルサイズ」は次の行 */
.wpcf7 input[type=submit] {
	padding: 10px 15px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	background: var(--color_main);
	border: 1px solid var(--color_main);
	border-radius: 1px;
	cursor: pointer;
}
.wpcf7 input[type=submit]:hover { opacity: .85; }

/* ---- 一覧の帯：旧テーマはカテゴリ名だけ（「– category –」の添え字と親子のリンクは出していない）---- */
.l-topTitleArea .c-pageTitle__subTitle { display: none; }

/* ---- 関連記事：旧テーマと同じ、飾りの無い見出しの下に書類アイコン付きの青いリンクを2列。日付は出さない ---- */
.l-articleBottom__section.-related .l-articleBottom__title {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.1;
	text-align: left;
	padding: 0;
	margin-bottom: 30px;
	border: 0;
	background: none;
	color: #333;
}
.l-articleBottom__section.-related .l-articleBottom__title::before,
.l-articleBottom__section.-related .l-articleBottom__title::after { content: none; }
/* 2列は同じ幅（1fr だと長い題名の列が広がる）。記事の下の情報（parts/single/post_foot.php）の下から見出しまで 80px（旧テーマの実測） */
.l-articleBottom__section.-related { margin-top: 80px; }
.p-relatedPosts.-type-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 0; }
.p-relatedPosts.-type-list .p-postList__item {
	width: auto; /* SWELL は1件ごとに 50% の幅を付けるので、2列の中で半分に縮む */
	position: relative;
	margin: 0 0 15px;
	padding: 0 15px 0 28px;
	border: 0;
}
.p-relatedPosts.-type-list .p-postList__item::before {
	content: "";
	position: absolute;
	left: 2px; /* 1px の線がにじまないよう、整数の位置に置く（旧の字形は 2.4px・3.5px の位置） */
	top: 4px;
	width: 16px;
	height: 16px;
	background-color: #333;
	-webkit-mask: var(--m-icon-file) center / contain no-repeat;
	mask: var(--m-icon-file) center / contain no-repeat;
}
.p-relatedPosts.-type-list .p-postList__link { display: block; padding: 0; border: 0; }
.p-relatedPosts.-type-list .p-postList__body { padding: 0; }
.p-relatedPosts.-type-list .p-postList__title { color: var(--color_link); font-size: 16px; font-weight: 400; line-height: 1.4; }
.p-relatedPosts.-type-list .p-postList__meta { display: none; }

/* ---- 見つからないページ（404.php）・検索結果（search.php）：旧テーマと同じ、青い帯・黄色い注意の枠・検索欄 ---- */
.m-alert {
	margin: 0 0 20px;
	padding: 15px;
	color: #8a6d3b;
	background: #fcf8e3;
	border: 1px solid #faebcc;
	border-radius: 0; /* 旧テーマの実測（角なし） */
}
.m-search--old { max-width: 100%; }
.archive .c-tabBody__item > .post_content { margin-bottom: 0; } /* 記事の無いカテゴリ・タグ（parts/post_list/loop_main.php）：旧は検索欄のすぐ下から次の区画。SWELL は本文の下に 16px 空ける */
.m-search--old .m-search__input { height: 42px; border: 1px solid #555; font-size: 14px; }
.m-search--old .m-search__btn { width: 45px; background: #fff; color: #333; border: 1px solid #555; border-left: 0; font-weight: 700; font-size: 14px; }
.m-search--old .m-search__btn .icon-search { display: block; width: 13px; height: 14px; margin: 0 auto; background-color: currentColor; -webkit-mask: var(--m-icon-search) center / contain no-repeat; mask: var(--m-icon-search) center / contain no-repeat; } /* 旧と同じ太い虫めがね */
.m-search--old .m-search__btn .icon-search::before { content: none; }

/* ---- サイドバー：旧テーマの実測（幅360px、リンク16px・行の下15px）---- */
/* 本文の幅は旧テーマと同じ 1140px。サイドバーのあるページは 本文 750px・間 30px・サイドバー 360px。
   SWELL は本文の左右にさらに 16px の余白を足すが、旧テーマは無い */
:root { --swl-pad_post_content: 0px; }
/* スマホの左右の余白も旧テーマと同じ 15px（SWELL は 16px） */
@media (max-width: 959px) {
	:root { --swl-pad_container: 15px; }
}
@media (min-width: 960px) {
	:root { --container_size: 1140px; }
	#body_wrap.-sidebar-on { --swl-sidebar_width: 360px; --swl-sidebar_margin: 30px; }
}
/* 幅 992〜1199px は旧テーマ（Bootstrap）と同じく本文を 940px にして中央に寄せる（本文 617px・間 30px・サイドバー 293px）。
   左右の余白も旧と同じ 15px。ヘッダーも同じ（A-3。11/3 主君） */
@media (min-width: 960px) {
	:is(#header .l-header__inner, .l-topTitleArea__body, .p-breadcrumb__list, #content, #footer .l-container) { --swl-pad_container: 15px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	:is(#header .l-header__inner, .l-topTitleArea__body, .p-breadcrumb__list, #content, #footer .l-container) { --container_size: 940px; }
	#body_wrap.-sidebar-on { --swl-sidebar_width: 293px; }
}
/* スマホでは本文の下にサイドバーが続く。旧テーマは間を空けていなかった（SWELL は約56px 空ける） */
@media (max-width: 959px) {
	#sidebar { margin-top: 0; }
}
#sidebar .c-widget { font-size: 16px; line-height: 1.4; }
/* 「目的別に探す」ボタンの中の文字の行の高さは旧テーマと同じ 30px（ボタンの高さ 62px） */
#sidebar .sidebar-purpose-btn,
#sidebar .sidebar-purpose-btn * { line-height: 30px; }
#sidebar li { margin-bottom: 15px; }

/* フッターの2つの欄：旧テーマは 555px ずつ・間 30px（SWELL は欄の内側に 16px の余白を付ける） */
.l-footer .w-footer.-col2 { gap: 30px; }
.l-footer .w-footer__box { padding: 0; }
/* フッターの欄（カテゴリ・最近の記事）はスマホで縦に並ぶ。旧テーマは欄の間を空けていなかった */
@media (max-width: 959px) {
	.l-footer .w-footer__box { margin: 0; padding-top: 0; padding-bottom: 0; }
}

/* ---- 目次：旧テーマと同じ、印の無い一覧（子の項目は字下げだけ）。文字は 12.8px・行の下 10px ---- */
/* 枠は本文と同じ幅にする（SWELL は #main_content .p-toc で中央に寄せ、左だけ下がって見える。ID で指定されているので、こちらも ID で） */
#main_content .p-toc { width: auto; max-width: none; margin-left: 0; margin-right: 0; }
/* 目次から飛んだ見出しを、固定ヘッダーの下に止める。旧サイトの見出しの名前は「1」などの数字で、SWELL のずらす仕組みが読めず、
   ブラウザの普通の移動になるため（--swl-offset_y は SWELL が入れるヘッダーの高さ。PC 64px・スマホ 48px） */
.post_content [id] { scroll-margin-top: calc(var(--swl-offset_y, 64px) + 16px); }
.p-toc .p-toc__list,
.p-toc .p-toc__childList { list-style: none; padding-left: 0; }
.p-toc .p-toc__childList { padding-left: 1.5em; } /* 旧 .toc ul と同じ */
.p-toc .p-toc__list li { margin: 10px 0; font-size: 12.8px; line-height: 1.4; padding-left: 0; }
.p-toc .p-toc__list li::before,
.p-toc .p-toc__link::before { content: none; display: none; }

/* トップは、灰色の帯のすぐ下にフッターが来る（旧トップと同じ） */
.home .l-footer { margin-top: 0; }

/* カテゴリ・タグ・検索結果：旧の余白と区切り線（2026-11-03 主君） */
#main_content .p-postList.-type-list:not(.p-relatedPosts) > .p-postList__item { border-bottom: 1px solid #e4e4e4; padding: 0; margin: 0 0 50px; }
/* 題名と抜粋の文字は旧テーマと同じ大きさ（題名 26px・抜粋 16px。PC・スマホとも。2026-11-02 和泉さん「文字が小さくなっている」・主君「旧と同じにそろえる」）。
   題名は旧テーマと同じ青・細字（2026-11-02 主君。SWELL の .p-postList .p-postList__title の太字より強く指定する）。行の高さは 1.4（旧の 1.1 では2行のとき近すぎる。2026-11-11 和泉さん・主君） */
#main_content .p-postList.-type-list:not(.p-relatedPosts) .p-postList__title { font-size: 26px; line-height: 1.4; font-weight: 400; color: var(--color_link); }
#main_content .p-postList.-type-list:not(.p-relatedPosts) .p-postList__excerpt { font-size: 16px; line-height: 30px; }
/* 投稿日の文字は旧テーマの一覧の日付と同じ 13.6px（形は SWELL のまま） */
#main_content .p-postList.-type-list:not(.p-relatedPosts) .p-postList__meta { font-size: 13.6px; }
/* C-2：旧のつながった四角。スマホも同寸で折り返す（2026-11-03 主君）。 */
.c-pagination { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0; text-align: left; margin: 90px 0 49px; } /* 旧テーマの実測：一覧の最後の記事の下から 90px、下の区画まで PC 99px・スマホ 49px */
.c-pagination .page-numbers {
 box-sizing: border-box; display: block; flex: 0 0 auto; width: calc(32px + 9.6015625px * var(--m-page-digits, 1)); min-width: 0;
 height: 44.8515625px; margin: 0 0 0 -1px; padding: 10px 15px; border: 1px solid #eee;
 border-radius: 0; box-shadow: none; font-size: 16px; line-height: 22.8515625px; text-align: center; color: var(--color_main); background: #fff;
}
.c-pagination .page-numbers:first-child { margin-left: 0; }
.c-pagination .page-numbers.current { background: var(--color_main); border-color: var(--color_main); color: #fff; }
.c-pagination .page-numbers.dots { width: 43.109375px; }
.c-pagination .page-numbers:is(.prev,.next) { width: 48px; }
.c-pagination :is(.prev,.next)::before { content: ''; display: block; width: 16px; height: 16px; margin-top: 4px; background-color: currentColor; -webkit-mask: var(--m-icon-next) center / contain no-repeat; mask: var(--m-icon-next) center / contain no-repeat; }
.c-pagination .prev::before { -webkit-mask-image: var(--m-icon-prev); mask-image: var(--m-icon-prev); }
.c-pagination:not(:has(a)) { display: none; }

/* ---- サイドバーの「目的別に探す」ボタンの上下の間：旧テーマは約50px ---- */
#sidebar .c-widget:has(.sidebar-purpose-btn),
#sidebar .c-widget:has(.sidebar-purpose-btn) + .c-widget { margin-top: 50px; }

/* ---- フッターの一番下：旧テーマと同じ、メニューと © を 11.52px・行の高さ 30px で2行（段の高さ 60px。2026-11-02 主君）。
   上の欄との間は旧テーマと同じ 65px（欄の下 20px＋段の上 45px）、段の下は 20px ---- */
.l-footer .l-footer__widgetArea { padding-bottom: 20px; }
.l-footer__foot { padding: 45px 0 20px; }
.l-footer__nav { padding: 0; }
.l-footer__nav a { font-size: 11.52px; }
.l-footer__nav li { line-height: 30px; font-size: 11.52px; }
.l-footer .copyright { font-size: 11.52px; line-height: 30px; }

/* ---- 見つからないページ：案内の段落は旧テーマと同じ、行の高さ 30px・下 10px（記事の段落の 1.6・1.3em ではない） */
.error404 .post_content p { line-height: inherit; margin: 0 0 10px; }

/* ---- ヘッダーのメニューの下線：文字のすぐ下に出す（SWELL は項目の下端＝ヘッダーの下端に引き、すぐ下の青い帯と重なって見えにくい）。
   文字は項目の上下の中央にあるので、中央から 0.8em 下（文字の下 約4px）---- */
.c-gnav > .menu-item > a::after { bottom: calc(50% - .8em); }

/* ---- ヘッダーの検索窓（inc/display.php）：旧サイトと同じく、ロゴの右に常に出し、メニューは2段目の右寄せ（PC）。
   1段に並べるには幅が足りない（ロゴ 約200px＋メニュー 約740〜800px で、本文の幅 1140px がほぼ埋まる）---- */
@media (min-width: 992px) {
	#header .l-header__inner { flex-wrap: wrap; }
	#header .l-header__logo { flex: 1 0 100%; display: flex; align-items: center; gap: 40px; }
	#header .l-header__gnav { margin-left: auto; }
	/* A-1：高さは旧テーマと同じ 140px（ロゴと検索の段 70px＋メニューの段 70px。11/3 主君） */
	#header .l-header__logo { height: 70px; padding: 0; }
	#header .c-gnav { height: 70px; }
	/* A-3：メニューは旧テーマと同じ、項目の左右 15px・文字 14px。右端は本文の右端から 60px 内側（旧の実測） */
	#header .l-header__gnav { margin-right: 60px; }
	#header .c-gnav > .menu-item > a { padding: 0 15px; }
	#header .c-gnav__s { display: none; } /* 検索アイコンは外す（固定ヘッダーには残す） */
}
.m-hsearch {
	/* A-5：旧テーマと同じ、枠も背景も無い入力欄（250×70px）。虫めがねは欄の左外 10px（11/3 主君） */
	position: relative;
	display: flex;
	align-items: center;
	width: 250px;
	height: 70px;
}
.m-hsearch__btn {
	position: absolute;
	left: -10px;
	top: 50%;
	width: 13px;
	height: 14px;
	margin-top: -7px;
	padding: 0;
	border: 0;
	background-color: #000;
	cursor: pointer;
	-webkit-mask: var(--m-icon-search) center / contain no-repeat;
	mask: var(--m-icon-search) center / contain no-repeat;
}
.m-hsearch__btn .icon-search { display: none; }
.m-hsearch__input {
	flex: 1;
	min-width: 0;
	height: 100%;
	padding: 0 0 0 15px;
	border: 0;
	background: none;
	color: #000;
	font-size: 14px;
	line-height: 1.5;
	outline: none;
}
.m-hsearch__input::placeholder { color: rgba(0, 0, 0, .5); }
.m-hsearch .m-suggest { line-height: 1.5; }

/* ---- 文字の大きさは旧テーマの実測にそろえる（2026-11-02 主君「文字の大きさは全て旧に合わせる」。太さ・色・形は変えない）---- */
/* ロゴ：PC 18px・スマホ 20px（SWELL は 24px・5vw） */
.-txt .c-headLogo__link { font-size: 20px; }
/* A-2：ロゴの文字は旧テーマと同じ標準の太さ（11/3 主君。SWELL は太字） */
:is(#header, #fix_header) .c-headLogo__link { font-weight: 400; }
@media (min-width: 992px) {
	.-txt .c-headLogo__link { font-size: 18px; }
}
/* ---- A-7：スマホのヘッダーは旧テーマと同じ。高さ 56px、ロゴは左（文字の左端 16px）、メニューボタンは右に太い3本線
   （30×4px・間 10px・角丸・#0c0c0c）。ロゴ左・ボタン右は SWELL の設定 header_layout_sp=left_right（11/3 主君）。
   旧はこのヘッダーを幅 991px まで出していた（SWELL の切り替えは 960px）---- */
@media (max-width: 991px) {
	#header .l-header__inner { height: 56px; }
	/* 旧はヘッダーが中身に 14px 重なっていた（中身は上から 42px で始まる。11/4 実測）。ヘッダーは SWELL が前に出している（z-index 100） */
	#header { margin-bottom: -14px; }
	#header .l-header__logo .c-headLogo { margin-left: 8px; }
	#header .c-headLogo__link { color: #0c0c0c; }
	#header .l-header__menuBtn { width: 48px; height: 56px; margin-right: 0; }
	#header .l-header__menuBtn .c-iconBtn { width: 100%; height: 100%; }
	#header .l-header__menuBtn .c-iconBtn__icon { position: relative; left: -5px; top: -4.5px; width: 30px; height: 24px; font-size: 0; }
	#header .l-header__menuBtn .c-iconBtn__icon::before {
		content: "";
		position: absolute;
		left: 0;
		top: 12px;
		width: 30px;
		height: 4px;
		border-radius: 4px;
		background: #0c0c0c;
		box-shadow: 0 -10px 0 #0c0c0c, 0 10px 0 #0c0c0c;
	}
}
/* 幅 960〜991px：SWELL は PC のヘッダーにするので、959px 以下と同じスマホのヘッダーに戻す（SWELL main.css の 960px の切り替えの裏返し） */
@media (min-width: 960px) and (max-width: 991px) {
	#header .l-header__gnav, .l-fixHeader { display: none; }
	/* .pc_・.sp_ は SWELL が !important で出し分けているので、こちらも !important */
	#header .pc_ { display: none !important; }
	#header .sp_ { display: block !important; }
	.p-spMenu { display: block; }
	.l-header[data-spfix="1"] { position: sticky; top: var(--swl-adminbarH, 0); }
	#header .l-header__inner { align-items: center; justify-content: space-between; padding: 0; }
	#header .l-header__logo { margin-right: auto; padding: 0 2vw; }
	#header .c-headLogo { height: var(--logo_size_sp); margin-right: 0; }
}
/* 閉じたスマホのメニューに Tab が止まらないようにする（SWELL は透明にするだけで、見えない9か所に止まっていた。旧は止まらない）。
   閉じる動き（1秒）が終わってから隠す。SWELL の opacity の遅れも同じ値で書き直す（2026-11-09） */
[data-spmenu=closed] .p-spMenu { visibility: hidden; transition: opacity 0s 1s, visibility 0s 1s; }
/* スマホのメニューの項目：15px（SWELL は 3.6vw） */
.p-spMenu .c-spnav a { font-size: 15px; }
/* パンくず：16px（SWELL は 11px・スマホ 10px）。大きくすると1行に収まらないので、旧テーマと同じく折り返す */
.p-breadcrumb__list { font-size: 16px; flex-wrap: wrap; }
/* ---- A-9：パンくずの見た目は旧テーマと同じ（11/3 主君）。上下 15px・行の高さ 30px・下に #e4e4e4 の線（高さ 61px）、
   ホームは青い家のアイコンだけ（旧テーマの knowledgepress フォントの U+E907 の形）、区切りは灰色の「/」、リンクは青・今のページは #333 ---- */
/* SWELL は帯のすぐ下のパンくずの線を !important で消すので、こちらも !important */
#breadcrumb.p-breadcrumb { padding: 0; background: none; box-shadow: none; border-bottom: 1px solid #e4e4e4 !important; }
#breadcrumb .p-breadcrumb__list { gap: 0; padding-top: 15px; padding-bottom: 15px; line-height: 30px; }
#breadcrumb .p-breadcrumb__item { gap: 0; margin-right: 4px; color: #333; }
#breadcrumb .p-breadcrumb__item::after { content: none; }
#breadcrumb .p-breadcrumb__item + .p-breadcrumb__item::before { content: "/ "; padding: 0 5px; color: #ccc; white-space: pre; } /* 「/」の後ろの空白を残す */
#breadcrumb a.p-breadcrumb__text { color: #03a9f4; }
#breadcrumb span.p-breadcrumb__text { color: #333; opacity: 1; }
/* A-10：記事のページでも最後に記事名を出す（SWELL は .single で隠す） */
.single #breadcrumb .p-breadcrumb__item:last-child > span.p-breadcrumb__text { display: inline-flex; }
#breadcrumb .__home { gap: 0; font-size: 0; }
#breadcrumb .__home::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: -2px;
	background-color: #03a9f4;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M1024 544 512 32 0 544 96 640 192 544V1024H448V832H576V1024H832V544L928 640ZM768 960H640V768H384V960H256V480L512 224L768 480Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M1024 544 512 32 0 544 96 640 192 544V1024H448V832H576V1024H832V544L928 640ZM768 960H640V768H384V960H256V480L512 224L768 480Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* 本文の上の目次の題：17px（旧テーマの「CONTENT」） */
#main_content .p-toc .p-toc__ttl { font-size: 17px; }
/* 本文の小さい文字（<small>）：旧テーマ（Bootstrap）と同じ 85%・濃さはそのまま・行の高さは段落のまま（SWELL は 0.8em・不透明度 0.8） */
.post_content small { font-size: 85%; opacity: 1; line-height: inherit; }

/* ---- 今いるページのメニュー：旧テーマと同じ、文字を青にして下の線は出さない（2026-11-02 主君。SWELL は li に -current を付ける）---- */
:is(#header, #fix_header) .c-gnav > .-current > a { color: var(--color_main); }
:is(#header, #fix_header) .c-gnav > .-current > a::after { display: none; }

/* ---- 記事の帯：SWELL の設定で日付を隠した後に残る空の .p-articleMetas の上の間（9px）で帯が高くなるので出さない（旧と同じ 95px）---- */
.l-topTitleArea .p-articleMetas.-top { display: none; }

/* ---- 記事の下の情報（parts/single/post_foot.php）：旧テーマと同じ、本文のすぐ下にタグ・投稿日・カテゴリを灰色の 13.6px で1行 ---- */
.single .l-mainContent__inner > .post_content { margin-bottom: 0; } /* SWELL は本文の下に 4em 空ける */
/* 旧テーマは本文の最後のブロックの下の間をそのまま残す（段落 1.3em・箇条書きと見出し 10px・よくある質問の枠 24px。
   飾りの無い囲み・記事の一覧の項目は 0 で、囲みの中の最後の部品の間が出る）。SWELL は最後のブロックの下と、囲みの中の最後の部品の下を 0 !important にする */
.single .l-mainContent__inner > .post_content > p:last-child { margin-bottom: 1.3em !important; }
.single .l-mainContent__inner > .post_content > .faq-box:last-child { margin-bottom: 24px !important; }
.single .l-mainContent__inner > .post_content > :is(ul, ol, h2, h3, h4, h5):last-child,
.single .post_content div:not([class]) > :is(ul, ol, h2, h3, h4, h5):last-child { margin-bottom: 10px !important; }
.m-postMeta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 30px;
	margin: 0 0 40px;
	color: #ababab;
	font-size: 13.6px;
	line-height: 1.4;
}
/* 旧テーマは 1/6・1/4 幅の列で、タグが多いと細く何行にも折れた。新では中身の長さに合わせて横に並べ、入らなければ次の行へ（11/3 主君） */
.m-postMeta__item { flex: 0 1 auto; }
.m-postMeta a { color: inherit; text-decoration: none; }
.m-postMeta__item::before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: .3em;
	vertical-align: -.1em;
	background-color: currentColor;
	-webkit-mask: var(--m-meta-icon) center / contain no-repeat;
	mask: var(--m-meta-icon) center / contain no-repeat;
}
.m-postMeta__item.-tags { --m-meta-icon: var(--m-icon-tags); }
.m-postMeta__item.-tags::before { width: 1.25em; }
.m-postMeta__item.-date { --m-meta-icon: var(--m-icon-calendar); }
.m-postMeta__item.-cats { --m-meta-icon: var(--m-icon-folder); }
/* スマホ（旧テーマは 992px 未満）は区切らずに文の続きとして並べる */
@media (max-width: 991px) {
	.m-postMeta { display: block; }
	.m-postMeta__item { display: inline; }
}

/* ---- トップへ戻るボタン：旧テーマ（WPFront Scroll Top）の画像（灰色の丸に白い矢印・64px）をそのまま使う。不透明度 0.8・右と下から 20px ---- */
.p-fixBtnWrap { right: 20px; bottom: 20px; }
#pagetop {
	width: 64px;
	height: 64px;
	border: 0;
	border-radius: 0;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAWlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACLSV5RAAAAHnRSTlOAAH+EA4hSemt1XjESOgcmWBlkRSJxRyQ1NA0sTUAtV2H8AAACPElEQVRYw5yTCW6DMBBFZ/MCNpiwpUmb+1+zgdI0kRkr5SNLSNZ/vNEIwDyynJiawdbeOV/boUlR1os8gHs5BVsZZoY1zGwqG06I7wHapq6MAVoCANuLMVXdtG8AJHhe2/CSlcE+SBEgKKlnfrQzBnOfBEU3iB0zEKghYO6ibjBOhgiKITLTqAE+HOf1HMHuYxcgM2T2yhwwSw4Qm+vrY1jJAIMheDtkhleA4EXRV8e4oDwbjO6/ADc+G8SJlb5K4Cn+AaQzWl8nmE4egLP2/bLD+Rcg/TFALxsgMBwKhx9A63WBsoJvEUGwKfXLhAYFUGpzFGBqQcBTBUcBUJ0QMJQEaD26QkAQWwAQL3XSAVYgFiYg9p/XGwHpM0RIptDvroiYnE4wCfQlEtsW5f6MjkldJAzKJa39JYJnzYF4AMuk9L8EcSMkAlIkoVavBLfovwvd616f/zm3fcK97kp9wTBvhHl/VAduf3/fpVfREoMgDMMWJrDDgb7p/v87B1u97W55Mr7RMzml1zQxfG9AMfV8qkCCiPDZvr8ldXLY1q+IIYJLFDe3yZ9aK/rRX4+mTlwGbRSNkx+IPaqY/r7P/QjauEGCgVhWFTvvowAJNlcU/MKjv94G/pTP5qflmN0/QcHDlPKtpi+zaMp1HXgwTHicQwi/ZekFxeOMBUXGAwpAUEzSrqrqnRdVVtb5xUKuNna50uudNRi0xWFNFmvzeKPJWV3abPN2nw8cfOThQxcf+/jgyUdfPnzT8f8FAScYIx8L81IAAAAASUVORK5CYII=") center / 64px 64px no-repeat !important; /* SWELL の hov-bg-main（!important）で青くなるのも止める */
	box-shadow: none;
	opacity: .8;
}
#pagetop .c-fixBtn__icon { display: none; }

/* ---- お問い合わせ：旧テーマ（Bootstrap）と同じ、項目（名前＋入力欄）の下 10px・項目名は太字で下 5px ---- */
.post_content .wpcf7 form p { margin: 0 0 10px !important; } /* SWELL の .post_content div > :last-child { margin-bottom: 0 !important } より強く */
.wpcf7 label { display: inline-block; margin-bottom: 5px; font-weight: 700; }
/* パスワードで守られた記事の入力欄：旧テーマはブラウザの標準の見た目のまま（SWELL は上に破線・欄に枠と灰色の地を付ける） */
.post_content .post-password-form { margin: 0; padding: 0; border: 0; }
.post_content .post-password-form input:not([type=hidden]) { all: revert; font: inherit; }
/* 送信ボタンも段落の行の高さ（記事 25.6px・会員ページ 30px。旧の高さ 31.59px・36px）。Chrome は appearance が auto のボタンの行の高さを無視するので、旧（Bootstrap）と同じ button にする */
.post_content .post-password-form input[type=submit] { -webkit-appearance: button; appearance: button; }
.post_content .post-password-form label { display: inline-block; margin-bottom: 5px; font-weight: 700; }
/* 旧テーマ（Bootstrap）は 768px 以上で欄の列が回り込み（float）で、段落の下 10px と列の下 15px が重ならず 25px 空いた（11/5 実測） */
@media (min-width: 768px) { .wpcf7 .row > [class*="col-"] { display: flow-root; } }
/* 旧（Bootstrap）は 1200px 以上で欄の列が col-lg-10（行の幅＋30px の 10/12 から左右の 15px を引いた幅）。説明の文の折り返しが旧と同じになる（11/9 実測 620px） */
@media (min-width: 1200px) { .wpcf7 .row > .col-lg-10 { width: calc((100% + 30px) * 10 / 12 - 30px); } }

/* ---- パンくずの下から本文までは全ページ 60px（旧は 80px。CS の要望で詰め、ページを移っても上下に跳ねないようそろえた。11/5 主君。
   SWELL は PC 64px・スマホ 7.2vw。パンくずの無いトップ・目的別のトップ・アプリの中のページは pages.css で別に決める）---- */
#content { padding-top: 60px; }

/* ---- 追尾サイドバーの目次（[manual_side_toc]）：白地に薄い枠の部品。色はメインの青だけ。
   枠は画面の高さ（固定ヘッダー・管理バーを除く）まで。長い目次は枠の中だけスクロールする ---- */
#fix_sidebar { max-height: none; overflow: visible; }
#sidebar .m-sideToc {
	display: flex;
	flex-direction: column;
	max-height: calc(100vh - 16px - var(--swl-adminbarH, 0px) - var(--swl-fix_headerH, 0px));
	padding: 16px 0 12px;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
}
#sidebar .m-sideToc__ttl {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e0e0e0;
	color: #333;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
}
#sidebar .m-sideToc__ttl i { color: var(--m-blue); font-size: 16px; }
#sidebar .m-sideToc__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; margin: 8px 0 0; padding: 0; border: 0; background: none; }
#sidebar .m-sideToc .p-toc__list,
#sidebar .m-sideToc .p-toc__childList { margin: 0; padding: 0; list-style: none; }
#sidebar .m-sideToc .p-toc__childList .p-toc__link { padding-left: 28px; } /* h3・h4 相当は1段下げる */
#sidebar .m-sideToc .p-toc__childList .p-toc__childList .p-toc__link { padding-left: 40px; }
#sidebar .m-sideToc .p-toc__list li { margin: 0; padding: 0; font-size: 14px; line-height: 1.5; }
#sidebar .m-sideToc .p-toc__link {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* 長い題は2行まで */
	overflow: hidden;
	padding: 5px 16px 5px 16px;
	border-left: 3px solid transparent;
	color: #555;
	text-decoration: none;
}
#sidebar .m-sideToc .p-toc__link:hover { color: var(--m-blue); }
/* 今読んでいる見出し（js/site.js が付ける） */
#sidebar .m-sideToc .p-toc__link.is-current { border-left-color: var(--m-blue); color: var(--m-blue); }

/* C-1：カテゴリ・タグ・検索結果を旧の一覧に戻す（2026-11-03 主君）。 */
#main_content .m-archiveList > .p-postList__item { margin: 0 0 50px; padding: 0; border-bottom: 1px solid #e4e4e4; }
#main_content .m-archiveList .p-postList__title { margin: 0 0 30px; }
#main_content .m-archiveList .p-postList__title a { color: inherit; }
#main_content .m-archiveList .p-postList__excerpt { display: block; margin: 0 0 25.6px; line-height: 30px; }

/* C-3：本文内だけ旧の灰色の目次・右回り込みに戻す（追尾欄は変更しない）。 */
#main_content .post_content > .p-toc {
 box-sizing: border-box; float: right; clear: none; width: auto; max-width: 40%; /* 旧と同じく中身の幅（最大で本文の 40%） */
 margin: 0 0 12.8px 16.64px; padding: 17.92px 20.48px 10.24px;
 background: #f8f8f8; border: 1px solid #f1f1f1; border-radius: 0;
 font-size: 12.8px; line-height: 1.4;
}
#main_content .p-toc .p-toc__ttl { display: block; margin: 0 0 15px; padding: 0; border: 0; font-size: 17px; font-weight: 400; line-height: 1.1; text-align: left; }
#main_content .p-toc .p-toc__ttl::before,
#main_content .p-toc .p-toc__ttl::after { display: none; }
#main_content .p-toc .p-toc__list { margin: 0; }
#main_content .p-toc .p-toc__link { color: #777; }
/* SWELL は .post_content > * に clear: both を付けるので、外さないと本文が目次の下に落ちる（旧は見出しも段落も画像も回り込む） */
#main_content .post_content:has(> .p-toc) > * { clear: none; }
#main_content .post_content::after { content: ''; display: block; clear: both; }
/* 先頭の目次のすぐ後の部品は、本文の最初の部品と同じく上の間を 0 にする（見出しの上 28px が残り、目次ごと下がって横の欄の題とずれていた。/archives/24086） */
#main_content .post_content > .p-toc:first-child + * { margin-top: 0; }
@media (max-width: 767px) {
 #main_content .post_content > .p-toc { float: none; width: 100%; max-width: none; margin: 0 0 25.6px; } /* PC の max-width: 40% を外す（残っていて、スマホで目次が本文の4割に縮んでいた。11/10 実測で気づいた） */
}

/* C-7：拡大画像は、旧と同じ左右20px＋白枠10pxの内側に収める（11/5：タブレット・PCも。旧の実測は画面の幅−60px。
   タブレットは白枠の分だけ画面の右にはみ出し、閉じるボタンが画面の外に出ていた） */
body .lum-lightbox .lum-lightbox-inner { left: 0; right: 0; } /* Luminous は左右 2.5% の枠の左に寄せるので、画面の幅−60px の画像が右にずれていた */
/* 旧（991px 以下）は画面の真ん中より 42px 下に出していた（上に固定したメニューの帯の分。11/5 実測：タブレット・スマホとも） */
@media (max-width: 991px) { body .lum-lightbox .lum-lightbox-inner { transform: translateY(42px); } }
.lum-lightbox-inner img.lum-img {
 box-sizing: content-box; width: auto; height: auto;
 max-width: calc(100vw - 60px); max-height: calc(100vh - 60px);
 border: 10px solid #fff;
}

/* ---- A-25：画像の拡大は旧テーマ（Easy FancyBox）と同じ見た目（11/4 主君）。灰色の幕（#777・不透明度 0.7）、
   画像に白い枠 10px と影、閉じるボタンは画像の枠の右上の角（旧の画像をそのまま使う。位置は js/site.js）。画像の大きさは変えない ---- */
body .lum-lightbox { background: rgba(119, 119, 119, .7); }
@media (min-width: 768px) {
	.lum-lightbox-inner img.lum-img { box-shadow: 0 0 20px #111; }
}
.lum-lightbox .lum-close-button {
	width: 30px;
	height: 30px;
	opacity: 1;
	background: url("data:image/png;base64,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") center / 30px 30px no-repeat;
}
.lum-lightbox .lum-close-button::before,
.lum-lightbox .lum-close-button::after { content: none; }


/* ---- マウスを乗せたとき：旧テーマと同じ（11/4・11/5 実測。旧はリンクと本文の目次を #222、メニューを青、ページ送りを青地に白）---- */
a:hover { color: #222; }
#breadcrumb a.p-breadcrumb__text:hover,
#main_content .p-postList.-type-list:not(.p-relatedPosts) .p-postList__title a:hover { color: #222; }
#main_content .p-toc .p-toc__link:hover { color: #222; } /* 本文の目次（11/5 実測。旧は #222） */
#header .c-gnav > .menu-item > a:hover { color: #03a9f4; }
.c-pagination a.page-numbers:hover { background: #03a9f4; border-color: #03a9f4; color: #fff; }
.l-footer__nav a:hover { text-decoration: none; color: inherit; }