@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;600;700&display=swap');

/* 見出しを明朝体に */
h1, h2, h3, .site-title {
  font-family: 'Shippori Mincho', serif !important;
  letter-spacing: 0.03em;
}

/* リンク・アクセントカラーを「灯りの金」に */
a, .u-cLink {
  color: #D4A24C;
}

/* 記事カードのスタイル */
.p-postCard, .card {
  background: #ffffff;
  border: 1px solid rgba(46,42,38,0.08);
}

/* サイト全体の背景色（念のためカスタマイザー設定と重複指定） */
body {
  background-color: #FBF8F4;
}
.site-title::after {
  content: "";
}


/* pet-mimamori 記事内CTA */
.pm-cta-box {
  margin: 32px 0;
  padding: 20px;
  background: #fffaf6;
  border: 2px solid #c07c67;
  border-radius: 10px;
  box-sizing: border-box;
}

.pm-cta-box--strong {
  background: #fbf3ec;
  border: 2px solid #c07c67;
}

.pm-cta-pr {
  margin: 0 0 14px !important;
  color: #8a7f76;
  font-size: 12px;
  line-height: 1;
  text-align: left !important;
}

.pm-cta-title {
  margin: 0 0 14px !important;
  color: #3f3a34;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center !important;
}

.pm-cta-text {
  margin: 0 0 20px !important;
  color: #6b655d;
  font-size: 15px;
  line-height: 1.8;
  text-align: left !important;
}

/* CTAボタン */
.pm-cta-button,
.post_content a.pm-cta-button,
.entry-content a.pm-cta-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 440px !important;
  min-height: 74px !important;

  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;

  background: #ca6f63 !important;
  background-color: #ca6f63 !important;
  color: #ffffff !important;

  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 5px 0 #a9574d !important;

  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;

  text-align: center !important;
  text-decoration: none !important;

  transition:
    background-color 0.15s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

.pm-cta-button:hover,
.post_content a.pm-cta-button:hover,
.entry-content a.pm-cta-button:hover {
  background: #c4665b !important;
  background-color: #c4665b !important;
  color: #ffffff !important;

  transform: translateY(2px);
  box-shadow: 0 3px 0 #a9574d !important;
}

.pm-cta-note {
  margin: 18px 0 0 !important;
  color: #776e66;
  font-size: 12px;
  line-height: 1.8;
  text-align: left !important;
}

.pm-check-box {
  margin: 28px 0;
  padding: 20px;
  background: #eef2ec;
  border-radius: 6px;
}

.pm-point-box {
  margin: 28px 0;
  padding: 18px 20px;
  background: #fffcf8;
  border: 1px solid #d8cdbf;
  border-radius: 6px;
}

.pm-source-note {
  color: #6b655d;
  font-size: 13px;
  line-height: 1.8;
}

