/* 
 * Map Applications Override CSS
 * このCSSは共通CSSフレームワークとマップアプリケーションの競合を解決します
 */

/* コンテナの余白をリセット */
.container {
  padding-right: 0 !important;
  padding-left: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  width: 100% !important;
}

/* マップコンテナのスタイルを確保 */
.map-container {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* マップ要素のスタイルを確保 */
#map {
  width: 100% !important;
  height: 100% !important;
}

/* Google Maps版の特別なスタイル */
.container.panel-collapsed .map-container {
  margin-left: 0 !important;
}

/* 国土地理院版の特別なスタイル */
.map-container {
  position: relative;
  transition: all 0.3s ease;
}

/* レスポンシブ対応を維持 */
@media (max-width: 768px) {
  .map-container {
    height: 60vh !important;
  }
}