@charset "utf-8";
/* CSS Document */
/* { outline: 1px solid red; }*/
/*=======================
　　　　ジャンル別ページ
========================*/

/*▼Unique ここから-------------------------*/

/*body{padding-top: 130px;}*/


/*header-------------------------*/




/*▲Unique ここまで-------------------------*/




/*▼Original ここから-------------------------*/

section#genre_area{
	padding-top: 130px;
}

section#genre_area h3{
	text-align: center;
	width: 100%;
/*	font-size:3.2rem;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 10px 0 8px 0;
*/
}
section#genre_area h3 img{
	max-width: 600px;
}


/*インクルード非表示*/
#db_food{}
#db_food #genre_snack,
#db_food #genre_sweets,
#db_food #genre_drink{
	display: none!important;
}

#db_snack{}
#db_snack #genre_food,
#db_snack #genre_sweets,
#db_snack #genre_drink{
	display: none!important;
}

#db_sweets{}
#db_sweets #genre_food,
#db_sweets #genre_snack,
#db_sweets #genre_drink{
	display: none!important;
}

#db_drink{}
#db_drink #genre_food,
#db_drink #genre_snack,
#db_drink #genre_sweets{
	display: none!important;
}






/*▲Original ここまで-------------------------*/


/*▼db_uniqueここから-------------------------*/
/*メニューリスト*/
section#menu_list{}
/*section#menu_list ul{
	width: 100%;
	clear: both;
	margin-bottom: 2rem;
}*/

/*section#menu_list ul:after{/*for modern browser*/
/*    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}*/





/*section#menu_list ul li{
	display: block;
	width: 270px;
	margin-bottom: 20px;
	background: #FFFDB4;
	/*background: url(../..//common/images/bg_menu_list.jpg) bottom no-repeat #FFFDB4;*/
/*}*/
/*section#menu_list ul li img{
	width: 100%}
section#menu_list ul li:nth-child(4n+1){float: left;margin-right: 40px;}
section#menu_list ul li:nth-child(4n+2){float: left;margin-right: 40px;}
section#menu_list ul li:nth-child(4n+3){float: left;margin-right: 40px;}
section#menu_list ul li:nth-child(4n+4){float: left;}*/

section#menu_list ul li div{
	width: 100%;
	/*background: #FFFDB4;*/
}

/*===================
お試し追記
===================*/

div.list_box{
	margin-bottom: 40px;
}
div.list_box ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: space-between;
}
div.list_box ul li{
	width: 19%;
	background: #fff;
	gap:auto;
	margin-bottom: 20px;
	box-shadow: 0 0 6px #d3d3d3;
}
div.list_box ul li.blank{
	width: 19%;
	background: #fff;
	gap:auto;
	margin-bottom: 20px;
	box-shadow:none;
	/*border: solid 1px #000;*/
}


div.list_box ul::before {
display: block;
content:"";
width: 19%;
	order: 1;
} 

div.list_box ul::after {
display: block;
content:"";
width: 19%;
}
div.list_box .menu_img p img{
	width: 100%;
}

/*------------メニューリストボックスここまで--------*/
div.s_title{
	clear: both;
	text-align: left;
	border-top: 1px solid #000;
/*	border-bottom: 2px solid #999;*/
	line-height: 1;
	padding: 16px 10px 12px 10px;
	margin-bottom: 2rem;
	font-weight: normal;
}
div.s_title div.s_name{
	float: left;
}
div.s_title div.s_name p{
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 0!important;
}


div.s_title div.s_position{
	float: right;
}
div.s_title div.s_position p{
	margin-bottom: 0!important;
}
div.s_title div.s_position p.posi_t{
	float: left;
	display: block;
	font-size: 1.5rem;
	padding-top: 4px;
}
div.s_title div.s_position p.posi_c{
	float: right;
	padding-left: 20px;
}
div.s_title div.s_position p.posi_c a{
	display: block;
	background: #E2001E;
	color: #ffffff;
	padding: 6px 20px;
	font-weight: bold;
	border-radius:8px;
	font-size: 1.4rem;
}





/*-----*/



div.menu_img{}

div.menu_name,
div.menu_place,
div.menu_check{
	padding: 0 10px;
}

div.menu_name{}
div.menu_name p{
	/*font-size: 1.6rem;*/
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3; /*元は1.4*/
}
div.menu_name strong{
	color: #E2001E;
	/*font-size: 2.0rem;*/
}
div.menu_name p span{
	font-weight: normal;
	font-size: 1.4rem;
}

/*---トッピング追記---*/
div.menu_name p.topping_det{
	/*font-size: 1.3rem;*/
	font-size: 13px;
	font-weight: normal;
	line-height: 1.3; /*元は1.4*/
	border-top: dotted 1px #000;
	padding-top: 5px;
}
div.menu_name p.topping_det strong{
	color: #E2001E;
	/*font-size: 1.4rem!important;*/
	font-size: 13px!important;
}
div.menu_name p.topping_det strong:first-child{
	color: #333!important;
}

