/* 窓香房 工事一覧 v42 / WordPressの投稿本文・リンクは加工しません */
body.mk-kouji-theme .mk-kouji-content {margin:0 0 40px;max-width:100%;}
body.mk-kouji-theme .mk-kouji-intro {margin:0 0 26px;padding:0 0 4px;}
body.mk-kouji-theme .mk-kouji-eyebrow {font:700 12px/1.5 Arial,sans-serif;color:#00704a;letter-spacing:.13em;margin:0 0 8px;}
body.mk-kouji-theme .mk-kouji-intro .mk-kouji-section-title,
body.mk-kouji-theme .mk-kouji-post .mk-kouji-post-title {
 margin:0 0 16px;padding:0 0 13px;border:0;border-bottom:3px solid transparent;
 border-image:linear-gradient(to right,#00704a 50%,#a6ce39 50%) 1;
 font-size:23px;font-weight:700;line-height:1.5;color:#00583c;background:transparent;
}
body.mk-kouji-theme .mk-kouji-intro>p:last-child {margin:0;font-size:15px;line-height:1.85;color:#3b5345;}
body.mk-kouji-theme .mk-kouji-post {
 background:#fff;border:1px solid #e0e9e1;border-radius:10px;padding:24px 24px 20px;
 margin:0 0 24px;box-shadow:0 4px 15px rgba(0,50,30,.05);overflow:hidden;
}
body.mk-kouji-theme .mk-kouji-post .mk-kouji-post-title {font-size:21px;margin-bottom:20px;}
body.mk-kouji-theme .mk-kouji-post-title a {color:inherit;text-decoration:none;}
body.mk-kouji-theme .mk-kouji-post-title a:hover {color:#00704a;}
body.mk-kouji-theme .mk-kouji-post-body {font-size:15px;line-height:1.85;overflow-wrap:anywhere;}
body.mk-kouji-theme .mk-kouji-post-body img {max-width:100%;height:auto;border-radius:6px;}
body.mk-kouji-theme .mk-kouji-post-body iframe {max-width:100%;}
body.mk-kouji-theme .mk-kouji-post-body table {max-width:100%;}
body.mk-kouji-theme .mk-kouji-post-body h2,
body.mk-kouji-theme .mk-kouji-post-body h3 {
 margin:24px 0 14px;padding:0 0 9px;border:0;border-bottom:1px solid #e1ebe3;
 font-size:18px;line-height:1.55;font-weight:700;color:#00583c;background:none;text-indent:0;
}
body.mk-kouji-theme .mk-kouji-post-body h4 {font-weight:700;color:#00583c;line-height:1.6;}
body.mk-kouji-theme .mk-kouji-post-body a {color:#00704a;text-underline-offset:3px;}
body.mk-kouji-theme .mk-kouji-post-body a:hover {color:#00583c;}
/* 各工事項目への既存リンクを分かりやすく。本文に含まれる既存の画像・配置は保持 */
body.mk-kouji-theme .mk-kouji-post-body p>a:only-child:not(:has(img)) {
 display:inline-block;padding:7px 16px;border:1px solid #cce2d1;border-radius:5px;
 background:#f4f9f5;color:#006a47;text-decoration:none;font-weight:700;
}
body.mk-kouji-theme .mk-kouji-post-body p>a:only-child:not(:has(img)):hover {background:#e5f3e8;}
body.mk-kouji-theme .mk-kouji-post-body .row {margin-bottom:8px;}
body.mk-kouji-theme .mk-kouji-pagination {clear:both;padding:10px 0 30px;text-align:center;}
body.mk-kouji-theme .mk-kouji-pagination .nav-links {display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
body.mk-kouji-theme .mk-kouji-pagination a,
body.mk-kouji-theme .mk-kouji-pagination .current {display:inline-block;border:1px solid #dbe8de;border-radius:6px;padding:7px 13px;text-decoration:none;}
body.mk-kouji-theme .mk-kouji-pagination .current {background:#00704a;color:#fff;}
body.mk-kouji-theme .mk-kouji-post-navigation {display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:24px 0;}
body.mk-kouji-theme .mk-kouji-post-navigation a {color:#00704a;font-weight:700;}
body.mk-kouji-theme .mk-kouji-empty {padding:25px;background:#fff;border:1px solid #e0e9e1;border-radius:8px;}
@media(max-width:767px) {
 body.mk-kouji-theme .mk-kouji-post {padding:16px;margin-bottom:18px;}
 body.mk-kouji-theme .mk-kouji-intro .mk-kouji-section-title {font-size:21px;}
 body.mk-kouji-theme .mk-kouji-post .mk-kouji-post-title {font-size:19px;}
 body.mk-kouji-theme .mk-kouji-post-body h2,body.mk-kouji-theme .mk-kouji-post-body h3 {font-size:17px;}
}


/* ============================================================
   工事一覧 v44: HTML は .index-content > .col-md-4 > .card
   .row を挟まない実際の投稿本文の構造に対応。
   ============================================================ */
body.mk-kouji-theme .mk-kouji-post-body .index-content {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  column-gap: 0;
  row-gap: 24px;
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 20px;
}
/* Bootstrap 3のfloat回り込みを止め、行単位でカードを揃える */
body.mk-kouji-theme .mk-kouji-post-body .index-content > .col-xs-12.col-sm-6.col-md-4 {
  float: none;
  flex: 0 0 100%;
  max-width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  body.mk-kouji-theme .mk-kouji-post-body .index-content > .col-xs-12.col-sm-6.col-md-4 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  body.mk-kouji-theme .mk-kouji-post-body .index-content > .col-xs-12.col-sm-6.col-md-4 {
    flex-basis: 33.333333%;
    max-width: 33.333333%;
  }
}
body.mk-kouji-theme .mk-kouji-post-body .index-content > .col-xs-12.col-sm-6.col-md-4 > .card {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dce9e1;
  border-radius: 10px;
  box-shadow: 0 3px 13px rgba(0, 58, 37, .08);
  transition: box-shadow .2s ease, transform .2s ease;
}
body.mk-kouji-theme .mk-kouji-post-body .index-content > div > .card:hover {
  transform: translateY(-2px);
  box-shadow: 0 9px 20px rgba(0, 58, 37, .13);
}
body.mk-kouji-theme .mk-kouji-post-body .index-content > div > .card > a:first-child {
  display: block;
  flex: 0 0 auto;
}
body.mk-kouji-theme .mk-kouji-post-body .index-content > div > .card > a:first-child > img {
  display: block;
  width: 100%;
  height: 176px;
  max-width: none;
  object-fit: cover;
  border: 0;
  border-radius: 0;
}
/* 投稿本文では h4 ではなく h3 が使われている */
body.mk-kouji-theme .mk-kouji-post-body .index-content > div > .card > h3 {
  display: flex;
  align-items: center;
  min-height: 51px;
  margin: 0;
  padding: 10px 14px;
  border: 0;
  border-left: 4px solid #00704a;
  border-bottom: 1px solid #e5eee7;
  background: #f4f8f5;
  color: #00583c;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 700;
  text-indent: 0;
}
body.mk-kouji-theme .mk-kouji-post-body .index-content > div > .card > p {
  flex: 0 0 auto;
  margin: 0;
  padding: 15px 15px 10px;
  color: #4a5e51;
  font-size: 14px;
  line-height: 1.7;
  opacity: 1;
}
/* HTMLではボタンが独立した最後の <a> 要素なので、margin-top:autoが効く */
body.mk-kouji-theme .mk-kouji-post-body .index-content > div > .card > a.blue-button {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  min-height: 43px;
  max-width: none;
  width: auto;
  margin: auto 15px 16px;
  padding: 10px 14px;
  border: 1px solid #00704a;
  border-radius: 7px;
  background: #00704a;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  opacity: 1;
  transition: background-color .2s ease, box-shadow .2s ease;
}
body.mk-kouji-theme .mk-kouji-post-body .index-content > div > .card > a.blue-button::after {
  content: '→';
  margin-left: 9px;
  font-size: 16px;
  line-height: 1;
}
body.mk-kouji-theme .mk-kouji-post-body .index-content > div > .card > a.blue-button:hover,
body.mk-kouji-theme .mk-kouji-post-body .index-content > div > .card > a.blue-button:focus {
  background: #00583c;
  border-color: #00583c;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(0, 112, 74, .18);
}
body.mk-kouji-theme .mk-kouji-post-body .index-content > div > .card > a.blue-button:focus-visible {
  outline: 3px solid #a6ce39;
  outline-offset: 2px;
}
@media (max-width:767px) {
  body.mk-kouji-theme .mk-kouji-post-body .index-content > div > .card > a:first-child > img {
    height: auto;
    max-height: 260px;
    object-fit: cover;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.mk-kouji-theme .mk-kouji-post-body .index-content > div > .card,
  body.mk-kouji-theme .mk-kouji-post-body .index-content > div > .card > a.blue-button {
    transform: none !important;
    transition: none !important;
  }
}