@charset "UTF-8";


/*****************************************************
　グルメマップ　
*****************************************************/
/* 共通 
------------------------------------------------- */
.page-main-content p{
	letter-spacing:0.025em;
	line-height:1.8;
}
/* 注意メッセージ 
------------------------------------------------- */
.notice{
	border:2px solid #f00;
	color:#f00;
	font-size:24px;
	font-size:2.4rem;
	margin:50px 0;
	padding:30px;
	text-align:center;
}
/* メインビジュアル 
------------------------------------------------- */
.main-visual{
	background:url(../img/gourmet-map/cover_img.jpg) no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	height:455px;
	margin-top:20px;
}
/* 冒頭テキスト 
------------------------------------------------- */
.lead-txt{
	margin:30px 0 40px;
	text-align:center;
}
.lead-txt .ttl{
	font-size:32px;
	font-size:3.2rem;
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 22px;
}
.lead-txt .subttl{
	letter-spacing:0.025em;
	margin:0 0 35px;
}
.lead-txt ul{
	display:inline-block;
	list-style-type:none;
	margin:0 0 30px;
}
.lead-txt ul li{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.9;
	text-align:left;
}
.lead-txt ul li a{
	text-decoration:underline;
}
.lead-txt .small-btn{
	margin:0 auto;
	max-width:538px;
}
.lead-txt .small-btn + .small-btn{
	margin:45px auto 0;
}
.lead-txt .small-btn a{
	padding:21px 0;
}
/* 各店リスト 
------------------------------------------------- */
.shop-list{
	display:flex;
	flex-wrap:wrap;
	margin:60px 25px 0;
}
.shop-list .shop-item{
	margin:50px 0 0;
	width:49%;
}
.shop-list .shop-item:nth-child(2n){
	margin:50px 0 0 2%;
}
.shop-list .shop-item:nth-child(1),
.shop-list .shop-item:nth-child(2){
	margin-top:0;
}
.shop-item .shop-item_head,
.shop-item .shop-item_inner,
.shop-item .shop-item_foot{
	display:flex;
	justify-content:space-between;
}


@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
.shop-item_foot {
    display: contents;
}
}


