/* =========================
   GRM Banner
========================= */

.grm-banner-wrap{
	width:100%;
}

/* ▼ 各バナー */
.grm-banner-item{
	display:flex;
	flex-direction:column;
	align-items:stretch;
}

/* ▼ 画像 */
.grm-banner-item img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:8px;
	display:block;
	aspect-ratio: 4 / 3;
}

/* ▼ NO IMAGE */
.grm-noimage{
	width:100%;
	height:100%;
	background:#eee;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#999;
	font-size:12px;
	border-radius:8px;
	aspect-ratio: 4 / 3;
}

/* ▼ クリック数 */
.grm-banner-count{
	font-size:12px;
	color:#999;
	text-align:right;
	margin-top:4px;
}

/* ▼ hover */
.grm-banner-item:hover{
	transform:translateY(-2px);
	transition:.2s ease;
}

.grm-banner-wrap.raw .grm-banner-item {
	margin:0;
}
/* rawモード（画像のみ） */
.grm-banner-wrap.is-raw {
	margin-left: 0;
	margin-right: 0;
}

.grm-banner-wrap.is-raw .grm-banner-item {
	margin: 0;
	padding: 0;
}

.grm-banner-wrap.is-raw img {
	width: 100%;
	height: auto;
	display: block;
}
.grm-banner-wrap.is-raw,
.grm-banner-wrap.is-raw .grm-banner-item,
.grm-banner-wrap.is-raw a {
	height: auto !important;
}

.grm-banner-wrap.is-raw img {
	width: 100%;
	height: auto !important;
	display: block;
	object-fit: contain !important;
}
/* rawモード強制上書き */
.grm-banner-wrap.is-raw .grm-banner-item img{
	width:100% !important;
	height:auto !important;
	object-fit:contain !important;
	aspect-ratio:auto !important;
	border-radius:0 !important;
}
.grm-banner-wrap.is-raw .grm-banner-item{
	display:block !important;
}
/* ★これが本命 */
.grm-banner-wrap.is-raw .grm-banner-link{
	display:block !important;
	height:auto !important;
}
.grm-banner-wrap.is-raw .grm-banner-link img{
	width:100% !important;
	height:auto !important;
	object-fit:contain !important;
	aspect-ratio:auto !important;
}