/* 全体の文字の基本設定 */
.category-main-content {
  font-family: 'Shippori Mincho', serif; /* ここを追加 */
  line-height: 1.6;
  color: #333;
}

/* 見出しなども念のため明示的に指定 */
.category-main-content h1, 
.category-main-content h2, 
.category-main-content h3, 
.category-main-content h4, 
.category-main-content h5, 
.category-main-content h6 {
  font-family: 'Shippori Mincho', serif;
} 
  }

  /* --- 1. 見出し系 (h1〜h6) --- */
  .category-main-content h1 { font-size: 30px; font-weight: 500; margin-bottom: 20px; }
  .category-main-content h2 { font-size: 24px; font-weight: 500; margin: 25px 0 15px; padding-left: 15px; }
 
.category-main-content h3 {
  font-family: 'Shippori Mincho', serif;
  font-size: 22px;
  font-weight: 500;
  margin: 0 0 20px;
  padding-bottom: 5px;       /* 線と文字の間の隙間 */
  border-bottom: 1px solid #333; /* ここがアンダーライン！色はサイトに合わせて調整してください */
}

.category-main-content h4 {
  font-family: 'Shippori Mincho', serif;
  font-size: 20px;         /* 文字のサイズ（適宜調整してください） */
  font-weight: 500;
  color: #B90610;
  margin: 0px 0px 20px;
  padding-left: 5px; /* 左側に余白を作って、赤いブロックが文字に重ならないようにする */
  border-left: 8px solid rgb(248, 204, 206); /* これが「頭の赤いブロック」の正体です */
}

  .category-main-content h5 { 
  font-size: 18px; 
  font-weight: 500;
  padding-right: 10px;
  font-family: 'Shippori Mincho', serif;
  color: #6C6C6C;
  display: inline-block;
  background-color: #fff;
}

  .category-main-content h6 {
    font-weight: 500;
    margin: 0 0 20px;
    font-size: 16px;
    font-family: 'Shippori Mincho', serif;
    color: #B90610; 
}

  /* --- 2. 文字装飾 --- */
  .category-main-content .bold { font-weight: bold; }
  .category-main-content .textLinethrough { text-decoration: line-through; color: #999; }
  .category-main-content .attText { color: #d32f2f; font-weight: bold; } 

  /* --- 3. 補足テキストボックス --- */
  .category-main-content .hosokuTextBox {
    background-color: #f7f7f7;
    padding: 15px;
    border: 1px solid #ddd;
    margin: 15px 0;
  }

  /* --- 4. テーブル (標準 & type2 共通デザイン) --- */
  .category-main-content table, 
  .category-main-content table.type2 { 
    width: 100%; 
    border-collapse: collapse; 
    margin-bottom: 20px; 
    table-layout: fixed;
  }
  .category-main-content table th, 
  .category-main-content table td { 
    border: 1px solid #ccc; 
    padding: 10px; 
    word-break: break-all;
  }
  .category-main-content table th { 
    background-color: #f2f2f2; 
    font-weight: bold;
  }

  /* --- 5. リスト --- */
  .category-main-content ul.iconList { list-style: disc; padding-left: 20px; margin-bottom: 20px; }
  .category-main-content ol { padding-left: 25px; margin-bottom: 20px; }

  /* --- 6. カラムレイアウト --- */
  .category-main-content .column2Wrap, 
  .category-main-content .column3Wrap, 
  .category-main-content .column4Wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
  }
  .category-main-content .columnBox { box-sizing: border-box; }

  /* カラム幅の指定 */
  .category-main-content .column2Wrap .columnBox { width: calc(50% - 10px); }
  .category-main-content .column3Wrap .columnBox { width: calc(33.333% - 14px); }
  .category-main-content .column4Wrap .columnBox { width: calc(25% - 15px); }

  /* --- 7. スマホ対応 --- */
  @media screen and (max-width: 768px) {
    .category-main-content .column2Wrap .columnBox, 
    .category-main-content .column3Wrap .columnBox, 
    .category-main-content .column4Wrap .columnBox {
      width: 100%; 
      margin-bottom: 10px;
    }
  }