@charset "UTF-8";


@media only screen and (max-width: 767px) {

	.ItemList_TitleUnit {
	padding-bottom: 0;
	border-bottom: none;
	}
	
	.ItemList_TitleUnit_Photo {
	margin-top: 2rem;
	}

	.ItemList_TitleUnit_Lead2 {
	margin-top: 2rem;
	}
	
	.ItemList_Section {
	margin-top: 5rem;
	}
	
	.ItemList_Section:first-of-type {
	margin-top: 4rem;
	}
	
	.ItemList_Section_Mds {
	padding-top: 1.6rem;
	border-top: 2px solid var(--primary);
	font-size: 1.8rem;
	}
	
	.ItemList_Section_Lead {
	font-size: 1.4rem;
	}

	/* バナー */
    .ItemList_Banners {
	margin-top: 2rem;
    }

    .ItemList_Banners li {
	margin-top: 2rem;
    }

	/* キャンペーン */
	#StokkeCampaignWrap {
	margin-top: 5rem;
	margin-bottom: 6rem;
	}

}

@media print, screen and (min-width: 768px) {

	.ItemList_TitleUnit {
	display: flex;
	padding-bottom: 0;
	border-bottom: none;
	}

	.ItemList_TitleUnit_Photo {
	width: 30rem;
	}

	.ItemList_TitleUnit_LeadUnit {
	flex: 1;
	padding-left: 4rem;
	}

	.ItemList_TitleUnit_Lead2 {
	margin-top: 2rem;
	}

	.ItemList_Section {
	margin-top: 6rem;
	}
	
	.ItemList_Section:first-of-type {
	margin-top: 8rem;
	}
	
	.ItemList_Section_Mds {
	padding-top: 2rem;
	border-top: 3px solid var(--primary);
	font-size: 2.4rem;
	}
	
	.ItemList_Section_Lead {
	margin-top: 0.8rem;
	font-size: 1.4rem;
	}

	.ItemList_Section .ItemListCP_Wrap {
	margin-top: 3.2rem;
	}

    .ItemList_Section .ItemListCP {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3rem;
    }

    .ItemList_Section .ItemListCP li {
	width: auto;
    }

	/* バナー */
    .ItemList_BannersWrap {
	margin-top: 3.2rem;
    }

    .ItemList_Banners {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.4rem;
    }

	/* キャンペーン */
	#StokkeCampaignWrap {
	margin-top: 8rem;
	margin-bottom: 8rem;
	}


}