/*
 * キッチン記事（rawHtml）用の見出し・表・画像横並び。
 * 本文を <div class="kitchen-article"> で包んだ記事にだけ効く（既存記事の見た目は変えない）。
 * 2026-11-11 料理PROJECT「ブロッコリーと卵のおかかサラダの豆知識」で導入。
 */
/* 表 = サイト既存の .free-table（枠線 #ddd・見出しセル #FCF5ED）と同じ見た目。左端の列も見出し色にする */
.entry-kitchen .entry-content .kitchen-article .free-table table tbody tr th { width: auto; }
.entry-kitchen .entry-content .kitchen-article .free-table table tbody tr td:first-child { background-color: #FCF5ED; text-align: center; }
.entry-kitchen .entry-content .kitchen-article .free-table table tbody tr td { text-align: center; }
/* 画像とテキストの横並び = サイト既存の .layout-picTxt（標準は画像右、.even は画像左）。写真は縦横比を保つ */
.entry-kitchen .entry-content .kitchen-article .layout-picTxt .pic img { height: auto; }
.entry-kitchen .entry-content .kitchen-article .layout-picTxt .pic { height: auto; }
.entry-kitchen .entry-content .kitchen-article .layout-picTxt .txt p:first-child { margin-top: 0; }
/* 記事本文の見出しを、ホームページ既存の見出しデザイン（layout.css / responsive.css）に合わせる */
/* H2 = h2.h2-icon.icon-kitchen と同じ */
.entry-kitchen .entry-content .kitchen-article h2 {
  font-size: 22px; font-weight: normal;
  border-top: 1px solid #CD6D55; border-bottom: 1px solid #CD6D55;
  padding: 18px 0 18px 40px; position: relative; margin: 30px 0;
  font-family: "YuGothic","Yu Gothic","游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;
}
.entry-kitchen .entry-content .kitchen-article h2::before {
  content: ''; display: inline-block; width: 18px; height: 22px;
  background-image: url(/asset/img/icon-kitchen.webp); background-size: contain; background-repeat: no-repeat;
  vertical-align: middle; position: absolute; left: 10px; top: 50%;
  -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
/* H3 = h3.title（<span>の左線つき）と同じ */
.entry-kitchen .entry-content .kitchen-article h3 {
  background-color: #fabaad; font-size: 20px; font-weight: 800; position: relative;
  padding: 16px 15px 16px 29px; margin: 35px 0; border-radius: 4px;
  font-family: "YuGothic","Yu Gothic","游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;
}
.entry-kitchen .entry-content .kitchen-article h3::before {
  content: ''; position: absolute; left: 15px; top: 16px; bottom: 16px; width: 4px; background: #dd664e;
}
@media screen and (max-width: 1000px) {
  .entry-kitchen .entry-content .kitchen-article h2 { font-size: 18px; padding: 12px 0 12px 30px; margin: 25px 0; }
  .entry-kitchen .entry-content .kitchen-article h3 { font-size: 17px; padding: 14px 15px 14px 29px; margin: 25px 0; }
  .entry-kitchen .entry-content .kitchen-article h3::before { top: 14px; bottom: 14px; }
}