@charset "utf-8";
.shop__box {
	container: layout inline-size;
	display: flex;
	justify-content: space-evenly;
	align-items: flex-start;
	align-content: flex-start;
	gap: 20px;
	flex-wrap: wrap;
}
.shop__list {
	container: layout inline-size;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: masonry;
	gap:2rem;
}
.shop__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
	padding: 1rem;
}
.product-ttl {
	line-height: 1.1;
}
.shop__item {
  overflow: hidden;
}
.shop__item img {
  width: 220px;
  height: 160px;
  object-fit: cover;
	transition: transform .6s ease;
}
.shop__item:hover img {
	transform: scale(1.1);
}
.more {
	padding-right: 0;
}
.more::after {
	font-family: "Font Awesome 7 Free";
	content: '\f14c';
	font-weight: 900;
	padding-left: 5px;
}

.shop__title {
	container: layout inline-size;
	width: 100%;
	padding: 20px 0;
}

@container (min-width: 480px) {
.shop__title {
	display: flex;
	align-items: center;
	justify-content:space-between;
	gap: 20px;
	}
}
@container (min-width: 768px) {
	.shop__list {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@container (min-width: 1120px) {
	.shop__list {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
@container (min-width: 1440px) {
	.shop__list {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
}
.shop__text {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: stretch;
	padding: 0.5rem 0;
}

.shopname {
	display: flex;
	align-items: center;
	gap: 1rem;
}