@charset 'utf-8';

body {
  font-family: "Roboto", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}


.accordion-menu {
	
}
.accordion-menu .grounp,.accordion-menu2 .grounp{
	background-color:#E76DE3;

}
.accordion-menu .grounp p,.accordion-menu dd li a,.accordion-menu2 .grounp p,.accordion-menu2 dd li a {
	padding:8px 0px;
	
}
.accordion-menu a,.accordion-menu2 a {
  display: block;
  position: relative;
  text-decoration: none;
}
.accordion-menu dd li,.accordion-menu2 dd li  {
  color:#333;
	padding-left:8px;
	line-height:1em;
	
}
.accordion-menu dd li a,.accordion-menu2 dd li a {
  	display: inline-block;
  	color:#333;
	
	margin:0px;
	
	
}
.accordion-menu a.is-open::after,
.accordion-menu a.is-close::after, 
.accordion-menu2 a.is-open::after,
.accordion-menu2 a.is-close::after
{
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
  font-size: 16px;
  font-family: FontAwesome;
}
.accordion-menu a.is-open::after,.accordion-menu2 a.is-open::after {
  content: "\f077";
}
.accordion-menu a.is-close::after,.accordion-menu2 a.is-close::after {
  content: "\f078";
}


/* theme */
.theme-accordion dt a {
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding: 10px 15px;
}
.theme-accordion dt,
.theme-accordion dd {
  border-bottom: 1px solid #cc0099;
  border-left: 1px solid #cc0099;
  border-right: 1px solid #cc0099;
}
.cityad dt,
.cityad dd {
  border-bottom: 1px solid #46A0BE;
  border-left: 1px solid #46A0BE;
  border-right: 1px solid #46A0BE;
}
.otherad dt,
.otherad dd {
  border-bottom: 1px solid #9e88da;
  border-left: 1px solid #9e88da;
  border-right: 1px solid #9e88da;
}
.campad dt,
.campad dd {
  border-bottom: 1px solid #FF5E28;
  border-left: 1px solid #FF5E28;
  border-right: 1px solid #FF5E28;
}
.theme-accordion dt {
  background-color: #cc0099;
}
.theme-accordion dt:first-child {
/*  border-top: 1px solid #90a4ae;*/
}
.theme-accordion dd {
/*  padding: 10px;*/
}

.cityad dt{
	
	background-color: #46A0BE;
}
.otherad dt{
	
	background-color: #9e88da;
}
.campad dt{
  
  background-color: #FF5E28;
}
@media screen and (min-width:990px){
.accordion-menu {
	width:30%;
	margin:1.6%;
	float: left;
}
	
}

@media screen and (max-width:989px){
.accordion-menu {
	
	margin:15px 0px;
	
}	
	
	
}