/* ----- 上部 ----- */
.shop-item .shop-item_head{
	align-items:center;
	margin:0 0 24px;
}
/* 店名 */
.shop-item .shop-item_head .name_wrap{
	align-items:center;
	display:flex;
}
.shop-item .shop-item_head .name_wrap:before{
	content:'';
	display:block;
	height:44px;
	margin:0 12px 0 0;
	width:44px;
}
#shop-item_1 .name_wrap:before{
	background:url('../img/gourmet-map/num_1.png') no-repeat left center;
	background-size:cover;
}
#shop-item_2 .name_wrap:before{
	background:url('../img/gourmet-map/num_2.png') no-repeat left center;
	background-size:cover;
}
#shop-item_3 .name_wrap:before{
	background:url('../img/gourmet-map/num_3.png') no-repeat left center;
	background-size:cover;
}
#shop-item_4 .name_wrap:before{
	background:url('../img/gourmet-map/num_4.png') no-repeat left center;
	background-size:cover;
}
#shop-item_5 .name_wrap:before{
	background:url('../img/gourmet-map/num_5.png') no-repeat left center;
	background-size:cover;
}
#shop-item_6 .name_wrap:before{
	background:url('../img/gourmet-map/num_6.png') no-repeat left center;
	background-size:cover;
}
#shop-item_7 .name_wrap:before{
	background:url('../img/gourmet-map/num_7.png') no-repeat left center;
	background-size:cover;
}
#shop-item_8 .name_wrap:before{
	background:url('../img/gourmet-map/num_8.png') no-repeat left center;
	background-size:cover;
}
#shop-item_9 .name_wrap:before{
	background:url('../img/gourmet-map/num_9.png') no-repeat left center;
	background-size:cover;
}
#shop-item_10 .name_wrap:before{
	background:url('../img/gourmet-map/num_10.png') no-repeat left center;
	background-size:cover;
}
#shop-item_11 .name_wrap:before{
	background:url('../img/gourmet-map/num_11.png') no-repeat left center;
	background-size:cover;
}
#shop-item_12 .name_wrap:before{
	background:url('../img/gourmet-map/num_12.png') no-repeat left center;
	background-size:cover;
}
#shop-item_13 .name_wrap:before{
	background:url('../img/gourmet-map/num_13.png') no-repeat left center;
	background-size:cover;
}
#shop-item_14 .name_wrap:before{
	background:url('../img/gourmet-map/num_14.png') no-repeat left center;
	background-size:cover;
}
.shop-item .shop-item_head .name{
	font-size:24px;
	font-size:2.4rem;
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:1.4;
}
.shop-item .shop-item_head .name .subname{
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:0.075em;
	line-height:1.4;
}
.shop-item .shop-item_head .name .subname.br{
	display:block;
	margin:0 0 -2px;
}
#shop-item_10 .shop-item_head .name .subname{
	margin:0 0 0 0.5em;
}
/* リンク */
.shop-item .shop-item_head .link{
	display:flex;
}
.shop-item .shop-item_head .link a + a{
	margin:0 0 0 7px;
}
/* ----- 真ん中 ----- */
.shop-item .shop-item_inner .img{
	width:40%;
}
.shop-item .shop-item_inner .txt{
	width:59%;
}
.shop-item .shop-item_inner .style_yellow-bb th,
.shop-item .shop-item_inner .style_yellow-bb td{
	font-size:14px;
	font-size:1.4rem;
}
.shop-item .shop-item_inner .style_yellow-bb th{
	padding:8px 15px;
	width:89px;
}
.shop-item .shop-item_inner .style_yellow-bb td{
	padding:8px 10px;
}
/* ----- 下部 ----- */
.shop-list .shop-item_foot{
	border-bottom:2px solid #e8e8e8;
	padding:12px 0 10px;
}
.shop-item .shop-item_foot dl{
	align-items:center;
	display:flex;
	padding:0 14px 0 4px;
	width:50%;
}
.shop-item .shop-item_foot dl dt,
.shop-item .shop-item_foot dl dd{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.6;
}
.shop-item .shop-item_foot dl dt{
	margin:0 8px 0 0;
	min-width:49px;
}
/* お店2 */
#shop-item_2 .shop-item_foot dl:nth-child(1){
	width:52%;
}
#shop-item_2 .shop-item_foot dl:nth-child(2){
	width:48%;
}
/* お店3 */
#shop-item_3 .shop-item_foot dl:nth-child(1){
	width:50%;
}
#shop-item_3 .shop-item_foot dl:nth-child(2){
	width:60%;
}
/* お店5 */
#shop-item_5 .shop-item_foot dl:nth-child(1){
	width:44%;
}
#shop-item_5 .shop-item_foot dl:nth-child(2){
	padding-right:10px;
	width:56%;
}
/* お店6 */
#shop-item_6 .shop-item_foot dl:nth-child(1){
	width:37%;
}
#shop-item_6 .shop-item_foot dl:nth-child(2){
	width:63%;
}
/* お店8 */
#shop-item_8 .shop-item_foot dl:nth-child(1){
	width:48%;
}
#shop-item_8 .shop-item_foot dl:nth-child(2){
	width:52%;
}
/* 備考 
------------------------------------------------- */
.note{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.4;
	margin:35px 25px 0;
	text-align:right;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　グルメマップ　
	*****************************************************/
	/* 注意メッセージ 
	------------------------------------------------- */
	.notice{
		border-width:0.25vw;
		font-size:3.5vw;
		margin:6.25vw 0;
		padding:3.75vw;
	}
	/* メインビジュアル 
	------------------------------------------------- */
	.main-visual{
		height:140px;
		margin-top:2.5vw;
	}
	/* 冒頭テキスト 
	------------------------------------------------- */
	.lead-txt{
		margin:3.75vw 0 5vw;
	}
	.lead-txt .ttl{
		font-size:4vw;
		margin:0 0 2.75vw;
	}
	.lead-txt .subttl{
		margin:0 0 4.37vw;
	}
	.lead-txt ul{
		margin:0 0 3.75vw;
	}
	.lead-txt ul li{
		font-size:3.2vw;
	}
	.lead-txt .small-btn{
		max-width:67.25vw;
	}
	.lead-txt .small-btn.mimf{
		max-width:85vw;
	}
	.lead-txt .small-btn + .small-btn{
		margin:5.62vw auto 0;
	}
	.lead-txt .small-btn a{
		padding:2.62vw 0;
	}
	/* 各店リスト 
	------------------------------------------------- */
	.shop-list{
		display:block;
		margin:7.5vw 2.12vw 0;
	}
	.shop-list .shop-item{
		margin:6.25vw 0 0;
		width:100%;
	}
	.shop-list .shop-item:nth-child(2n){
		margin:6.25vw 0 0;
	}
	.shop-list .shop-item:nth-child(2){
		margin-top:6.25vw;
	}
	/* ----- 上部 ----- */
	.shop-item .shop-item_head{
		margin:0 0 3vw;
	}
	/* 店名 */
	.shop-item .shop-item_head .name_wrap:before{
		height:6.5vw;
		margin:0 1.5vw 0 0;
		width:6.5vw;
	}
	.shop-item .shop-item_head .name{
		font-size:3.8vw;
	}
	.shop-item .shop-item_head .name .subname{
		font-size:2.8vw;
	}
	.shop-item .shop-item_head .name .subname.br{
		margin:0 0 -0.25vw;
	}
	/* リンク */
	.shop-item .shop-item_head .link a + a{
		margin:0 0 0 0.87vw;
	}
	.shop-item .shop-item_head .link a img{
		/*width:5.87vw;*/
		width:8vw;
	}
	/* ----- 真ん中 ----- */
	.shop-item .shop-item_inner .img img{
		width:100%;
	}
	.shop-item .shop-item_inner .style_yellow-bb th,
	.shop-item .shop-item_inner .style_yellow-bb td{
		font-size:2.8vw;
	}
	.shop-item .shop-item_inner .style_yellow-bb th{
		padding:1vw 1.87vw;
		width:15vw;
		white-space: nowrap;
	}
	.shop-item .shop-item_inner .style_yellow-bb td{
		padding:1vw 1.25vw;
	}
	/* ----- 下部 ----- */
	.shop-list .shop-item_foot{
		border-width:0.25vw;
		padding:1.5vw 0 1.25vw;
	}
	.shop-item .shop-item_foot dl{
		padding: 0 4vw 0vw 0vw;
		display: inline-block;
	}
	.shop-item .shop-item_foot dl dt,
	.shop-item .shop-item_foot dl dd{
		font-size:2.9vw;
	}
	.shop-item .shop-item_foot dl dt{
		margin:0 2vw 0 0;
		min-width:0;
		width: 27vw;
	}
	.shop-item .shop-item_foot dl dt img{
		width:100%;
	}
	/* お店5 */
	#shop-item_5 .shop-item_foot dl:nth-child(1){
		padding-right:0.3vw;
	}
	#shop-item_5 .shop-item_foot dl:nth-child(2){
		padding-right:0;
	}
	/* お店6 */
	#shop-item_6 .shop-item_foot dl:nth-child(1){
		padding-right:1vw;
	}
	#shop-item_6 .shop-item_foot dl:nth-child(2){
		padding-right:0;
	}
	/* お店8 */
	#shop-item_8 .shop-item_foot dl:nth-child(1),
	#shop-item_8 .shop-item_foot dl:nth-child(2){
		padding-right:1.2vw;
		width: 50%;
	}
	/* お店10 */
	#shop-item_10 .shop-item_foot dl:nth-child(1){
		width:40%;
	}
	#shop-item_10 .shop-item_foot dl:nth-child(2){
		width:60%;
	}
	/* 備考 
	------------------------------------------------- */
	.note{
		font-size:2.5vw;
		margin:4.37vw 3.12vw 0;
	}
}


	/* 改行
	------------------------------------------------- */

@media screen and (min-width: 680px){   
  .pc { display:inline; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:inline; }
}