@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	color: #000;
}
body {
	background-color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	-webkit-text-size-adjust:100%;
}

a{
	color:#003399;
}
a:link {
	color: #003399;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #003399;
}
a:hover {
	text-decoration: none;
	color: #b4c3e1;
}
a:active {
	text-decoration: none;
	color: #b4c3e1;
}

/* 共通スタイル */

#clear {
	clear:both;
}

#space4 {
	width:100%;
	height:4px;
}

#space8 {
	width:100%;
	height:8px;
}

#space16 {
	width:100%;
	height:16px;
}

#space32 {
	width:100%;
	height:32px;
}

#space64 {
	width:100%;
	height:64px;
}

.divicon {	/* 文字ラベル */
	display: table-cell;
	color: #fff;
	background-color: #1599E3;
	opacity: 0.85;
	white-space: nowrap;
	font-size: 12px;
	/*font-weight: bold;*/
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:4px;
	/*border-bottom-left-radius: 10px;*/
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}

@media screen and (min-width: 769px){
	body,td,th {
		font-size: 14px;
	}
	#detail_window{
		display: none;
		width:600px;
		height: auto;
		position: absolute;
		top: 10%;
		left: calc(50% - 300px);
		padding:2%;
		border: 2px solid #103B9E;
		text-align: left;
		background-color: #fff;
		z-index: 1000;
	}
	#wrapper{
		width: 96%;
		height: auto;
		margin: 0px auto 0px auto;
	}
	#title{
		width: 100%;
		height: auto;
		margin-top: 6px;
		
	}
	#title_mobile{
		display: none;
	}
	#menu{
		width: 25%;
		height: 700px;
		border-left: 1px solid #000;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		float: left;
		margin: 0px;
	}
	#srch_attr{
		width: 92%;
		height: auto;
		padding: 8px;
		background-color: #EBEBEB;
		margin: 8px auto 0px auto;
	}
	.srch_title{
		font-size: 1.5em;
	}
	.srch_keyword{
		width:96%;
	}
	.srch_category{
		width:30%;
		font-size: 1.2em;
	}
	.srch_pref{
		width: 96%;
	}
	.srch_city{
		width:96%;
	}
	.srch_button{
		width:120px;
		height: 34px;
		font-size: 20px;
	}
	#srch_result{
		width: 92%;
		height: 377px;
		padding: 8px;
		background-color: #EBEBEB;
		margin: 8px auto 0px auto;
	}
	#result{
		width: 96%;
		height: 331px;
		padding: 4px;
		background-color: #F5F5F5;
		margin: 4px auto 0px auto;
		border:0.5px solid #959595;
		overflow: auto;
	}
	#main{
		width: 74.2%;
		height: 700px;
		float: left;
		margin: 0px;
		border-right: 1px solid #000;
		border-top: 1px solid #000;
	}
	#footer{
		width: 99.4%;
		height: 50px;
		background-color: black;
		text-align: center;
		color: #fff;
		font-size:12px;
		line-height:25px;
	}
	
	.title_img{
		width:100%;
		border: 0px;
	}
	
	.map{
		width: 100%;
		height: 100%;
	}
	#close_btn_menu{
		display: none;
	}
	#menu_button{
		display: none;
	}
}

