/*
------------240823本山作業------------
◆レスポンシブ対応：レフナビを撤去、メインカラムのリスト要素の表示サイズをコンテンツ幅1200pxに合わせる
※基本的にカテゴリページと同様の措置
*/

/*++ 新テンプレート対応（本山240823）***/
#main {
    width: 100%;
}
#side {
    display: none;
}
.itemList--4 .itemList__unit {
    width: calc(88% / 4);
}
.itemList--4 .itemList__unit img.itemList__itemImg {
    max-width: 200%;
    width: 100%;
}
.itemList--4 .itemList__unit:nth-child(4n+1) {
	clear: both;
	margin-left: 0 !important;
}




/*++ スマホ ***/
@media screen and (max-width: 768px) {
	/*** レスポンシブデバイス別表示スマホ（本山240823） ***/
	.itemList--4 .itemList__unit {
		width: calc(84% / 2) !important;
		margin: 0 4% !important;
	}
	.itemList--4 .itemList__unit:nth-child(n+3) {
		margin-top: 4% !important;
	}
	.itemList--4 .itemList__unit:nth-child(n+4) {
		margin-right: 4% !important;
		margin-left: 4% !important;
	}
	.itemList--4 .itemList__unit:nth-child(4n+1) {
		margin-left: 0 4% !important;
	}
	.itemList--4 .itemList__unit:nth-child(2n+1) {
	}
	.itemList--4 .itemList__unit:nth-child(2n+1) {
		clear: both;
	}
	
	.itemList--4 .itemList__unit:nth-child(1),
	.itemList--4 .itemList__unit:nth-child(2) {
		margin-top: 4% !important;
		margin-left: 4% !important;
	}
}