@charset "utf-8";

/* CSS Document */

/* category-link-list */
#static .category-link-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}
#static .category-link-list a,
#static .category-link-list a:hover {
	display: block;
	text-decoration: none;
}
#static .category-link-list li {
	width: calc(50% - 10px);
}

/* pick-up */
#static .pick-up {
	display: flex;
	align-items: center;
	margin-left: 40px;
}
#static .pick-up-catch {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
#static .pick-up-name {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: bold;
}
#static .pick-up-btn {
	display: block;
	width: 130px;
	padding: 8px 20px;
	background-color: #333;
	color: #fff;
	line-height: 1.8;
	text-decoration: none;
	text-align: center;
}

/* sub-menu */
#static .sub-box {
	overflow: hidden;
	border: 1px solid #000;
	border-radius: 5px;
	background-color: #000;
	color: #fff;
}
#static .sub-price__input__inr::before {
	color: #333;
}
#static .navi-open > .selected > p,
#static .selected {
	background: #000;
	opacity: 1;
}
#static .navi-open > li > p > a {
	color: #fff;
}
#static .sub-nav-memu:hover,
#static .navi-open > li > p:hover,
#static .navi-open > li > a:hover,
#static .navi-open > li > a:active,
#static .navi-open > li > a:focus {
	border-radius: 0 0 5px 5px;
	background: #000;
	opacity: 1;
}
#static .navi-open > .here > p > a,
#static .navi-open > .selected > li > a {
	color: #000;
}
#static .navi-open > .selected > .navi-open_inr > .here,
#static .navi-open > .here > p:hover,
#static .navi-open > .here > p > a:hover {
	background: #d9f5ed;
}
#static .navi-open > .selected > .navi-open_inr > li {
	background: #f7f7f7;
	color: #000;
}
#static .navi-open > li > p > a:hover,
#static .navi-open > .selected > li > a:hover {
	opacity: .7;
}
#static .navi-open > p::before {
	position: absolute;
	top: 11px;
	left: 20px;
	width: 4px;
	height: 1px;
	background: #999;
	content: '';
}
#static .sub-nav-memu::after {
	background: url(https://www.cosme.com/img/pc/arrow01_down_w.png) no-repeat;
}
#static .sub-nav-memu.selected::after {
	background: url(https://www.cosme.com/img/pc/arrow01_up_w.png) no-repeat;
}
#static .navi-open li:not(:first-child) > p::after {
	background-image: url(https://www.cosme.com/img/pc/arrow_down_w.png);
}
#static .navi-open li:not(:first-child).selected > p::after {
	background-image: url(https://www.cosme.com/img/pc/arrow_up_w.png);
}