/*
Theme Name: 京都ダイハツ リクルートサイト
Theme URI: https://recruit.kyoto-daihatsu.co.jp
Author: Hisoka
Description: 京都ダイハツ販売株式会社 採用サイト用 WordPress テーマ
Version: 1.0.0
Text Domain: kyoto-daihatsu-recruit
*/

.l-breadcrumb {
	background: #e5e0d5;
}

.c-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 40px;
	color: #333;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.03em;
}

.c-breadcrumb__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	color: #77716f;
}

.c-breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.c-breadcrumb__item {
	display: flex;
	align-items: center;
}

.c-breadcrumb__item:not(:last-child)::after {
	content: "";
	display: block;
	width: 6px;
	height: 10px;
	margin: 0 25px 0 10px;
	background: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%2377716F' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}

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

.c-breadcrumb__item a:hover {
	opacity: 0.7;
}

.c-breadcrumb__item span[aria-current="page"] {
	color: inherit;
}