/*
Theme Name: Monkey Produce - KIT KAIKETSU
Theme URI: https://monkeyproduce.com/
Author: Monkey Produce
Description: モンキープロデュース公式サイト用オリジナルテーマ。「キットカイケツ」ブランドのコーポレートサイト(6つの解決キット+1MANDAKE-WEB LP)を再現します。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: monkeyproduce
*/

/* =========================================================
   テーマ固有の追加スタイル(共通デザインは css/style.css)
   ブログ・固定ページ本文用
   ========================================================= */
.entry-body{max-width:780px;margin-inline:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(24px,5vw,44px);}
.entry-body h2{color:var(--navy);font-size:1.3rem;margin:1.6em 0 .6em;padding-bottom:.3em;border-bottom:3px solid var(--yellow);}
.entry-body h3{color:var(--teal);font-size:1.1rem;margin:1.4em 0 .5em;}
.entry-body p{margin:0 0 1.2em;}
.entry-body ul,.entry-body ol{margin:0 0 1.2em 1.4em;}
.entry-body img{border-radius:12px;margin:10px 0;}
.entry-body a{color:var(--teal);}
.entry-meta{text-align:center;margin-bottom:18px;color:#68747e;font-size:.85rem;}
.entry-meta .n-tag{margin-left:10px;}
.post-nav{display:flex;justify-content:space-between;max-width:780px;margin:26px auto 0;font-size:.88rem;gap:12px;}
.post-nav a{color:var(--teal);text-decoration:none;}
.post-nav a:hover{text-decoration:underline;}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:30px;}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid var(--line);color:var(--navy);text-decoration:none;font-weight:700;padding:0 8px;}
.pagination .page-numbers.current{background:var(--accent);border-color:var(--accent);color:#fff;}

/* =========================================================
   SEO用の追加パーツ
   ・パンくずリスト(BreadcrumbList構造化データと対)
   ・H1内の地域ラベル(「大分の〜」)
   ・対応エリアセクション
   ========================================================= */

/* --- パンくずリスト --- */
.breadcrumb{background:#fff;border-bottom:1px solid var(--line);font-size:.78rem;}
.breadcrumb .wrap{padding-top:10px;padding-bottom:10px;}
.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;list-style:none;margin:0;padding:0;}
.breadcrumb li{display:flex;align-items:center;gap:6px;color:#68747e;}
.breadcrumb li + li::before{content:"›";color:#b3bcc4;font-weight:700;}
.breadcrumb a{color:var(--teal);text-decoration:none;}
.breadcrumb a:hover{text-decoration:underline;}
.breadcrumb [aria-current="page"]{color:#68747e;}

/* --- H1の地域ラベル(「大分のパソコン修理・設定サポート」など) --- */
.h1-area{display:block;font-size:.42em;font-weight:900;letter-spacing:.04em;line-height:1.5;margin-bottom:.5em;opacity:.92;}
.hero-top .h1-area,.page-hero .h1-area{color:var(--yellow,#ffd500);}
h1 .h1-area:only-child{margin-bottom:0;}

/* --- 対応エリアセクション --- */
.area-sec{background:linear-gradient(180deg,#fff,var(--bg,#f3f7f9));}
.area-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:0 auto;padding:0;max-width:860px;}
.area-list li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 16px;font-size:.86rem;font-weight:700;color:var(--navy);box-shadow:0 2px 6px rgba(20,40,60,.05);}
.area-note{max-width:860px;margin:18px auto 0;text-align:center;font-size:.8rem;color:#68747e;line-height:1.8;}
@media (max-width:600px){
  .area-list li{font-size:.8rem;padding:6px 13px;}
  .breadcrumb{font-size:.72rem;}
}