@charset "utf-8";

/*---------------------------------
_page_bn
-----------------------------------*/
#page_bn {
	background-image: url(../img/main/access/page_bn.jpg);
}

/*---------------------------------
_information
-----------------------------------*/
#information {
	margin-bottom: 40px;
}
#information h2 {
	margin-bottom: 20px;
}
#information dl {
	margin-bottom: 20px;
}
#information dl dt {
	font-weight: bold;
}
#information .bg_slash {
	padding: 20px;
	background-image: url(../img/main/access/bg_slash.gif);
	background-size: 13px 13px;
}

/*---------------------------------
_direction
-----------------------------------*/
#direction h2 {
	margin-bottom: 20px;
}
#direction ol li {
	margin-bottom: 20px;
}
#direction .photo {
	margin-bottom: 20px;
}
#direction .icon {
	width: 28px;
	border-radius: 14px;
	background-color: #444444;
	color: #ffffff;
	text-align: center;
	float: left;
}
#direction .text {
	margin-left: 40px;
}

/*---------------------------------
_map
-----------------------------------*/
#map h2 {
	margin-bottom: 20px;
}
#map .ggmap {
	padding-bottom: 75%;
}

@media screen and (min-width : 600px),print {


}

@media screen and (min-width : 768px),print {
	
	/*---------------------------------
	_information
	-----------------------------------*/
	#information {
		margin-bottom: 70px;
	}
	#information h2 {
		margin-bottom: 30px;
	}
	
	/*---------------------------------
	_direction
	-----------------------------------*/
	#direction {
		margin-bottom: 30px;
	}
	#direction h2 {
		margin-bottom: 30px;
	}
	#direction ol {
		width: 680px;
		margin: 0 auto;
	}
	#direction ol li {
		width: 325px;
		margin-bottom: 30px;
	}
	#direction ol li:nth-child(odd) {
		float: left;
	}
	#direction ol li:nth-child(even) {
		float: right;
	}
##
	/*---------------------------------
	_map
	-----------------------------------*/
	#map {
		margin-bottom: 80px;
	}
	#map h2 {
		margin-bottom: 30px;
	}

}