/* 本文内の見出し1: 太めの下線 + 背景色 */
.entry-content h1 {
    background-color: #b3d9ff; /* h2より少し濃い水色 */
    
    font-size: 1.8em; /* 見やすく大きめ */
}

/* 本文内の見出し2: 濃いめ背景色 + 下部に別色の線 */
.entry-content h2 {
    background-color: #cce5ff; /* 濃いめの水色 */
    padding: 0.5em 1em;
    border-radius: 4px;
    border-bottom: 4px solid #0056b3; /* 濃いブルーの下線 */
}

/* 本文内の見出し3: 下に横棒 */
.entry-content h3 {
    border-bottom: 2px solid #333;
    padding-bottom: 0.3em;
    margin-bottom: 0.8em;
}

/* 本文内の見出し4: 左端に縦線 */
.entry-content h4 {
    border-left: 4px solid #0073aa;
    padding-left: 0.6em;
    margin-left: 0;
}

/* 本文内の見出し2: 濃いめ背景色 + 下部に別色の線 */
.entry-content h2 {
    background-color: #cce5ff; /* 濃いめの水色 */
    padding: 0.5em 1em;
    border-radius: 4px;
    border-bottom: 4px solid #0056b3; /* 濃いブルーの下線 */
}

/* 本文内の見出し3: 下に横棒 */
.entry-content h3 {
    border-bottom: 2px solid #333;
    padding-bottom: 0.3em;
    margin-bottom: 0.8em;
}

/* 本文内の見出し4: 左端に縦線 */
.entry-content h4 {
    border-left: 4px solid #0073aa;
    padding-left: 0.6em;
    margin-left: 0;
}



/* 見出し3: 下に横棒を追加 */
h3 {
    border-bottom: 2px solid #333; /* 濃いグレーの横線 */
    padding-bottom: 0.3em;
    margin-bottom: 0.8em;
}

/* 見出し4: 左端に縦線を追加 */
h4 {
    border-left: 4px solid #0073aa; /* WordPressブルー */
    padding-left: 0.6em;
    margin-left: 0;
}

@media screen and (max-width: 768px) {
  .entry-card-thumb img {
    object-fit: contain;
    width: 100%;
    height: auto;
  }
}

.post-thumbnail img,
.eye-catch img,
.wp-post-image {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

@media screen and (max-width: 767px) {

  .entry-content {
    padding-left: 14px;
    padding-right: 14px;
  }

  .entry-content p {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 1.4em;
  }

  .entry-content strong {
    font-size: 18px;
    line-height: 1.7;
  }

  .entry-content h2 {
    font-size: 25px;
    line-height: 1.4;
  }

  .entry-content figure {
    margin-top: 12px;
    margin-bottom: 16px;
  }

  .entry-content img {
    max-width: 100%;
    height: auto;
  }

.entry-content table th,
  .entry-content table td {
    font-size: 12px;
    line-height: 1.4;
  }
}