@media screen and (max-width: 599px) {
  .pm-cta-box {
    padding: 18px 16px;
  }

  .pm-cta-pr {
    margin-bottom: 12px !important;
  }

  .pm-cta-title {
    margin-bottom: 12px !important;
    font-size: 17px;
  }

  .pm-cta-text {
    margin-bottom: 18px !important;
    font-size: 15px;
    line-height: 1.75;
    text-align: left !important;
  }

  .pm-cta-button,
  .post_content a.pm-cta-button,
  .entry-content a.pm-cta-button {
    min-height: 68px !important;
    padding: 0 14px !important;
    font-size: 16px !important;
  }

  .pm-cta-note {
    margin-top: 16px !important;
    text-align: left !important;
  }
}
/* 表のタイトル背景 */
.post_content table th { color: #3F3A33; }

/* ========== pet-mimamori トップページ ここから ========== */
/* 貼り付け先：外観 → カスタマイズ → 追加CSS（固定ページ本文には貼らないこと） */
/* 引用符を一切使っていません。WordPressのフィルタで壊れないようにするためです */
.pm *,.pm *::before,.pm *::after{box-sizing:border-box;}
.pm{--navy:#33394D;--navy-d:#24283A;--gold:#D4A24C;--gold-t:#805C1F;--cream:#F1ECE3;--sand:#E8DFD3;--paper:#FBF8F4;--ink:#2E2A26;--sub:#56514A;--terra:#9E5F47;--moss:#6A7A65;--line:rgba(46,42,38,.12);--mincho:Shippori Mincho,Hiragino Mincho ProN,Yu Mincho,YuMincho,serif;color:#2E2A26;}
/* wpautop が余計な p や br を差し込んでも崩れないようにする保険 */
.pm p{margin:0;}
.pm br{display:none;}
.pm .pm-hero h2 br{display:inline;}
.pm a{text-decoration:none;}

/* --- ヒーロー --- */
.pm-hero{position:relative;background:linear-gradient(rgba(36,40,58,.62),rgba(36,40,58,.62)),url(/wp-content/uploads/2026/07/5998B826-3330-4B1D-89F4-E93AC2D84C70.png) left center/cover no-repeat,#33394D;color:#F1ECE3;padding:66px 24px 88px;text-align:center;border-radius:4px;overflow:hidden;}
.pm-hero::after{content:"";position:absolute;left:50%;bottom:-260px;width:700px;height:700px;transform:translateX(-50%);border-radius:50%;border-top:1px solid rgba(212,162,74,.4);pointer-events:none;}
.pm-hero-eyebrow{font-size:12px;letter-spacing:.1em;color:#E3BE7C;margin-bottom:18px;}
.pm .pm-hero h2{font-family:var(--mincho);font-size:clamp(20px,4.2vw,32px);line-height:1.85;max-width:680px;margin:0 auto 20px;color:#F1ECE3;background:none;background-color:transparent;padding:0;border:none;box-shadow:none;font-weight:600;}
.pm .pm-hero h2::before,.pm .pm-hero h2::after{display:none;content:none;}
.pm .pm-hero p.pm-hero-lead{color:#C9C4B8;max-width:480px;margin:0 auto 26px;font-size:13.5px;line-height:1.95;}
.pm-btn{display:inline-block;background:#D4A24C;color:#24283A;padding:13px 30px;border-radius:2px;font-size:13px;font-weight:700;letter-spacing:.05em;}
.pm-btn:hover,.pm-btn:focus-visible{background:#E3B463;}
.pm .pm-hero p.pm-hero-urgent{margin:20px 0 0;font-size:13px;color:#C9C4B8;position:relative;z-index:1;}
.pm-hero-urgent a{color:#F1ECE3;text-decoration:underline;text-underline-offset:4px;}

/* --- 状況で選ぶ（主導線。記事一覧を兼ねる） --- */
.pm-nav{max-width:980px;margin:-46px auto 56px;background:#FBF8F4;border:1px solid rgba(46,42,38,.12);border-radius:3px;padding:28px 24px 22px;position:relative;z-index:2;box-shadow:0 16px 40px -18px rgba(36,40,58,.3);}
.pm .pm-nav p.pm-nav-h{font-family:var(--mincho);font-size:17px;text-align:center;margin:0 0 4px;font-weight:600;}
.pm .pm-nav p.pm-nav-sub{text-align:center;font-size:12.5px;color:#56514A;margin:0 0 24px;line-height:1.8;}
.pm-group{margin:0 0 22px;}
.pm-group:last-child{margin-bottom:6px;}
.pm-group-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;border-bottom:1px solid rgba(46,42,38,.12);padding-bottom:7px;margin:0 0 10px;}
.pm-group-h b{font-family:var(--mincho);font-size:14.5px;font-weight:600;position:relative;padding-left:11px;}
.pm-group-h b::before{content:"";position:absolute;left:0;top:.28em;width:4px;height:calc(100% - .5em);border-radius:2px;background:#E8DFD3;}
.pm-group.now .pm-group-h b::before{background:#9E5F47;}
.pm-group.pick .pm-group-h b::before{background:#D4A24C;}
.pm-group.after .pm-group-h b::before{background:#6A7A65;}
.pm-group-h span{font-size:11.5px;color:#56514A;}
.pm-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;}
.pm-item{display:block;color:#2E2A26;background:#fff;border:1px solid rgba(46,42,38,.12);border-radius:3px;padding:12px 14px;min-height:44px;transition:border-color .18s ease,box-shadow .18s ease;}
.pm-item:hover,.pm-item:focus-visible{border-color:#9E5F47;box-shadow:0 6px 16px -12px rgba(36,40,58,.5);}
.pm-item strong{display:block;font-family:var(--mincho);font-size:14px;font-weight:600;line-height:1.55;margin:0;}
.pm-item span{display:block;font-size:11.5px;color:#56514A;line-height:1.65;margin:3px 0 0;}

/* --- カテゴリー --- */
.pm p.pm-cat-h{font-family:var(--mincho);font-size:17px;text-align:center;margin:0 0 4px;font-weight:600;}
.pm p.pm-cat-sub{text-align:center;font-size:12.5px;color:#56514A;margin:0 0 20px;}
.pm-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 56px;}
.pm-cat{display:block;text-align:center;color:#2E2A26;background:#fff;border:1px solid rgba(46,42,38,.12);border-top:3px solid #E8DFD3;border-radius:3px;padding:15px 10px;transition:border-color .18s ease;}
.pm-cat:hover,.pm-cat:focus-visible{border-color:#9E5F47;}
.pm-cat.c1{border-top-color:#9E5F47;}
.pm-cat.c2{border-top-color:#D4A24C;}
.pm-cat.c3{border-top-color:#805C1F;}
.pm-cat.c4{border-top-color:#6A7A65;}
.pm-cat.c5{border-top-color:#33394D;}
.pm-cat b{display:block;font-family:var(--mincho);font-size:14px;font-weight:600;}
.pm-cat span{display:block;font-size:11px;color:#56514A;margin-top:4px;line-height:1.6;}

/* --- このサイトの読み方 --- */
.pm-guide{background:#E8DFD3;padding:46px 24px;border-radius:4px;margin:0 0 56px;}
.pm .pm-guide h2{text-align:center;font-family:var(--mincho);font-size:18px;margin:0 0 6px;background:none;background-color:transparent;padding:0;border:none;box-shadow:none;font-weight:600;color:#2E2A26;}
.pm .pm-guide h2::before,.pm .pm-guide h2::after{display:none;content:none;}
.pm .pm-guide p.pm-guide-sub{text-align:center;color:#56514A;font-size:12.5px;margin:0 0 30px;line-height:1.8;}
.pm-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px;}
.pm-step{text-align:center;background:rgba(255,255,255,.6);border-radius:3px;padding:20px 14px;color:#2E2A26;display:block;transition:background .18s ease;}
.pm-step:hover,.pm-step:focus-visible{background:#fff;}
.pm-step-num{display:block;font-family:var(--mincho);font-size:11.5px;color:#805C1F;letter-spacing:.15em;margin-bottom:8px;}
.pm-step b{display:block;font-size:14.5px;margin:0 0 6px;font-family:var(--mincho);font-weight:600;}
.pm-step-txt{display:block;font-size:12px;color:#56514A;margin:0;line-height:1.75;}
.pm-step-go{display:block;margin-top:10px;font-size:11.5px;color:#9E5F47;}

/* --- 著者 --- */
.pm-author{max-width:680px;margin:0 auto 36px;background:#FBF8F4;border:1px solid rgba(46,42,38,.12);border-radius:3px;padding:24px 22px;display:flex;gap:16px;align-items:center;}
.pm-author-avatar{width:50px;height:50px;border-radius:50%;background:#E8DFD3;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--mincho);color:#9E5F47;font-size:17px;}
.pm .pm-author p.pm-author-txt{margin:0;font-size:12.5px;color:#56514A;line-height:1.9;}
.pm-author strong{color:#2E2A26;}

@media (max-width:600px){
.pm-hero{padding:52px 18px 76px;}
.pm-nav{margin:-40px 0 44px;padding:22px 16px 18px;}
.pm-list{gap:7px;}
.pm-item{padding:11px 13px;}
.pm-cats{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:44px;}
.pm-guide{padding:36px 18px;}
.pm-author{flex-direction:column;text-align:center;gap:12px;}
}
@media (prefers-reduced-motion:reduce){
.pm-item,.pm-cat,.pm-step{transition:none;}
}
/* ========== pet-mimamori トップページ ここまで ========== */