/* 窓香房 NEWS theme v18
   Compatible with existing Bootstrap 3 and existing theme style.css.
   Install in the same WordPress theme directory as index.php.
   Scope: body.mk-site-theme (news template only)
*/
body.mk-site-theme {
  --mk-green:#00704a;
  --mk-dark:#00583c;
  --mk-lime:#a6ce39;
  --mk-text:#27392f;
  --mk-muted:#516357;
  --mk-line:#e1e9e3;
  --mk-surface:#f7faf7;
  color:var(--mk-text);
  background:#fafbf9;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size:16px;
  line-height:1.8;
  -webkit-font-smoothing:auto;
}
body.mk-site-theme a { transition:color .15s ease, background-color .15s ease, box-shadow .15s ease; }
/* TOPと同じヘッダー最上部 4px。旧stylen.cssの6pxを上書き */
body.mk-site-theme .header { border-top:4px solid var(--mk-green); }
/* TOPと共通のロゴサイズ（desktop 76px / mobile 58px） */
body.mk-site-theme .header .site-logo { margin-top:17px; margin-bottom:17px; }
body.mk-site-theme .header .site-logo img { display:block; width:auto; max-width:100%; max-height:76px; height:auto; }
@media (max-width:767px) {
 body.mk-site-theme .header .site-logo { margin-top:11px; margin-bottom:10px; }
 body.mk-site-theme .header .site-logo img { max-height:58px; }
}
body.mk-site-theme .sub-nav a {color:var(--mk-dark);font-weight:600;font-size:14px;}
body.mk-site-theme #globalNavi .navbar-inverse {background:var(--mk-green);border-top-color:var(--mk-green);}
body.mk-site-theme #globalNavi .navbar-nav>li>a {color:#fff;font-weight:700;font-size:15px;}
body.mk-site-theme #globalNavi .navbar-nav>li>a:hover,
body.mk-site-theme #globalNavi .navbar-nav>li>a:focus,
body.mk-site-theme #globalNavi .navbar-nav>.open>a {background:var(--mk-dark);color:#fff;}
body.mk-site-theme .navbar-toggle {background:var(--mk-green);}
body.mk-site-theme .main {margin-top:26px;margin-bottom:40px;}
body.mk-site-theme .pagevisual-title,
body.mk-site-theme .main .maintitle,
body.mk-site-theme .main .subtitle {
  padding:0 0 15px;
  margin:0 0 22px;
  border:0;
  border-bottom:4px solid transparent;
  border-image:linear-gradient(to right,var(--mk-green) 50%,var(--mk-lime) 50%) 1;
  background:none;
  color:var(--mk-dark);
  font-size:23px;
  font-weight:700;
  line-height:1.55;
}
/* Existing main.php may emit #content / .post elements. Keep those responsive. */
body.mk-site-theme #content {width:auto;max-width:100%;float:none;margin-bottom:24px;}
body.mk-site-theme #container {max-width:100%;}
body.mk-site-theme .post {
  margin:0 0 20px;
  padding:22px 24px;
  background:#fff;
  border:1px solid var(--mk-line);
  border-radius:10px;
  box-shadow:0 3px 15px rgba(0,50,30,.045);
  overflow-wrap:anywhere;
}
body.mk-site-theme .post h2 {
  margin:0 0 15px;
  padding:0 0 13px;
  border:0;
  border-bottom:3px solid transparent;
  border-image:linear-gradient(to right,var(--mk-green) 50%,var(--mk-lime) 50%) 1;
  color:var(--mk-dark);
  font-size:21px;
  font-weight:700;
  line-height:1.55;
}
body.mk-site-theme .post h2 a {color:var(--mk-dark);text-decoration:none;}
body.mk-site-theme .post h2 a:hover {color:var(--mk-green);}
body.mk-site-theme .post h3 {
  margin:26px 0 14px;
  padding:8px 12px;
  border:0;
  border-left:4px solid var(--mk-green);
  background:var(--mk-surface);
  color:var(--mk-dark);
  font-size:18px;
  line-height:1.6;
  text-indent:0;
}
body.mk-site-theme .post p {font-size:16px;line-height:1.9;color:var(--mk-text);}
body.mk-site-theme .post img {max-width:100%;height:auto;}
body.mk-site-theme .post a:not(.btn),
body.mk-site-theme p.postinfo a,
body.mk-site-theme p.pagelink a {color:var(--mk-green);}
body.mk-site-theme .post a:not(.btn):hover {color:var(--mk-dark);}
body.mk-site-theme p.postinfo {font-size:13px;color:var(--mk-muted);}
body.mk-site-theme p#pagetitle {
  padding:12px 16px;margin:0 0 22px;
  background:var(--mk-surface);border:1px solid var(--mk-line);
  color:var(--mk-dark);font-size:17px;text-align:left;border-radius:8px;
}
body.mk-site-theme .aside .cat-nav {margin-bottom:24px;background:#fff;border:1px solid var(--mk-line);border-radius:9px;overflow:hidden;}
body.mk-site-theme .aside .cat-nav .cat-title {
  margin:0;padding:13px 15px;
  background:var(--mk-green);color:#fff;
  font-size:17px;line-height:1.5;font-weight:700;border-radius:0;
}
body.mk-site-theme .aside .cat-nav ul {padding:4px 0;margin:0;border:0;list-style:none;}
body.mk-site-theme .aside .cat-nav li {padding:0;border:0;border-bottom:1px solid var(--mk-line);}
body.mk-site-theme .aside .cat-nav li:last-child {border-bottom:0;}
body.mk-site-theme .aside .cat-nav li a {padding:11px 15px;color:var(--mk-text);font-size:15px;line-height:1.6;}
body.mk-site-theme .aside .cat-nav li a:hover {background:var(--mk-surface);color:var(--mk-green);text-decoration:none;}
body.mk-site-theme .footer {background:var(--mk-green);}
body.mk-site-theme .btn-pagetop {border-bottom:5px solid var(--mk-lime);}
body.mk-site-theme .btn-pagetop .container a {background:var(--mk-green);}
body.mk-site-theme .footer .footer-icon .sns-icon {float:none;display:inline-block;vertical-align:middle;}
body.mk-site-theme .footer .footer-icon ul {width:100%;max-width:100%;padding:0;margin:10px 0;text-align:center;}
body.mk-site-theme .footer .footer-icon li img {border:none;width:40px;height:40px;object-fit:contain;}
body.mk-site-theme .wp-caption {max-width:100%;}
body.mk-site-theme .wp-caption img {max-width:100%;height:auto;}
body.mk-site-theme #comments,
body.mk-site-theme #com,
body.mk-site-theme #tr {max-width:100%;}
body.mk-site-theme #com,
body.mk-site-theme #tr {border-color:var(--mk-line);border-radius:8px;}
body.mk-site-theme textarea {max-width:100%;}
body.mk-site-theme a:focus-visible {outline:2px solid var(--mk-lime);outline-offset:3px;}
@media(max-width:767px){
  body.mk-site-theme {font-size:16px;}
  body.mk-site-theme .main {margin-top:18px;}
  body.mk-site-theme .post {padding:16px;margin-bottom:16px;}
  body.mk-site-theme .post h2 {font-size:19px;}
  body.mk-site-theme .pagevisual-title,
  body.mk-site-theme .main .maintitle,
  body.mk-site-theme .main .subtitle {font-size:21px;}
  body.mk-site-theme .aside .cat-nav .cat-title {font-size:16px;}
}
@media(prefers-reduced-motion:reduce){body.mk-site-theme a {transition:none;}}

/* 下層ページ共通：Gナビとページタイトルの間隔 */
/* 窓香房 NEWS v21: グローバルナビとページタイトルの余白調整 */
/* visual.php が出力するページタイトルの領域にだけ余白を追加します。 */
body.mk-site-theme .page-visual {
  padding-top: 24px;
}
/* v18 の見出し下線と色は維持 */
body.mk-site-theme .page-visual .pagevisual-title {
  margin-top: 0;
}
@media (max-width: 767px) {
  body.mk-site-theme .page-visual { padding-top: 16px; }
}