@charset "utf-8";
/* CSS Document */
/*----------------dropdownBtnOutfit------------------*/
.dropdownWrapper {
	position: relative;
	display: inline-block;
	width: auto;
}
.dropdownBtnOutfit {
	width: auto;
	line-height: 40px;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	cursor: pointer;
	padding: 0 35px 0 15px;
	background-image: url(../images/openItem.svg);
	background-repeat: no-repeat;
	background-position: right 5px center;
	background-size: 22px 22px;
	box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);
}
.dropdownBtnSelect {
	background-color: #eee;
	color: #333;
	background-image: url(../images/closeItem.svg);
}
.dropdownBtnOutfit:hover {
	background-color: #eee;
}
.dropdownOutfit {
	border: 1px solid #eee;
	position: absolute;
	background: #fff;
	z-index: 99;
	padding: 0;
	top: 45px;
	left: 0;
}
.dropdownOutfit li a {
	display: block;
	width: 400px;
	text-decoration: none;
	padding: 6px 15px;
	border-bottom: 1px solid #e0e0e0;
	color: #333;
}
.dropdownOutfit li:last-child a {
	border-bottom: none;
}
.dropdownOutfit li a:hover {
	background-color: #eee;
}
a.BtnOutfit {
	display: block;
	width: auto;
	height: 35px;
	line-height: 35px;
	background-color: #eee;
	cursor: pointer;
	padding: 0 30px;
	color: #000;
}
a.BtnOutfit:hover {
	background-color: #666;
	color: #FFF;
}

/*-----------------------for PC-----------------------*/
@media screen and (min-width:801px) {
#DDwrapper dd {
	display: inline-block;
	margin-right: 10px;
}
}

/*------------------for mobile------------------------*/
@media screen and (max-width:800px) {
/*----------------dropdownBtnOutfit------------------*/
.dropdownWrapper, .dropdownOutfit, .dropdownOutfit li a {
	width: 100%;
}
.dropdownBtnOutfit {
	background-size: 28px 28px;
}
}