@charset "utf-8";
/* CSS Document */

#page{
	overflow:visible;
}

#content h1.nM{
	float:left;
}
/*.title_block_in02 {*/
/*	width: 100% !important;*/
/*}*/

/*--------------------------------------------------------------------

 形からかんたん置き換え検索

--------------------------------------------------------------------*/

/*形の選択
--------------------------------------------------------------------*/
/* 5列固定・合計20要素を配置するグリッド */
.product-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1rem;
	max-width: 967px; /* 必要に応じて調整 */
	margin: 0 0 25px 0;
}

.main-category-link {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	display: flex;          /* 画像とテキストを横並びに */
	align-items: center;    /* 垂直方向の中央寄せ */
	/*padding: 0.5rem;*/
}

/* グレーのプレースホルダーを画像の代わりに表示 */
.image-placeholder {
	width: 74px;
	height: 50px;
	background-color: #ccc;
	margin-right: 0.5rem;
}
.image-placeholder img{
	width: 74px;
	height: 50px;
}

/* カテゴリ名 */
.main-category-label {
	margin: 0;
	font-size: 0.9rem;
	color: #333;
}

.pc_contents{
	display:block;
}
.smp_contents{
	display:none;
}

@media only screen and (max-width: 640px) {
	.pc_contents {
		display: none;
	}
	.smp_contents {
		display: block;
	}

	/* global-base.cssだと正しく表示されないため再定義 */
	#page {
		max-width: 100%;
		min-width: 100%;
	}

	#wrapper {
		width: 640px;
	}
	/* フリーワード検索 */
	#content .navigationBox .freeword{
		width: 100%;
		margin-top: 7px;
	}
	/* フリーワード検索 */

	/*.title_block_in02 {*/
	/*	width: 100% !important;*/
	/*}*/

	.product-grid {
		grid-template-columns: repeat(2, 1fr); /* 2列に変更 */
		max-width: 370px; /* 必要に応じて調整 */
		margin: 0 0 25px 0;
	}
	.image-placeholder {
		width: 45px;
	}
	.image-placeholder img{
		width: 45px;
		height: 50px;
	}
}