@charset "UTF-8";

/* =========================
   /order-name（page-id:823）
   - #kk-cleaning-name 専用レイアウト
   ========================= */

body.page-id-823 .entry-content{
  color:#222;
  font-size:16px;
  line-height:1.9;
}

/* 見出し */
body.page-id-823 #kk-cleaning-name .kk-detail-h2{
  font-size:26px;
  line-height:1.25;
  margin:0 0 14px;
}

/* 余白（セクション間） */
body.page-id-823 #kk-cleaning-name .kk-detail-section{
  margin: 18px 0 26px;
}

/* 画像の共通：はみ出し防止＋中央 */
body.page-id-823 #kk-cleaning-name img{
  max-width:100%;
  height:auto;
  display:block;
}

/* 4列グリッド */
body.page-id-823 #kk-cleaning-name .kk-grid4{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:16px;
  align-items:stretch;
}

/* 3列グリッド */
body.page-id-823 #kk-cleaning-name .kk-grid3{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
  align-items:stretch;
}

/* カード */
body.page-id-823 #kk-cleaning-name .kk-card{
  margin:0;
  padding:14px 14px 12px;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;               /* はみ出し防止 */
}

/* 画像の見た目を揃える（縦横バラつき対策） */
body.page-id-823 #kk-cleaning-name .kk-card img{
  width:100%;
  aspect-ratio: 4 / 3;       /* ←不要なら削除可 */
  object-fit: contain;       /* 文字が切れないように contain */
  background:#f7f7f7;
  border-radius:10px;
}

/* キャプション */
body.page-id-823 #kk-cleaning-name .kk-card figcaption{
  font-size:14px;
  line-height:1.7;
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* 強調（番号タイトル） */
body.page-id-823 #kk-cleaning-name .kk-card figcaption strong{
  font-size:15px;
}

/* 赤注記 */
body.page-id-823 #kk-cleaning-name .kk-note-red{
  color:#d60000;
  font-weight:700;
}

/* テキストだけのカード（6） */
body.page-id-823 #kk-cleaning-name .kk-card--text{
  justify-content:center;
}
body.page-id-823 #kk-cleaning-name .kk-card__inner{
  width:100%;
}
body.page-id-823 #kk-cleaning-name .kk-card__title{
  margin:0 0 8px;
  font-size:15px;
  line-height:1.5;
}
body.page-id-823 #kk-cleaning-name .kk-card--text p{
  margin:0;
  font-size:14px;
  line-height:1.7;
}

/* CTA */
body.page-id-823 #kk-cleaning-name .kk-cta{
  margin: 10px 0 0;
  padding: 14px 16px;
  background:#f6f6f6;
  border-radius:12px;
}
body.page-id-823 #kk-cleaning-name .kk-cta a{
  font-weight:700;
  text-decoration:underline;
}

/* ===== レスポンシブ ===== */
@media (max-width: 1023px){
  body.page-id-823 #kk-cleaning-name .kk-grid4{
    grid-template-columns:repeat(2, 1fr);
  }
}
@media (max-width: 640px){
  body.page-id-823 #kk-cleaning-name .kk-grid4,
  body.page-id-823 #kk-cleaning-name .kk-grid3{
    grid-template-columns:1fr;
  }
}