@charset "UTF-8";
/*
 * Shop list (src/components/ShopList.astro: /shops/, /a/…/, /g/…/, /shops/…/). Scoped to section.main.shops.
 * Larger shop names, quieter address lines, even spacing and light grey dividers.
 */
section.main.shops {
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	letter-spacing: .04em;
}
section.main.shops > h1 { margin-bottom: 8px; border-bottom: 1px solid #e6e6e6 !important; padding-bottom: 12px; font-weight: 500; letter-spacing: .08em; }
section.main.shops dl { margin: 0; padding: 20px 0; border: 0; border-bottom: 1px solid #e6e6e6; }
section.main.shops dl dt {
	float: none; width: auto; margin: 0 0 8px; padding: 0;
	font-size: 16px; line-height: 1.6; font-weight: 500; color: #1a1a1a;
}
section.main.shops dl dt { background: none; } /* grey square marker (mk-list.png) of the old theme */
section.main.shops dl dd { float: none; width: auto; margin: 0; padding: 0; }
section.main.shops dl dd.address p { margin: 0; font-size: 13px; line-height: 1.8; color: #555; overflow-wrap: anywhere; }
section.main.shops dl dd.address a { color: #555; text-decoration: underline; text-decoration-color: #c8c8c8; text-underline-offset: 3px; }
section.main.shops dl dd.address a:hover { color: #1a1a1a; }
section.main.shops dl dd.tags { margin-top: 12px; font-size: 0; }
section.main.shops dl dd.tags em {
	display: inline-block; margin: 0 6px 0 0; padding: 3px 10px; border: 1px solid #d0d0d0; background: none;
	color: #666; font-size: 11px; font-style: normal; letter-spacing: .1em; line-height: 1.5;
}

@media screen and (min-width: 641px) {
	/* the list shows the Japanese entries in both languages (as before); the English ones stay hidden by the theme */
	section.main.shops dl { grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; padding: 24px 0; }
	section.main.shops dl.lang-ja { display: grid; }
	section.main.shops dl dt { grid-column: 1; }
	section.main.shops dl dd.address { grid-column: 1; }
	section.main.shops dl dd.tags { grid-column: 2; grid-row: 1 / span 2; margin-top: 2px; text-align: right; }
	section.main.shops dl dd.address p { font-size: 13px; line-height: 1.9; }
}