/**
 * company（企業）タクソノミーアーカイブ — /company/{slug}/ 専用CSS
 *
 * テンプレート: taxonomy-company.php からのみ wp_enqueue_scripts（is_tax('company')条件）で読込。
 * デザイン元: investalk.jp/corporate-article/{id}
 *
 * 実測（live SuKTISZ0）:
 *  - タイトル帯: bg #f9f9f9・企業名 36px/700/#333・中央・ヘッダー直下
 *  - 記事カード: flex row / align center / 高さ ~349px / コンテナ 1100px
 *    サムネ 300×300・radius0・cover（左）/ gap 40px /
 *    メタ行（日付 2024.06.06 14px#363e39 ＋ カテゴリ 14px#363e39）/
 *    タイトル 28px/700/#333 / 出典=企業名 12px/500/#363e39
 *  - カード間 1px #eee の区切り線（border-top）
 *
 * 色: #333 見出し・#363e39 メタ/出典・#f9f9f9 帯地・#eee 区切り線
 */

/* ============================================
   SWELL既定のアーカイブUI打ち消し（当アーカイブのみ）
   body.tax-company を当テンプレが body_class で付与する。
   ヘッダー直下に帯を詰めるため #content の上パディング(64px)を除去。
   ============================================ */
.tax-company #content {
	padding-top: 0;
}
.tax-company .c-pageTitle,
.tax-company .p-breadcrumb {
	display: none;
}

/* live はサイドバー無し（フルワイド1カラム）。SWELL が出力する .l-sidebar を当アーカイブのみ非表示。 */
.tax-company .l-sidebar {
	display: none;
}

/* テンプレが自前の1カラム構成を持つので、SWELLの最大幅/左右パディング制約を解除 */
.tax-company .l-mainContent.investalk-company-archive {
	max-width: none;
	width: 100%;
	padding: 0;
	margin: 0;
}

/* ============================================
   base
   ============================================ */
.investalk-company-archive {
	font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
	color: #363e39;
	box-sizing: border-box;
}
.investalk-company-archive *,
.investalk-company-archive *::before,
.investalk-company-archive *::after {
	box-sizing: border-box;
}

/* ============================================
   タイトル帯（フルワイド #f9f9f9・中央・ヘッダー直下）
   ============================================ */
.investalk-company-archive__band {
	/* SWELL .l-mainContent の左右余白を打ち消し、ビューポート全幅にフルブリード */
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background: #f9f9f9;
	padding: 160px 20px 120px;
	display: flex;
	justify-content: center;
}
.investalk-company-archive__band-inner {
	width: 100%;
	max-width: 1160px;
	text-align: center;
}
.investalk-company-archive__title {
	margin: 0;
	color: #333333;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	font-family: "Zen Kaku Gothic New", sans-serif;
	/* SWELL見出し装飾リセット */
	background: none;
	border: none;
	padding: 0;
}
.investalk-company-archive__title::before,
.investalk-company-archive__title::after {
	display: none;
	content: none;
}

/* ============================================
   記事一覧（中央 1100px コンテナ）
   ============================================ */
.investalk-company-archive__main {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 60px 20px 100px;
}

.investalk-company-archive__list {
	display: flex;
	flex-direction: column;
}

/* 1記事 = 区切り線付きラッパー（border-top 1px #eee） */
.investalk-company-archive__item {
	border-top: 1px solid #eee;
}
.investalk-company-archive__item:last-child {
	border-bottom: 1px solid #eee;
}

/* カードリンク（サムネ左 + テキスト右の横並び・中央揃え・高さ ~349px） */
.investalk-company-archive__card {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 40px;
	padding: 24px 0;
	min-height: 349px;
	text-decoration: none;
	color: inherit;
}
.investalk-company-archive__card:hover .investalk-company-archive__card-title {
	opacity: 0.7;
}

/* サムネ 300×300・radius0・cover */
.investalk-company-archive__thumb {
	flex: 0 0 300px;
	width: 300px;
	height: 300px;
	margin: 0;
	overflow: hidden;
	background: #efefef;
	border-radius: 0;
}
.investalk-company-archive__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 0;
}
/* NO IMAGE プレースホルダ（薄グレー） */
.investalk-company-archive__noimg {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eaeaea;
	color: #b5b5b5;
	font-size: 13px;
	letter-spacing: 0.08em;
}

/* テキスト列（左寄せ縦並び） */
.investalk-company-archive__body {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
}

/* メタ行（日付 + カテゴリ・横並び） */
.investalk-company-archive__meta {
	display: flex;
	align-items: center;
	gap: 20px;
	font-size: 14px;
	font-weight: 500;
	color: #363e39;
	line-height: 1.4;
}
.investalk-company-archive__date,
.investalk-company-archive__cat {
	font-size: 14px;
	font-weight: 500;
	color: #363e39;
	white-space: nowrap;
}

/* タイトル 28px/700/#333 */
.investalk-company-archive__card-title {
	margin: 0;
	color: #333333;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.5;
	transition: opacity 0.2s ease;
	/* SWELL見出し装飾リセット */
	background: none;
	border: none;
	padding: 0;
}
.investalk-company-archive__card-title::before,
.investalk-company-archive__card-title::after {
	display: none;
	content: none;
}

/* 出典（企業名）12px/500/#363e39 */
.investalk-company-archive__source {
	margin: 0;
	font-size: 12px;
	font-weight: 500;
	color: #363e39;
	line-height: 1.4;
}

/* 空状態 */
.investalk-company-archive__empty {
	color: #999;
	font-size: 15px;
	text-align: center;
	padding: 60px 0 80px;
}

/* ページネーション（SWELL風） */
.investalk-company-archive__pagination {
	margin-top: 48px;
	display: flex;
	justify-content: center;
}
.investalk-company-archive__pagination .nav-links {
	display: flex;
	gap: 8px;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}
.investalk-company-archive__pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #363e39;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.investalk-company-archive__pagination .page-numbers.current {
	background: #04384c;
	border-color: #04384c;
	color: #fff;
}
.investalk-company-archive__pagination a.page-numbers:hover {
	background: #f1f1f1;
}

/* ============================================
   レスポンシブ — タブレット（959px以下）
   ============================================ */
@media (max-width: 959px) {
	.investalk-company-archive__band {
		padding: 120px 20px 80px;
	}
	.investalk-company-archive__title {
		font-size: 30px;
	}
	.investalk-company-archive__thumb {
		flex-basis: 240px;
		width: 240px;
		height: 240px;
	}
	.investalk-company-archive__card {
		gap: 28px;
		min-height: 0;
	}
	.investalk-company-archive__card-title {
		font-size: 22px;
	}
}

/* ============================================
   レスポンシブ — モバイル（599px以下）
   カードを縦積み + サムネ横幅100%
   ============================================ */
@media (max-width: 599px) {
	.investalk-company-archive__band {
		padding: 100px 16px 56px;
	}
	.investalk-company-archive__title {
		font-size: 24px;
	}
	.investalk-company-archive__main {
		padding: 40px 16px 64px;
	}
	.investalk-company-archive__card {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
		padding: 28px 0;
	}
	.investalk-company-archive__thumb {
		flex: 0 0 auto;
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
	}
	.investalk-company-archive__body {
		gap: 10px;
	}
	.investalk-company-archive__card-title {
		font-size: 20px;
	}
	.investalk-company-archive__meta {
		gap: 14px;
		font-size: 13px;
	}
	.investalk-company-archive__date,
	.investalk-company-archive__cat {
		font-size: 13px;
	}
}