#menu {
	width: 224px;
}

#menu .open:first-child{
	margin-top: -5px;
}


.child{
	display: none;	
}

.child ul {
    padding-left: 0;
	margin: 0;
}
.child ul li{
	list-style: none;
    padding: 11px 14px 11px 6px;
    margin: 0;
	border-bottom: 1px dotted #ccc;
	position: relative;
	font-size: 96%;
}

.child ul li:last-child{
	border-bottom: 1px solid #ccc;
}

.child ul li :after{
 content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  width: 6px;    /* くの字を山なりに見た時、左側の長さ */
  height: 6px;   /* くの字を山なりに見た時、右側の長さ */
  border-top: 1px solid #b9b9b9;     /* くの字を山なりに見た時、左側の太さと色 */
  border-right: 1px solid #b9b9b9;   /* くの字を山なりに見た時、右側の太さと色 */
  transform: rotate(45deg);    /* くの字の向き */
}

.open{
	margin: 0;
	padding: 18px 5px 18px 3px;
	color: #5a5a5a;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	background: #FFFFFF;
	position: relative;
	border-bottom: 1px solid #ccc;
}

.no_child{
	margin: 0;
	padding: 18px 5px 18px 3px;
	color: #5a5a5a;
	font-size: 15px;
	background: #FFFFFF;
	position: relative;
	border-bottom: 1px solid #ccc;
}

.no_child :after{
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	width: 6px;    /* くの字を山なりに見た時、左側の長さ */
	height: 6px;   /* くの字を山なりに見た時、右側の長さ */
	border-top: 2px solid #b9b9b9;     /* くの字を山なりに見た時、左側の太さと色 */
	border-right: 2px solid #b9b9b9;   /* くの字を山なりに見た時、右側の太さと色 */
	transform: rotate(45deg);    /* くの字の向き */
}

/* プラスの横線 */
.open:before {
	display: block;
	content: '';
	background-color: #919191;
	position: absolute;
	width: 12px;
	height: 2px;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
}

/* プラスの縦線 */
.open:after {
	display: block;
	content: '';
	background-color: #919191;
	position: absolute;
	width: 2px;
	height: 12px;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	transition: 0.3s;
}

.open.active:after {
	top: 41.5%;
	transform: rotate(90deg) translateX(-1px);
}

.open.active {
	background: #f1faff;
}

span.new {
    display: inline-block;
    width: 45px;
    height: 17px;
    background-image: url(https://seiwa.itembox.design/item/icon_new.jpg);
    background-repeat: no-repeat;
    margin: 3px 0 -3px 5px;	
}

span.reco {
    display: inline-block;
    width: 45px;
    height: 17px;
    background-image: url(https://seiwa.itembox.design/item/icon_recommend.jpg);
    background-repeat: no-repeat;
    margin: 3px 0 -3px 5px;	
}