@charset "UTF-8";

/* ========================================
   共通： Breadcrumb (パンくずリスト)
======================================== */
.breadcrumb {
	width: 100%;
	/* ★ 固定ヘッダーの高さ + 20px の余白を確保して潜り込みを防ぐ */
	padding: 90px 1.5rem 0;
	background: transparent;
}
.breadcrumb-inner {
	max-width: 1000px;
	margin: 0 auto;
}
.breadcrumb ul {
	display: flex;
	gap: 0.5rem;
	font-size: 0.75rem;
	color: var(--text-sub, #666);
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	/* スマホで横スクロールできるようにする設定 */
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.breadcrumb ul::-webkit-scrollbar {
	display: none;
}
.breadcrumb li {
	display: flex;
	align-items: center;
}
/* 区切り文字 (シンプルな矢印) */
.breadcrumb li::after {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	transform: rotate(45deg);
	margin-left: 0.5rem;
	margin-top: 1px;
}
.breadcrumb li:last-child::after {
	display: none; /* 最後の要素には矢印を出さない */
}
.breadcrumb a {
	color: var(--text-sub, #666);
	text-decoration: none;
	transition: color 0.2s;
}
.breadcrumb a:hover {
	color: var(--text-main, #1a1a1a);
	text-decoration: underline;
}
.breadcrumb li:last-child {
	color: var(--text-main, #1a1a1a);
	font-weight: 700;
}



		/* ========================================
		Header
		========================================
		*/
		.simple-header {
			position: fixed;
			top: 0; left: 0; width: 100%;
			height: 70px; /* ★ 高さを70pxでしっかり固定（潰れ防止） */
			background: rgba(253, 253, 253, 0.95);
			backdrop-filter: blur(10px);
			z-index: 100;
			border-bottom: 1px solid var(--border-color);
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 1.5rem;
		}
		.btn-back {
			font-family: var(--font-eng);
			font-size: 0.9rem;
			font-weight: 700;
			letter-spacing: 0.1em;
			padding: 10px 0; /* ★ スマホで指でタップしやすいように当たり判定を広げる */
		}
		.header-logo {
			font-family: var(--font-eng);
			font-weight: 900;
			font-size: 1.4rem; /* ★ ロゴを少し大きくして見栄え良く */
		}