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



/* -------------------------------------------------

shop/genre.php CSS

------------------------------------------------- */

/* 769px以上（PC） */
@media screen and (min-width:769px) {
	
/* BtnActive
----------------------------- */
.mGanre img{
	visibility:hidden;
}

/* ShopGenre
----------------------------- */
.shopGenre{
	padding:20px 15px 15px;
}
.category{
	height:100%;
	margin:0 0 20px;
}
.category p{
	float:left;
	margin:0 10px 0 0;
}
.category p a:hover img{
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}
.shopGenre h4{
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#e8e8e8;
	margin:0 0 10px;
	font-size:1.25em;
	line-height:none;
	font-weight:bold;
	padding:15px;
	letter-spacing:1px;
}
.shopGenre table{
	border-top:1px solid #d9d9d9;
	width:100%;
	margin:0 0 20px;
	border-collapse:collapse;
}
.shopGenre table th{
	vertical-align:middle;
	border-bottom:1px solid #d9d9d9;
	width:200px;
	padding:20px 0;
}
.shopGenre table th a:hover img{
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}
.shopGenre table td{
	vertical-align:middle;
	border-bottom:1px solid #d9d9d9;
	padding:20px 0;
}
.tdFloor{
	width:70px;
}
.tdTel{
	width:150px;
}

}
/* 768px以内（iPad） */
@media screen and (max-width:768px) {

/* ShopGenre
----------------------------- */
.shopGenre{
	padding:20px 15px 15px;
}
.category{
	height:100%;
	margin:0 0 5px;
}
.category p{
	float:none;
	margin:0 10px 8px 0;
}
.category p a:hover img{
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}
.shopGenre h4{
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#e8e8e8;
	margin:0 0 10px;
	font-size:1.25em;
	line-height:none;
	font-weight:bold;
	padding:15px;
	letter-spacing:1px;
}
.shopGenre table{
	border-top:1px solid #d9d9d9;
	width:100%;
	margin:0 0 20px;
	border-collapse:collapse;
}
.shopGenre table th{
	vertical-align:middle;
	border-bottom:1px solid #d9d9d9;
	width:200px;
	padding:20px 0;
}
.shopGenre table th a:hover img{
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}
.shopGenre table td{
	vertical-align:middle;
	border-bottom:1px solid #d9d9d9;
	padding:20px 0;
}
.tdFloor{
	width:70px;
}
.tdTel{
	width:150px;
}

}
/* 640px以内（iPhone） */
@media screen and (max-width:640px) {

/* ShopGenre
----------------------------- */
.shopGenre{
	padding:20px 15px 15px;
}
.category{
	height:100%;
	margin:0 0 5px;
}
.category p{
	float:none;
	margin:0 10px 8px 0;
}
.category p a:hover img{
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}
.shopGenre h4{
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#e8e8e8;
	margin:0 0 10px;
	font-size:1.25em;
	line-height:none;
	font-weight:bold;
	padding:15px;
	letter-spacing:1px;
}
.shopGenre table{
	border-top:1px solid #d9d9d9;
	width:95%;
	margin:0 auto 20px;
	border-collapse:collapse;
}
.shopGenre table th{
	display:none;
}
.shopGenre table td{
	vertical-align:middle;
	border-bottom:1px solid #d9d9d9;
	padding:10px 0;
}
.tdFloor{
	width:50px;
	text-align:right;
}
.tdTel{
	display:none;
}

}