/**
 * スタッフおすすめ歯ブラシ比較表（記事専用）
 */

.staff-toothbrush-table-wrapper {
  margin: 2em auto;
  max-width: 800px;
}

.staff-toothbrush-table-wrapper .staff-toothbrush-table__title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 0.5em 0;
  margin: 0 0 0.5em;
  color: #000;
}

.cont_post_blog .staff-toothbrush-table,
.staff-toothbrush-table-wrapper .staff-toothbrush-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  border: 1px solid #ccc;
  background: #fff;
}

.cont_post_blog .staff-toothbrush-table th,
.cont_post_blog .staff-toothbrush-table td,
.staff-toothbrush-table-wrapper .staff-toothbrush-table th,
.staff-toothbrush-table-wrapper .staff-toothbrush-table td {
  border: 1px solid #ccc;
  padding: 8px 12px;
}

.cont_post_blog .staff-toothbrush-table thead th,
.staff-toothbrush-table-wrapper .staff-toothbrush-table thead th {
  background: #73B6DB;
  color: #fff;
}

.cont_post_blog .staff-toothbrush-table td,
.staff-toothbrush-table-wrapper .staff-toothbrush-table td {
  color: #000;
  background: #fff;
}

.staff-toothbrush-table .type-highlight {
  color: #07397A;
  font-weight: bold;
}

/* under.css の .under main table th:before を無効化 */
.cont_post_blog .staff-toothbrush-table th::before,
.staff-toothbrush-table-wrapper .staff-toothbrush-table th::before {
  display: none;
}

/* SP時：横スクロール */
@media screen and (max-width: 750px) {
  .staff-toothbrush-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
  .cont_post_blog .staff-toothbrush-table,
  .staff-toothbrush-table-wrapper .staff-toothbrush-table {
    min-width: 450px;
  }
}