@charset "utf-8";

/* ====================================

* ショップリスト

==================================== */
.shop-list__container + .shop-list__container {
	margin-top: 6em;
}
.shop-list__container:last-child {
	margin-bottom: 3em;
}
.shop-list__headline {
	font-size: 2rem;
	border-bottom: 1px solid #dedede;
	text-align: left;

	margin: 0;
}
.shop-list{
	/* 基準値 min-width320px max-width1120px
	 min: 10px, max: 40px */
	--gutter-var-reg: clamp(0.625rem, calc(-0.125rem + 3.75vw), 2.5rem);

	/* フォント */
	/* ベース */
	--baseFonts: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	/* アルファベット */
	--alphabet: 'Montserrat',"Helvetica Neue", sans-serif;
	/* ナンバー */
	--number: "Helvetica Neue",Arial, sans-serif;
	/* 記号 / 注釈のマークなど */
	--sine: "Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
.shop-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 0 var(--gutter-var-reg);
}
/* リセット */
.shop-list * {
	margin: 0;
	line-height: 1.5;
}
ul.shop-list,
ol.shop-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* -----------------
カード */
.shop-list__item {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
    width: max(
        calc(280rem / 16),
        calc(calc(100% / 3) - var(--gutter-var-reg))
    );
	margin-top: 3em;
}
.shop-list::before,
.shop-list::after {
    content: "";
    display: inline-block;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: max(
        calc(280rem / 16),
        calc(calc(100% / 3) - var(--gutter-var-reg))
    );
}
.shop-list::before {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}

/* -----------
画像 */
.shop-img {
	display: block;
	width: 100%;
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;

	aspect-ratio: 3 / 2;
}
.shop-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

/* -----------
タイトル*/
.shop-name {
	color: #1b1b1b;
	margin-block: 1em;
	font-size: 1.2em;
}

/* -----------
項目*/
/* カテゴリー */
.shop-desc__category dt > * {
	font-size: 1em;
}
.shop-desc__category dt > *::before {
	content: "■";
	font-family: var(--sine);
	color: var(--primary-color);
	margin-right: 0.3em;
}
.shop-desc__category dd > p {
	margin-top: 0.5em;
}
.shop-desc__category {
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding-block: 1em;
	margin-bottom: 1em;
}
/* 説明 */
.shop-desc__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.shop-desc__item dt {
	-ms-flex-negative: 0;
	    flex-shrink: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.shop-desc__item dt::after{
	content: "：";
}
.shop-desc__item h4{
	width: 5em;
	-moz-text-align-last: justify;
	     text-align-last: justify;
}
.shop-desc__item dt > *,
.shop-desc__item dd > p,
.shop-desc__item dd > a {
	display: block;
	line-height: 1.75;
	word-break: normal;
	overflow-wrap: anywhere;
	line-break: strict;
}

/* -----------
エクストラリンク*/
.link__wrapper {
	width: 100%;
	margin-top: 1em;
	padding-top: 1em;

	border-top: 1px solid #dedede;

	display: -webkit-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.ex-link {
	display: inline-block;
}
.e-mail,
.hp .ex-link {
	word-break: break-all;
}