@media screen and (min-width: 429px) and (max-width:768px){
	body,td,th {
		font-size: 14px;
	}
	#detail_window{
		display: none;
		width:93%;
		height: 80vh;
		position: absolute;
		top: 20px;
		left: 8px;
		padding:1%;
		border: 2px solid #103B9E;
		text-align: left;
		background-color: #D6F2FF;
		z-index: 3000;
		overflow: auto;
	}
	#wrapper{
		width: 100%;
		height: auto;
	}
	#title{
		display: none;
	}
	#title_mobile{
		width: 100%;
		height: auto;
		margin-top: 6px;
	}
	#menu{
		width: 100%;
		height: 100vh;
		z-index:2000;
		top:0px;
		left:0px;
		position: absolute;
		overflow: auto;
		display: none;
		background-color: #fff;
		border: 0.5px solid #000;
	}
	#srch_attr{
		width: 92%;
		height: auto;
		padding: 8px;
		background-color: #EBEBEB;
		margin: 8px auto 0px auto;
	}
	.srch_title{
		font-size: 1.5em;
	}
	.srch_keyword{
		width:96%;
	}
	.srch_category{
		width:30%;
		font-size: 1.2em;
	}
	.srch_pref{
		width: 96%;
	}
	.srch_city{
		width:96%;
	}
	.srch_button{
		width:120px;
		height: 34px;
		font-size: 20px;
	}
	#srch_result{
		width: 92%;
		height: 377px;
		padding: 8px;
		background-color: #EBEBEB;
		margin: 8px auto 0px auto;
	}
	#result{
		width: 96%;
		height: 331px;
		padding: 4px;
		background-color: #F5F5F5;
		margin: 4px auto 0px auto;
		border:0.5px solid #959595;
		overflow: auto;
	}
	#main{
		width: 100%;
		height: auto;
		margin: 0px;
		border: 1px solid #000;
		display: block;
	}
	#footer{
		width: 100%;
		height: 50px;
		background-color: black;
		text-align: center;
		color: #fff;
		font-size:12px;
		line-height:23px;

	}
	
	.title_img{
		width:100%;
		border: 0px;
	}
	
	.map{
		width: 100%;
		height: 74vh;
		top:0px;
		left: 0px;
		z-index: 100;
		display: block;
		position: relative;
	}
	
	#close_btn_menu{
		display: block;
		margin-left:16px;
		font-size: 1.5em;
		color: #2294F3;
		text-align: right;
		cursor: pointer;
	}
	#menu_button{
		display: block;
		position:absolute;
		z-index:3000;
		border: 2px solid #0088F8;
		width:86px;
		height: auto;
		padding:8px;
		background-color: #fff;
		font-weight: bold;
		top:173px;
		left: 0px;
		cursor: pointer;
	}
}

@media screen and (max-width: 428px){
	body,td,th {
		font-size: 14px;
	}
	#detail_window{
		display: none;
		width:93%;
		height: 80vh;
		position: absolute;
		top: 20px;
		left: 8px;
		padding:1%;
		border: 2px solid #103B9E;
		text-align: left;
		background-color: #D6F2FF;
		z-index: 3000;
		overflow: auto;
	}
	#wrapper{
		width: 100%;
		height: auto;
	}
	#title{
		display: none;
	}
	#title_mobile{
		width: 100%;
		height: auto;
		margin-top: 6px;
	}
	#menu{
		width: 100%;
		height: 100vh;
		z-index:2000;
		top:0px;
		left:0px;
		position: absolute;
		overflow: auto;
		display: none;
		background-color: #fff;
		border: 0.5px solid #000;
	}
	#srch_attr{
		width: 92%;
		height: auto;
		padding: 8px;
		background-color: #EBEBEB;
		margin: 8px auto 0px auto;
	}
	.srch_title{
		font-size: 1.5em;
	}
	.srch_keyword{
		width:96%;
	}
	.srch_category{
		width:30%;
		font-size: 1.2em;
	}
	.srch_pref{
		width: 96%;
	}
	.srch_city{
		width:96%;
	}
	.srch_button{
		width:120px;
		height: 34px;
		font-size: 20px;
	}
	#srch_result{
		width: 92%;
		height: 377px;
		padding: 8px;
		background-color: #EBEBEB;
		margin: 8px auto 0px auto;
	}
	#result{
		width: 96%;
		height: 331px;
		padding: 4px;
		background-color: #F5F5F5;
		margin: 4px auto 0px auto;
		border:0.5px solid #959595;
		overflow: auto;
	}
	#main{
		width: 100%;
		height: auto;
		margin: 0px;
		border: 1px solid #000;
		display: block;
	}
	#footer{
		width: 100%;
		height: 50px;
		background-color: black;
		text-align: center;
		color: #fff;
		font-size:12px;
		line-height:14px;
	}
	
	.title_img{
		width:100%;
		border: 0px;
	}
	
	.map{
		width: 100%;
		height: 69vh;
		top:0px;
		left: 0px;
		z-index: 100;
		display: block;
		position: relative;
	}
	
	#close_btn_menu{
		display: block;
		margin-left:16px;
		font-size: 1.5em;
		color: #2294F3;
		text-align: right;
		cursor: pointer;
	}
	#menu_button{
		display: block;
		position:absolute;
		z-index:3000;
		border: 2px solid #0088F8;
		width:86px;
		height: auto;
		padding:8px;
		background-color: #fff;
		font-weight: bold;
		top:90px;
		left: 0px;
		cursor: pointer;
	}
}