/* ---------------------------- */
<!--table {
margin: 0px auto!important;
width: initial!important;
}-->

table, td {
background-color: #ffffff!important;
}

.article img, .entry-content img, .entry-body img {
display: block!important;
margin: auto!important;
}
/* ---------------------------- */
.entry-content img.wp-post-image {
    max-width: 640px;  /* 画像サイズに合わせる */
    height: auto;       /* 高さは自動で決まる */
    display: block;     /* ブラウザが余白を正しく計算 */
}
.sc-point{
    background:#fff9c4;
    border-left:6px solid #fbc02d;
    padding:10px 15px;
    margin:15px 0;
    border-radius:6px;
}

.sc-attention{
    background:#ffe1e1;
    border-left:6px solid #e53935;
    padding:10px 15px;
    margin:15px 0;
    border-radius:6px;
}

.sc-note{
    background:#e9f5ff;
    border-left:6px solid #039be5;
    padding:10px 15px;
    margin:15px 0;
    border-radius:6px;
}

.sc-linkbox{
    background:#f0f4ff;
    border:1px solid #3f51b5;
    padding:12px;
    margin:20px 0;
    border-radius:6px;
    font-size:16px;
}
.sc-linkbox a{
    font-weight:bold;
    text-decoration:none;
}
/* 画像・テーブルのレスポンシブ */
@media screen and (max-width: 768px) {
    .entry-content img.wp-post-image,
    .article img,
    .entry-content img,
    .entry-body img {
        max-width: 100% !important;
        height: auto !important;
    }

/* 記事本文内のテーブル基本設定 */
.entry-content table {
  width: 100%;
  max-width: 100%;
  margin: 20px auto;
  border-collapse: collapse;
}

/* スマホ時：table自体は壊さない */
@media screen and (max-width: 768px) {
  .entry-content table {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 横に長い表だけスクロール */
  .table-wrap {
    overflow-x: auto;
  }
}
}

/* ショートコードブロックのレスポンシブ調整 */
@media screen and (max-width: 768px) {
    .sc-point,
    .sc-attention,
    .sc-note,
    .sc-linkbox {
        padding: 8px 12px;
        font-size: 14px;
        margin: 10px 0;
    }

    .sc-linkbox {
        font-size: 15px;
    }
}

/* 消毒液希釈表を見やすくする（Cocoon用） */
.entry-content table {
  border: 2px solid #ccc;
  margin: 30px 0;
  border-collapse: collapse;
}

.entry-content table th,
.entry-content table td {
  border: 1px solid #ddd;
  padding: 10px;
}

.entry-content table thead th {
  background-color: #f3f6f8;
  font-weight: bold;
}
.representative-positions {
  width: 100%;
  margin: 0 auto;
}
.table-wrap {
  width: 100%;
  max-width: 100%;
}