/* =========================================================
   しまね農業振興公社 公式サイト デザインCSS（Lightning子テーマ用）
   色・文字の変更は、下の「基本の色・文字」だけを書き換える。
   ========================================================= */

/* ---------- 基本の色・文字 ---------- */
:root{
  --kosha-green:#14382a;   /* 深緑（メイン） */
  --kosha-green-2:#1f5a43; /* 深緑（明るめ） */
  --kosha-green-bg:#e8f0ea;/* 淡い緑 */
  --kosha-gold:#c9a23a;    /* 稲穂ゴールド（アクセント） */
  --kosha-bg:#f7f6f1;      /* 生成り（背景） */
  --kosha-ink:#1d2420;     /* 本文の文字色 */
  --kosha-muted:#5d6762;   /* 補足の文字色 */
  --kosha-line:#dfe5e1;    /* 罫線 */
  --kosha-radius:14px;
  --kosha-font:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho",serif; /* 明朝体 */
}
body{
  font-family:var(--kosha-font);
  color:var(--kosha-ink);
  background:var(--kosha-bg);
  line-height:1.8;
}

/* Lightningの見出し・メニュー・ボタン・入力欄も明朝体にそろえる */
body h1,body h2,body h3,body h4,body h5,body h6,
.global-nav,.global-nav-list,.vk-mobile-nav,
.wp-block-button__link,button,input,select,textarea,
.editor-styles-wrapper{font-family:var(--kosha-font)}

