/* =========================================================
   6確 機種画像管理 v5
   テーマ・サイドバー画像と完全分離
========================================================= */

.k6-machine-media{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:16px;
	margin:16px 0;
}

.k6-machine-media--cols-1{
	grid-template-columns:1fr;
}

.k6-machine-media--cols-3{
	grid-template-columns:repeat(3,minmax(0,1fr));
}

.k6-machine-media--cols-4{
	grid-template-columns:repeat(4,minmax(0,1fr));
}

.k6-machine-media__item{
	min-width:0;
	margin:0;
	padding:14px;
	border:1px solid #e2e8f0;
	border-radius:12px;
	background:#fff;
}

.k6-machine-media__title{
	margin:0 0 10px;
	color:#0f172a;
	font-size:16px;
	font-weight:900;
	line-height:1.5;
}

.k6-machine-media__image{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	overflow:hidden;
	border-radius:9px;
	background:#f8fafc;
}

.k6-machine-media__caption{
	margin-top:10px;
	color:#475569;
	font-size:14px;
	line-height:1.75;
}

/*
 * このプラグインが出力する画像だけに付く専用クラス。
 * テーマのランキング・サイドバー画像には一切付かない。
 */
.k6mmt-image{
	display:block;
	width:auto;
	max-width:100%;
	height:auto;
	margin:0 auto;
	object-fit:contain;
}

/* =========================================================
   1枚表示
========================================================= */

.k6-single-machine-image{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	margin:0 auto;
	line-height:0;
}

/* 筐体画像 */
.k6-single-machine-image--machine{
	max-width:300px;
}

.k6-single-machine-image--machine .k6mmt-image{
	max-width:300px;
	max-height:620px;
}

/* リール配列・配当表 */
.k6-single-machine-image--reel,
.k6-single-machine-image--payout{
	max-width:340px;
}

.k6-single-machine-image--reel .k6mmt-image,
.k6-single-machine-image--payout .k6mmt-image{
	max-width:340px;
	max-height:520px;
}

/* ゲームフロー */
.k6-single-machine-image--flow{
	max-width:960px;
}

.k6-single-machine-image--flow .k6mmt-image{
	width:100%;
	max-width:960px;
	max-height:560px;
}

/* 打ち方・停止形・演出 */
.k6-single-machine-image--howto,
.k6-single-machine-image--effect,
.k6-single-machine-image--other{
	max-width:240px;
}

.k6-single-machine-image--howto .k6mmt-image,
.k6-single-machine-image--effect .k6mmt-image,
.k6-single-machine-image--other .k6mmt-image{
	max-width:240px;
	max-height:240px;
}

/* 左リール狙いなどの横並び部分 */
.mm-ddt__img .k6-single-machine-image{
	width:100%;
	max-width:180px;
	height:100%;
	min-height:0;
}

.mm-ddt__img .k6-single-machine-image .k6mmt-image{
	width:auto;
	max-width:180px;
	height:auto;
	max-height:180px;
}

/* 停止形カード */
.mm-stepcard__ph .k6-single-machine-image{
	width:100%;
	max-width:210px;
	height:100%;
	min-height:0;
}

.mm-stepcard__ph .k6-single-machine-image .k6mmt-image{
	width:auto;
	max-width:210px;
	height:auto;
	max-height:210px;
}

/* =========================================================
   一括表示
========================================================= */

.k6-machine-media .k6mmt-image{
	max-height:420px;
}

/* =========================================================
   スマホ
========================================================= */

@media(max-width:760px){
	.k6-machine-media,
	.k6-machine-media--cols-2,
	.k6-machine-media--cols-3,
	.k6-machine-media--cols-4{
		grid-template-columns:1fr;
	}

	.k6-machine-media__item{
		padding:12px;
	}

	.k6-single-machine-image--machine{
		max-width:220px;
	}

	.k6-single-machine-image--machine .k6mmt-image{
		max-width:220px;
		max-height:480px;
	}

	.k6-single-machine-image--reel,
	.k6-single-machine-image--payout{
		max-width:260px;
	}

	.k6-single-machine-image--reel .k6mmt-image,
	.k6-single-machine-image--payout .k6mmt-image{
		max-width:260px;
		max-height:400px;
	}

	.k6-single-machine-image--flow{
		max-width:100%;
	}

	.k6-single-machine-image--flow .k6mmt-image{
		width:100%;
		max-width:100%;
		max-height:420px;
	}

	.k6-single-machine-image--howto,
	.k6-single-machine-image--effect,
	.k6-single-machine-image--other{
		max-width:190px;
	}

	.k6-single-machine-image--howto .k6mmt-image,
	.k6-single-machine-image--effect .k6mmt-image,
	.k6-single-machine-image--other .k6mmt-image{
		max-width:190px;
		max-height:190px;
	}

	.mm-ddt__img .k6-single-machine-image{
		max-width:150px;
	}

	.mm-ddt__img .k6-single-machine-image .k6mmt-image{
		max-width:150px;
		max-height:150px;
	}

	.mm-stepcard__ph .k6-single-machine-image{
		max-width:180px;
	}

	.mm-stepcard__ph .k6-single-machine-image .k6mmt-image{
		max-width:180px;
		max-height:180px;
	}

	.k6-machine-media .k6mmt-image{
		max-height:320px;
	}
}