/* PC向け */
@media screen and (min-width: 600px) {
#accordion,
#accordion ul{
	width: 300px;
}
#accordion ul a {
	width:264px;
}
#accordion ul.sub-menu li a {
	width:266px;
}
}

/* 600px以下 */
@media screen and (max-width: 600px) {
#accordion,
#accordion ul{
	width: 100%;
}
#accordion ul a {
	width: 100%;
}
#accordion ul.sub-menu li a {
	width: 100%;
}
}

/* iphone向け */
@media screen and (max-device-width: 480px) {


}

#accordion {
	font-size:14px;
	border-bottom:#e2e2e2 1px solid;
}
#accordion ul {
	margin-bottom:15px;
}
#accordion ul, #accordion ul li {
	margin: 0;
	padding: 0;
	border: none;
}
#accordion ul a {
	text-decoration:none;
	display: block;
	border-top:#e2e2e2 1px solid;
	border-left:#e2e2e2 1px solid;
	border-right:#e2e2e2 1px solid;
	position: relative;
	padding:15px 5px 15px 28px;
	background-color:#7f8d91;
	color:#FFFFFF;
  width: calc( 100% - 33px );
}
#accordion ul a:hover {
	background-color:#0084a5;
}
#accordion ul.sub-menu {
/*-	margin:10px 0; -*/
}
#accordion ul.sub-menu li a {
	display: block;
	padding:10px 0 10px 30px;
  width: calc( 100% - 30px );
	background-color:#FFFFFF;
	color:#909090;
	font-size:12px;
	background-image:url(../img/arrow1.png);
	background-position:20px 16px;
	background-repeat:no-repeat;
}
#accordion ul ul.sub-menu li a:hover {
	color:#FFFFFF;
	background-color:#12b2da;
	background-image:url(../img/arrow2.png);
}
#accordion ul ul a {
	/*background: #424549;*/
}
#accordion ul a.dcjq-parent, #accordion ul a.dcjq-parent:hover {
	/*background: #f5f1e7;*/
}
#accordion ul a .dcjq-icon {
	position: absolute;
	top: 50%;
	left: 10px;
	width: 34px;
	margin-top: -17px;
	height: 34px;
	background: url(../img/arrow_down.png) no-repeat 0 center;
}
#accordion ul a.dcjq-parent.active .dcjq-icon {
	background: url(../img/arrow_up.png) no-repeat 0 center;
}

/*カテゴリのハイライト*/
#accordion ul .default a {
	background-color:#df4276;
}