/* =========================================================
   GRM 共通CSS（一覧・広告・カード）
   ※ single-store 用は分離済み
========================================================= */


/* =========================================================
   グリッド（一覧レイアウト）
   archive / filter / card 共通
========================================================= */

.grm-results .grm-col,
.grm-col{
	padding-left:10px;
	padding-right:10px;
	margin-bottom:30px;
}


/* =========================================================
   カードUI（店舗カード）
   archive表示用
========================================================= */

/* カード全体 */
.grm-card{
	height:100%;
	display:flex;
	flex-direction:column;
}

/* カード画像 */
.grm-card img{
	width:100%;
	display:block;
}

/* カード本文 */
.grm-card-body{
	flex:1;
	display:flex;
	flex-direction:column;
}

/* カードリンク全体 */
.grm-card-link{
	display:block;
	height:100%;
	text-decoration:none;
	color:inherit;
}


/* =========================================================
   広告：旧互換（残す理由：崩れ防止）
========================================================= */

.grm-ad-inner{
	display:block;
}

.grm-ad-wide .grm-ad-inner{
	display:block;
}

.grm-ad-image{
	width:100%;
}

.grm-ad-body{
	width:100%;
	padding-left:0;
}


/* =========================================================
   広告カード（共通）
========================================================= */

.grm-ad-card{
	height:100%;
}

.grm-ad-card .grm-card-link{
	display:block;
	height:100%;
}

/* 広告画像 */
.grm-ad-card .grm-card-image{
	width:100%;
}

/* 画像内ラップ */
.grm-ad-card .grm-card-image-inner{
	height:100%;
}

/* 本文 */
.grm-ad-card .grm-card-body{
	flex:1;
	display:flex;
	flex-direction:column;
}


/* =========================================================
   1/4広告（縦レイアウト）
========================================================= */

.grm-ad-card.is-quarter .grm-card-link{
	display:block;
}

.grm-ad-card.is-quarter .grm-card-image,
.grm-ad-card.is-quarter .grm-card-body{
	width:100%;
	flex:none;
}


/* =========================================================
   PC：1/2広告・横レイアウト
========================================================= */

@media (min-width: 992px){

	/* 横並び */
	.grm-ad-card.is-half .grm-card-link,
	.grm-ad-card.is-full .grm-card-link{
		display:flex;
		align-items:stretch;
		height:100%;
	}

	/* 画像側 */
	.grm-ad-card.is-half .grm-card-image,
	.grm-ad-card.is-full .grm-card-image{
		width:40%;
		flex:0 0 40%;
	}

	/* 画像内部 */
	.grm-ad-card.is-half .grm-card-image-inner,
	.grm-ad-card.is-full .grm-card-image-inner{
		height:100%;
	}

	/* 画像フィット */
	.grm-ad-card.is-half .grm-card-image img,
	.grm-ad-card.is-full .grm-card-image img{
		width:100%;
		height:100%;
		object-fit:cover;
		display:block;
	}

	/* 本文 */
	.grm-ad-card.is-half .grm-card-body,
	.grm-ad-card.is-full .grm-card-body{
		width:60%;
		flex:0 0 60%;
		padding:20px;
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
}


/* =========================================================
   SP・タブレット：広告は縦
========================================================= */

@media (max-width: 991.98px){

	.grm-ad-card.is-half .grm-card-link,
	.grm-ad-card.is-full .grm-card-link{
		display:block;
	}

	.grm-ad-card.is-half .grm-card-image,
	.grm-ad-card.is-half .grm-card-body,
	.grm-ad-card.is-full .grm-card-image,
	.grm-ad-card.is-full .grm-card-body{
		width:100%;
		flex:none;
	}
}