/* 版面微調
 *
 * 打包後の CSS には手を入れず、ここで上書きする。
 * index.html から読むのでキャッシュに詰まらない。
 */

/* 相場ページのタブ: content-box に左右 12.48px の padding が付いているため
   370 + 25 = 395px となり、390px の画面から 5px はみ出していた */
.tabs {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* ホームのクイック入口: 1 枠 91px の折り返しなので 390px には 4 個しか並ばず、
   5 個目の「ローン」だけが次の行に取り残されていた。5 等分にして 1 行に収める */
.quick-grid {
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
}

.quick-grid > .quick-item {
  flex: 1 1 20% !important;
  width: 20% !important;
  min-width: 0 !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}

/* ラベルの行数が枠ごとに違うと高さが揃わないので、2 行分を確保して頭を揃える */
.quick-grid .quick-text {
  display: block !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
  min-height: 2.5em !important;
  white-space: normal !important;
  text-align: center !important;
  word-break: break-word;
}

/* ランキングの見出し: 「値上がり率/値下がり率」だけ 2 行になって
   他の列と高さが合わず、表全体が斜めに見えていた */
.col-change {
  font-size: 10.5px !important;
  line-height: 1.2 !important;
  text-align: right !important;
}