.es-size-chart {
	margin: 20px 0 28px;
	padding: 18px 20px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.015);
}

.es-size-chart__title {
	margin: 0 0 14px;
	font-size: 16px;
	font-weight: 700;
}

.es-size-chart__table-wrap {
	overflow-x: auto;
}

.es-size-chart__table {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	font-size: 14px;
}

.es-size-chart__table th,
.es-size-chart__table td {
	padding: 10px 12px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	white-space: nowrap;
}

.es-size-chart__table thead th {
	background: rgba(0, 0, 0, 0.03);
	font-weight: 700;
}

.es-size-chart__note {
	margin: 12px 0 0;
	font-size: 13px;
	opacity: 0.75;
}

@media ( max-width: 480px ) {
	.es-size-chart {
		padding: 12px 10px;
		margin: 14px 0 20px;
	}

	.es-size-chart__title {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.es-size-chart__table {
		font-size: 11px;
	}

	.es-size-chart__table th,
	.es-size-chart__table td {
		padding: 6px 5px;
		white-space: normal;
	}

	.es-size-chart__note {
		font-size: 11px;
	}
}

.es-size-chart__guide {
	margin-top: 20px;
	text-align: center;
}

.es-size-chart__guide-image {
	max-width: 100%;
	height: auto;
}