.Item {
	margin-top: 15px; /* 上部のマージン */
	margin-bottom: 20px; /* 下部のマージン */
}

.item-title {
	font-size: 1.1em; /* タイトルのフォントサイズを大きくする */
	margin-bottom: 10px; /* タイトルの下に余白を設ける */
}

.item-body {
	display: flex; /* Flexboxを有効化して要素を横に並べる */
	align-items: flex-start; /* 子要素を上端揃えにする */
	justify-content: flex-end; /* 子要素を右寄せにする */
	gap: 10px; /* 画像と詳細情報の間に隙間を設ける */
}

.item-image {
	width: auto; /* 画像の幅を内容に合わせる */
	height: auto; /* 画像の高さを内容に合わせる */
	max-width: 150px; /* 画像の最大幅 */
	max-height: 150px; /* 画像の最大高 */
	margin-right: 10px; /* 画像とテキストの間に隙間 */
}

.item-content {
	display: flex; /* Flexboxを有効化して要素を縦に並べる */
	flex-direction: column; /* 子要素を縦方向に並べる */
	margin-left: 10px; /* 画像とテキストの間に余白を設ける */
}

.item-details {
	flex-grow: 1; /* 余白を埋めて右寄せを保持 */
	display: flex; /* Flexboxを有効化して要素を縦に並べる */
	flex-direction: column; /* 子要素を縦方向に並べる */
	justify-content: flex-start; /* 子要素を上端揃えにする */
}

.item-description {
	font-size: 0.9em; /* 説明文のフォントサイズ */
	color: #666; /* 説明文のテキスト色 */
	margin-top: 10px; /* 説明文の上のマージン */
	margin-bottom: 10px; /* 説明文の下のマージン */
}

.price-shipping-container {
	margin-top: auto; /* 上部に自動で余白を設ける */
	text-align: right; /* 右寄せにする */
	display: flex; /* Flexboxを使用して要素を横に並べる */
	align-items: center; /* アイテムを垂直方向の中央に配置 */
	justify-content: flex-end; /* アイテムを水平方向の終端（右側）に配置 */
	gap: 1px; /* 価格と送料無料ラベルの間に隙間を設ける */
}

.price {
	margin: 0; /* 余白をリセット */
	font-weight: bold; /* 価格を太字にする */
	color: red;
	font-size: 16px; /* 例: フォントサイズを16pxに設定 */
	line-height: 1.5; /* 例: 行の高さを1.5に設定 */
}

/* 送料無料ラベル */
.free-shipping-label {
	background-color: #dbba00c0; /* ゴールド色 */
	color: #FFFFFF; /* 白色テキスト */
	padding: 2px 6px; /* 内側の余白 */
	border-radius: 2px; /* 角丸 */
	font-weight: bold; /* 太字 */
	margin-left: 10px; /* 左側余白 */
}