@charset 'UTF-8';
/*=======================================================
[共通]拠点案内（custom_template/shop.php）
=========================================================*/

/*専門店
-------------------------------------------- */
/*全体*/
.shoplist-expert{
	align-items: stretch;
	justify-content: center;
}
/*各店全体*/
.shoplist-expert .panel{
	margin-bottom: 0;
}
/*各店名称*/
.shoplist-expert .panel-heading{
	padding: 15px 0 20px;
}
.shoplist-expert .panel-heading h4{
	margin-bottom: 0;
}
.inAll .shoplist-expert .guitar .panel-heading{ background-color: var(--in-guitar-grayish); }
.inAll .shoplist-expert .guitar .panel-heading h4{ color: var(--in-guitar-base); font-weight: 700; }
.inAll .shoplist-expert .wind .panel-heading{ background-color: var(--in-wind-grayish); }
.inAll .shoplist-expert .wind .panel-heading h4{ color: var(--in-wind-base); font-weight: 700; }
.inAll .shoplist-expert .string .panel-heading{ background-color: var(--in-string-grayish); }
.inAll .shoplist-expert .string .panel-heading h4{ color: var(--in-string-base); font-weight: 700; }
.inAll .shoplist-expert .piano .panel-heading{ background-color: var(--in-piano-grayish); }
.inAll .shoplist-expert .piano .panel-heading h4{ color: var(--in-piano-base); font-weight: 700; }
/*各店写真*/
.shoplist-expert figure img{
	width: 100%;/*画像サイズ不足時、横幅いっぱいに拡大表示する*/
}

/*リペアブース併設店
-------------------------------------------- */
/*全体*/
.shoplist-booth{
	align-items: stretch;
	justify-content: space-between;
}
/*各店パネル*/
.shoplist-booth .panel-group-chunk{
	margin-bottom: 30px;
}
.shoplist-booth .panel-heading a > div{
	display: flex;
	flex-wrap: wrap;
}
.shoplist-booth .panel-heading a .shop-inst{
	width: 100%;
	order: 1;
	line-height: 1;
	margin-bottom: .5em;
}
.shoplist-booth .panel-heading a .shop-inst .label{
	margin-right: .5em;
}
/*店舗名*/
.shoplist-booth .panel-heading a .shop-name{
	width: 100%;
	order: 2;
}
.shoplist-booth .panel-heading a:hover .shop-name{
	text-decoration: underline;
}

/*部門別絞り込み用ナビゲーション
-------------------------------------------- */
.filter{
	max-width: 555px;
	background-color: var(--pale-gray);
	padding: 30px;
	margin: 0 auto 45px;
}
.filter .flex{
	justify-content: center;
	gap: 15px;
	grid-gap: 15px;
}
.filter h4.headlines{
	margin-bottom: 30px;
}