/* 窓香房 TOP v10：サイド見出し／新着施工事例
   既存のv9までのCSSの一番後に読み込みます。 */

/* サイドバー：長い見出しでも読みやすい落ち着いたサイズ */
body.madokohbo-modern-top .aside .subtitle,
body.madokohbo-modern-top .aside .maintitle,
body.madokohbo-modern-top .aside h2:not(.cat-title),
body.madokohbo-modern-top .aside h3:not(.cat-title) {
  font-size: 17px;
  line-height: 1.55;
  font-weight: 700;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
body.madokohbo-modern-top .aside .subtitle,
body.madokohbo-modern-top .aside .maintitle {
  margin-bottom: 15px;
  padding-bottom: 11px;
}
/* サイドの半分グリーンの見出しラインは維持 */
body.madokohbo-modern-top .aside .subtitle::after,
body.madokohbo-modern-top .aside .maintitle::after { width: 50%; }
body.madokohbo-modern-top .aside .cat-nav .cat-title {font-size:16px;line-height:1.5;}

/* 新着施工事例：リンクをむき出しの青い下線から情報リストへ */
body.madokohbo-modern-top .mk-home .mk-case-feed {
  background:#fff;
  border:1px solid #dce8df;
  border-radius:12px;
  padding:24px 25px;
}
body.madokohbo-modern-top .mk-home .mk-case-feed>h3 {
  color:#00583c;
  font-size:19px;
  line-height:1.5;
  margin:0 0 13px;
  padding:0 0 14px;
  border-bottom:1px solid #d4e3d8;
  position:relative;
}
body.madokohbo-modern-top .mk-home .mk-case-feed>h3::after {
  content:"";position:absolute;left:0;bottom:-2px;width:50%;height:3px;background:#00704a;
}
body.madokohbo-modern-top .mk-home .mk-case-items {
  list-style:none;
  margin:0;
  padding:0;
  display:block;
}
body.madokohbo-modern-top .mk-home .mk-case-items>li {
  list-style:none;
  display:block;
  float:none;
  width:100%;
  margin:0;
  padding:18px 8px 18px 16px;
  border-bottom:1px solid #e4ece6;
  border-left:3px solid transparent;
  line-height:1.75;
  font-size:16px;
  color:#344a3e;
  transition:background-color .2s,border-color .2s;
}
body.madokohbo-modern-top .mk-home .mk-case-items>li:hover {
  background:#f5faf6;
  border-left-color:#00704a;
}
body.madokohbo-modern-top .mk-home .mk-case-items>li:last-child {border-bottom:0;}
/* info.phpの既存 .date、.label、.article-title を利用 */
body.madokohbo-modern-top .mk-home .mk-case-items .date {
  display:inline-block;
  float:none;
  width:auto;
  margin:0 9px 5px 0;
  color:#687b70;
  font-size:13px;
  font-weight:600;
  letter-spacing:.02em;
}
body.madokohbo-modern-top .mk-home .mk-case-items .label {
  display:inline-block;
  float:none;
  width:auto;
  min-width:0;
  margin:0 0 5px;
  padding:3px 9px;
  border-radius:4px;
  font-size:12px;
  font-weight:700;
  line-height:1.5;
  vertical-align:middle;
}
body.madokohbo-modern-top .mk-home .mk-case-items .article-title {
  display:block;
  float:none;
  clear:both;
  margin:5px 0 0;
  padding:0;
  font-size:16px;
  font-weight:600;
  line-height:1.75;
}
body.madokohbo-modern-top .mk-home .mk-case-items a {
  color:#174f38;
  text-decoration:none;
  text-underline-offset:3px;
  overflow-wrap:anywhere;
}
body.madokohbo-modern-top .mk-home .mk-case-items a:hover,
body.madokohbo-modern-top .mk-home .mk-case-items a:focus-visible {
  color:#00704a;
  text-decoration:underline;
}
@media(max-width:767px){
 body.madokohbo-modern-top .aside .subtitle,
 body.madokohbo-modern-top .aside .maintitle,
 body.madokohbo-modern-top .aside h2:not(.cat-title),
 body.madokohbo-modern-top .aside h3:not(.cat-title){font-size:17px;}
 body.madokohbo-modern-top .mk-home .mk-case-feed{padding:18px 15px;}
 body.madokohbo-modern-top .mk-home .mk-case-items>li{padding:15px 5px 15px 11px;}
 body.madokohbo-modern-top .mk-home .mk-case-items .article-title{font-size:16px;}
}
@media(prefers-reduced-motion:reduce){body.madokohbo-modern-top .mk-home .mk-case-items>li{transition:none;}}