@charset "utf-8";

@font-face {
	font-family: "MapFont"; /* 任意のフォントファミリー名を指定 */
	src: url("../SourceHanSansJP-Bold.otf") format("opentype"); /* フォントファイルへのパスとフォーマットを指定 */
	font-weight: normal;
	font-style: normal;
      /* font-display: swap; */ /* 推奨: フォント読み込み時の表示動作を制御 */
}

body {
  font-family: '源ノ角ゴシック','Noto Sans JP', 'Helvetica Neue', Helvetica, Arial, sans-serif , MapFont;
  background:linear-gradient(0deg,#FFFFFF,#EFEEE8,#FFFFFF);
}

div#canvas_wrap{
    border:2px solid black;
    background-image:url("../srk_gh_map_plus_road_NoPoint.png");
    background-size:62%;
    background-repeat: no-repeat; 
    // position: relative; 
    // main_contentsに集約 width:900px;  /* div#map_title_areaと合わせる */
    height:570px;
}

div#canvas_wrap img{
    display:hidden;
    position: absolute;
    object-fit:scale-down;
    // border:3px solid blue;
    width:100%;
    height:100%;
}

#canvas{
    // position: absolute;
    // border:1px solid red;
    // width:600px;
    // height:600px;

    width:100%;
    height:100%;
}

div#map_title_area{
	display:table;
    	/* main_contentsに集約 width:900px; canvas_wrapと合わせる */
}

div.map_title_area_inner {
    display: table-cell;
}

h1{
   padding-top:80px;
   text-align:center;
}

div#main_contents{
	margin:auto;
    	width:900px;  /* div#map_title_areaと合わせる */
    
}

div#canvas_wrap  a{
	text-decoration:none;
	color:black;
}

div#header{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	text-align:center;
	background:linear-gradient(0deg,#4F504E,#5C5C5A,#4F504E);
}


/* 指定グループホーム */
.gh_target a{
	color:red !important;
}
p.gh_name a{
	font-size:21px;
	line-height:1.2em;
	font-weight:bold;
}
.kind_num{
	font-size:34px;
	font-weight:bold;
}
.dsp_En{
	color:red !important;
}