@charset "UTF-8";
/*
 * sponsor.css
 * スポンサー一覧アーカイブページ専用スタイル
 *
 * @package ds-basketballclub-2026
 */

/* =============================================
   スポンサーアーカイブセクション
   ============================================= */
.sec-sponsor-archive {
}

/* ─── グリッド ─── */
.sponsor-archive__grid {
	display: grid;
	/* PC: 4列 */
	grid-template-columns: repeat( 4, 1fr );
	gap: 40px;
}

/* ─── アイテム ─── */
.sponsor-archive__item {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 3 / 2;
	padding: 24px;
	width: auto;
	min-width: 0;
	overflow: hidden;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

@media (hover: hover) {
	.sponsor-archive__item:hover {
		opacity: 0.7;
	}
}

.sponsor-archive__item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* =============================================
   レスポンシブ: タブレット（〜1024px）
   ============================================= */
@media screen and (max-width: 1024px) {
	/* タブレット: 3列 */
	.sponsor-archive__grid {
		grid-template-columns: repeat( 3, 1fr );
		gap: 24px;
	}
}

/* =============================================
   レスポンシブ: SP（〜768px）
   ============================================= */
@media screen and (max-width: 1024px) {
	.sponsor-archive__item {
		width: auto;
	}
}

@media screen and (max-width: 768px) {
	/* SP: 2列 */
	.sponsor-archive__grid {
		grid-template-columns: repeat( 2, 1fr );
		gap: 16px;
	}

	.sponsor-archive__item {
		padding: 16px;
		width: auto;
	}
}