@charset "UTF-8";

* {box-sizing:border-box; margin: 0;padding: 0;}
.floorshoplist{width:100%;max-width:1260px;margin:0 auto;}
.floorshoplist img{width:100%;height:auto;}
.material-symbols-outlined{font-size:1em;color:#000;}
.fas{color:#000;}
.areaheader{margin-bottom:2em;}
.areamap_ttl{
	padding:0.5em 0 0.3em;
	background:#000;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:1.5rem;
	line-height:1em;
	letter-spacing: 0.1em;
}
.areamap_img{
	padding:2em 3em;
}
.result_shop a{text-decoration:none;color:#000;}
@media screen and (max-width: 768px){
.areamap_ttl{font-size:1rem;}
.areamap_img{padding:1em 1.5em;}
}

.caption{font-size:0.8em;text-align:center;margin-bottom:2em;}
.areaselect{width:100%;display:flex;justify-content:space-between;}
.areaselect_tab{
	padding:2em 2em 0.5em;
	text-align:center;
	width:100%;
}
.areaselect_tab .fas{font-size:2rem;margin:0 0 0.2em;}
.areaselect_tab .material-symbols-outlined{display:inline-block;font-size:2rem;margin:0 0 0.1em;}
.areaselect_tab p{
	border:1px solid #000;
margin:0.2em 0;
padding:0.3em 0 0.2em;
font-size:1rem;
font-weight:bold;
letter-spacing:0.1em;
}
.areaselect_tab.active p{
background-color:#000;
color:#fff;
}
.areaselect_tab a{text-decoration: none;color:#000;}
@media screen and (max-width: 768px){
.caption{font-size:10px;text-align:left;padding:0 1em;}
.areaselect{justify-content:space-around;font-size:10px;}
.areaselect_tab{padding:0 1em;}
.areaselect_tab p{font-size:0.9rem;letter-spacing: 0.05em;}
}

.areaselect_list{display:none;margin-bottom:2em;}
.areaselect_list.show{display:block;}
.areaselect_result{
display:grid;
grid-template-columns: 1fr 1fr 1fr;
}
.result_shop{
margin-bottom:5em;
padding:0 1em;
}
.result_img{
margin-bottom:1.5em;
position:relative;
}
.result_no,.result_takeout{
position:absolute;
color:#fff;
background:#000;
}
.result_no{padding:0.3em 0.8em;}
.result_takeout{right:0;display:none;}
.result_photo{
	background-size:contain;
	background-position:top;
	background-repeat:no-repeat;
	width:100%;
	aspect-ratio: 1.5 / 1;
	display:inline-block;
	content:'　';
}
.result_name{
margin-bottom:0.5em;
font-weight:bold;
font-size:1rem;
letter-spacing: -0.05em;
}
.result_name h2{
	line-height: 1.4;
}
.result_txt {
margin-bottom:1em;;
line-height:1.5;
font-size:0.9rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.result_time{font-size:0.9rem;}
.result_time p{margin-bottom:0.2em;}
.result_timettl{
display:inline-block;
background:#000;
padding:0.2em 0.5em 0.1em;
font-size:0.75em;
color:#fff;
}
@media screen and (max-width: 768px){
.areaselect_category{font-size:10px;}
.areaselect_result{grid-template-columns: 1fr 1fr;}
}