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

/* カテゴリ・グループのフリースペース内全体の指定 */
.cg_freespace_01 {
  padding:0;
  margin:20px 0 20px 0;
}
.cg_freespace_02 {
  padding:0;
  margin:20px 0 20px 0;
}
/* カテゴリ・グループのフリースペース内の<p>タグの余白設定 */
.cg_freespace_01 p,
.cg_freespace_02 p {
  margin:0 0 10px 0;
}
/* カテゴリ・グループのフリースペース内の<ul>タグの余白設定 */
.cg_freespace_01 ul,
.cg_freespace_02 ul {
  margin:0 0 10px 20px;
  padding:0;
}

/*++ 新テンプレート対応（本山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(2n+1) {
	}
	.itemList--4 .itemList__unit:nth-child(2n+1) {
		clear: both;
	}
	.itemList--4 .itemList__unit:nth-child(4n+1) {
		margin-left: 4%;
	}
	
	.itemList--4 .itemList__unit:nth-child(1),
	.itemList--4 .itemList__unit:nth-child(2) {
		margin-top: 4% !important;
		margin-left: 4% !important;
	}
	#container {
		padding: 0 5vw 10vw;
	}
}