@charset "utf-8";
/* CSS Document */

/*Font指定*/
body.search section h2,
#eventDate button,
body.search #container #search_form input[type=submit],
body.search #container #search_form input[type=button]{
    font-weight: 700;
    font-style: normal;
    transform: rotateZ(0.03deg);
    font-family: "BIZ UDPGothic", sans-serif;
	}

#search_form {
    margin:0px;
    padding:20px 20px 5px 20px;
}

body.search #container #search_form section li{
	display: inline-table;
	margin-right: 2em;
	margin-bottom: 0.5em;
	font-size: 1.2rem;
	}
	
body.search #container #search_form section#areaCheck li:first-child{
    display: flex;
}

#eventDate button,
body.search #container #search_form input[type=submit],
body.search #container #search_form input[type=button]{
	padding: 0.3em 0.8em;
	font-size: 1.1rem;
	margin: 0.5em;
    width: 7rem;
	}
	
body.search #container #search_form input[type=text]{
	padding: 0.8em;
	min-width: 220px;
	border-radius: 8px;
	border: 1px solid #999;
	}
body.search #container #search_form section:nth-of-type(3) input[type=text]{
	width: 90%;
}
body.search #container #search_form section#genre li:last-child{
	display: block;
	}


body.search #container #search_form #areaCheck summary{
	display: flex;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
	}
body.search #container #search_form #areaCheck summary::-webkit-details-marker { display: none; }
body.search #container #search_form #areaCheck summary { list-style: none; }



/*webicon*/
body.search #container #search_form input[type=checkbox] { 
	display:none;
	} /* to hide the checkbox itself */

body.search #container #search_form input[type=checkbox] + label:before,
body.search #container #search_form #areaCheck h2:after,
body.search #container #search_form #eventDate p:after{
	font-family: "Font Awesome 5 Free";
	}
body.search #container #search_form input[type=checkbox] + label:before {
	display: inline-block;
}
body.search #container #search_form input[type=checkbox] + label:before { 
	content: "\f0c8";/* unchecked icon */
	letter-spacing: 10px; 
	}
body.search #container #search_form input[type=checkbox]:checked + label:before { 
	content: "\f14a";/* checked icon */
	 } 
body.search #container #search_form #areaCheck summary:before{
	content: none;
	}
body.search #container #search_form #areaCheck h2:after{ 
	content: "\f103";
	margin-left: 10px;
	line-height: 2em;
	font-size: 1.1rem;
	display: inline-block;
	}
body.search #container #search_form #areaCheck summary + details[open]:after { 
	content: "\f147"; 
	} /* checked icon */
/*body.search #container #search_form #eventDate p:after{
	content: "\f073";
	}*/


/*media Queries ブレイクポイント　スマホ対応用
----------------------------------------------------*/
@media screen and (max-width: 740px) {
body.search #container #search_form section li{
	margin-right: 0;
	}
body.search #container #search_form section:nth-of-type(4) li{
	width: 49%;
	}
body.search #container #search_form section#areaCheck li,
body.search #container #search_form section#genre li:nth-child(3){
	display: block;
}
body.search #container #search_form section:nth-of-type(3) li,
body.search #container #search_form section#genre li:nth-child(3){
	width: 100%;
	}

}