h1{
	margin:0 auto;
	padding:0;
	background:#FFF;
}
h1 img{
	margin:0 auto 20px auto;
	display:block;
	width:100%;
	padding:0;
}
.g-genre{
	margin:0;
	padding:0;
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.g-genre li{
	padding:10px;
	font-weight:bold;
	font-size:14px;
	width: 32%;
}
.g-genre li a{
	color:#333;
	text-decoration: none;
	display: block;
}

.genre-ul{
	margin:0;
	padding:0;
	list-style-type: none;
}
.genre-ul li{
	border-bottom:#CCC dotted 1px;
	padding:5px 0 5px 10px;
	margin:0;
    position: relative;	
}
.genre-ul a{
	color:#333;
	text-decoration: none;
}
 .genre-ul li:before {
    content: "";
    position: absolute;
    top: 0.8em;
    left: 0;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #FFC87F;/*オレンジ*/	 
  }

/*折り畳みstart*/
.acd-check{
    display: none;
}
.acd-label{
    /*color: #0ba2ef;*/
	font-weight:bold;
    display: block;
    margin: 0 0 1px 0;
    padding: 10px;
    position: relative;
	font-size:14px;
	background: #FFC87F;
}
.acd-label:after{
    /*background: #00479d;*/
    box-sizing: border-box;
    /*content: '\f067';*/
    display: block;
    /*font-family: "Font Awesome 5 Free";*/
    height: 52px;
    padding: auto 20px;
    position: absolute;
    right: 10px;
    top: 6px;
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 24px;/*画像の幅*/
	height: 24px;/*画像の高さ*/
	background-image: url(../img/open.png);
	background-size: contain;
	vertical-align: middle;
}
.acd-content{
   /*border: 1px solid #333;*/
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
	margin-bottom:1px;
}
.acd-check:checked + .acd-label:after{
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 24px;/*画像の幅*/
	height: 24px;/*画像の高さ*/
	background-image: url(../img/close.png);
	background-size: contain;
	vertical-align: middle;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}
/*折り畳みend*/













/* clear */
.clearfix:after{
  content: "."; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix{
  min-height: 1px;
}
* html .clearfix{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}