@charset "UTF-8";
/*
 * 賢威 8.0 の base.css / default-style.css が持っていた「骨組み」だけの代わり（#183）。
 *
 * 見た目の実体は同じディレクトリの theme.css（子テーマ 9j2-kyujitsu/assets/css/theme.css の複製）。
 * theme.css は賢威の上に載る前提で書かれているので、それが頼っていた前提
 * （1rem = 10px・2 カラムの骨組み・リセット）だけをここで再現する。
 * theme.css を直すときは子テーマ側と両方を直すこと（移行期間中は WP も動いている）。
 */

html { font-size: 62.5%; -webkit-text-size-adjust: 100%; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-size: 1.6rem; word-wrap: break-word; overflow-wrap: anywhere; }
img, iframe { max-width: 100%; }
img { height: auto; vertical-align: middle; }
ul, ol { padding-left: 1.5em; }
table { border-collapse: collapse; width: 100%; }
figure { margin: 0; }
h1, h2, h3, h4, h5, h6 { color: var(--nkj-ink); line-height: 1.5; }

.nkj-skip { position: absolute; left: -9999px; }
.nkj-skip:focus { left: 8px; top: 8px; z-index: 100; padding: 8px 12px; background: var(--nkj-surface); }

/* 2 カラム（親の .keni-container / .keni-main / .keni-sub） */
.keni-container {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 32px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 16px;
}
.keni-container.nkj-single { grid-template-columns: minmax(0, 1fr); }
@media screen and (max-width: 1023px) {
	.keni-container { grid-template-columns: minmax(0, 1fr); }
}

.keni-section_wrap { padding: 24px; margin-bottom: 24px; }
@media screen and (max-width: 767px) {
	.keni-section_wrap { padding: 16px; }
}

/* 記事本文の表（基本情報・旧記事の表） */
.article-body table { margin: 1.5em 0; font-size: 1.5rem; }
.article-body th,
.article-body td { border: 1px solid var(--nkj-line); padding: .6em .8em; text-align: left; vertical-align: top; }
.article-body th { background: var(--nkj-surface-2); color: var(--nkj-ink); white-space: nowrap; width: 30%; }
.article-body iframe { border: 0; }

/* 景表法の PR 表記（mu-plugin affiliate-disclosure.php と同じ見た目） */
.affiliate-pr-notice { font-size: .85em; color: var(--nkj-ink-3); background: var(--nkj-surface-2); border-left: 3px solid var(--nkj-line); padding: .5em .8em; margin: 0 0 1.2em; line-height: 1.5; }

/* パンくず（親の .keni-breadcrumb-list） */
.keni-breadcrumb-list_outer { max-width: 1200px; margin: 0 auto; padding: 8px 16px; }
.keni-breadcrumb-list { display: flex; flex-wrap: wrap; gap: 4px 0; margin: 0; padding: 0; list-style: none; font-size: 1.3rem; }
.keni-breadcrumb-list li + li::before { content: "›"; margin: 0 .5em; color: var(--nkj-ink-3); }

/* フッター（親の .keni-footer_wrap / .keni-copyright） */
.keni-footer_outer { max-width: 1200px; margin: 0 auto; padding: 24px 16px; }
.keni-footer .nkj-footer_nav { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; padding: 0; list-style: none; }
.keni-copyright { text-align: center; padding: 16px; font-size: 1.2rem; }

/* Concrete のページ送り（bootstrap の .pagination）を親の .page-nav に寄せる */
.page-nav .pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 24px 0; padding: 0; list-style: none; }
.page-nav .pagination li a,
.page-nav .pagination li span { display: block; min-width: 40px; padding: 8px 12px; text-align: center; border: 1px solid var(--nkj-line); border-radius: var(--nkj-radius); background: var(--nkj-surface); text-decoration: none; }
.page-nav .pagination .active span,
.page-nav .pagination .active a { background: var(--nkj-accent); border-color: var(--nkj-accent); color: var(--nkj-accent-on); }
.page-nav .pagination .disabled span { color: var(--nkj-ink-3); }

/* サイドバー */
.keni-sub .nkj-side_title { font-family: var(--nkj-serif); font-size: 1.6rem; margin: 0 0 12px; }
.keni-sub .nkj-side_region { margin: 12px 0 4px; font-weight: bold; font-size: 1.4rem; }
.keni-sub .nkj-side_prefs { display: flex; flex-wrap: wrap; gap: 4px 12px; padding: 0; margin: 0; list-style: none; font-size: 1.4rem; }
.keni-sub .nkj-side_prefs li { border: 0; padding: 0; }
.keni-sub .nkj-side_prefs li::before { content: none; }