/*
Theme Name: ダーチャ日和
Theme URI: https://example.com/
Author: 日本ダーチャ協会
Author URI: https://example.com/
Description: 日本ダーチャ協会「ダーチャ日和」啓発サイト用の独自テーマ。食料自給に関する7章構成の読み物を中核とし、TOP・ABOUT・各章ページで構成されます。
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dacha-biyori
Tags: blog, one-column, custom-menu, featured-images, translation-ready
*/

/* ===== RESET & BASE ===== */
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:-apple-system,'Hiragino Sans','Yu Gothic',sans-serif;background:#f5f4f0;color:#1a1a18;line-height:1.7;}

/* ===== SITE WRAPPER ===== */
.site{max-width:860px;margin:24px auto;background:#fff;border-radius:12px;border:0.5px solid #d3d1c7;}

/* ===== COMMON ===== */
a{color:#3B6D11;text-decoration:none;}
.breadcrumb{font-size:14px;color:#6e6d66;padding:1rem 2rem;border-bottom:0.5px solid #e8e6df;}
.breadcrumb span{color:#4d4c48;}
.ch-hero{padding:2rem 2rem 2rem;border-bottom:0.5px solid #e8e6df;text-align:center;}
.ch-label{font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#3B6D11;font-weight:600;margin-bottom:.75rem;}
.ch-title{font-size:clamp(22px,4vw,32px);font-weight:500;line-height:1.2;margin-bottom:1rem;}
.ch-lead{font-size:16px;color:#4d4c48;line-height:1.8;max-width:580px;margin:0 auto 1.5rem;}
.flow-bar{display:flex;border:0.5px solid #e8e6df;border-radius:8px;overflow:hidden;margin-bottom:0;}
.flow-step{flex:1;padding:8px 4px;font-size:14px;color:#6e6d66;text-align:center;border-right:0.5px solid #e8e6df;}
.flow-step:last-child{border-right:none;}
.flow-step.active{background:#EAF3DE;color:#27500A;font-weight:600;}
.section{padding:2.5rem 2rem;border-bottom:0.5px solid #e8e6df;}
.sec-label{font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:#6e6d66;margin-bottom:.5rem;}
.ch-num{font-size:18px;}
.sec-title{font-size:20px;font-weight:500;margin-bottom:1.25rem;line-height:1.35;}
.callout-green{background:#EAF3DE;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;}
.callout-green p{font-size:15px;color:#27500A;line-height:1.7;}
.callout-red{background:#FAECE7;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;}
.callout-red p{font-size:15px;color:#712B13;line-height:1.7;}

/* NAV */








.ch-page-nav a:last-child{border-right:none;}





.nav-links a .nav-tooltip{
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  left:50%;
  transform:translateX(-50%);
  background:#2c2c2a;
  color:#f1efe8;
  font-size:13px;
  white-space:nowrap;
  padding:4px 10px;
  border-radius:6px;
  pointer-events:none;
  z-index:100;
}
.nav-links a .nav-tooltip::before{
  content:'';
  position:absolute;
  bottom:100%;
  left:50%;
  transform:translateX(-50%);
  border:4px solid transparent;
  border-bottom-color:#2c2c2a;
}
.nav-links a:hover .nav-tooltip{display:block;}



/* HERO STATS */
.hero-stat-row{display:flex;justify-content:center;gap:2rem;margin-bottom:2.5rem;flex-wrap:wrap;}
.hero-stat{text-align:center;}
.hero-stat-num{font-size:36px;font-weight:500;color:#993C1D;line-height:1;}
.hero-stat-label{font-size:14px;color:#4d4c48;margin-top:4px;line-height:1.4;}
.hero-cta-group{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}
.btn-primary{background:#3B6D11;color:#EAF3DE;border:none;padding:12px 28px;border-radius:8px;font-size:16px;cursor:pointer;font-weight:500;}
.btn-secondary{background:transparent;color:#1a1a18;border:0.5px solid #6e6d66;padding:12px 28px;border-radius:8px;font-size:16px;cursor:pointer;}
.tagline-bar{padding:2.5rem 2rem;text-align:center;border-bottom:0.5px solid #e8e6df;}
.tagline-bar p{font-size:18px;font-weight:500;line-height:1.6;}
.tagline-bar span{color:#3B6D11;}

/* HERO ILLUSTRATION BAND */
.hero-illustration{width:100%;line-height:0;overflow:hidden;padding-top: 1.5rem;}
.hero-illustration img{display:block;width:80%;height:auto;margin: 0 auto;}
.env-illustration{width:100%;line-height:0;border-radius:8px;overflow:hidden;margin-bottom:1rem;}
.env-illustration img{display:block;width:100%;height:auto;}

/* CYCLE BLOCK (ch5) */
.cycle-block{margin-top:1.5rem;background:#EAF3DE;border:0.5px solid #C0DD97;border-radius:12px;padding:1.25rem 1.5rem;}
.cycle-label{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#27500A;font-weight:600;margin-bottom:.5rem;}
.cycle-title{font-size:16px;font-weight:500;color:#27500A;margin-bottom:.75rem;line-height:1.45;}
.cycle-flow{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:1rem 0;font-size:15px;color:#3B6D11;font-weight:500;}
.cycle-flow .cycle-step{background:#fff;border:0.5px solid #97C459;border-radius:20px;padding:6px 14px;display:inline-flex;align-items:center;}
.cycle-flow .cycle-arrow{color:#3B6D11;font-size:16px;}
.cycle-flow .cycle-loop-icon{font-size:32px;color:#27500A;font-weight:600;}
.cycle-flow .cycle-loop{color:#27500A;font-style:italic;font-size:24px;font-weight:600;}
.cycle-note{font-size:15px;color:#3B6D11;line-height:1.7;}
.cycle-note strong{color:#27500A;}

/* CRISIS */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:1.5rem;}
.stat-card{background:#f5f4f0;border-radius:8px;padding:1rem;}
.stat-num{font-size:32px;font-weight:500;color:#993C1D;line-height:1;}
.stat-label{font-size:14px;color:#4d4c48;margin-top:6px;line-height:1.5;}
.stat-note{font-size:13px;color:#6e6d66;margin-top:4px;}
.crisis-list{display:flex;flex-direction:column;gap:12px;margin-bottom:1.5rem;}
.crisis-item{display:grid;grid-template-columns:3px 1fr;gap:16px;}
.crisis-bar{background:#993C1D;border-radius:0;}
.crisis-title{font-size:15px;font-weight:500;margin-bottom:3px;}
.crisis-desc{font-size:15px;color:#4d4c48;line-height:1.6;}

/* COMPARE */
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.5rem;}
.compare-card{border-radius:12px;padding:1.1rem 1.25rem;}
.compare-card.neg{background:#FAECE7;border:0.5px solid #F5C4B3;}
.compare-card.pos{background:#EAF3DE;border:0.5px solid #C0DD97;}
.compare-head{font-size:15px;font-weight:600;margin-bottom:10px;}
.compare-card.neg .compare-head{color:#993C1D;}
.compare-card.pos .compare-head{color:#27500A;}
.compare-items{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;}
.compare-items li{font-size:15px;line-height:1.5;padding:4px 0;border-top:0.5px solid rgba(0,0,0,.06);}
.compare-items li:first-child{border-top:none;}
.compare-card.neg .compare-items li{color:#712B13;}
.compare-card.pos .compare-items li{color:#27500A;}

/* ACTION BOX */
.action-box{border:0.5px solid #e8e6df;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;}
.action-title{font-size:16px;font-weight:500;margin-bottom:1rem;}
.action-steps{display:flex;flex-direction:column;gap:10px;}
.action-step{display:flex;align-items:baseline;gap:12px;}
.step-num{font-size:13px;font-weight:600;color:#3B6D11;min-width:20px;}
.step-text{font-size:15px;color:#4d4c48;line-height:1.6;}

/* ENV SELECTOR */
.env-selector{display:flex;gap:8px;margin-bottom:1.5rem;flex-wrap:wrap;}
.env-btn{padding:8px 16px;font-size:15px;border:0.5px solid #6e6d66;border-radius:8px;background:#fff;color:#4d4c48;cursor:pointer;}
.env-btn.active{background:#EAF3DE;color:#27500A;border-color:#97C459;font-weight:600;}
.env-card{border:0.5px solid #e8e6df;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;}
.env-head{padding:1rem 1.25rem;background:#f5f4f0;border-bottom:0.5px solid #e8e6df;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;}
.env-head-title{font-size:16px;font-weight:500;}
.env-cost{font-size:14px;color:#6e6d66;}
.env-cost strong{color:#3B6D11;font-weight:600;}
.env-body{padding:1.25rem;}
.veg-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem;}
.veg-tag{font-size:14px;padding:4px 10px;background:#EAF3DE;color:#27500A;border-radius:8px;}
.saving-row{display:flex;align-items:center;justify-content:space-between;background:#f5f4f0;border-radius:8px;padding:10px 14px;}
.saving-label{font-size:14px;color:#4d4c48;}
.saving-val{font-size:16px;font-weight:500;color:#3B6D11;}

/* CALENDAR */
.calendar-wrap{overflow-x:auto;margin-bottom:1.5rem;}
.calendar{width:100%;border-collapse:collapse;min-width:520px;}
.calendar th{font-size:13px;color:#6e6d66;text-align:center;padding:6px 4px;border-bottom:0.5px solid #e8e6df;font-weight:400;}
.calendar td{font-size:14px;color:#4d4c48;padding:5px 4px;text-align:center;border-bottom:0.5px solid #e8e6df;}
.calendar td.veg-name{text-align:left;font-weight:500;color:#1a1a18;white-space:nowrap;padding-left:0;}
.cal-dot{width:10px;height:10px;border-radius:50%;margin:0 auto;}
.cal-sow{background:#C0DD97;}
.cal-grow{background:#EAF3DE;border:0.5px solid #97C459;}
.cal-harvest{background:#3B6D11;}
.cal-empty{background:transparent;}
.cal-legend{display:flex;gap:16px;margin-top:10px;flex-wrap:wrap;}
.cal-legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#6e6d66;}

/* TIPS */
.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:1.5rem;}
.tip-card{border:0.5px solid #e8e6df;border-radius:12px;padding:1.1rem;}
.tip-title{font-size:15px;font-weight:600;margin-bottom:6px;}
.tip-desc{font-size:14px;color:#4d4c48;line-height:1.6;}

/* RECIPE */
.recipe-tabs,.method-tabs{display:flex;gap:8px;margin-bottom:1.5rem;flex-wrap:wrap;}
.rtab,.mtab{padding:8px 14px;font-size:15px;border:0.5px solid #6e6d66;border-radius:8px;background:#fff;color:#4d4c48;cursor:pointer;}
.rtab.active,.mtab.active{background:#EAF3DE;color:#27500A;border-color:#97C459;font-weight:600;}
.recipe-card,.method-card{border:0.5px solid #e8e6df;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;}
.recipe-head,.method-head{padding:1rem 1.25rem;background:#f5f4f0;border-bottom:0.5px solid #e8e6df;}
.recipe-head{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;}
.recipe-title{font-size:16px;font-weight:500;}
.recipe-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px;}
.badge{font-size:13px;padding:3px 8px;border-radius:8px;}
.badge-time{background:#EAF3DE;color:#27500A;}
.badge-cost{background:#FAEEDA;color:#633806;}
.badge-level{background:#f5f4f0;color:#4d4c48;border:0.5px solid #e8e6df;}
.recipe-saving{text-align:right;}
.recipe-saving-label{font-size:13px;color:#6e6d66;}
.recipe-saving-val{font-size:16px;font-weight:500;color:#3B6D11;}
.recipe-body,.method-body{display:grid;grid-template-columns:1fr 1fr;}
.recipe-col,.method-col{padding:1.25rem;}
.recipe-col:first-child,.method-col:first-child{border-right:0.5px solid #e8e6df;}
.recipe-col-label,.method-col-label{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#6e6d66;margin-bottom:10px;}
.ingredient-list,.step-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;}
.ingredient-list li{font-size:15px;color:#4d4c48;display:flex;justify-content:space-between;padding-bottom:6px;border-bottom:0.5px solid #e8e6df;line-height:1.4;}
.ingredient-list li:last-child{border-bottom:none;padding-bottom:0;}
.ingredient-list li span{color:#1a1a18;font-weight:500;white-space:nowrap;margin-left:8px;}
.step-item{display:flex;gap:10px;align-items:flex-start;}
.step-num-s{font-size:13px;font-weight:600;color:#3B6D11;min-width:18px;padding-top:1px;}
.step-text-s{font-size:15px;color:#4d4c48;line-height:1.6;}
.step-text-s strong{color:#1a1a18;font-weight:500;}
.recipe-foot{padding:1rem 1.25rem;background:#f5f4f0;border-top:0.5px solid #e8e6df;font-size:15px;color:#4d4c48;line-height:1.6;}
.recipe-foot strong{color:#1a1a18;font-weight:500;}
.method-title{font-size:16px;font-weight:500;margin-bottom:4px;}
.method-desc{font-size:15px;color:#4d4c48;line-height:1.6;}
.merit-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;}
.merit-item{display:flex;gap:8px;align-items:flex-start;}
.merit-dot{width:6px;height:6px;border-radius:50%;background:#3B6D11;flex-shrink:0;margin-top:6px;}
.merit-text{font-size:15px;color:#4d4c48;line-height:1.6;}
.merit-text strong{color:#1a1a18;font-weight:500;}

/* HERB */
.herb-section{padding:1.25rem;border-top:0.5px solid #e8e6df;}
.herb-section-label{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#6e6d66;margin-bottom:12px;}
.herb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;}
.herb-card{border:0.5px solid #e8e6df;border-radius:8px;padding:10px 12px;}
.herb-name{font-size:15px;font-weight:600;margin-bottom:3px;}
.herb-season{font-size:13px;color:#3B6D11;margin-bottom:5px;}
.herb-effect{font-size:14px;color:#4d4c48;line-height:1.5;margin-bottom:5px;}
.herb-note{font-size:13px;color:#6e6d66;line-height:1.4;border-top:0.5px solid #e8e6df;padding-top:5px;margin-top:4px;}
.caution-box{margin:1.25rem;background:#FAEEDA;border-radius:8px;padding:10px 14px;}
.caution-label{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#854F0B;margin-bottom:4px;}
.caution-text{font-size:14px;color:#633806;line-height:1.6;}

/* SCRIPT */
.script-box{border:0.5px solid #e8e6df;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;}
.script-tabs{display:flex;border-bottom:0.5px solid #e8e6df;}
.stab{flex:1;padding:8px 12px;font-size:14px;color:#6e6d66;text-align:center;border-right:0.5px solid #e8e6df;cursor:pointer;background:#fff;}
.stab:last-child{border-right:none;}
.stab.active{background:#EAF3DE;color:#27500A;font-weight:600;}
.script-head{padding:1rem 1.25rem;background:#f5f4f0;border-bottom:0.5px solid #e8e6df;}
.script-body{padding:1.25rem;}
.bubble-wrap{display:flex;flex-direction:column;gap:12px;}
.bubble{max-width:82%;padding:10px 14px;border-radius:12px;font-size:15px;line-height:1.7;}
.bubble.you{background:#EAF3DE;color:#27500A;align-self:flex-end;border-bottom-right-radius:4px;}
.bubble.farmer{background:#f5f4f0;color:#1a1a18;align-self:flex-start;border-bottom-left-radius:4px;border:0.5px solid #e8e6df;}
.bubble-label{font-size:13px;color:#6e6d66;margin-bottom:4px;}
.bubble-label.right{text-align:right;}
.script-tip{margin-top:1rem;padding:10px 14px;background:#FAEEDA;border-radius:8px;font-size:14px;color:#633806;line-height:1.6;}
.script-tip strong{color:#412402;font-weight:600;}
.kakunin-box{margin-top:1rem;border:0.5px solid #e8e6df;border-radius:8px;overflow:hidden;}
.kakunin-label{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#6e6d66;padding:8px 12px;background:#f5f4f0;border-bottom:0.5px solid #e8e6df;}
.kakunin-grid{display:grid;grid-template-columns:1fr 1fr;}
.kakunin-col{padding:10px 14px;}
.kakunin-col:first-child{border-right:0.5px solid #e8e6df;}
.kakunin-col-title{font-size:14px;font-weight:600;margin-bottom:6px;}
.kakunin-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px;}
.kakunin-list li{font-size:14px;color:#4d4c48;line-height:1.5;display:flex;gap:6px;}
.kakunin-list li::before{content:"·";color:#3B6D11;flex-shrink:0;}
.kitai-box{margin-top:1rem;background:#EAF3DE;border-radius:8px;padding:10px 14px;}
.kitai-label{font-size:13px;font-weight:600;color:#3B6D11;margin-bottom:4px;}
.kitai-text{font-size:14px;color:#27500A;line-height:1.6;}

/* SEED */
.step-flow{display:flex;flex-direction:column;gap:0;margin-bottom:1.5rem;border:0.5px solid #e8e6df;border-radius:12px;overflow:hidden;}
.step-row{display:grid;grid-template-columns:48px 1fr;border-bottom:0.5px solid #e8e6df;}
.step-row:last-child{border-bottom:none;}
.step-row.active-step .step-num-col{background:#EAF3DE;}
.step-num-col{background:#f5f4f0;display:flex;align-items:center;justify-content:center;padding:1.1rem 0;border-right:0.5px solid #e8e6df;}
.step-num-text{font-size:18px;font-weight:500;color:#3B6D11;}
.step-content{padding:1.1rem 1.25rem;}
.step-title-s{font-size:15px;font-weight:500;margin-bottom:4px;}
.step-desc-s{font-size:15px;color:#4d4c48;line-height:1.6;}
.step-source{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;}
.source-tag{font-size:13px;padding:3px 8px;background:#EAF3DE;color:#27500A;border-radius:8px;}
.harvest-table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:15px;}
.harvest-table th{font-size:13px;color:#6e6d66;text-align:left;padding:6px 10px;border-bottom:0.5px solid #e8e6df;font-weight:400;}
.harvest-table td{padding:8px 10px;border-bottom:0.5px solid #e8e6df;color:#4d4c48;vertical-align:top;line-height:1.5;}
.harvest-table tr:last-child td{border-bottom:none;}
.harvest-table td:first-child{font-weight:500;color:#1a1a18;white-space:nowrap;}
.timing-tag{display:inline-block;font-size:13px;padding:2px 8px;border-radius:8px;background:#EAF3DE;color:#27500A;}
.difficulty-dot{display:inline-block;width:8px;height:8px;border-radius:50%;}
.diff-easy{background:#3B6D11;}
.diff-mid{background:#BA7517;}

/* STORAGE */
.storage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:1.5rem;}
.storage-card{border:0.5px solid #e8e6df;border-radius:12px;padding:1rem;}
.storage-title{font-size:15px;font-weight:500;margin-bottom:6px;}
.storage-desc{font-size:14px;color:#4d4c48;line-height:1.5;}

/* EXCHANGE */
.exchange-box{border:0.5px solid #e8e6df;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;}
.exchange-head{padding:1rem 1.25rem;background:#f5f4f0;border-bottom:0.5px solid #e8e6df;}
.exchange-body{padding:1.25rem;display:flex;flex-direction:column;gap:10px;}
.exchange-item{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;background:#f5f4f0;border-radius:8px;border:0.5px solid #e8e6df;}
.exchange-badge{font-size:13px;padding:3px 8px;border-radius:8px;white-space:nowrap;font-weight:600;}
.badge-online{background:#E6F1FB;color:#0C447C;}
.badge-offline{background:#EAF3DE;color:#27500A;}
.badge-community{background:#FAEEDA;color:#633806;}
.exchange-text{font-size:15px;color:#4d4c48;line-height:1.6;}
.exchange-text strong{color:#1a1a18;font-weight:500;}

/* COMMUNITY */
.power-grid{display:grid;grid-template-columns:1fr 1fr;border:0.5px solid #e8e6df;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;}
.power-col{padding:1.5rem;}
.power-col:first-child{border-right:0.5px solid #e8e6df;}
.power-col:last-child{background:#f5f4f0;}
.power-head{font-size:15px;font-weight:500;color:#6e6d66;margin-bottom:1rem;text-align:center;}
.power-num{font-size:48px;font-weight:500;line-height:1;text-align:center;margin-bottom:6px;}
.power-num.solo{color:#6e6d66;}
.power-num.group{color:#3B6D11;}
.power-unit{font-size:15px;text-align:center;margin-bottom:1rem;}
.power-unit.solo{color:#6e6d66;}
.power-unit.group{color:#3B6D11;}
.power-items{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;}
.power-items li{font-size:15px;line-height:1.5;color:#4d4c48;display:flex;gap:8px;}
.power-items li::before{content:"·";flex-shrink:0;}
.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:1.5rem;}
.action-card{border:0.5px solid #e8e6df;border-radius:12px;overflow:hidden;}
.action-head{padding:.875rem 1.1rem;border-bottom:0.5px solid #e8e6df;background:#f5f4f0;}
.action-title-c{font-size:15px;font-weight:500;margin-bottom:3px;}
.action-badge-c{font-size:13px;color:#6e6d66;}
.action-body-c{padding:1rem 1.1rem;}
.action-how{font-size:15px;color:#4d4c48;line-height:1.6;margin-bottom:8px;}
.action-value{font-size:14px;color:#3B6D11;line-height:1.5;padding:6px 10px;background:#EAF3DE;border-radius:8px;}
.start-box{border:0.5px solid #e8e6df;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;}
.start-step{display:grid;grid-template-columns:44px 1fr;border-bottom:0.5px solid #e8e6df;}
.start-step:last-child{border-bottom:none;}
.start-num{background:#f5f4f0;border-right:0.5px solid #e8e6df;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#3B6D11;}
.start-content{padding:1rem 1.25rem;}
.start-title-s{font-size:15px;font-weight:500;margin-bottom:4px;}
.start-desc-s{font-size:15px;color:#4d4c48;line-height:1.6;}
.start-example{font-size:14px;color:#6e6d66;margin-top:6px;font-style:italic;}
.line-rooms{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:1.5rem;}
.room-card{border:0.5px solid #e8e6df;border-radius:12px;padding:1rem;}
.room-card.main{border-color:#97C459;background:#EAF3DE;}
.room-name{font-size:15px;font-weight:600;margin-bottom:3px;}
.room-card.main .room-name{color:#27500A;}
.room-desc{font-size:14px;line-height:1.5;color:#4d4c48;}
.room-card.main .room-desc{color:#3B6D11;}
.room-status{font-size:13px;margin-top:6px;padding-top:6px;border-top:0.5px solid #e8e6df;color:#6e6d66;}
.room-card.main .room-status{color:#3B6D11;border-top-color:#C0DD97;}

/* CHECKLIST */
.phase-tabs{display:flex;border:0.5px solid #e8e6df;border-radius:8px;overflow:hidden;margin-bottom:1.5rem;}
.ptab{flex:1;padding:10px 8px;font-size:14px;color:#6e6d66;text-align:center;border-right:0.5px solid #e8e6df;cursor:pointer;background:#fff;line-height:1.4;}
.ptab:last-child{border-right:none;}
.ptab.active{background:#EAF3DE;color:#27500A;font-weight:600;}
.checklist{display:flex;flex-direction:column;border:0.5px solid #e8e6df;border-radius:12px;overflow:hidden;margin-bottom:1rem;}
.check-item{display:grid;grid-template-columns:44px 1fr;border-bottom:0.5px solid #e8e6df;cursor:pointer;}
.check-item:last-child{border-bottom:none;}
.check-item:hover{background:#f5f4f0;}
.check-item.checked{background:#EAF3DE;}
.check-box{display:flex;align-items:center;justify-content:center;border-right:0.5px solid #e8e6df;padding:1rem 0;}
.check-circle{width:20px;height:20px;border-radius:50%;border:1.5px solid #d3d1c7;display:flex;align-items:center;justify-content:center;}
.check-item.checked .check-circle{background:#3B6D11;border-color:#3B6D11;}
.check-tick{width:10px;height:10px;display:none;}
.check-item.checked .check-tick{display:block;}
.check-content{padding:1rem 1.25rem;}
.check-title{font-size:15px;font-weight:500;margin-bottom:3px;line-height:1.4;}
.check-item.checked .check-title{color:#27500A;}
.check-desc{font-size:14px;color:#4d4c48;line-height:1.5;}
.check-cost{font-size:13px;color:#6e6d66;margin-top:4px;}
.check-item.checked .check-cost{color:#3B6D11;}
.progress-bar-wrap{margin-bottom:1.5rem;}
.progress-label{display:flex;justify-content:space-between;font-size:14px;color:#4d4c48;margin-bottom:6px;}
.progress-track{height:6px;background:#f5f4f0;border-radius:3px;overflow:hidden;border:0.5px solid #e8e6df;}
.progress-fill{height:100%;background:#3B6D11;border-radius:3px;transition:width .3s;}
.phase-message{padding:12px 16px;border-radius:8px;font-size:15px;line-height:1.6;margin-bottom:1rem;display:none;}
.phase-message.show{display:block;}
.phase-message.complete{background:#EAF3DE;color:#27500A;}
.phase-message.partial{background:#f5f4f0;color:#4d4c48;}

/* CALC */
.calc-box{border:0.5px solid #e8e6df;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;}
.calc-head{padding:1rem 1.25rem;background:#f5f4f0;border-bottom:0.5px solid #e8e6df;}
.calc-body{padding:1.25rem;display:flex;flex-direction:column;gap:14px;}
.calc-check{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:15px;color:#4d4c48;}
.calc-check input{width:16px;height:16px;cursor:pointer;accent-color:#3B6D11;}
.calc-result{padding:1.25rem;border-top:0.5px solid #e8e6df;background:#f5f4f0;}
.result-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
.result-card{text-align:center;}
.result-label{font-size:13px;color:#6e6d66;margin-bottom:4px;}
.result-val{font-size:22px;font-weight:500;color:#3B6D11;line-height:1;}
.result-unit{font-size:14px;color:#4d4c48;margin-top:3px;}

/* TEMPLATE */
.intro-template{border:0.5px solid #e8e6df;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;}
.template-head{padding:1rem 1.25rem;background:#f5f4f0;border-bottom:0.5px solid #e8e6df;}
.template-body{padding:1.25rem;}
.template-fields{display:flex;flex-direction:column;gap:10px;margin-bottom:1.25rem;}
.field-row{display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:center;}
.field-label{font-size:15px;color:#4d4c48;}
.field-input{padding:8px 10px;border:0.5px solid #6e6d66;border-radius:8px;font-size:15px;background:#fff;color:#1a1a18;width:100%;}
.template-preview{background:#f5f4f0;border-radius:8px;padding:14px;font-size:15px;color:#1a1a18;line-height:1.9;border:0.5px solid #e8e6df;margin-bottom:1rem;min-height:80px;}
.template-preview .placeholder{color:#6e6d66;}
.copy-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:0.5px solid #6e6d66;border-radius:8px;font-size:15px;color:#4d4c48;background:#fff;cursor:pointer;}
.copy-btn.copied{color:#27500A;border-color:#97C459;background:#EAF3DE;}

/* LINE CTA */
.line-cta{border:0.5px solid #e8e6df;border-radius:12px;overflow:hidden;}
.line-cta.strong{border:2px solid #97C459;}
.line-cta-head{padding:1.25rem 1.5rem;background:#f5f4f0;border-bottom:0.5px solid #e8e6df;}
.line-cta.strong .line-cta-head{background:#EAF3DE;border-bottom-color:#C0DD97;}
.line-cta-title{font-size:16px;font-weight:500;margin-bottom:4px;}
.line-cta.strong .line-cta-title{font-size:18px;color:#27500A;}
.line-cta-desc{font-size:15px;color:#4d4c48;line-height:1.6;}
.line-cta.strong .line-cta-desc{font-size:15px;color:#3B6D11;}
.line-cta-body{padding:1.25rem 1.5rem;border-bottom:0.5px solid #e8e6df;}
.topic-bubble{background:#EAF3DE;border-radius:8px;padding:10px 14px;font-size:15px;color:#27500A;font-weight:500;margin-bottom:10px;line-height:1.5;}
.line-examples{font-size:14px;color:#6e6d66;line-height:1.8;}
.line-foot{padding:1.25rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:8px;}
.line-btn{display:inline-flex;align-items:center;gap:8px;background:#06C755;color:#fff;font-size:15px;font-weight:500;padding:11px 28px;border-radius:8px;border:none;cursor:pointer;width:100%;max-width:320px;justify-content:center;}
.line-btn.large{font-size:16px;padding:14px 32px;max-width:360px;}
.line-sub{font-size:13px;color:#6e6d66;}
.line-sub a{color:#3B6D11;cursor:pointer;}
.member-count{font-size:14px;color:#6e6d66;display:flex;align-items:center;gap:6px;}
.leaf-dots{display:flex;gap:3px;align-items:center;}
.leaf{width:8px;height:8px;border-radius:50% 0;background:#C0DD97;transform:rotate(45deg);}

/* LINE COMMUNITY BOX */
.community-intro{border:0.5px solid #e8e6df;border-radius:12px;overflow:hidden;}
.intro-head{padding:1.25rem 1.5rem;border-bottom:0.5px solid #e8e6df;background:#f5f4f0;}
.intro-body{padding:1.25rem 1.5rem;border-bottom:0.5px solid #e8e6df;}
.intro-foot{padding:1.25rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:10px;}
.topic-label{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#6e6d66;margin-bottom:8px;}
.flow-steps{display:flex;flex-direction:column;gap:0;}
.flow-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-top:0.5px solid #e8e6df;}
.flow-item:first-child{border-top:none;}
.flow-icon{width:24px;height:24px;border-radius:50%;background:#EAF3DE;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-size:14px;font-weight:600;color:#3B6D11;}
.flow-text{font-size:15px;color:#4d4c48;line-height:1.6;}
.flow-text strong{color:#1a1a18;font-weight:500;}
.already-link{font-size:14px;color:#6e6d66;}
.already-link a{color:#3B6D11;cursor:pointer;}

/* CLOSING */
.closing{padding:3rem 2rem;text-align:center;border-bottom:0.5px solid #e8e6df;}
.closing-title{font-size:22px;font-weight:500;margin-bottom:1rem;line-height:1.5;}
.closing-title span{color:#3B6D11;}
.closing-desc{font-size:15px;color:#4d4c48;line-height:1.8;max-width:480px;margin:0 auto;}

/* CH NAV */
.ch-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;}
.ch-nav a{font-size:15px;color:#3B6D11;font-weight:500;cursor:pointer;}
.ch-nav span{font-size:15px;color:#6e6d66;cursor:pointer;}
.ch-nav-dots{display:flex;gap:6px;}
.dot{width:6px;height:6px;border-radius:50%;background:#d3d1c7;}
.dot.active{background:#3B6D11;}

/* SEED SOURCE */
.step-single{border:0.5px solid #e8e6df;border-radius:12px;overflow:hidden;}
.step-head{display:grid;grid-template-columns:48px 1fr;background:#EAF3DE;}
.step-num-col2{display:flex;align-items:center;justify-content:center;padding:1.25rem 0;border-right:0.5px solid #C0DD97;}
.step-title-col{padding:1.1rem 1.25rem;}
.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:1.25rem;}
.source-card{border:0.5px solid #e8e6df;border-radius:12px;padding:1rem;}
.source-card.highlight{border-color:#97C459;background:#EAF3DE;}
.source-illustration{grid-column:span 2;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f5f4f0;}
.source-illustration img{display:block;width:100%;height:100%;object-fit:cover;}
@media (max-width:600px){.source-grid{grid-template-columns:1fr;}.source-illustration{grid-column:span 1;}}
.source-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.source-name{font-size:15px;font-weight:500;}
.source-card.highlight .source-name{color:#27500A;}
.source-badge{font-size:12px;padding:2px 7px;border-radius:8px;white-space:nowrap;font-weight:600;}
.badge-easy{background:#EAF3DE;color:#27500A;}
.badge-community2{background:#FAEEDA;color:#633806;}
.badge-shop{background:#E6F1FB;color:#0C447C;}
.source-desc{font-size:14px;color:#4d4c48;line-height:1.6;}
.source-card.highlight .source-desc{color:#3B6D11;}
.source-tip{font-size:13px;color:#6e6d66;margin-top:6px;padding-top:6px;border-top:0.5px solid #e8e6df;line-height:1.5;}
.source-card.highlight .source-tip{color:#3B6D11;border-top-color:#C0DD97;}
.first-pick{margin:0 1.25rem 1.25rem;border:0.5px solid #C0DD97;border-radius:8px;padding:10px 14px;}
.first-pick-label{font-size:13px;font-weight:600;color:#3B6D11;margin-bottom:6px;}
.first-pick-items{display:flex;flex-wrap:wrap;gap:6px;}
.pick-tag{font-size:14px;padding:4px 10px;background:#EAF3DE;color:#27500A;border-radius:8px;}
.caution2{margin:0 1.25rem 1.25rem;background:#FAEEDA;border-radius:8px;padding:10px 14px;}
.caution-label2{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#854F0B;margin-bottom:4px;}
.caution-text2{font-size:14px;color:#633806;line-height:1.6;}

/* MAP PLACEHOLDER */
.map-placeholder{border:0.5px dashed #6e6d66;border-radius:12px;padding:3rem 2rem;text-align:center;margin-bottom:1.5rem;}
.map-ph-label{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#6e6d66;margin-bottom:8px;}
.map-ph-title{font-size:16px;font-weight:500;margin-bottom:8px;}
.map-ph-desc{font-size:15px;color:#4d4c48;line-height:1.7;max-width:400px;margin:0 auto 1.25rem;}
.map-ph-btn{display:inline-block;font-size:15px;padding:8px 20px;border:0.5px solid #3B6D11;border-radius:8px;color:#3B6D11;cursor:pointer;background:transparent;}
.map-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:1rem;}
.map-tag{font-size:14px;padding:4px 10px;background:#EAF3DE;color:#27500A;border-radius:8px;}

/* PRESERVE */
.preserve-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:1.5rem;}
.preserve-item{border:0.5px solid #e8e6df;border-radius:12px;padding:1rem;}
.preserve-name{font-size:15px;font-weight:500;margin-bottom:4px;}
.preserve-period{font-size:14px;color:#3B6D11;margin-bottom:4px;}
.preserve-desc{font-size:14px;color:#4d4c48;line-height:1.5;}

/* MYTH */
.myth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.5rem;}
.myth-card{border-radius:12px;padding:1.1rem 1.25rem;}
.myth-card.before{background:#FAECE7;border:0.5px solid #F5C4B3;}
.myth-card.after{background:#EAF3DE;border:0.5px solid #C0DD97;}
.myth-tag{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;}
.myth-card.before .myth-tag{color:#993C1D;}
.myth-card.after .myth-tag{color:#3B6D11;}
.myth-text{font-size:15px;line-height:1.6;}
.myth-card.before .myth-text{color:#712B13;}
.myth-card.after .myth-text{color:#27500A;}

/* FOOTER */
.site-footer{padding:2rem;text-align:center;border-top:0.5px solid #e8e6df;}
.site-footer p{font-size:14px;color:#6e6d66;line-height:1.8;}

@media(max-width:600px){
  .compare-grid,.myth-grid,.recipe-body,.method-body,.power-grid,.kakunin-grid,.result-grid,.field-row{grid-template-columns:1fr;}
  .recipe-col:first-child,.method-col:first-child{border-right:none;border-bottom:0.5px solid #e8e6df;}
  .power-col:first-child{border-right:none;border-bottom:0.5px solid #e8e6df;}
  .ch-title{font-size:22px;}
  
}

.nav-bar{display:flex;align-items:center;background:#fff;border-bottom:0.5px solid #e8e6df;height:48px;padding:0;gap:0;overflow:visible;position:sticky;top:0;z-index:500;}




.nav-ch-wrap{display:flex;align-items:center;overflow-x:auto;}
.nav-ch{position:relative;font-size:14px;color:#6e6d66;padding:0 12px;height:52px;display:flex;align-items:center;cursor:pointer;white-space:nowrap;border-right:0.5px solid #e8e6df;text-decoration:none;flex-shrink:0;}
.nav-ch:first-child{border-left:0.5px solid #e8e6df;}

.nav-ch.nav-active{background:#EAF3DE;color:#27500A;font-weight:600;}


.nav-ch:hover{background:#f5f4f0;color:#1a1a18;}
.nav-tip{visibility:hidden;position:absolute;top:48px;left:0;background:#2c2c2a;color:#fff;font-size:13px;white-space:nowrap;padding:5px 10px;border-radius:0 6px 6px 6px;pointer-events:none;z-index:999;}
.nav-ch:hover .nav-tip{visibility:visible;}
.nav-cta{flex-shrink:0;margin-left:auto;margin-right:1rem;font-size:14px;padding:6px 14px;border:0.5px solid #3B6D11;border-radius:8px;color:#3B6D11;cursor:pointer;background:transparent;white-space:nowrap;text-decoration:none;}
.nav-cta:hover{background:#EAF3DE;}

/* ナビバー左端のロゴ（クリックで TOP へ） */
.nav-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 12px;height:48px;border-right:0.5px solid #e8e6df;text-decoration:none;}
.nav-logo img{display:block;width:32px;height:32px;object-fit:contain;transition:opacity .15s ease;}
.nav-logo:hover img{opacity:0.7;}
@media(max-width:600px){
	.nav-logo{padding:0 8px;}
	.nav-logo img{width:28px;height:28px;}
}

/* =====================================================
 * INTERACTION DISCOVERABILITY ENHANCEMENT
 * タブUI・チェックリストの「クリック可能性」を視覚的に強調
 * ===================================================== */

/* タブ切替系ボタンの共通強化（CH2/CH3/CH4/CH4スクリプト/CH7フェーズ） */
.env-btn,.rtab,.mtab{
	transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease,box-shadow .15s ease;
	position:relative;
	padding-right:28px;
}
.env-btn:hover,.rtab:hover,.mtab:hover{
	background:#f3f8eb;
	border-color:#3B6D11;
	color:#27500A;
	box-shadow:0 1px 3px rgba(59,109,17,.08);
}
.env-btn:not(.active)::after,
.rtab:not(.active)::after,
.mtab:not(.active)::after{
	content:'›';
	position:absolute;
	right:12px;
	top:50%;
	transform:translateY(-50%);
	font-size:16px;
	line-height:1;
	color:#6e6d66;
	opacity:0;
	transition:opacity .15s ease,transform .15s ease;
}
.env-btn:not(.active):hover::after,
.rtab:not(.active):hover::after,
.mtab:not(.active):hover::after{
	opacity:1;
	transform:translateY(-50%) translateX(2px);
	color:#3B6D11;
}

/* スクリプトタブ・フェーズタブ（横一列で左右ボーダー区切り型） */
.stab,.ptab{
	transition:background .15s ease,color .15s ease;
}
.stab:hover,.ptab:hover{
	background:#f3f8eb;
	color:#27500A;
}
.stab:not(.active):hover,.ptab:not(.active):hover{
	box-shadow:inset 0 -2px 0 #97C459;
}

/* CH7 チェックリストのホバー強化 */
.check-item{
	transition:background .15s ease,box-shadow .15s ease;
}
.check-item:hover{
	background:#f3f8eb;
	box-shadow:inset 3px 0 0 #97C459;
}

/* 誘導文（タブやインタラクション機能の前に置く案内テキスト） */
.interaction-hint{
	font-size:15px;
	color:#4d4c48;
	margin-bottom:1rem;
	padding:10px 14px;
	background:#f3f8eb;
	border-left:3px solid #97C459;
	border-radius:0 6px 6px 0;
	line-height:1.6;
}
.interaction-hint .hint-icon{
	display:inline-block;
	margin-right:6px;
	color:#3B6D11;
	font-weight:600;
}

/* =====================================================
 * CHAPTER BANNER CARDS (TOP の章リンクをカード化)
 * front-page.php 内の .chapter-card-list で使用
 * ===================================================== */
.chapter-card-list{display:flex;flex-direction:column;gap:12px;margin-top:.5rem;}
.chapter-card{
	display:grid;
	grid-template-columns:auto 1fr auto;
	align-items:center;
	gap:16px;
	padding:18px 20px;
	background:#fff;
	border:0.5px solid #e8e6df;
	border-radius:10px;
	text-decoration:none;
	color:inherit;
	transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;
}
.chapter-card:hover{
	transform:translateY(-1px);
	box-shadow:0 4px 12px rgba(0,0,0,.08);
	border-color:#294d0b;
}
.chapter-card-num{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:54px;
	height:28px;
	padding:0 10px;
	background:#294d0b;
	color:#fff;
	border-radius:6px;
	font-size:13px;
	font-weight:600;
	letter-spacing:.04em;
	white-space:nowrap;
	flex-shrink:0;
}
.chapter-card-body{
	display:flex;
	flex-direction:column;
	gap:4px;
	min-width:0;
}
.chapter-card-title{
	font-size:14px;
	color:#6e6d66;
	letter-spacing:.02em;
	line-height:1.4;
}
.chapter-card-catch{
	font-size:17px;
	color:#1a1a18;
	font-weight:500;
	line-height:1.5;
}
.chapter-card-arrow{
	font-size:20px;
	color:#294d0b;
	flex-shrink:0;
	transition:transform .15s ease;
}
.chapter-card:hover .chapter-card-arrow{transform:translateX(3px);}

@media(max-width:600px){
	.chapter-card{
		grid-template-columns:auto 1fr auto;
		grid-template-rows:auto auto;
		gap:6px 12px;
		padding:14px 16px;
	}
	.chapter-card-num{
		grid-column:1/2;
		grid-row:1/2;
		font-size:12px;
		min-width:48px;
		height:24px;
	}
	.chapter-card-body{
		grid-column:2/3;
		grid-row:1/3;
		justify-content:center;
	}
	.chapter-card-title{font-size:13px;}
	.chapter-card-catch{font-size:15px;}
	.chapter-card-arrow{
		grid-column:3/4;
		grid-row:1/3;
		font-size:18px;
	}
}