/* =========================================
   P-REGION : Japan Map Color System
========================================= */

/* 1) 初期状態：全県グレー + 県境白 */
.p-region .prefecture {
  fill: #e4e4e8;
  stroke: #ffffff;
  stroke-width: 1;
  cursor: pointer;
  transition: fill 0.2s ease, opacity 0.2s ease;
}

/* 2) hover / active の時だけ地方色を出す
   - stroke は変えない（黒線にしない）
*/

/* 北海道 */
.p-region .prefecture.hokkaido:hover,
.p-region .prefecture.hokkaido.is-active {
  fill: #81aaff;
}

/* 東北 */
.p-region .prefecture.tohoku:hover,
.p-region .prefecture.tohoku.is-active {
  fill: #81aaff;
}

/* 関東 */
.p-region .prefecture.kanto:hover,
.p-region .prefecture.kanto.is-active {
  fill: #00cd99;
}

/* 中部 */
.p-region .prefecture.chubu:hover,
.p-region .prefecture.chubu.is-active {
  fill: #b6cc21;
}

/* 関西（kinki） */
.p-region .prefecture.kinki:hover,
.p-region .prefecture.kinki.is-active {
  fill: #ff6461;
}

/* 中国 */
.p-region .prefecture.chugoku:hover,
.p-region .prefecture.chugoku.is-active {
  fill: #ff9201;
}

/* 四国 */
.p-region .prefecture.shikoku:hover,
.p-region .prefecture.shikoku.is-active {
  fill: #ffa8da;
}

/* 九州（沖縄含む） */
.p-region .prefecture.kyushu:hover,
.p-region .prefecture.kyushu.is-active,
.p-region .prefecture.kyushu-okinawa:hover,
.p-region .prefecture.kyushu-okinawa.is-active {
  fill: #ffc100;
}

/* 3) 「アクティブがある時だけ」他を薄くする */
.p-region.has-active .prefecture:not(.is-active) {
  opacity: 0.35;
}



/* =========================
   Region Tags
========================= */

.p-region__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}

.p-region__tag {
  padding: 6px 12px;
  font-size: 13px;
  font-family: var(--m-font-sans);
  border: none;
  border-radius: 4px;
  background: #e5e5e5;
  color: #231815;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

/* hover */
.p-region__tag:hover {
  background: #d0d0d0;
}

/* active */
.p-region__tag.is-active {
  background: #d94848; /* 赤 */
  color: #ffffff;
}