@charset "UTF-8";
/*------------------------------------------------
	BTOS > 共通部分 > ヘッダー透過ベース
------------------------------------------------*/
#custom .js-site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

#custom .page, #custom .js-site-header, #custom .main-menu {
	background: none;
}

@media (max-width: 1024px) {
	#custom .main-menu {
		background-color: #fff;
	}
}

#custom .m-header_menu > li a {
	color: #fff;
}

#custom .navbar .navbar-nav > .nav-item > .nav-link {
	color: #fff;
}

@media (max-width: 1024px) {
	#custom .main-menu .navbar-nav > .nav-item > .nav-link {
		color: #333;
	}
}

@media (max-width: 1024px) {
	#custom .m-header {
		border-bottom-color: rgba(255, 255, 255, 0.3);
	}
}

#custom .m-header_menu__link--mypage::before {
	background-image: url("../../images/asset/common/ico/ico-menu-mypage-white.svg");
}

#custom .m-header_menu__link--minicart::before {
	background-image: url("../../images/asset/common/ico/ico-menu-minicart-white.svg");
}

#custom .m-header_menu__link--tire::before {
	background-image: url("../../images/asset/common/ico/ico-menu-tire-white.svg");
}

#custom .m-header_logo .logo-home {
	display: inline-block;
	background: url("../../images/asset/common/logo-white.svg") no-repeat left center;
	background-size: contain;
}

#custom .m-header_logo .logo-home img {
	visibility: hidden;
}

@media (max-width: 1024px) {
	#custom .m-header_logo .logo-home {
		background-image: url("../../images/asset/common/logo_sp-white.svg");
	}
}

@media (max-width: 1024px) {
	#custom .m-header .navbar-toggler {
		background: url("../../images/asset/common/icon_menu-white.svg") no-repeat center center;
		background-size: 20px auto;
	}
	#custom .m-header .navbar-toggler img {
		visibility: hidden;
	}
	#custom .m-header .navbar-toggler[aria-expanded="true"] {
		background-image: url("../../images/asset/common/icon_menu_close-white.svg");
		background-size: 15px 15px;
	}
}

.scrolled #custom .js-site-header {
	background: rgba(0, 0, 0, 0.85);
}

#custom .site-wrapper {
	padding-bottom: 0;
}

@media only screen and (max-width: 768px) {
	#custom .m-breadcrumbSp {
		margin-bottom: 0;
	}
}