@charset "utf-8";

/* CSS Document */

/* img_slider */
#static .prada-slider {
	margin-bottom: 40px;
}
#static .prada-slider img {
	display: block;
}

/* category */
#static .category-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 10px;
}
#static .category-wrap img {
	display: block;
}
#static .category-wrap a {
	display: block;
	margin-bottom: 30px;
	text-decoration: none;
}
#static .category-wrap span {
	display: block;
	width: 100%;
	background: #000;
	color: #fff;
	line-height: 3em;
	text-align: center;
}

/* img-list */
#static .img-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
}
#static .img-list img {
	display: block;
	box-sizing: border-box;
}
#static .img-list a {
	display: block;
	text-decoration: none;
}
#static .img-list a:hover {
	text-decoration: none;
}

/* img-lazy */
.img-lazy {
    background: url(/images/common/loading.gif) no-repeat center center;
    background-size: 25px 25px;
}

/* 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);
}