div.kome{
	color: #E2001E;
	font-size: 12px!important;
	/*margin-top:5px;*/
	line-height: 1.2;
}
/*---トッピング追記ここまで---*/

div.menu_place{}
div.menu_place p{
}
div.menu_place p strong{
	font-size: 2.0rem;
}
div.menu_place p strong span{
	padding: 4px 6px 2px 6px;
	background: #fff;
	border: 1px solid #333;
	letter-spacing: 0px;
	font-size: 1.8rem;
	margin-right: 6px;
}
div.menu_place p strong span.hitoketa{
	padding: 6px 10px 2px 10px!important;
}


div.menu_check{}
div.menu_check p{}
div.menu_check p a{
	display: block;
	text-align: center;
	background: #E2001E;
	color: #ffffff;
	padding: 6px 0;
	font-weight: bold;
	border-radius:8px;
}


/*▲db_uniqueここまで-------------------------*/



/*---------------------------
店舗名とフロアのグループ
-----------------------------*/

.floor{
	font-size: 12px;
	letter-spacing: -0.05em;
	background: #fff;
	padding: 3px;
	margin-left: 5px;
	border: solid 1px #000;
}
.shopmap a{
	background: #E2001E;
	color: #ffffff;
	padding: 6px 12px;
	font-weight: bold;
	border-radius:6px;
	font-size: 14px;
	margin-left: 5px;
}

.A{
	display: flex;
	justify-content: space-between;
	padding: 5px 0 20px;
	border-top:solid 1px #000;
}
.A >:first-child{
	margin-right: auto;
}
.B{
	display: flex;
	align-items: center;
}

.C{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 5px 0 20px;
	border-top:solid 1px #000;
	align-items: center;
}
.C >:first-child{
	margin-right: auto;
}
.D{	
	align-items: center;
}






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

.A{
	display: flex;
	flex-direction: column;
	padding: 5px 0 8px;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	margin-bottom: 20px;
	}
	.B{
		display: flex;
		/*flex-direction: column;*/
		flex-wrap: nowrap;
	}
	.B .b-1{
		margin-top: 3px;
		margin-right: 3px;
		line-height: 2;
	}
	.floor{
		margin-left: 0;
		margin-right: 5px;
	}
.shopmap a{
	margin-left: 0;
}
/*------------------------------------------------*/

.C{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 5px 0;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	justify-content:space-between;
	margin-bottom: 20px;
	align-items: flex-start;
	}
	.C h4{
		line-height: 1.3;
	}
	.C >:first-child{
	margin-right: auto;
}
	.D{
		display: inline-block;
		align-items: flex-start;
		margin-bottom: 8px;
	}
	.D .d-1 .shopmap{
		text-align: center;
		line-height: 1.2;
	}
}
/*------------------------------------------------*/




















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

/*▼Unique ここから-------------------------*/
	
	body{padding-top: 100px!important;}
	.sp_size{width: 100%!important;}
	
	/*header-------------------------*/

	#header{
		background: url(../../common/images/contents_head.png)no-repeat bottom left #ffe100!important;
		background-size: 85%!important;
		height: 60px!important;
		z-index: 40!important;
	}

	#header h1{
		margin-top: 0px!important;
		float: none!important;
		line-height: 0;
		margin-left: 50px;
	}


	#header #gmenu{
		background: #000000;
	}

/*▲Unique ここまで-------------------------*/


/*▼Original ここから-------------------------*/
section#genre_area{
	padding-top: 0px;
	padding-bottom: 0px;
}

	#genre_area h3 img{
		width: auto!important;
		/*height: 130px!important;*/
	}
		#genre_area h3 img#snc{
		width: 80%!important;
		height: auto!important;
	}
	
div.list_box{
	margin-bottom: 20px;
}
	
div.list_box ul li{
	width: 48%!important;
	/*gap:auto;*/
	}
	div.list_box ul {
		margin-bottom: 20px;
	}
	
/*▲Original ここまで-------------------------*/

	
/*▼db_uniqueここから-------------------------*/
	
	/*section#menu_list ul li{
	display: block;
	/*width: 46%!important;*/
		width: 100%!important;
	}

	/*section#menu_list ul li:nth-child(4n+1){float: none!important;margin-right: 0px!important;}
	section#menu_list ul li:nth-child(4n+2){float: none!important;margin-right: 0px!important;}
	section#menu_list ul li:nth-child(4n+3){float: none!important;margin-right: 0px!important;}
	section#menu_list ul li:nth-child(4n+4){float: none!important;}
	section#menu_list ul li div{width: 100%!important;}

/*
	section#menu_list ul li:nth-child(2n+1){float: left!important;}
	section#menu_list ul li:nth-child(2n){float: right!important;}
	section#menu_list ul li div{width: 100%!important;}
*/
	
	/*section#menu_list h3 span.sposi{
	}*/
	section#menu_list h3 span.sposi a{
		display: block!important;
		margin-top: 4px!important;
	}

/*▲db_uniqueここまで-------------------------*/

	
	
	
	
	
	
	

}