/**
 * 製品系ページ共通: パンくずのみ（サイトヘッダーは Astra 標準のまま）。
 */

:root {
	--astra-child-h-breadcrumb: 58px;
	--astra-child-sp-header-x: 20px;
	--astra-child-c-bg-breadcrumb: #f6f6f6;
	--astra-child-fs-breadcrumb: 12px;
}

#page > .breadcrumb {
	width: 100%;
	box-sizing: border-box;
}

.breadcrumb {
	height: var(--astra-child-h-breadcrumb);
	min-height: var(--astra-child-h-breadcrumb);
	max-height: var(--astra-child-h-breadcrumb);
	box-sizing: border-box;
	padding: 0 var(--astra-child-sp-header-x);
	background: var(--astra-child-c-bg-breadcrumb);
	display: flex;
	align-items: center;
	justify-content: center;
}

.breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: var(--astra-child-fs-breadcrumb);
	font-weight: 500;
	line-height: 1.5;
	margin: 0 !important;
	padding: 0;
	list-style: none;
}

.breadcrumb li:not(:last-child)::after {
	content: "＞";
	margin: 0 0.75em;
}

.breadcrumb a {
	text-decoration: none;
	color: inherit;
}

body.astra-child-product-single.ast-separate-container #primary,
body.astra-child-product-cat-archive.ast-separate-container #primary,
body.astra-child-products-index.ast-separate-container #primary {
	padding: 0;
}

@media (min-width: 768px) {
	:root {
		--astra-child-sp-header-x: 40px;
	}

	.breadcrumb {
		justify-content: flex-start;
	}
}