@charset "UTF-8";

/* ページ全体 */
.bgata-page {
  --green: #13747f;
  --pink: #d05291;
  --beige: #f4f6cf;
  --shadow: 0 4px 12px rgba(0,0,0,.05);
  color:#333;
  line-height:1.9;
  font-size:1.05rem;
}

/* タイトル帯 */
.bgata-hero {
  background: #eaf6f7;
  padding:2.2em 1.5em;
  border-radius:12px;
  box-shadow:var(--shadow);
  border-left:8px solid var(--green);
  margin-bottom:2em;
}
.bgata-hero h1 {
  margin:0 0 .4em;
  color:var(--green);
  font-size:1.8rem;
}

/* リード説明 */
.bgata-textbox {
  background:#fff;
  padding:1.6em;
  border-radius:12px;
  border-left:6px solid var(--pink);
  margin-bottom:2em;
  box-shadow:var(--shadow);
}
.bgata-textbox strong { color:var(--green); }

/* セクションタイトル */
.bgata-title {
  display:inline-block;
  background:var(--green);
  color:#fff;
  padding:.3em 1em;
  border-radius:20px;
  margin-bottom:.8em;
  font-size:1.15rem;
}

/* 利用案内リスト */
.bgata-usage-list {
  list-style: none;
  margin: 1em 0 0;
  padding: 1.2em 1.4em;
  background: #fcfcf8;
  border: 2px solid var(--beige);
  border-radius: 12px;
  box-shadow: var(--shadow);
}

.bgata-usage-list li {
  margin: .6em 0;
  font-size: 1.05rem;
  display: flex;
  flex-wrap: wrap;
}

.bgata-usage-list li span {
  color: var(--green);
  font-weight: bold;
  width: 7rem; /* ラベル幅をそろえて読みやすく */
  display: inline-block;
}

/* 補足メモ */
.bgata-usage-note {
  margin-top: .8em;
  padding: .8em 1em;
  background: #fff;
  border-left: 5px solid var(--pink);
  border-radius: 8px;
  font-size: .95rem;
  box-shadow: var(--shadow);
}


/* 情報ボックス */
.bgata-info-box {
  background:#fcfcf8;
  padding:1.5em;
  border-radius:12px;
  border:1px solid var(--beige);
  box-shadow:var(--shadow);
}
.bgata-list {
  list-style:none;
  padding:0;
  margin:0;
}
.bgata-list li {
  margin:.4em 0;
  padding:.2em 0;
}
.bgata-list span {
  font-weight:bold;
  color:var(--green);
  margin-right:.4em;
}

.bgata-note-text {
  background:#fff;
  padding:.6em .8em;
  border-radius:6px;
  font-size:.95rem;
  margin-top:.8em;
  border-left:4px solid var(--pink);
}

/* カード群 */
.bgata-cards {
  display:grid;
  gap:1.2em;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  margin-top:1.2em;
}
.bgata-card {
  background:#fff;
  border-radius:12px;
  padding:1.2em;
  box-shadow:var(--shadow);
  border:1px solid #eee;
}
.bgata-card h3 {
  color:var(--green);
  margin-bottom:.4em;
}

/* 想いセクション */
.bgata-message {
  margin:2.5em 0;
  background:#fff;
  padding:2em;
  border-radius:12px;
  border-left:6px solid var(--beige);
  box-shadow:var(--shadow);
}
.bgata-message p { margin:.6em 0; }
.bgata-message p:first-of-type { font-weight:bold; }

/* セクションの感覚の調整 */
.bgata-section {
  margin-bottom: 2.5rem;
}

/* ================================
   B型ページ：利用案内（箇条書き）
================================ */

.bgata-section .bgata-usage-list {
  list-style: none;
  margin: 1.4em 0 1.2em;
  padding: 1.4em 1.6em 1.4em 1.8em;
  background: #fcfcf8;
  border: 2px solid #f4f6cf;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,.05);
}

.bgata-section .bgata-usage-list li {
  margin: 0.6em 0;
  font-size: 1.05rem;
  line-height: 1.8;
  padding-left: 1.2em;
  position: relative;
}

/* 強調（項目名） */
.bgata-section .bgata-usage-list li strong {
  color: #13747f; /* メイン緑 */
  font-weight: 700;
  margin-right: .4em;
}

/* チェックマーク */
.bgata-section .bgata-usage-list li::before {
  content: "✔";
  color: #13747f;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: .1em;
}


/* ================================
   補足メモボックス
================================ */

