@charset "UTF-8";

.breadcrumbs {
	background-color: #f1f3f5;
	padding: 0!important;
	border: 0;
	font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, Arial, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	line-height: 1.6!important;
	font-weight: 500;
	color: #333;
}

.breadcrumbs ul {
	display: flex;
	flex-flow: row wrap;
	margin: 0;
	list-style: none;
}

.breadcrumbs li {
	position: relative;
}

.breadcrumbs li::after {
	transform: rotate(45deg) translate(-50%);
	position: absolute;
	top: 50%;
	transform: rotate(45deg) translate(-50%);
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	content: '';
	box-sizing: border-box;
}

.breadcrumbs li:first-child {
	padding-left: 15px;
}

.breadcrumbs li:first-child::after {
	display: none;
}

.breadcrumbs>ul>li:first-child {
	background: none!important;
	padding-left: 15px!important;
}

.breadcrumbs li a span {
	color: #666 !important;
}

.breadcrumbs>ul>li {
	background: none!important;
	float: none!important;
	padding-left: 0!important;
	margin-left: 0!important;
	color: #333!important;
}

.main-breadcrumb__type {
	display: inline-block;
	color: #666 !important;
}

.breadcrumbs li a {
	display: inline-block;
}

@media print,
screen and (min-width: 768px) {
	.breadcrumbs ul {
		width: 100%!important;
		max-width: 1840px;
		margin: 0 auto;
		padding: 7px 20px;
	}

	.breadcrumbs >ul>li {
		padding-left: 32px!important;
	}

	.breadcrumbs li::after {
		left: 14px;
		width: 7px;
		height: 7px;
		box-sizing: border-box;
	}

	.breadcrumbs,
	.breadcrumbs a,
	.breadcrumbs span {
		font-size: 14px!important;
	}
}

@media only screen and (max-width: 767.98px) {
	.breadcrumbs {
		font-family: ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, Arial, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
		line-height: 1.6!important;
	}

	.breadcrumbs ul {
		padding: 5px 15px 7px 0;
	}

	.breadcrumbs>ul>li {
		margin-bottom: 2px!important;
		padding-left: 28px!important;
		line-height: 1.2!important;
	}

	.breadcrumbs>ul>li::after {
		left: 15px!important;
		width: 5px!important;
		height: 5px!important;
		box-sizing: border-box!important;
	}

	.breadcrumbs a,
	.breadcrumbs span {
		font-size: 10px!important;
	}
}