@charset "utf-8";

.header .hide-for-small{
	position: absolute;
	top: 0;
	z-index: 9999;
	width: 100%;
	background-color: transparent;
}
.header .main .site-logo-wrapper {
	text-align: center;
}
.header .main .header-left-wrapper {
	margin-top: 20px;
	width: 100%;
	text-align: center;
}
.header .main .site-logo {
	display: block;
	transform: unset;
	width: 100%;
	margin-top: 40px;
	padding: 0;
}
.header .main .site-logo a:hover,
.header .header_category_warp ul.header_category_select a:hover {
	opacity: 1;
}
.header.change-color .main .header-left li,
.header .main .header-left li a {
	color:#000;
}
.header .main .site-logo a {
	color:#fff;
}
.header .sp-navi-wrap.ingeborg .show-for-small-only .main .site-logo a {
	color:#000;
}
.header.change-color .sp-navi-wrap.karlhelmut .show-for-small-only .main .site-logo a,
.header.change-color .sp-navi-wrap.alcali .show-for-small-only .main .site-logo a {
	color:#000;
}
@media screen and (min-width: 751px){
	.header .main .site-logo a,
	.header .main .header-left li {
		color: #fff;
	}
	.header.change-color .site-logo-wrapper:has(.pinkhouse) + .clearfix .header-left li,
	.header.change-color .site-logo-wrapper:has(.karlhelmut) + .clearfix .header-left li,
	.header .site-logo-wrapper .site-logo.ingeborg a,
	.header .site-logo-wrapper:has(.ingeborg) + .clearfix .header-left li {
		color: #000;
	}
	.header .site-logo-wrapper:has(.ingeborg) + .clearfix .header-right img {
		filter: none;
	}	
}
.header .main .header-right {
	position: absolute;
	top: 0;
	right: 0;
	margin: 20px;
}
.header-right img {
	filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
}
.header .main .site-logo a, .header .main .site-logo {
	font-size: 2.5rem;
}
.header li.headerToggleNavItem.left {
	background: transparent;
}
.headerToggleNav {
	position: absolute;
	top: 135px;
	width: 100%;
}
.header.change-color .headerToggleNav {
	top: 0;
}
.header.change-color .item_category_open .headerToggleNav {
	top: 135px;
}
.header.change-color .header_news_logo_warp,
.header.change-color .header_category_warp, 
.header.change-color .header_logo_warp{
	display: block;
}
.header.change-color {
	background-color: #fff;
	height: 150px;
}	
.header.change-color .main .site-logo a,
 .header.change-color .main .header-left li a {
	color: #000;
}
.header.change-color .header-right img {
	filter: none;
}
.headerToggleNavItem {
	overflow:hidden;
}
.header .headerToggleNav h3,
.header .headerToggleNav a,
.header .headerToggleNav li,
.header .headerToggleNav span {
	color: #fff;
}
.header .headerToggleNav p {
	color: #000;
}
.header .headerToggleNav p.category_top_txt {
	color: #fff;
}
.header.change-color .headerToggleNav h3,
.header.change-color .headerToggleNav a,
.header.change-color .headerToggleNav p,
.header.change-color .headerToggleNav li,
.header.change-color .headerToggleNav span {
	color: #000;
}

.header.change-color .headerToggleNavItem {
	background: #fff;
}
.header.change-color .header_logo_warp {
	float: left;
	width: 30%;
	margin: 0 auto;
}
.header.change-color .header_category_warp {
	/* width: 70%; */
	float: right;
}
.header.change-color .header_news_logo_warp,
.header.change-color .headerToggleMenu .logo_warp {
	width: 100%;
	position: absolute;
	top: 150px;
	background: #fff;
	height: 150px;
}
.header.change-color .item_category_open .header_news_logo_warp{
	position:unset;
	height: auto;
}
.header .header_news_logo_warp ul{
	width: 60%;
	margin: 0 auto;
}
.header.change-color .header_news_logo_warp img.header_logo {
	width: 100px;
	height: auto;
}
.header .header-left-wrapper a:hover {
	border-bottom: none;
}
.header.change-color .header-left-wrapper a:hover {
	border-bottom: 2px solid #9e2e24;
	padding-bottom: 10px;
}
.header .headerToggleNav {
	/* background: transparent; */
	background-color: white;
}
@media screen and (max-width: 750px){
	.header .headerToggleNav {
		background: transparent;
	}
}
.contents_category_open .header_logo_list {
	width: 50%;
}

@media screen and (max-width: 750px){
	.header .header_news_logo_warp{
		display: block;
	}
	.header .main {
		height: 10vw;
	}
	.header .sp-navi-wrap {
		display: block;
		background: none;
		position: absolute;
		transform: unset;
		width: 100%;
		margin: 0 auto;
	}
	.header .main .row{
		margin: 0 auto;
	}
	.header .main .site-logo {
		margin: 2vw auto;
	}
	.header .sp-navi-wrap ul.sp-navi {
		height: auto;
		margin: 0 auto 15px auto;
	}
	.header .main .site-logo a {
		font-size: 4vw;
	}
	.header .sp-navi-wrap ul.sp-navi li img {
		filter: none;
	}
	.header .sp-navi-wrap:not(.ingeborg) ul.sp-navi li img {
		filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
	}
	.header.change-color .sp-navi-wrap:not(.pinkhouse):not(.ingeborg) ul.sp-navi li img {
		filter: none;
	}
	.header.change-color {
		background-color: #fff;
		height: 20vw;
	}	
	.header.change-color .main .site-logo a {
		color: #000;
	}
	.header.change-color .sp-navi-wrap ul.sp-navi li img {
		filter: none;
	}
	.header.change-color .header_news_logo_warp {
		width: 100%;
		position: absolute;
		top: 0;
		background: #000;
		left: 0;
	}
	.header .header_news_logo_warp ul {
		width: 100%;
	}
	.headerToggleNav {
		position: unset;
	}
	.header .category_select li:after {
		display:none;
	}
	.header.change-color .headerToggleNav h3,
	.header.change-color .headerToggleNav a,
	.header.change-color .headerToggleNav p,
	.header.change-color .headerToggleNav li,
	.header.change-color .headerToggleNav span {
		color:#fff;
	}
	.header.change-color .headerToggleNavItem {
		background: transparent;
	}
	.header .search-box {
		top: 73px;
	}

}
@media (min-width: 640px) and (max-width: 750px){
	.header .sp-navi-wrap ul.sp-navi{
		position: relative;
		top: 10vw;
	}
	.header .sp-navi-wrap .count {
		top: 5px;
		right: 7vw;
	}
	.header .main .site-logo a {
		font-size: 3.5vw;
	}
}