/* =========================
	ショップ紹介
========================= */
/* -------------------------------------------for SP */
@media screen and (max-width:767.98px) {
.guidelist {
	width:92%;
	margin: 0 auto;
}
.guidelist ul {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px 14px;
}
.guidelist li {
	background-color: #FFF;
	width: 100%;
	height: auto;
	display: block;
	padding-bottom: 10px;
	box-shadow: 0 0px 10px #CCC;
}
.gl_guide {
	background-color: #FFF;
	color: #000;
	font-size: 0.8em;
	padding: 0.2em 0.5em;
	font-weight: bold;
	text-align: right;
}
.gl_guide span {
	font-weight: normal;
	font-size: 80%;
	letter-spacing: 0.1em;
}
.guidelist_ul img {
	padding: 0 7px;
}
.gl_genre {
	font-size: 0.7em;
	padding: 10px 10px 0 10px;
}
.gl_shopname {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.2;
	padding: 0px 10px;
}
.guidelist a {
	display: block;
	transition: opacity 0.3s ease;
}
.guidelist a:hover {
	opacity: 0.6;
}

}
/* -------------------------------------------for PC */
@media screen and (min-width:768px) {
.guidelist {
	width: 100%;
	width:min(1200px, calc(100% - 40px));
	margin:0px auto;
}
ul.guidelist_ul {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(22px, 3vw, 46px) clamp(16px, 2vw, 36px);
}
.guidelist li {
	background-color: #FFF;
	width: 100%;
	height: auto;
	display: block;
	padding-bottom: 20px;
	box-shadow: 0 0px 10px #CCC;
}
.gl_guide {
	background-color: #FFF;
	color: #000;
	font-size: 0.9em;
	padding: 0.2em 0.5em;
	font-weight: bold;
	text-align: right;
}
.gl_guide span {
	font-weight: normal;
	font-size: 80%;
	letter-spacing: 0.1em;
}
.guidelist_ul img {
	padding: 0 7px;
}
.gl_genre {
	font-size: 0.7em;
	padding: 10px 10px 0 10px;
}
.gl_shopname {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.2;
	padding: 0px 10px;
}
.guidelist a {
	display: block;
	transition: opacity 0.3s ease;
}
.guidelist a:hover {
	opacity: 0.6;
}

}