@charset "utf-8";

div.accordion{
	margin-bottom:20px;
}

div.accordion > ul > li{
	background: #cde59c;
	border: 1px solid #555;
}


div.accordion > ul > li{
	list-style:none;
	width:100%;
	font-family:"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	overflow:hidden;
}

div.accordion > ul > li > a {
	display: block;
	color:#555;
	text-decoration: none;
	position: relative;
	width:240px;
	float:left;
	font-size:14px;
	margin:4px 10px;
	font-weight:bold;
	pointer-events: none;
}


div.accordion > ul > li > ul > li{
	list-style:none;
	display: inline-block;
	float:right;
	color: #fff;
	font-size: 14px;
	background: #9bcc31;
	border-bottom: 1px solid #fff;
	position: relative;
	margin: 0 -1px -2px 0;
}

div.accordion > ul > li > ul > li:first-child{
	margin: -1px -1px -2px 0;
}

div.accordion:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}



/* タブレット用
------------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 800px){
	div.accordion > ul > li > ul > li{
		float:clear;
		width:100%;
	}
}

/* スマホ用
------------------------------------------------------------*/
@media only screen and (max-width:479px){



div.accordion {
width: 100%;
}
div.accordion > ul > li{
	list-style:none;
	width:100%;
	margin: 0 0 10px 0;
}

div.accordion > ul > li > a {
	display: block;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
	padding: 5px;
	position: relative;
	font-weight:bold;
	overflow:hidden;
	line-height:150%;
	pointer-events: auto;
	width:100%;
	float:none;
	background: #9bcc31;
	margin:0;
}


.lh2{ line-height:300%; }

div.accordion > ul > li > a:hover{
  background-color: #85ad2d;
}

div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 6px;
  color: #b6e05d;
}
div.accordion > ul > li > a:after{
  content: "▼";
}
div.accordion > ul > li > a.active:after{
  content: "▲";
}
div.accordion > ul > li > ul {
  display: none;
}
div.accordion > ul > li > ul > li{
		float:clear;
		width:100%;
	list-style:none;
	display: block;
	color: #fff;
	font-size: 14px;
	background: #9bcc31;
	border-bottom: 1px solid #fff;
	padding: 0;
	position: relative;
}
div.accordion > ul > li > ul > li:first-child{
		float:clear;
		width:100%;
}


div.accordion > ul > li > ul > li > a:hover{
  background-color: #67ab9c;
}




}