/* CSS Document */


/*- sidebar/style.css -*/

/*------------------------------------------------------------------------------------------------------------------------------------------

* leftNavi

------------------------------------------------------------------------------------------------------------------------------------------*/

/* all
---------------------------------------------------------------------*/
#leftNavi{
	width:200px;
}

#leftNavi *{
	font-size:12.8px;
}

#leftNavi h3{
	padding:15px 10px 10px 55px;
	position:relative;
	font-size:19.2px;
	color:#FFFFFF;
}

#leftNavi h3 span{
	position:absolute;
	left:12px;
	top:0;
}

#leftNavi img{
	display:block;
}

#leftNavi ul{
	list-style-type:none;
}




/* special
---------------------------------------------------------------------*/
#leftNavi #special h3{
	border-bottom:10px solid #00690f;
	background:#05a43e;
}

#leftNavi #special img{
	transition:0.5s;
}

#leftNavi #special ul li{
	margin-top:10px;
}

#leftNavi #special ul a:hover img{
	opacity:0.5;
}




/* category
---------------------------------------------------------------------*/
#leftNavi #category{
	margin-top:20px;
}

#leftNavi #category h3{
	border-bottom:10px solid #be0b14;
	background:#dc3648;
}

#leftNavi #category h4{
	background:#dc3648;
	font-weight:normal;
	color:#FFFFFF;
	padding:15px;
}

#leftNavi #category h4 span{
	display:flex;
	align-items:center;
	font-weight:bold;
}

#leftNavi #category h4 span:before{
	content:url(../img/truck_icon.png);
	display:block;
	margin-right:5px;
	height:15px;
}

#leftNavi #category > div{
	border-bottom:2px solid #dc3648;
}

#leftNavi #category label{
	display:flex;
	justify-content:space-between;
	transition:all 0.5s;
	padding:20px 15px;
	cursor:pointer;
}

#leftNavi #category label:after{
	content:url(../img/category_opinter.jpg);
	display:block;
}

#leftNavi #category input{
	display:none;
}

#leftNavi #category ul{
	background:#fbebed;
	/*transition:0.5s;*/
	transition:all 0.5s;
	overflow:hidden;
	height:0;
}

#leftNavi #category ul li + li{
	border-top:1px dashed #dc3648;
}

#leftNavi #category ul a{
	display:block;
	padding:10px 30px 10px 10px;
	position:relative;
}

#leftNavi #category ul a:after{
	content:"";
	display:block;
	height:5px;
	width:5px;
	transform:translateY(-50%) rotate(45deg);
	border-right:1px solid #dc3648;
	border-top:1px solid #dc3648;
	position:absolute;
	right:15px;
	top:50%;
}

#leftNavi #category input:checked ~ label{
	font-weight:bold;
}

#leftNavi #category input:checked ~ ul{
	height:auto;
}