@charset "UTF-8";






td #container #filter {
	text-align: center;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#container #filter .allitem:hover {
	background-color: #DBDBDB;
	opacity: 0.7;
	border-radius: 4px;	
	transition: 1s ;
	
}

#container #filter .syutoken:hover {
	background-color: #DBDBDB;
	opacity: 0.7;
	border-radius: 4px;	
	transition: 1s ;
	
}

#container #filter .nagoya:hover {
	background-color: #DBDBDB;
	opacity: 0.7;
	border-radius: 4px;	
	transition: 1s ;
}

#container #filter .osaka:hover {
	background-color: #DBDBDB;
	opacity: 0.7;
	border-radius: 4px;	
	transition: 1s ;
	
}






@media only screen and (max-width: 767px){
	


ul .syutoken .semnaiyou {
	line-height: 14px!important;
	font-size: 9px!important;
}
ul .nagoya .semnaiyou {
	line-height: 14px!important;
	font-size: 9px!important;
}
ul .osaka .semnaiyou {
	line-height: 14px!important;
	font-size: 9px!important;
}
	
#filterlist ul .syutoken {
	line-height: 14px!important;
	font-size: 7px!important;
}
	
	#filterlist ul .nagoya {
	line-height: 14px!important;
	font-size: 7px!important;
}
	
		#filterlist ul .osaka {
	line-height: 14px!important;
	font-size: 7px!important;
}

}




.active{
background-color: #DBDBDB;
border-radius: 4px;	

}



figure{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

filter-cond{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
