@charset "UTF-8";

/**************************************************

 * header

 **************************************************/
/* PC */
.rst .dnr-header-pc {
	display: block;
}
/* 上段 */
.dnr-header-pc .top-shelf {
	position: relative;
	height: 102px;
	background: #fff;
	z-index: 2;
}
.dnr-header-pc .top-shelf .contents-wrapper {
	position: relative;
	height: 100%;
}
.dnr-header-pc  .top-shelf .contents-wrapper::before {
	content: "";
	position: absolute;
	display: block;
	width: 417px;
	height: 197px;
	top: 5px;
	left: -139px;
	background: url(../img/common/header_logo_ornament.png) no-repeat;
	background-size: contain;
}
.dnr-header-pc .header-logo {
	position: absolute;
	width: 112px;
	top: 20px;
	left: 42px;
}
.dnr-header-pc .header-logo img {
	z-index: 2;
}
/* メインメニュー */
.dnr-header-pc .main-menu {
	position: absolute;
	bottom: 24px;
	right: 32px;
	width:71%;
}

.dnr-header-pc .main-menu ul {
	display:flex;
}

/*
.dnr-header-pc .main-menu li {
	float: left;
}
*/
.dnr-header-pc .main-menu li a {
	color: #231815;
}
.dnr-header-pc .main-menu li:not(.cart):not(.search) a {
	display: block;
	padding: 8px 11px;
	color: #231815;
	font-size: 13px;
	line-height: 16px;
}
.dnr-header-pc .main-menu .cart a {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 10px 0 16px;
	padding: 5px 0;
	text-align: center;
}
.dnr-header-pc .main-menu .cart a img {
	width: 24px;
}
/* 検索窓 */
.dnr-header-pc .main-menu .search {
	position: relative;
	width:27%;
}
.dnr-header-pc .main-menu .search input[type="text"] {
	width: 100%;
	height: 32px;
	padding: 8px 0 8px 16px;
	border: 1px solid #231815;
	border-radius: 16px;
	transition: border .3s ease;
}
.dnr-header-pc .main-menu .search input:focus {
	border: 1px solid #4c9290;
}
.dnr-header-pc .main-menu .search .submit {
	position: absolute;
	display: none;
}
.dnr-header-pc .main-menu .search .submit + label {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 0;
	right: 0;
	padding: 8px;
	border-radius: 16px;
	cursor: pointer;
	opacity: 1;
	transition: opacity .5s ease;
}
.dnr-header-pc .main-menu .search .submit + label:hover {
	opacity: .6;
}
/* サブメニュー */
.dnr-header-pc .sub-menu {
	position: absolute;
	top: 0;
	right: 32px;
	font-size: 13px;
}
.dnr-header-pc .sub-menu li {
	float: left;
}
.dnr-header-pc .sub-menu li:not(:last-child) {
	margin: 0 4px 0 0;
}
.dnr-header-pc .sub-menu li a {
	display: block;
	padding: 4px 12px;
	color: #fff;
	background: #231815;
}



/* 下段 */
.dnr-header-pc .second-shelf {
	position: relative;
	/*min-width: 1164px;*/
	height: 100px;
	background: #e9eff0;
	z-index: 1;
}
.dnr-header-pc .category-menu {
	max-width: 1164px;
	height: 100%;
	margin: 0 auto;
	padding: 0 32px;
}
/* カテゴリー見出し */
.dnr-header-pc .category-menu .category-head {
	float: left;
	width: 284px;
	padding: 38px 20px 0 176px;
}
.dnr-header-pc .category-menu .category-head span {
	display: block;
	padding: 4px 16px;
	color: #fff;
	font-weight: bold;
	background: #4c9290;
}
/* カテゴリータイトル全体 */
.dnr-header-pc .category-menu > ul {
	width: calc(100% - 240px);
	height: 100%;
	margin-left:240px;
	
}
.dnr-header-pc .category-menu > ul > li {
	float: left;
	width: calc((100% / 6) - 0.1px);
	height: 100%;
}
/* カテゴリータイトル個別 */
.dnr-header-pc .category-menu .category-title {
	position: relative;
	display: block;
	height: 100%;
	padding: 32px 0 0;
	font-family: 'Noto Serif JP', serif;
	text-align: center;
	cursor: default;
}
.dnr-header-pc .category-menu .category-title span:first-child {
	display: block;
	margin: 0 0 4px;
	font-size: 15px;
	font-weight: bold;
}
.dnr-header-pc .category-menu .category-title span:nth-child(2) {
	display: block;
	margin: 0 0 12px;
	font-size: 13px;
}
.dnr-header-pc .category-menu .category-title:hover,
.dnr-header-pc .category-menu > ul > li:hover .category-title {
	color: #fff;
	background: #231815;
}

.dnr-header-pc .category-menu > ul > li:hover span {
	color:#fff;
}

.dnr-header-pc .category-menu .category-title .arrow {
	display: block;
	width: 13px;
	height: 7px;
	margin: 0 auto;
	background: url(../img/top/arrow_down.png) no-repeat;
}
.dnr-header-pc .category-menu .category-title:hover .arrow,
.dnr-header-pc .category-menu > ul > li:hover .category-title .arrow {
	background: url(../img/top/arrow_down_w.png) no-repeat;
	background-size: contain;
}
.dnr-header-pc .category-menu .category-title::after {
	content: "";
	position: absolute;
	display: block;
	width: 1px;
	height: 68px;
	top: 16px;
	right: 0;
	background: rgba(35, 24, 21, .16);
}
.dnr-header-pc .category-menu > ul > li:first-child .category-title::before {
	content: "";
	position: absolute;
	display: block;
	width: 1px;
	height: 68px;
	top: 16px;
	left: 0;
	background: rgba(35, 24, 21, .16);
}


/* カテゴリーコンテンツ全体*/
.dnr-header-pc .category-menu .category-contents {
	display: none;
	position: absolute;
	width: 100%;
	top: 100px;
	left: 0;
	background: #231815;
}
.dnr-header-pc .category-menu .category-title:hover + .category-contents,
.dnr-header-pc .category-menu .category-contents:hover {
	display: block;
}
.dnr-header-pc .category-menu .category-contents {
	display: none;
	position: absolute;
	width: 100%;
	padding: 48px 0 64px;
	top: 100px;
	left: 0;
	background: #231815;
}
.dnr-header-pc .category-menu .category-contents > div {
	max-width: 1164px;
	margin: 0 auto;
	padding: 0 32px;
}
/* カテゴリーコンテンツ個別*/
.dnr-header-pc .category-menu .category-contents li {
	float: left;
	width:22%;
}
.dnr-header-pc .category-menu .category-contents li:not(:last-child) {
	margin: 0 4% 0 0;
}
.dnr-header-pc .category-menu .category-contents li a {
	display: block;
	color: #fff;
}
.dnr-header-pc .category-menu .category-contents li img {
	margin: 0 0 16px;
	height:auto;
}
.dnr-header-pc .category-menu .category-contents li p {
	line-height: 1.4;
	color:#fff;
}


@media screen and (max-width: 1160px){
	.dnr-header-pc .main-menu .search {
		width:19%;
	}
	
	.dnr-header-pc .category-menu .category-title span:first-child {
		font-size:14px;
	}
	
	.dnr-header-pc .category-menu .category-title span:nth-child(2) {
		font-size:10px;
	}
}

@media screen and (max-width: 1024px){
	.dnr-header-pc .category-menu .category-title span:first-child {
		font-size:11px;
	}
}