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

navbtn {
	margin: 0;
	padding: 0;
}
body {
	overflow-x: hidden;
}
/*　サーチ結果　縦並び設定へ変更ここから　*/
#products.list article {
	display: flex;
	flex-direction: column;
}
#products.list article section {
	width:100%;
}
#products.list .pic img {
	width: 350px !important;
	height: 219px !important;
}
/*　サーチ結果　縦並び設定へ変更ここまで　*/

/* PC（初期状態）----------------------------------- */
#products article {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

#products article section {
	width: 100%;
	flex-direction: column;
}
/* 写真の初期サイズ（必要なら調整） */
#products .pic img {
	width: 260px;
	height: auto;
}
/* ▼ 1列表示に変更 */
#products article {
	display: block;
}
#products article section {
	width: 100%;
	margin-bottom: 30px;
}
#products .pic img {
	width: 150px;
	height: auto;
}
#products.list article {
	margin: -15px -0.5% 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	flex-direction: column;
	width: 100%;
}

}