/**
 * 広告枠（inc/ads/ad-render.php）— どのページでも同じ置き方
 * ------------------------------------------------------------------
 * - 前後の要素との間を取る（ハブではカードの直後に貼り付いていた）
 * - 真ん中に置く。中身は 728px などの固定幅のブロックが多く、text-align では寄らないので
 *   子に margin-inline: auto を付ける（AdSense のレスポンシブ枠は幅いっぱいのままで壊れない）
 * - 「広告」の印も真ん中の上に（景品表示・透明性のため）
 * 面ごとの間の上書きは各 CSS（guide-experience.css の記事内など）で。
 */
.lp-ad-slot {
	margin-block: 40px;
	max-width: 100%;
	text-align: center;
}

.lp-ad {
	position: relative;
	max-width: 100%;
	margin-inline: auto;
	padding-top: 18px;
}

.lp-ad + .lp-ad {
	margin-top: 24px;
}

.lp-ad > * {
	margin-inline: auto !important;
}

.lp-ad::before {
	content: "広告";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.12em;
	color: #8a7b6c;
}