.bgata-section .bgata-usage-note {
  background: #fff;
  border-left: 6px solid #d05291; /* ピンクのアクセント帯 */
  border-radius: 10px;
  padding: 1em 1.2em;
  box-shadow: 0 4px 12px rgba(0,0,0,.05);
  margin-top: .8em;
}

.bgata-section .bgata-usage-note p {
  margin: 0;
  font-size: .95rem;
  color: #555;
}

/* ====== 利用案内カード（タイトル＋リスト＋補足を1枠で） ====== */
.bgata-usage-card{
  background:#fefef9;                 /* ごく薄いアイボリー */
  border:2px solid #f4f6cf;           /* 既存ベージュ */
  border-radius:12px;
  padding:1.2em 1.4em 1.1em;
  box-shadow:0 6px 16px rgba(0,0,0,.06);
}

/* タイトルはカード内で少し余白調整 */
.bgata-usage-card .bgata-title{
  margin:0 0 .8em;
}

/* リストは“カード内の要素”としてフラットに（外枠はカード側が持つ） */
.bgata-usage-card .bgata-usage-list{
  list-style:none;
  margin:.4em 0 .8em;
  padding:0 0 0 1.6em;                 /* チェックの余白だけ残す */
  background:transparent;
  border:none;
  box-shadow:none;
}

/* 各行の体裁（既存と同様） */
.bgata-usage-card .bgata-usage-list li{
  margin:.55em 0;
  font-size:1.05rem;
  line-height:1.8;
  padding-left:1.2em;
  position:relative;
}
.bgata-usage-card .bgata-usage-list li strong{
  color:#13747f; font-weight:700; margin-right:.4em;
}
.bgata-usage-card .bgata-usage-list li::before{
  content:"✔"; color:#13747f; font-weight:bold;
  position:absolute; left:0; top:.1em;
}

/* 補足はカード内で“注記”風に。境界の線で軽く区切る */
.bgata-usage-card .bgata-usage-note{
  margin:.6em 0 0;
  padding:.7em .2em 0;
  border-top:1px dashed #f0eecf;
  background:transparent;
  box-shadow:none;        /* 既存の影を無効化 */
  border-left:none;       /* 既存のピンク帯を無効化 */
  color:#555; font-size:.95rem;
}

/* =========================================
   B型：活動カード（Gutenbergのcolumnsをそのまま装飾）
   対象HTML: .bgata-section > .bgata-cards > .wp-block-columns > .wp-block-column
========================================= */

/* --- タイトル＋カードを1枚の大きなカードに --- */
.bgata-works-card{
  background:#fff;
  border:1px solid #e9efe6;
  border-radius:14px;
  box-shadow:0 10px 26px rgba(0,0,0,.07);
  padding: .9rem .9rem 1.1rem;
}

/* 枠内タイトル：少し大きめバッジで近接 */
.bgata-works-card .bgata-title{
  margin: .1rem .2rem .6rem;
  background:#13747f;
  color:#fff;
  border-radius:9999px;
  padding:.42em 1.1em;
  display:inline-block;
}

/* 枠内のカラム群：外側余白を最小に */
.bgata-works-card .bgata-cards{ margin-top:.2rem; }

/* 子カード（各 .wp-block-column ）は既存の装飾＋ホバー増強 */
.bgata-works-card .wp-block-column{
  background:#fff;
  border:1px solid #e9efe6;
  border-radius:12px;
  box-shadow:0 6px 14px rgba(0,0,0,.06);
  padding:1.1rem 1.2rem 1.2rem;
  transition: transform .18s ease, box-shadow .18s ease;
}
.bgata-works-card .wp-block-column:hover{
  transform: translateY(-6px);
  box-shadow:0 16px 28px rgba(0,0,0,.10);
}

/* 見出し行と本文（既存の段落構造のまま） */
.bgata-works-card .wp-block-column > p:first-of-type{
  margin:0 0 .5rem;
  font-weight:700;
  color:#13747f;
  display:flex; align-items:center; gap:.55rem;
}
.bgata-works-card .wp-block-column > p:nth-of-type(n+2){
  margin:0; line-height:1.9; color:#333; font-size:1.02rem;
}

/* 絵文字アイコン */
.bgata-works-card .emoji{ width:1.15em; height:1.15em; vertical-align:-.15em; }

/* レスポンシブ（3→2→1列） */
@media (max-width:1000px){
  .bgata-works-card .wp-block-columns{ gap:1rem; }
}
@media (max-width:782px){
  .bgata-works-card .wp-block-columns{ display:grid; grid-template-columns:1fr 1fr; }
}
@media (max-width:540px){
  .bgata-works-card .wp-block-columns{ grid-template-columns:1fr; }
}