/* ---------- ヘッダー（サイト名の左に公社アイコン） ---------- */
.site-header{background:#fff;border-bottom:1px solid var(--kosha-line)}
.site-header-logo a{display:inline-flex;align-items:center;gap:10px;color:var(--kosha-ink);font-weight:700}
.site-header-logo a::before{
  content:"";display:inline-block;width:44px;height:44px;flex:0 0 44px;
  background:url("../../uploads/公社アイコン_ロゴ用.webp") center/contain no-repeat;
}

/* ---------- 共通部品 ---------- */
.kosha-en{font-family:var(--kosha-font);font-size:12px !important;font-weight:700;letter-spacing:.14em;color:var(--kosha-gold);text-transform:uppercase;margin-bottom:.3em}
.kosha-gold{color:var(--kosha-gold)}
.kosha-section{padding-top:90px;padding-bottom:90px}
.kosha-sec-title{font-size:clamp(26px,3.2vw,38px) !important;font-weight:700;line-height:1.4;margin-top:0;border:none !important;padding:0 !important;background:none !important}
.kosha-sec-title::after,.kosha-sec-title::before{display:none !important}
.kosha-sec-lead{color:var(--kosha-muted);max-width:640px}
.kosha-note{font-size:12px;color:var(--kosha-muted)}

/* ボタン */
.kosha-btns .wp-block-button__link{border-radius:99px;padding:.7em 1.6em;font-weight:700;font-size:15px}
.kosha-btn-gold .wp-block-button__link{background:var(--kosha-gold);color:var(--kosha-green)}
.kosha-btn-white .wp-block-button__link{background:#fff;color:var(--kosha-green)}
.kosha-btn-green .wp-block-button__link{background:var(--kosha-green);color:#fff}
.kosha-btn-line .wp-block-button__link{background:transparent;color:var(--kosha-green);border:1.5px solid var(--kosha-green)}

/* 見出しの飾り（Lightning標準の線など）を公社デザインでは消す */
.kosha-hero h2,.kosha-quick h3,.kosha-work-main h3,.kosha-disc h3,.kosha-shunou h2{border:none !important;padding:0 !important;background:none !important}
.kosha-hero h2::after,.kosha-quick h3::after,.kosha-work h3::after,.kosha-work-main h3::after,.kosha-disc h3::after,.kosha-shunou h2::after{display:none !important}

/* ---------- ① 重要なお知らせ帯 ---------- */
.kosha-alert{background:var(--kosha-green);color:#fff;padding:8px 16px;margin:0 !important}
.kosha-alert ul{margin:0;padding:0;list-style:none}
.kosha-alert a{color:#fff;text-decoration:underline;font-size:14px}
.kosha-alert li::before{content:"重要";background:var(--kosha-gold);color:var(--kosha-green);font-size:12px;font-weight:700;border-radius:99px;padding:1px 10px;margin-right:10px}

.kosha-alert:not(:has(li)){display:none}

/* ---------- ② メイン写真 ---------- */
.kosha-hero{margin-top:0 !important}
.kosha-hero .wp-block-cover__inner-container{max-width:1200px;margin:0 auto;padding:0 24px 110px}
.kosha-hero-title{color:#fff;font-size:clamp(32px,5.6vw,64px) !important;font-weight:700;line-height:1.3;letter-spacing:.04em}
.kosha-hero-lead{color:#fff;max-width:560px}
.kosha-hero .wp-block-cover__background{background:linear-gradient(90deg,rgba(10,32,24,.85),rgba(10,32,24,.35) 60%,rgba(10,32,24,0)) !important;opacity:1 !important}

/* ---------- ③ 目的別入口 ---------- */
.kosha-quick{position:relative;z-index:2;margin-top:-64px !important}
.kosha-quick-cols{background:#fff;border-radius:var(--kosha-radius);box-shadow:0 18px 40px rgba(20,56,42,.12);gap:0 !important;overflow:hidden}
.kosha-quick-cols>.wp-block-column{padding:22px 24px}
.kosha-quick-cols>.wp-block-column+.wp-block-column{border-left:1px solid var(--kosha-line)}
.kosha-quick-title{font-size:17px !important;margin:0 0 4px}
.kosha-quick-title a{color:var(--kosha-ink);text-decoration:none}
.kosha-quick-desc{font-size:13px;color:var(--kosha-muted);line-height:1.6;margin:0}

/* ---------- ④ 公社について・実績数値 ---------- */
.kosha-about-cols{align-items:center;gap:56px}
.kosha-stats{gap:0 !important;border:1px solid var(--kosha-line);background:#fff}
.kosha-stats>.wp-block-column{padding:36px 28px}
.kosha-stats>.wp-block-column+.wp-block-column{border-left:1px solid var(--kosha-line)}
.kosha-stat-num{font-family:var(--kosha-font);font-weight:700;font-size:clamp(32px,3.6vw,50px) !important;white-space:nowrap;color:var(--kosha-green);line-height:1.1;margin:0}
.kosha-stat-num small{font-size:.4em;margin-left:4px}
.kosha-stat-label{font-size:13px;color:var(--kosha-muted);margin-top:8px}

/* ---------- ⑤ 公社の事業 ---------- */
.kosha-work-main{background:#fff;border-radius:var(--kosha-radius);overflow:hidden;gap:0 !important;margin-bottom:28px}
.kosha-work-main>.wp-block-column:last-child{padding:40px}
.kosha-work-main .kosha-img,.kosha-work-main .kosha-img img{height:100%;margin:0}
.kosha-work-main .kosha-img img{object-fit:cover;min-height:320px}
.kosha-work-row{gap:28px;margin-bottom:28px}
.kosha-work{background:#fff;border-radius:var(--kosha-radius);overflow:hidden;height:100%;padding-bottom:24px}
.kosha-work>*:not(.kosha-img){margin-left:28px !important;margin-right:28px !important;max-width:none}
.kosha-work h3{border:none !important;padding:0 !important;background:none !important}
.kosha-work .kosha-img{margin:0 0 20px}
.kosha-work .kosha-img img{width:100%;aspect-ratio:16/9;object-fit:cover}
.kosha-work-no{font-family:var(--kosha-font);font-weight:700;color:var(--kosha-gold);font-size:14px;margin:0}
.kosha-work-title{font-size:22px !important;margin:4px 0 0}
.kosha-work-title a{color:var(--kosha-ink);text-decoration:none}
.kosha-work-sub{font-size:13px;color:var(--kosha-muted);margin:0 0 8px}
.kosha-work-text{font-size:15px;color:var(--kosha-muted)}

/* ---------- ⑥ 就農バナー ---------- */
.kosha-shunou{background:var(--kosha-green);color:#fff;border-radius:var(--kosha-radius);overflow:hidden}
.kosha-shunou .wp-block-media-text__content{padding:48px}
.kosha-shunou-title{color:#fff;font-size:clamp(24px,2.8vw,34px) !important;font-weight:700;line-height:1.45}

/* ---------- ⑦ お知らせ ---------- */
.kosha-news-list{list-style:none;padding:0;margin:0 0 24px;border-top:1px solid var(--kosha-line)}
.kosha-news-list li{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:24px;padding:18px 4px;border-bottom:1px solid var(--kosha-line);margin:0}
.kosha-news-list .wp-block-latest-posts__post-date{font-family:var(--kosha-font);color:var(--kosha-muted);min-width:110px;font-size:14px}
.kosha-news-list a{color:var(--kosha-ink);text-decoration:none}
.kosha-news-list a:hover{text-decoration:underline}

/* ---------- ⑧ 情報公開 ---------- */
.kosha-disclosure{background:#fff}
.kosha-disc-row{gap:16px;margin-bottom:16px}
.kosha-disc{border:1px solid var(--kosha-line);border-radius:12px;padding:22px 24px;height:100%;background:var(--kosha-bg)}
.kosha-disc-title{font-size:17px !important;margin:0 0 4px}
.kosha-disc-title a{color:var(--kosha-green);text-decoration:none}
.kosha-disc-text{font-size:13px;color:var(--kosha-muted);margin:0}

/* ---------- ⑨ アクセス ---------- */
.kosha-tel a{font-family:var(--kosha-font);font-size:26px;font-weight:700;color:var(--kosha-green);text-decoration:none}
.kosha-access iframe{width:100%;min-height:340px;border:0;border-radius:var(--kosha-radius)}
.kosha-map-placeholder{background:var(--kosha-green-bg);border-radius:var(--kosha-radius);padding:120px 20px;text-align:center;color:var(--kosha-muted)}

/* ---------- フッター ---------- */
.site-footer{background:var(--kosha-green);color:#e9efe9}
.site-footer a{color:#e9efe9}

/* ---------- スマートフォン ---------- */
@media (max-width:781px){
  .kosha-section{padding-top:64px;padding-bottom:64px}
  .kosha-hero .wp-block-cover__inner-container{padding-bottom:96px}
  .kosha-hero-title{font-size:28px !important}
  .kosha-hero .wp-block-cover__background{background:rgba(10,32,24,.6) !important}
  .kosha-quick-cols>.wp-block-column+.wp-block-column{border-left:0;border-top:1px solid var(--kosha-line)}
  .kosha-quick-desc{display:none}
  .kosha-stats>.wp-block-column{padding:22px 18px}
  .kosha-stats>.wp-block-column+.wp-block-column{border-left:0;border-top:1px solid var(--kosha-line)}
  .kosha-work-main>.wp-block-column:last-child{padding:24px}
  .kosha-shunou .wp-block-media-text__content{padding:28px 20px}
  .kosha-news-list li{flex-direction:column-reverse;gap:2px}
}

/* ---------- v1.2.0 テスト環境での表示確認による調整 ---------- */
/* 見出しの左ずれを防ぐ */
.kosha-sec-title,.kosha-hero-title,.kosha-shunou-title{margin-left:0 !important;margin-right:0 !important}
/* ヘッダー：サイト名の大きさ（PC） */
@media (min-width:992px){
  .site-header-logo,.site-header-logo a,.site-header-logo span{font-size:22px !important}
}
/* ヘッダー：スマートフォンではメニューボタンと重ならないようにする */
@media (max-width:991px){
  .site-header-logo{padding-left:44px;padding-right:8px}
  .site-header-logo,.site-header-logo a,.site-header-logo span{font-size:15px !important;line-height:1.35 !important}
  .site-header-logo a{gap:6px}
  .site-header-logo a::before{width:30px;height:30px;flex:0 0 30px}
}
@media (max-width:781px){
  .kosha-section,.kosha-quick{padding-left:4px;padding-right:4px}
}
/* 地図 */
.kosha-access iframe{display:block}


/* ---------- v1.3.0 ヘッダー表示をデザイン案（TopPageImage）に合わせる ---------- */
/* アイコン＋「公益財団法人しまね農業振興公社」＋小さな2行目「島根県農地中間管理機構（農地バンク）」 */
.site-header-logo a{display:inline-flex !important;flex-direction:row !important;align-items:center;gap:12px;text-decoration:none}
.site-header-logo a::before{width:44px;height:44px;flex:0 0 44px}
.site-header-logo span{display:flex;flex-direction:column;font-weight:700;line-height:1.3 !important;color:var(--kosha-ink)}
.site-header-logo span::after{
  content:"島根県農地中間管理機構（農地バンク）";
  display:block;margin-top:2px;
  font-size:11px !important;font-weight:500;letter-spacing:.02em;color:var(--kosha-muted);
}
@media (min-width:992px){
  .site-header-logo,.site-header-logo a,.site-header-logo span{font-size:18px !important}
}
@media (max-width:991px){
  .site-header-logo,.site-header-logo a,.site-header-logo span{font-size:15px !important}
  .site-header-logo a::before{width:32px;height:32px;flex:0 0 32px}
  .site-header-logo span::after{font-size:10px !important}
}
/* 事業紹介ページのリンク行 */
.kosha-work-links{font-size:14px;margin-top:4px}
.kosha-work-links a{color:var(--kosha-green-2);white-space:nowrap}
.kosha-work-past{background:var(--kosha-green-bg)}


/* ---------- v1.5.0 重要なお知らせ帯（ヘッダーの上・全幅） ---------- */
.kosha-topalert{background:var(--kosha-green);color:#fff;font-size:13px;line-height:1.6}
.kosha-topalert-inner{max-width:1200px;margin:0 auto;padding:8px 24px;display:flex;align-items:center;gap:12px}
.kosha-topalert-label{flex:0 0 auto;background:var(--kosha-gold);color:var(--kosha-green);font-size:12px;font-weight:700;border-radius:99px;padding:1px 10px;white-space:nowrap}
.kosha-topalert a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.kosha-topalert a:hover{opacity:.85}
@media (max-width:781px){.kosha-topalert-inner{padding:8px 16px;align-items:flex-start}}

/* v1.6.0 事業紹介カードの枠線 */
.kosha-work-main,.kosha-work{border:1px solid #d6d6d6;box-sizing:border-box}
/* v1.6.1 事業紹介の枠の間隔（上下・左右とも16px） */
.kosha-works>.kosha-work-main,.kosha-works>.kosha-work-row{margin-top:0 !important;margin-bottom:16px !important}
.kosha-work-row{gap:16px !important}
/* v1.7.0 投稿一覧はタイトルと本文の概要のみ（画像・カテゴリー札・続きを読む・投稿者を表示しない） */
.vk_post .vk_post_imgOuter{display:none !important}
.vk_post.media .vk_post_body{padding-left:0 !important;margin-left:0 !important;width:100%}
.vk_post .vk_post_btnOuter{display:none !important}
.vk_post .vk_post_title{margin-bottom:4px}
.vk_post .vk_post_title a{color:var(--kosha-ink)}
.vk_post .vk_post_excerpt{margin-top:6px;font-size:14px;color:var(--kosha-muted)}
.post-list>.vk_post{padding:18px 0;margin:0 !important;border-bottom:1px solid #e3e3e3}
.next-prev .vk_post.card{border:1px solid #d6d6d6;box-shadow:none}
.next-prev .vk_post .vk_post_body{position:static;padding:14px 18px}
.entry-meta-item-author{display:none !important}
.next-prev .vk_post .vk_post_body{background:#fff !important}
.next-prev .vk_post .vk_post_title,.next-prev .vk_post .vk_post_title a,.next-prev .vk_post .vk_post_date{color:var(--kosha-ink) !important}
/* v1.8.0 Home（トップページへ戻る）ボタン：ページトップボタンの左横 */
.kosha-home-btn{position:fixed;right:calc(2% + 48px);bottom:3%;z-index:99999;width:40px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:rgba(0,0,0,.8);color:#fff !important;text-decoration:none !important;box-shadow:0 0 0 1px rgba(255,255,255,.8),0 0 0 2px rgba(0,0,0,.8);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s}
.kosha-home-btn span{font-family:Arial,sans-serif;font-size:9px;line-height:1;letter-spacing:.02em}
.kosha-home-btn:hover{background:var(--kosha-green)}
.kosha-home-btn:focus-visible{outline:2px solid #4f94d4;outline-offset:2px}
.scrolled .kosha-home-btn{opacity:1;visibility:visible;pointer-events:auto}
@media (max-width:992px){.mobile-fix-nav_enable .kosha-home-btn{bottom:72px;right:58px}}