/* AI Search Cited Award 2026 下期 バッジ（template-parts/_award-badge.php） */
.award-badge {
	position: absolute;
	top: 50%;
	width: 250px;
	text-align: center;
	transform: translateY(-50%);
	z-index: 3;
}

.award-badge img {
	display: block;
	width: 100%;
	height: auto;
}

.award-badge__caption {
	margin-top: 2px;
	font-size: 11px;
	line-height: 1.5;
	font-weight: 400;
	color: #333;
}

.award-note {
	position: absolute;
	right: 16px;
	bottom: 12px;
	font-size: 9px;
	line-height: 1.5;
	text-align: left;
	color: #616161;
	z-index: 3;
}

.award-note a {
	display: inline;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	text-decoration: underline;
}

/* グレー文字（明るい背景）用 */
.post-type-archive-white_paper .award-note,
.column_wrap .award-note {
	text-shadow: 0 0 3px #fff, 0 0 3px #fff;
}

/* 白文字（写真背景）用 */
.column_wrap .award-badge__caption,
.dettail_header .award-badge__caption,
.dettail_header .award-note {
	color: #fff;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}

/* 位置：見出しテキストの右（.base左端からの距離）、注釈はバッジの右〜画面右端 */
.post-type-archive-white_paper .award-badge {
	top: 40px;
	left: calc(50% - 550px + 700px);
	width: 215px;
	transform: none;
}

/* WP：コンテンツ幅（1100px）の右端に合わせて3行。バッジを上寄せにして縦方向で重ならないようにする */
.post-type-archive-white_paper .award-note {
	right: calc(50% - 550px);
	bottom: 6px;
	white-space: nowrap;
}

/* 自主調査：バッジ・注釈ともコンテンツ幅（1100px）の右端に揃える。写真が賑やかなため白の下地を敷く */
.examine_wrap .award-badge {
	top: 42px;
	right: calc(50% - 550px);
	width: 232px;
	transform: none;
}

.examine_wrap .award-note {
	right: calc(50% - 550px);
	bottom: 10px;
	white-space: nowrap;
	padding: 6px 10px;
	background: rgba(255, 255, 255, 0.85);
	border-radius: 3px;
}

.examine_wrap .award-badge__caption {
	display: inline-block;
	padding: 3px 8px;
	background: rgba(255, 255, 255, 0.85);
	border-radius: 3px;
}

.column_wrap .award-badge {
	left: calc(50% - 550px + 640px);
}

.column_wrap .award-note {
	left: calc(50% - 550px + 914px);
	right: 250px; /* 右側の固定バナーを避ける */
}

/* 画面幅が狭いと右側が固定ボタン・バナーに隠れるため、説明文の下へ */
@media screen and (max-width: 1799px) {
	.column_wrap .award-note {
		left: calc(50% - 550px);
		right: auto;
		width: 600px;
	}
}

/* セミナー：中央揃え見出しのため右端に縦積み */
.dettail_header .award-badge {
	top: 40px;
	right: 24px;
	width: 300px;
	transform: none;
}

.dettail_header .award-badge img {
	width: 220px;
	margin: 0 auto;
}

.dettail_header .award-note {
	top: 232px;
	bottom: auto;
	right: 24px;
	width: 300px;
}

@media screen and (max-width: 1400px) {
	.dettail_header .award-badge,
	.dettail_header .award-note {
		width: 240px;
	}

	.dettail_header .award-badge img {
		width: 180px;
	}

	.dettail_header .award-note {
		top: 204px;
	}
}

/* タブレット・SP：見出しの下に流し込み */
@media screen and (max-width: 1099px) {
	.award-badge,
	.post-type-archive-white_paper .award-badge,
	.examine_wrap .award-badge,
	.column_wrap .award-badge,
	.dettail_header .award-badge {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: 240px;
		margin: 20px auto 0;
		transform: none;
	}

	.dettail_header .award-badge img {
		width: 100%;
	}

	.award-note,
	.post-type-archive-white_paper .award-note,
	.examine_wrap .award-note,
	.column_wrap .award-note,
	.dettail_header .award-note {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		width: auto;
		margin: 12px 16px 0;
		font-size: 10px;
	}

	.award-note,
	.post-type-archive-white_paper .award-note {
		white-space: normal;
	}

	/* 見出し下は明るい背景になるため濃い文字に */
	.column_wrap .award-badge__caption {
		color: #333;
		text-shadow: none;
	}
}