/* ---------------------------- */
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;
    }

    table {
        width: 100% !important;
        display: block;
        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;
}