/**
 * LP 商品仕様ブロック（ORVO / Fleura 等で共通）
 * 1rem=10px は `reset.css` の html { font-size: 62.5%; } 前提。
 */

.lp-product-spec {
}

.lp-product-spec__head {
  margin-bottom: 2rem;
}

.lp-product-spec__title {
  margin: 0;
  color: #4a535f;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.lp-product-spec__title-brand {
  font-size: 1.4rem;
  font-weight: 700;
}

.lp-product-spec__title-price {
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 0.8rem;
}

.lp-product-spec__title-tax {
  font-size: 1.1rem;
  font-weight: 400;
}

/* 表の caption として配置（<table> 直下に <p> は不可のため） */
.lp-product-spec__category {
  margin: 0;
  padding: 0 0 0.6rem;
  border-bottom: 1px solid #4a535f;
  color: #4a535f;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: left;
  caption-side: top;
}

.lp-product-spec__table {
  width: 100%;
  border-collapse: collapse;
  color: #4a535f;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1rem;
  line-height: 1.65;
}

.lp-product-spec__table th,
.lp-product-spec__table td {
  padding: 0.6rem 0;
  line-height: 1.5;
  border-bottom: 1px solid #4a535f;
  vertical-align: top;
}

.lp-product-spec__table th {
  width: 60px;
  text-align: left;
  font-weight: 500;
}

.lp-product-spec__table td {
  font-weight: 400;
}

.lp-product-spec__table th.lp-product-spec__no-border-bottom,
.lp-product-spec__table td.lp-product-spec__no-border-bottom {
  border-bottom: none;
}