@charset "utf-8";
:root {
	--c_bk:#101010;
	--c_wh:#ffffff;
	--c_gy:#f5f5f5;
	--c_rd:#9C0419;
}
.clr-bk {color: var(--c_bk)!important;}
.clr-wh {color: var(--c_wh)!important;}
.clr-gy {color: var(--c_gy)!important;}
.clr-rd {color: var(--c_rd)!important;}
.bg-bk {background-color: var(--c_bk)!important;}
.bg-wh {background-color: var(--c_wh)!important;}
.bg-gy {background-color: var(--c_gy)!important;}
.bg-rd {background-color: var(--c_rd)!important;}


.l-breadcrumb {
	position: absolute;
	top: 93px;
	left: 0;
	width: 100%;
	z-index: 1;
}
.l-breadcrumb.var{
	position: static;
	padding-top: 20px;
}
.l-breadcrumb.var .l-breadcrumb__list-item {
	color: var(--c_bk);
}
.l-breadcrumb__wrap{
	padding: 0 4rem;
}
.l-breadcrumb__list {
	display: flex;
	align-items: center;
	white-space: nowrap;
	word-break: keep-all;
	overflow-x: auto;
}
.l-breadcrumb__list-item {
	padding-right: 8px;
	color: var(--c_wh);
	&:not(:first-of-type) {
		padding-left: 8px;
	}
	pointer-events: none;
}
.l-breadcrumb__list-item--line {
	width: 10px;
	height: 1px;
	background: #A3A3A3;
	padding-right: 0;
	flex-shrink:0;
}
.l-breadcrumb__list-link{
	display: inline-block;
	color: var(--c_wh);
	pointer-events: all;
	&:hover{
		opacity: 0.6;
	}
}
.l-breadcrumb.var .l-breadcrumb__list-link {
	color: var(--c_bk);
}
/*********************************/
/* スマートフォン用のスタイル記述 */
/*********************************/
@media screen and (max-width: 780px) {
	.l-breadcrumb{
		top: 60px;
	}
	.l-breadcrumb__wrap{
		padding: 0 1.5rem;
	}
	.l-breadcrumb__list-item{
		font-size: 12px;
	}
	.l-breadcrumb__list-item--line {
		width: 5px;
	}
}