/* アクセントカラー（青緑） */
:root { --dc-accent:#2e8b86; }

/* トップだけ：左サイド非表示＆メインをワイドに */
.tpl-top .sideContent { display:none; }
.tpl-top .mainContent { width:100%; max-width:1100px; margin:0 auto; }

/* セクション見出し統一 */
h2.title { 
  color:var(--dc-accent); font-weight:800; letter-spacing:.02em;
  border-left:6px solid var(--dc-accent); padding-left:.6rem; margin:0;
}
.section-title { margin:18px 0 10px; }

/* ヒーロー */
.dc-hero { 
  background:linear-gradient(135deg, #e8f5f4, #f6fbfb);
  border-radius:16px; margin:12px 0 16px; 
}
.dc-hero__inner { padding:28px 20px 26px; text-align:center; }
.dc-hero__tag { color:#3da39d; font-weight:700; margin:0 0 6px; }
.dc-hero__ttl { margin:0 0 6px; font-size:1.6rem; font-weight:900; color:#114; }
.dc-hero__sub { margin:0; color:#4b5563; }

/* テーマタイル */
.dc-tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
@media (max-width:980px){ .dc-tiles{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .dc-tiles{ grid-template-columns:1fr;} }
.dc-tile{
  display:block; border:1px solid #e5e7eb; border-radius:14px; padding:14px; 
  background:#fff; text-decoration:none; transition:transform .15s, box-shadow .15s;
}
.dc-tile h3{ margin:0 0 .25rem; font-size:1.05rem; color:#111;}
.dc-tile p{ margin:0; color:#555; font-size:.9rem;}
.dc-tile:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.06); }

/* 商品カード軽いホバー（既存カードに馴染む） */
.ui-box-item{ transition:transform .15s, box-shadow .15s; }
.ui-box-item:hover{ transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.06); }

/* ===== レクストアパレット用カスタム調整 ===== */

/* 「テーマで探す」の見出しを大きくする */
.dc-sec-title, .theme-title {
  font-size: 1.6em;   /* 好みに応じて1.4〜1.8emで調整 */
  font-weight: 700;
  margin: 1em 0;
  color: #006644;     /* 落ち着いた緑系の色 */
}

/* ワクワク・ドキドキ・イキイキ レクストアパレット の部分 */
.site-description {
  font-size: 1.3em;
  font-weight: 600;
  color: #333;        /* 濃いめの文字色で可読性UP */
}



/* お知らせの枠 */
.notice-box{
  border:1px dashed #cbd5e1; background:#f8fafc; border-radius:12px;
  padding:14px; color:#334155; line-height:1.6;
}
.dc-tile h3 {
  margin:0 0 .35em;
  font-size:18px;
  font-weight:700;
  color:#fff; /* ← タイトルを白抜きにする */
}