@charset "UTF-8";
/* CSS Document */
/*Latin America and the Caribbean*/
/* -------------------------------------------
   ▼▼ 国旗ズレ修正パッチ（詳細ページ用） ▼▼
   ------------------------------------------- */
/* 1. 地図の「追従(sticky)」を解除 */
/* これにより、計算が狂わず国旗が正しい位置に出ます */
.laatc_page .map_fixation {
  position: static !important;
  top: auto !important;
}
/* 2. 地図の枠からはみ出しても国旗を表示させる */
/* これを入れないと、端っこの国の国旗が切れてしまいます */
.laatc_page #svgMap-container {
  overflow: visible !important;
}
/*各国の地図サイズ*/
.detail-map-col {
  width: 100%;
  max-width: 440px;
  margin-right: auto;
  margin-left: auto;
  height: auto;
}
.laatc_page #svgMap-container {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 8;
}
@media screen and (max-width: 768px) {
  div.na_box {
    display: block;
  }
  div.na_box div.map_box {
    width: 320px; 
    margin: 0 auto 10px;
  }
  div.na_box div.list_box {
    width: 100%;
    padding-left: 0;
  }
}
/* --------------------------------------------------
   ▼ ポップアップの配色設定
   -------------------------------------------------- */
/*地図内の文字*/
.svgMap-tooltip .svgMap-tooltip-title {
  font-family: 'DIN', sans-serif !important;
  color: #00a32c;
}
.svgMap-tooltip .svgMap-tooltip-content {
  font-family: 'DIN', sans-serif !important;
}
/*  （No data）国の国名 */
/* 「no-data-mark」というクラスが含まれている場合だけ、タイトルをグレーにする */
.svgMap-tooltip:has(.no-data-mark) .svgMap-tooltip-title {
  color: #888888 !important;
  font-family: 'DIN', sans-serif !important;
}
/* 3. 「No data」という文字自体の色 */
.svgMap-tooltip .no-data-mark {
  color: #999999 !important;
  font-weight: normal;
}
@media print {
  .svgMap-tooltip {
    display: none !important;
  }
}