@charset "UTF-8";
/*
 * kougaku-custom.css — 手で直すときはここに書く（kougaku.css は tools/extract-css.py で再生成されるため）
 * kougaku.css の後に読み込まれるので、同じセレクタならこちらが勝つ
 */

/* ブロックエディタの CSS（wp-block-library）を読み込まないので、本文で使っている画像ブロックの分だけここに置く
   （WordPress の blocks/image/style.css から必要なところを抜粋。2026-09-14） */
figure.wp-block-image {
	margin: 0 0 1em;
}
.wp-block-image > a,
.wp-block-image > figure > a {
	display: inline-block;
}
.wp-block-image img {
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}
.wp-block-image.aligncenter {
	text-align: center;
}
.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.aligncenter,
.wp-block-image.alignleft,
.wp-block-image.alignright {
	display: table;
}
.wp-block-image .alignleft {
	float: left;
	margin: .5em 1em .5em 0;
}
.wp-block-image .alignright {
	float: right;
	margin: .5em 0 .5em 1em;
}
.wp-block-image .aligncenter {
	margin-left: auto;
	margin-right: auto;
}
.wp-block-image figcaption {
	margin-bottom: 1em;
	margin-top: .5em;
}

/* 固定ページ（サイトマップなど）: タイトル下の飾り線が最初の見出しに被らないように、幅に関係なく下に余白を取る
   （旧サイトは PC 幅 1060px 以上だけ 35px で、スマホでは被っていた。2026-09-14 ユーザー指示） */
.page .article-header {
	margin-bottom: 35px;
}

/* 記事ページ: 本文下の広告を懸賞情報の中（応募ボタンの上／コメントの上）に移したので、
   .entry-content の左右余白を打ち消して以前と同じ幅にする（PC の 2 枠が横に並ぶ幅を保つ）。
   打ち消す量は kougaku.css の .entry-content の左右 padding と同じ（〜767px: 8px / 768〜: 25px / 1030〜: 40px / 1060〜: 22px）。2026-09-14 */
.entry-content .entry-content-ad {
	margin: 0 -8px;
}
@media only screen and (min-width: 768px) {
	.entry-content .entry-content-ad {
		margin: 0 -25px;
	}
}
@media only screen and (min-width: 1030px) {
	.entry-content .entry-content-ad {
		margin: 0 -40px;
	}
}
@media only screen and (min-width: 1060px) {
	.entry-content .entry-content-ad {
		margin: 0 -22px;
	}
}

/* 記事ページの本文下広告は画面中央に（スマホの 1 枠も、PC で 2 枠が縦に並ぶ幅のときも）。2026-09-14 ユーザー指示
   旧 CSS は float:left + 左マージン 20px で左寄せだった */
.entry-content-ad {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.single .entry-content-ad .cardtype__ad.rect {
	float: none;
	margin: 0 10px 15px !important;
}

/* ログイン中に PC のブラウザ幅を 600px 以下に縮めたとき、管理バーの上に 46px の隙間ができるのを防ぐ。
   WordPress はこの幅で管理バーを position:absolute にするが、テーマの body が position:relative なので
   html の上余白（46px）の下に置かれてしまう。その分だけ上にずらす。2026-09-14 ユーザー指示 */
@media screen and (max-width: 600px) {
	body.admin-bar #wpadminbar {
		top: -46px;
	}
}

/* トップ・アーカイブの一覧に広告が 1 つだけ入るとき（スマホ UA の archive_resp_m2 など）は中央寄せ。2026-09-14 ユーザー指示
   PC は 2 枠が横並び（float:left）なのでそのまま。前後に別の広告枠が無い .rect だけを対象にする */
.sidelong .cardtype__ad.rect:not(.cardtype__ad + .cardtype__ad):not(:has(+ .cardtype__ad)) {
	float: none;
	margin: 5px auto 15px !important;
}