/* ---------------------------- */
<!--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%;
}
/* =========================
mwd 装飾セット
観光・マナー記事対応
========================= */

.mwd-title{
font-weight:700;
margin-bottom:6px;
}

/* ポイント */
.mwd-point{
border-left:4px solid #2f7dd1;
background:#f5f9ff;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}
.mwd-point .mwd-title{
color:#2f7dd1;
}

/* 注意 */
.mwd-caution{
border-left:4px solid #e5533d;
background:#fff6f4;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}
.mwd-caution .mwd-title{
color:#e5533d;
}

/* NGマナー */
.mwd-ng{
border-left:4px solid #d9534f;
background:#fff4f4;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}
.mwd-ng .mwd-title{
color:#d9534f;
}

/* OK例 */
.mwd-ok{
border-left:4px solid #2ea44f;
background:#f4fbf6;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}
.mwd-ok .mwd-title{
color:#2ea44f;
}

/* メモ */
.mwd-memo{
background:#fffbe6;
border-left:4px solid #ffc107;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}

/* スポット */
.mwd-spot{
border:1px solid #e5e5e5;
background:#fff;
padding:16px;
margin:22px 0;
border-radius:6px;
}
.mwd-spot-title{
font-weight:700;
font-size:1.1em;
margin-bottom:6px;
}
.mwd-spot-desc{
margin-bottom:8px;
}
.mwd-spot-info{
padding-left:18px;
font-size:0.95em;
}

/* 行き方 */
.mwd-access{
border:1px dashed #2f7dd1;
background:#f9fbff;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}

/* モデルコース */
.mwd-course{
border:2px solid #2f7dd1;
padding:16px;
margin:24px 0;
border-radius:6px;
background:#ffffff;
}

/* チェック */
.mwd-check{
background:#f8f8f8;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}
.mwd-check ul{
padding-left:20px;
margin:8px 0 0;
}

/* まとめ */
.mwd-summary{
border-top:2px solid #2f7dd1;
padding-top:10px;
margin:24px 0;
}
.mwd-summary ul{
padding-left:20px;
margin:8px 0 0;
}

/* 関連記事 */
.mwd-related{
border:1px solid #e5e5e5;
background:#fafafa;
padding:16px;
margin:26px 0;
border-radius:6px;
}

.mwd-related-title{
font-weight:700;
margin-bottom:10px;
}

.mwd-related ul{
padding-left:18px;
}

.mwd-related li{
margin-bottom:6px;
}
/* =========================
MW 書き方記事装飾セット
書き方・マナー記事専用
========================= */

/* 結論 */
.mw-write-answer{
border:2px solid #2f7dd1;
background:#f5f9ff;
padding:16px 18px;
margin:24px 0;
border-radius:6px;
font-size:1.05em;
font-weight:500;
}

.mw-write-answer-title{
font-weight:700;
color:#2f7dd1;
margin-bottom:6px;
}

/* 正しい例 */
.mw-write-ok{
border-left:5px solid #2ea44f;
background:#f4fbf6;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}

.mw-write-ok-title{
color:#2ea44f;
font-weight:700;
margin-bottom:6px;
}

/* 間違い例 */
.mw-write-ng{
border-left:5px solid #e5533d;
background:#fff5f5;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}

.mw-write-ng-title{
color:#e5533d;
font-weight:700;
margin-bottom:6px;
}

/* 書き方ポイント */
.mw-write-point{
border-left:5px solid #ffc107;
background:#fffbe6;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}

.mw-write-point-title{
font-weight:700;
margin-bottom:6px;
}

/* 注意 */
.mw-write-caution{
border-left:5px solid #d9534f;
background:#fff4f4;
padding:14px 16px;
margin:20px 0;
border-radius:4px;
}

.mw-write-caution-title{
font-weight:700;
color:#d9534f;
margin-bottom:6px;
}

/* 例文 */
.mw-write-example{
background:#f8f8f8;
border:1px solid #e5e5e5;
padding:16px;
margin:22px 0;
border-radius:6px;
font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
}

.mw-write-example-title{
font-weight:700;
margin-bottom:8px;
}

/* 関連記事 */
.mw-write-related{
border:1px solid #e5e5e5;
background:#fafafa;
padding:16px;
margin:26px 0;
border-radius:6px;
}

.mw-write-related-title{
font-weight:700;
margin-bottom:10px;
}

.mw-write-related ul{
padding-left:18px;
}

.mw-write-related li{
margin-bottom:6px;
}

/* スマホ最適化 */
@media screen and (max-width:768px){

.mw-write-answer,
.mw-write-ok,
.mw-write-ng,
.mw-write-point,
.mw-write-caution,
.mw-write-example,
.mw-write-related{
padding:12px;
font-size:15px;
}

}
/* 縦並びの文字例（中央） */
.vertical-example {
  text-align: center;
  font-weight: bold;
  line-height: 1.7;
  margin: 20px 0;
}

/* 縦並び比較（2列） */
.vertical-compare {
  display: flex;
  justify-content: center;
  gap: 60px;
  margin: 20px 0;
}

.vertical-compare div {
  text-align: center;
  font-weight: bold;
  line-height: 1.7;
}

/* 書き方の例ボックス */
.writing-example {
  text-align: center;
  padding: 12px;
  margin: 20px 0;
  border: 1px solid #ddd;
  background: #fafafa;
}
/* ================================
MW 書き方記事装飾セット
（既存CSSを壊さない安全設計）
================================ */


/* ■ 縦書き表示（金額・住所・祝儀袋） */
.vertical-box{
writing-mode:vertical-rl;
text-orientation:upright;
text-align:center;
font-weight:bold;
line-height:2;
margin:20px auto;
padding:12px 16px;
display:inline-block;
font-size:1.2em;
letter-spacing:0.1em;
}


/* ■ 書き方例ボックス */
.mw-write-box{
border:2px solid #e3e8ef;
background:#fafbfc;
padding:18px;
margin:20px 0;
border-radius:6px;
}


/* ■ 正しい例 */
.mw-correct{
border-left:6px solid #4CAF50;
background:#f6fff8;
padding:14px 18px;
margin:16px 0;
}


/* ■ 間違い例 */
.mw-ng{
border-left:6px solid #e53935;
background:#fff5f5;
padding:14px 18px;
margin:16px 0;
}


/* ■ ポイント説明 */
.mw-point{
border-left:6px solid #ff9800;
background:#fffaf2;
padding:14px 18px;
margin:16px 0;
}


/* ■ 注意 */
.mw-caution{
border-left:6px solid #d32f2f;
background:#fff3f3;
padding:14px 18px;
margin:16px 0;
}


/* ■ 関連記事ボックス */
.mw-write-related{
background:#f7f9fc;
border:1px solid #e3e8ef;
padding:16px 18px;
margin:25px 0;
border-radius:6px;
}


/* ■ 関連記事リスト */
.mw-write-related ul{
margin:10px 0 0;
padding-left:0;
}


/* ■ 箇条書き点削除 */
.mw-write-related li{
list-style:none;
margin-bottom:6px;
}


/* ■ 関連記事リンク矢印 */
.mw-write-related a::before{
content:"&#x25b6;";
margin-right:6px;
color:#2f7dd1;
font-size:0.8em;
}


/* ■ 書き方ステップ */
.mw-step{
border:1px solid #e0e6ed;
background:#ffffff;
padding:16px 18px;
margin:18px 0;
border-radius:6px;
box-shadow:0 1px 3px rgba(0,0,0,0.05);
}


/* ■ 見出し補助 */
.mw-mini-title{
font-weight:bold;
margin-bottom:6px;
color:#333;
}


/* ■ 強調マーカー */
.mw-marker{
background:linear-gradient(transparent 60%, #fff59d 60%);
font-weight:bold;
}


/* ■ 書き方例（中央） */
.mw-center{
text-align:center;
margin:18px 0;
}


/* ■ 書き方文字拡大 */
.mw-big{
font-size:1.3em;
font-weight:bold;
}


/* ■ スマホ調整 */
@media (max-width:768px){

.vertical-box{
font-size:1.1em;
line-height:1.9;
}

.mw-write-box{
padding:14px;
}

.mw-correct,
.mw-ng,
.mw-point,
.mw-caution{
padding:12px 14px;
}

}