@charset "utf-8";

/*===============================================
●共通
===============================================*/
#listBox ul li {
	line-height: 1.3em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-bottom:1px dotted #cccccc;
}
#listBox ul li span {
	display:block;
}
#listBox ul li a {
	display: block;
	color: #337ab7;
}
#listBox ul li a span {color: #333;}

/*===============================================
●画面の横幅が767px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 767px){
	
	/* listBox
	---------------------------------------- */
	#listBox .col-sm-3 {margin-bottom: 1em;}

	#map_canvas {
		width:100%;
		height:300px;
	}
}

/*===============================================
●画面の横幅が768px以上(PCのみ)
===============================================*/
@media screen and (min-width: 768px){
	
	/* listBox
	---------------------------------------- */
	#listBox {
		display: flex;
		flex-wrap: nowrap;
		padding-top: 2em;
	}
	#listBox .col-sm-3 {
		width: 30%;
		padding-right: 1em;
	}
	#listBox .col-sm-9 {width: 70%;}
	#map_canvas {
		width:100%;
		height:500px;
	}
}