n/* ===== テーブル外枠（余白＋背景） ===== */
.table-scroll {
  width: 100%;
  padding: 16px;              /* 上下左右の余白 */
  background-color: #f1eedf;  /* 背景色 */
  box-sizing: border-box;
}

/* ===== サイズ表本体 ===== */
.size-table {
/*  width: 90%;
*/  margin: 0 auto !important;
  max-width: 700px;
  border-collapse: collapse;
  font-size: 14px;
  color: #363636; /* 文字色統一 */
}

/* ===== セル共通 ===== */
.size-table th,
.size-table td {
  border: 1px solid #000;
  padding: 10px 8px; /* PC：高さ 約20px */
  text-align: center;
/*  white-space: nowrap;
*/  color: #363636; /* 念のため上書き */
}

/* ===== 見出し ===== */
.size-table .head/*,
.size-table .sub-head*/ {
  background-color: #eaeaea;
  font-weight: bold;
}

/* ===== 赤ラベル → 指定色に統一 ===== */
.size-table .label-red {
  color: #363636;
}

/* ===== スマホ最適化 ===== */
@media screen and (max-width: 480px) {
  .table-scroll {
    padding: 12px; /* SPは少し詰める */
  }

  .size-table {
    font-size: 11px;
/*	  width: 90%;
	  margin: 0 auto !important;
*/  }

  .size-table th,
  .size-table td {
    padding: 6px 4px;
	  font-size: 0.8rem;
	  color: #363636;
  }
}

/* ===== 男女ラベル（表の上） ===== */
.table-scroll .size-gender-label {
/*	display: inline-block;
*/	margin: 0 0 10px 0; /* hタグのデフォルト余白を上書き */  
	padding: 10px 12px !important;
	font-size: 1.5rem !important;
	text-align: center !important;
	font-weight: bold !important;
	color: #363636;
/*	background-color: #eaeaea;
	border: 1px solid #000;
	border-radius: 4px;
*/}

/* スマホ用微調整 */
@media screen and (max-width: 480px) {
 .table-scroll .size-gender-label {
	font-size: 1.0rem;
	text-align: center;
	padding: 3px 10px;
  }
}