/* KS短大 学び目的別 — house rules準拠
   ・border-radius は一切使わない（角ばったデザインで統一）
   ・mobile 左右余白は sitewide 15px に合わせ、追加パディングを載せない
   ・カード（学校名の最小単位）だけ枠線あり、外側のラッパーには枠線を付けない
   ・PC幅は2列固定グリッド
*/

.ktpa-breadcrumb {
	font-size: 13px;
	color: #666;
	margin-bottom: 12px;
}
.ktpa-breadcrumb a { color: #1a3a6b; text-decoration: none; }
.ktpa-breadcrumb a:hover { text-decoration: underline; }

.ktpa-title {
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 6px;
}

.ktpa-count {
	font-size: 14px;
	color: #555;
	margin: 0 0 20px;
}

.ktpa-empty {
	padding: 24px 0;
	color: #555;
}

.ktpa-card-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.ktpa-card {
	border: 1px solid #d9d9d9;
	border-radius: 0; /* 角丸禁止 */
	padding: 16px;
	background: #fff;
	margin: 0; /* 一覧側のgapで余白を作るため、カード自身にmarginは持たせない */
}

.ktpa-card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 6px;
}

.ktpa-school-name {
	font-size: 18px;
	font-weight: bold;
}

.ktpa-star {
	color: #c0392b;
	font-size: 15px;
	flex: 0 0 auto;
}

.ktpa-card-meta {
	font-size: 13px;
	color: #555;
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}

.ktpa-badge-row {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 8px;
}

.ktpa-badge-row-univ {
	margin-bottom: 10px;
}

.ktpa-badge {
	display: inline-block;
	border-radius: 0; /* 角丸禁止・角ばった形で統一 */
	padding: 3px 10px;
	font-size: 12px;
	line-height: 1.6;
}

.ktpa-badge-univ {
	background: #f4f8fc;
	color: #333333;
}

.ktpa-badge-keyword {
	background: #fbf2f2;
	color: #333333;
}

.ktpa-card-link a {
	font-size: 13px;
	color: #1a3a6b;
}

/* --- 脚注 --- */
.ktpa-footnotes {
	margin-top: 32px;
	padding-top: 16px;
	border-top: 1px dashed #d9d9d9;
}

.ktpa-footnote {
	margin-bottom: 14px;
}

.ktpa-footnote-title {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin: 0 0 4px;
}

.ktpa-footnote-lead {
	font-size: 12px;
	color: #666666;
	margin: 0;
	line-height: 1.7;
}

.ktpa-footnote-emphasis {
	color: #c0392b;
}

/* --- 重複パンくず対策 --- */
body.ktpa-page .ks-breadcrumb {
	display: none !important;
}

/* --- トップページ --- */
.ktpa-top-hero {
	margin: 16px 0 24px;
}
.ktpa-top-hero img {
	width: 100%;
	height: auto;
	display: block;
}

.ktpa-top-title {
	font-size: 28px;
}

.ktpa-top-section {
	margin: 28px 0;
}

.ktpa-top-heading {
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	margin: 0 0 14px;
}

.ktpa-pick-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.ktpa-pick-card {
	display: flex;
	align-items: center;
	gap: 16px;
	border: 1px solid #d9d9d9;
	border-radius: 0;
	padding: 24px 18px;
	text-decoration: none;
	color: #333333;
	background: #fff;
}

.ktpa-pick-icon {
	width: 64px;
	height: 64px;
	object-fit: cover;
	flex: 0 0 auto;
}

.ktpa-pick-name {
	flex: 1 1 auto;
	font-size: 16px;
	font-weight: bold;
}

.ktpa-pick-arrow {
	color: #999999;
	font-size: 20px;
}

.ktpa-search-row {
	display: flex;
	gap: 10px;
	align-items: stretch;
}

.ktpa-keyword-select {
	flex: 1 1 auto;
	min-width: 0;
	height: 56px;
	padding: 0 14px;
	font-size: 16px;
	border: 1px solid #ccc;
	background: #fff;
	box-sizing: border-box;
}

.ktpa-search-btn {
	flex: 0 0 auto;
	height: 56px;
	padding: 0 28px;
	background: #1a3a6b;
	color: #fff;
	border: none;
	border-radius: 0;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}
.ktpa-search-btn:hover {
	background: #0f2548;
}

@media (max-width: 600px) {
	/* モバイルでも検索行を1行のまま維持する */
	.ktpa-search-row {
		flex-wrap: nowrap;
	}
	.ktpa-keyword-select {
		font-size: 14px;
		padding: 0 8px;
	}
	.ktpa-search-btn {
		padding: 0 16px;
		font-size: 14px;
	}
}

/* --- 関連情報カード（2カラム、検索エリア下部） --- */
.ktpa-info-cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
	margin: 24px 0 4px;
}

.ktpa-info-card {
	display: flex;
	flex-direction: column;
	border: 1px solid #e3ddd2;
	border-radius: 0;
	background: #ffffff;
	text-decoration: none;
	color: inherit;
	overflow: hidden;
}

.ktpa-info-card-label {
	background: #e97f8a;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 12px;
}

.ktpa-info-card-body {
	padding: 14px 14px 16px;
}

.ktpa-info-card-heading {
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #222222;
	margin: 0 0 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #e3ddd2;
}

.ktpa-info-card-desc {
	display: block;
	font-size: 12.5px;
	color: #666666;
	line-height: 1.6;
	margin: 0;
}

@media (max-width: 600px) {
	.ktpa-info-cards {
		gap: 8px;
	}
	.ktpa-info-card-body {
		padding: 10px 10px 12px;
	}
	.ktpa-info-card-heading {
		font-size: 13px;
		margin-bottom: 6px;
		padding-bottom: 6px;
	}
	.ktpa-info-card-desc {
		font-size: 11px;
	}
	.ktpa-info-card-label {
		font-size: 11px;
		padding: 5px 10px;
	}
}

/* --- 並び替えタブ（地域順／校名50音順） --- */
.ktpa-sort-tabs {
	display: flex;
	gap: 8px;
	margin-bottom: 20px;
}

.ktpa-sort-tab {
	display: inline-block;
	padding: 10px 18px;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	background: #f2f2f2;
	text-decoration: none;
	border-radius: 0;
}

.ktpa-sort-tab.is-active {
	background: #1a3a6b;
	color: #ffffff;
}

@media (max-width: 600px) {
	.ktpa-sort-tabs {
		flex-wrap: wrap;
	}
	.ktpa-sort-tab {
		flex: 1 1 auto;
		text-align: center;
	}
}

/* --- 検索トップに戻るボタン --- */
.ktpa-back-to-top {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 24px;
	min-height: 56px;
	padding: 14px 16px;
	background: #c9171e;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 0;
	box-sizing: border-box;
}
.ktpa-back-to-top:hover {
	background: #a5121a;
	color: #ffffff;
}

/* --- mobile --- */
@media (max-width: 767px) {
	.ktpa-title { font-size: 20px; }
}