@charset "utf-8";
/*----------------------------------------------------------
	File Name     guide.css
*/
.shop {
	margin: 0 auto;
	padding: 0 0 30px 0;
	max-width: 1100px;
}
.shop .text {
	margin: 20px 0 0 0;
	font-size: 16px;
	line-height: 1.8;
}
.shop .subhead {
	padding: 50px 0 40px 0;
}
/* メイン */
.shop .main {
	
}
/* 店舗情報 */
.shop .info {
	padding: 0 0 30px 0;
}
.shop .info .container {
	padding: 0 20px;
	width: 100%;
	max-width: 1140px;
}
.shop .info table {
	width: 100%;
}
.shop .info table th,
.shop .info table td {
	vertical-align: top;
	text-align: left;
	padding: 16px 20px;
	font-size: 18px;
	line-height: 1.8;
}
.shop .info table tr:nth-child(odd) th,
.shop .info table tr:nth-child(odd) td {
	background-color: #f7f7f7;
}
.shop .info table th {
	width: 200px;
}
.shop .info table td br {
	display: none;
}
/* アクセスマップ */
.shop .map {
	padding: 0 0 30px 0;
}
.shop .map .container {
	padding: 0 20px;
	width: 100%;
	max-width: 1140px;
}
.shop .map .gmap {
	width: 100%; height: 400px;
}
.shop .map .gmap iframe {
	width: 100%; height: 100%;
}
/* bond MINIについて */
.shop .about .block {
	margin: 0 auto;
	padding: 0 0 30px 0;
	width: 670px;
}

/*============================================================
	メディアクエリ （スマホ）
*/
@media screen and (max-width: 680px) {

	.shop {
		padding: 0 0 40px 0;
	}
	.shop .text {
		margin: 10px 0 0 0;
		font-size: 12px;
		line-height: 1.8;
	}
	.shop .subhead {
		padding: 20px 0 10px 0;
	}
	.shop .subhead .h br {
		display: block;
	}
	/* メイン */
	.shop .main {
		width: 100%;
	}
	.shop .main img {
		width: 100%;
	}
	/* 店舗情報 */
	.shop .info {
		padding: 0 0 10px 0;
	}
	.shop .info .container {
		padding: 0 15px;
	}
	.shop .info table th,
	.shop .info table td {
		padding: 8px 10px;
		font-size: 13px;
		line-height: 1.5;
	}
	.shop .info table th {
		width: 90px;
	}
	.shop .info table td br {
		display: block;
	}
	/* アクセスマップ */
	.shop .map {
		padding: 0 0 10px 0;
	}
	.shop .map .container {
		padding: 0 15px;
	}
	.shop .map .gmap {
		height: 260px;
	}
	/* bond MINIについて */
	.shop .about .container {
		padding: 0 15px;
	}
	.shop .about .block {
		padding: 0 0 10px 0;
		width: 100%;
	}
	.shop .about .block img {
		width: 100%;
	}

}