/* ============================================================
   entry_tile.css — index.php(トップページ)入口タイル専用CSS
   index.php のみで読み込む。style.css には影響しない。

   方針(various_list_card.css / today_card.css / journey.css と同じ作法):
   - style.css は一切編集しない。このページ専用に追加で読み込む。
   - 全セレクタに .entry_tile プレフィックスを付与し、style.css の既存クラスとは併用のみ(上書きしない)。
   - 配色はvarious_list_card.css(K-C)と同じ公式パレット(#0085B2/#036/#888/#F6F6F6)をそのまま流用(新色追加なし)。

   背景:
   - 2026-08-28(オーナー承認済デザイン): トップの4枚の縦長カード(検定対策バナー+問題/旅行プラン/今日の遺産)を、
     検定対策/今日の遺産/今日の問題/旅行プランの4枚1行・コンパクトな横型タイル(アイコンチップ+ラベル+1行サブ、
     高さは旧カードの約半分)に再構成。
   - ★2026-08-28調整(オーナー目視後): 当初3枚案は1枚あたりの横幅が広く余白が目立つとの指摘のため4枚1行に変更。
     旅行プランをカードとして復活(グローバルメニューにも継続掲載)。4枚幅に合わせ内側余白・アイコンを縮小。
   ============================================================ */

.entry_tile_row {
	margin-bottom: 14px;
}

.entry_tile {
	display: flex;
	align-items: center;
	gap: 10px;
	background: #fff;
	border: 1px solid #e2e2e2;
	border-left: 4px solid #0085B2;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.08);
	padding: 8px 10px;
	margin-bottom: 10px;
	text-decoration: none;
	color: inherit;
	transition: box-shadow 0.15s ease, transform 0.15s ease;
	height: calc(100% - 10px);
}
a.entry_tile:hover, a.entry_tile:focus {
	box-shadow: 0 4px 10px rgba(0,0,0,0.14);
	transform: translateY(-2px);
	text-decoration: none;
	color: inherit;
}

.entry_tile__icon {
	flex: 0 0 auto;
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	background: #F6F6F6;
	color: #0085B2;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9rem;
}

.entry_tile__body {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.entry_tile__label {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 0.95rem;
	line-height: 1.3;
	color: #036;
	font-weight: bold;
}

.entry_tile__sub {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-size: 0.75rem;
	line-height: 1.4;
	color: #888;
}

/* ---- レスポンシブ: モバイルは縦積み(col-md-3のw-100により既定で1列。全幅になるため触りやすい余白に戻す) ---- */
@media (max-width: 767px) {
	.entry_tile {
		padding: 10px 14px;
		height: auto;
	}
}