@charset "utf-8";

@font-face {
  font-family: SetoFontSP_sjis;
  src: url('../fonts/SetoFontSP_sjis.woff') format("woff");
}

/* クリッカブルマップの共通設定 */
svg {
  width: 100%;
  height: auto;
  max-width: 640px;
}

svg a:hover {
  opacity: 1;
}

/* テキスト要素はホバー判定から除外 */
svg text {
  pointer-events: none;
}

/* カーソルとフォーカススタイル */
#stairs1,
#kitchen,
#toilet1,
#wash1,
#porch,
#entrance,
#library,
#study-room1,
#wash2,
#rest-room,
#strage,
#stairs2,
#atrium,
#free-room,
#study-room2,
#general-only {
  cursor: pointer;
}

svg g:focus {
  outline: 2px solid #007acc;
  outline-offset: 2px;
}

/* 水回りエリア（青系ホバー） */
#kitchen:hover rect,
#toilet1:hover rect,
#wash1:hover rect,
#wash2:hover rect {
  fill: #bed2f1;
}

/* 児童室エリア（ピンク系ホバー） */
#library:hover rect,
#study-room1:hover polygon,
#free-room:hover rect,
#study-room2:hover polygon {
  fill: rgb(249, 170, 170);
}

/* 玄関・ポーチ・階段・靴箱・収納エリア（グレー系ホバー） */
#entrance:hover rect,
#porch:hover rect,
#stairs1:hover rect,
#stairs2:hover rect,
#entrance:hover polygon,
#strage:hover rect,
#atrium:hover rect,
#rest-room:hover rect {
  fill: #e9e9e9;
}

/* 一般専用（黄色系ホバー） */
#general-only:hover rect {
  fill: #f4e66e;
}



/* SVG内テキストのフォント設定 */
text[font-family*="SetoFont-SP"] {
  font-family: SetoFontSP_sjis, sans-serif;
}