/*
Theme Name: 小畠工業株式会社
Description: 小畠工業株式会社 コーポレート・採用サイトのオリジナルテーマ。お知らせ・施工実績・社員インタビューを管理画面から更新できます。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kobatake
*/

/* ---------- ベース ---------- */
html, body { margin: 0; background: #fff; }
x-dc { display: none !important; }

/* 管理バー表示中は固定ヘッダーを下げる */
body.admin-bar #dc-root header { margin-top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar #dc-root header { margin-top: 46px; }
}

/* ---------- 投稿本文（施工実績・お知らせ・固定ページ） ---------- */
.kbt-entry { font-size: 15px; line-height: 2.1; color: #4A5B78; word-break: break-word; }
.kbt-entry > *:first-child { margin-top: 0 !important; }
.kbt-entry > *:last-child { margin-bottom: 0 !important; }
.kbt-entry p { margin: 0 0 1.6em; }
.kbt-entry h2 {
  font-family: 'Zen Old Mincho', serif; font-weight: 600; font-size: clamp(21px, 2.2vw, 27px); line-height: 1.6;
  color: #1A2B4C; margin: 2.6em 0 1em; padding-bottom: .6em; border-bottom: 1px solid #DCE6F0;
}
.kbt-entry h3 {
  font-family: 'Zen Old Mincho', serif; font-weight: 600; font-size: clamp(20px, 2vw, 24px); line-height: 1.7;
  color: #1A2B4C; margin: 2.4em 0 18px; padding-left: 18px; border-left: 3px solid #5DB4E1;
}
.kbt-entry h4 { font-size: 16.5px; font-weight: 700; color: #1A2B4C; margin: 2em 0 .8em; }
.kbt-entry a { color: #3F74B5; text-decoration: underline; text-underline-offset: 3px; }
.kbt-entry a:hover { color: #5DB4E1; }
.kbt-entry strong { color: #1A2B4C; }
.kbt-entry ul, .kbt-entry ol { margin: 0 0 1.6em; padding-left: 1.5em; }
.kbt-entry li { margin: .3em 0; }
.kbt-entry ul li::marker { color: #5DB4E1; }
.kbt-entry img { max-width: 100%; height: auto; border-radius: 20px; }
.kbt-entry figure { margin: 0 0 2em; }
.kbt-entry .kbt-eyecatch { margin: 0 0 clamp(36px, 4vw, 48px); }
.kbt-entry .kbt-eyecatch img { display: block; width: 100%; border-radius: 28px; }
.kbt-entry figcaption, .kbt-entry .wp-element-caption { font-size: 13px; color: #71809A; margin-top: .6em; text-align: center; }
.kbt-entry blockquote {
  margin: 0 0 1.8em; padding: 22px 26px; background: #F4FAFD; border-radius: 20px; border: 0; color: #1A2B4C;
}
.kbt-entry blockquote p:last-child { margin-bottom: 0; }
.kbt-entry table { width: 100%; border-collapse: collapse; margin: 0 0 2em; font-size: 14.5px; }
.kbt-entry th, .kbt-entry td { padding: 16px 14px; border-bottom: 1px solid #E8EFF6; text-align: left; vertical-align: top; }
.kbt-entry th { color: #3F74B5; font-weight: 700; white-space: nowrap; width: 9em; }
.kbt-entry .wp-block-table { margin: 0 0 2em; }
.kbt-entry .wp-block-table table { margin: 0; }
.kbt-entry .wp-block-table th, .kbt-entry .wp-block-table td { border: 0; border-bottom: 1px solid #E8EFF6; }
.kbt-entry .wp-block-table thead { border-bottom: 2px solid #DCE6F0; }
.kbt-entry hr { border: 0; border-top: 1px solid #DCE6F0; margin: 2.6em 0; }
.kbt-entry .wp-block-button__link {
  display: inline-flex; align-items: center; padding: 14px 32px; border-radius: 999px; text-decoration: none;
  background: linear-gradient(100deg, #3F74B5, #5DB4E1); color: #fff; font-weight: 700; font-size: 14.5px;
}
.kbt-entry .wp-block-button__link:hover { color: #fff; opacity: .9; }
.kbt-entry .wp-block-gallery { gap: 12px; }
.kbt-entry .alignleft { float: left; margin: 0 1.6em 1em 0; }
.kbt-entry .alignright { float: right; margin: 0 0 1em 1.6em; }
.kbt-entry .aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
.kbt-entry iframe { max-width: 100%; }
@media (max-width: 640px) {
  .kbt-entry { font-size: 14.5px; }
  .kbt-entry th, .kbt-entry td { display: block; width: auto; padding: 10px 4px; }
  .kbt-entry th { border-bottom: 0; padding-bottom: 0; }
}