.table-container {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.season-table {
	border-collapse: collapse;
	min-width: 800px;
	/* スクロール用 */
	width: 100%;

	border-collapse: separate;
	/* 丸角にするために必要 */
	border-spacing: 0;
	/* セル間の隙間をなくす */
	border-radius: 10px;
	/* 角丸 */
	overflow: hidden;
	/* 角丸を反映させるため */
	border: 1px solid #27ae60;
	/* 薄い枠線（お好みで） */
}

.season-table th,
.season-table td {
	border: 1px solid #ccc;
	padding: 8px;
	text-align: center;
	white-space: nowrap;
	border: 1px solid #27ae60;
}

/* 食材列の幅を広く */
.season-table th:first-child,
.season-table td:first-child {
	min-width: 160px;
	/* 必要に応じて調整 */
	text-align: left;
}

.current-month {
	background-color: #dff0d8;
	/* 黄色など目立つ色 */
}