/* =========================================================
   農材製品ページ専用CSS（item_nouzai.css）
========================================================= */

/* ----------------------------------------
   01. 見出し（農材ページ専用）
---------------------------------------- */
.section-title {
  font-size: 1.9rem;
  margin: 60px 0 25px;
  padding-bottom: 8px;
  border-bottom: 3px solid #2a7f62;
  color: #2a7f62;
}

/* ----------------------------------------
   02. 農材ページの画像を大きめに表示
---------------------------------------- */
.agri-large img {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  display: block;
}

/* ----------------------------------------
   03. 農材ページの表
---------------------------------------- */
.agri-table {
  width: 100%;
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 15px;
}

.agri-table th,
.agri-table td {
  border: 1px solid #ccc;
  padding: 10px 12px;
  vertical-align: top;
}

.agri-table th {
  background: #f5f5f5;
  font-weight: bold;
  text-align: center;
}

/* 表スクロール */
.agri-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* ----------------------------------------
   04. リスト
---------------------------------------- */
.agri-list li {
  margin-bottom: 8px;
}

/* ----------------------------------------
   05. 製品ラインナップボックス
---------------------------------------- */
.product-box {
  background: #f7faf8;
  border: 2px solid #dceee4;
  padding: 25px 20px;
  border-radius: 10px;
  margin: 40px 0;
}

/* ----------------------------------------
   06. アコーディオン
---------------------------------------- */
.accordion {
  border: 1px solid #dceee4;
  border-radius: 8px;
  margin-bottom: 15px;
  overflow: hidden;
}

.accordion-title {
  background: #eef7f3;
  padding: 12px 15px;
  cursor: pointer;
  font-size: 1.2rem;
  color: #2a7f62;
}

.accordion-content {
  display: none;
  padding: 15px;
  background: #fff;
}