@charset "utf-8";

/* ============================================
   補助金ページ専用スタイル（subsidy.css）
   共通スタイルは base.css / pages.css に依存
   ============================================ */

/* 補助金活用メリットボックス */
.subsidy-merit {
	background: #f2fafd;
	border-left: 5px solid #12a98f;
	padding: 22px 28px;
	margin: 0 0 40px;
	border-radius: 0 4px 4px 0;
}
.subsidy-merit p {
	margin: 0 0 10px;
}
.subsidy-merit ul {
	margin: 10px 0 0;
}

/* ステータスバッジ */
.badge {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 10px;
	border-radius: 20px;
	white-space: nowrap;
	vertical-align: middle;
}
.badge.open   { background: #e6f7ef; color: #0a8060; border: 1px solid #12a98f; }
.badge.closed { background: #f5f5f5; color: #999;    border: 1px solid #ccc; }
.badge.soon   { background: #fff8e6; color: #b07000; border: 1px solid #f8ba3f; }
.badge.info   { background: #e8f4fd; color: #1a70b8; border: 1px solid #7ab8e8; }

/* ============================================
   補助金資料テーブル
   ============================================ */
.subsidy-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 40px;
	font-size: 15px;
}
.subsidy-table th {
	background: #12a98f;
	color: #fff;
	padding: 11px 15px;
	text-align: left;
	font-weight: bold;
	border: 1px solid #0d8a74;
	white-space: nowrap;
}
.subsidy-table td {
	padding: 12px 15px;
	border: 1px solid #ddd;
	vertical-align: middle;
	line-height: 1.6;
}
.subsidy-table tr:nth-child(even) td { background: #f8fffe; }
.subsidy-table tr:hover td           { background: #f0faf7; }

/* 資料名列 */
.subsidy-table .col-title { width: auto; }
.td-sub {
	font-size: 12px;
	color: #999;
	margin-top: 3px;
}

/* 補助率・内容列 */
.subsidy-table .col-rate {
	width: 240px;
}
.rate-value {
	color: rgba(236,18,22,1);
	font-weight: bold;
}

/* 元ページ列 */
.subsidy-table .col-src {
	width: 130px;
	text-align: center;
}

/* ダウンロード列 */
.subsidy-table .col-dl {
	width: 160px;
	text-align: center;
}

/* 参考ページボタン */
.subsidy-src-btn {
	display: inline-block;
	background: rgba(235,142,50,1.00);
	color: #fff;
	padding: 8px 18px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	white-space: nowrap;
	transition: background 0.3s;
}
.subsidy-src-btn:hover { background: #c87820; color: #fff; text-decoration: none; }
.subsidy-src-btn .src-arrow { margin-left: 4px; color: #ffe8c0; }

/* ダウンロードボタン */
.subsidy-dl-btn {
	display: inline-block;
	background: #0067bb;
	color: #fff;
	padding: 8px 18px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	white-space: nowrap;
	transition: background 0.3s;
}
.subsidy-dl-btn:hover { background: #12a98f; color: #fff; text-decoration: none; }
.subsidy-dl-btn .dl-arrow { margin-left: 4px; color: #aaddff; }

/* 注意事項ボックス */
.subsidy-note {
	background: #fff9e6;
	border: 1px solid #f8ba3f;
	border-left: 5px solid #f8ba3f;
	padding: 15px 20px;
	margin: 0 0 40px;
	border-radius: 0 4px 4px 0;
}
.subsidy-note p {
	font-size: 14px;
	margin: 0 0 6px;
	line-height: 1.7;
}
.subsidy-note p:last-child { margin: 0; }

/* ============================================
   スマホ対応（テーブル → カード形式）
   ============================================ */
@media only screen and (max-width: 768px) {
	.subsidy-merit { padding: 15px; }

	/* テーブル構造をすべてブロックに変換 */
	.subsidy-table thead { display: none; }
	.subsidy-table,
	.subsidy-table tbody,
	.subsidy-table tr,
	.subsidy-table td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	/* 1行 = 1カード */
	.subsidy-table tr {
		border: 1px solid #ddd;
		border-top: 3px solid #12a98f;
		margin: 0 0 14px;
		background: #fff;
	}
	/* PCのストライプ・ホバーを無効化 */
	.subsidy-table tr:nth-child(even) td,
	.subsidy-table tr:hover td { background: #fff; }

	/* 各セル */
	.subsidy-table td {
		border: none;
		border-bottom: 1px solid #eee;
		padding: 10px 14px;
		text-align: left;
		font-size: 14px;
		line-height: 1.6;
	}
	.subsidy-table td:last-child { border-bottom: none; }

	/* data-label をラベルとして表示 */
	.subsidy-table td::before {
		content: attr(data-label);
		display: block;
		font-size: 11px;
		font-weight: bold;
		color: #888;
		margin-bottom: 5px;
		letter-spacing: 0.05em;
	}

	/* 列幅リセット */
	.subsidy-table .col-rate,
	.subsidy-table .col-src,
	.subsidy-table .col-dl { width: 100%; text-align: left; }

	/* ボタン */
	.subsidy-src-btn,
	.subsidy-dl-btn { display: inline-block; font-size: 13px; padding: 8px 16px; }
}