/* guide.html簡略化対応スタイル */
/* CSS変数はcss/base/variables.cssに統一 */

/* ヒーローセクション調整 - 小さめに設定 */
.tokaido-hero {
  height: 60vh !important;
  min-height: 400px;
}

/* hero-subtitle 読みやすさ改善 - 縦書き維持 */
.tokaido-hero .hero-subtitle {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), -1px -1px 2px rgba(0, 0, 0, 0.7),
    1px -1px 2px rgba(0, 0, 0, 0.7), -1px 1px 2px rgba(0, 0, 0, 0.7) !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  line-height: 1.8 !important;
  color: #ffffff !important;
}

@media (max-width: 768px) {
  .tokaido-hero {
    height: 50vh !important;
    min-height: 350px;
  }

  .tokaido-hero .hero-subtitle {
    letter-spacing: 0.05em !important;
    line-height: 1.6 !important;
  }
}

@media (max-width: 480px) /* --bp-sm */ {
  .tokaido-hero {
    height: 45vh !important;
    min-height: 300px;
  }

  .tokaido-hero .hero-subtitle {
    font-size: 0.9rem !important;
    letter-spacing: 0.05em !important;
  }

  /* guide.htmlのh2サイズを32pxに調整 */
  .guide-header h2 {
    font-size: 1.8rem !important; /* 32px */
  }
}
.equipment-simple {
  max-width: 800px;
  margin: 0 auto;
}

.essential-items,
.recommended-items,
.seasonal-note {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 15px;
  padding: 2rem;
  margin-bottom: 2rem;
  border-left: 4px solid #d4af37;
}

.equipment-list,
.safety-list,
.tips-list {
  list-style: none;
  padding: 0;
  margin: 1rem 0;
}

.equipment-list li,
.safety-list li,
.tips-list li {
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(212, 175, 55, 0.2);
  font-size: 1rem;
}

.equipment-list li:last-child,
.safety-list li:last-child,
.tips-list li:last-child {
  border-bottom: none;
}

.safety-simple,
.tips-simple {
  max-width: 800px;
  margin: 0 auto;
}

.walking-tips,
.health-care,
.emergency-basic,
.photo-tips,
.local-interaction,
.memory-making {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 15px;
  padding: 2rem;
  margin-bottom: 2rem;
  border-left: 4px solid #d4af37;
}

.seasonal-note p {
  margin: 0.5rem 0;
  font-weight: 500;
}

.emergency-basic p {
  background: rgba(212, 175, 55, 0.1);
  padding: 1rem;
  border-radius: 10px;
  margin: 1rem 0;
  font-weight: 500;
}

/* 3カード対応のグリッド調整 */
.guide-index-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
  margin-top: 2rem;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
  .guide-index-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .essential-items,
  .recommended-items,
  .seasonal-note,
  .walking-tips,
  .health-care,
  .emergency-basic,
  .photo-tips,
  .local-interaction,
  .memory-making {
    padding: 1.5rem;
  }
}