@charset "utf-8";

/* -----------------------------------------------------------
    ACCESS
-------------------------------------------------------------- */

#access {
	background: url(../img/stripe_bg.png) repeat center top;
}

#access .page_title_area {
	background: url(../img/access_title_img.jpg) no-repeat center top;
	background-size: cover;
}


@media screen and (max-width: 667px){
	#access {
		background: none;
	}
	
	#access .page_title_area {
		background: url(../img/access_title_img.jpg) no-repeat center center;
		background-size: cover;
	}
}



/*    ACCESS MAIN
-------------------------------------------------------------- */

#access .access_area {
}

#access .access_area .title{
	color: #A68C5E;
	font-size: 2.6rem;
	padding: 0;
	line-height: 1.6;
	/*
	letter-spacing: 0.05em;
	*/
	text-align: center;
	font-weight: bold;
}


/*　左側　*/
#access .access_area .contents_left {
	width: 600px;
}

#access .access_area .contents_left .a_map {
	text-align: left;
	margin: 60px 0 0 0;
}
#access .access_area .contents_left .a_map img {
	width: 600px;
}

/*　右側　*/
#access .access_area .contents_right {
	padding: 55px 0 0 0;
	width: 420px;
}

#access .access_area .contents_right .add{
	font-size: 2.0rem;
	padding: 0 0 0 0;
	line-height: 1.8;
	letter-spacing: 0.05em;
	font-weight: bold;
}

#access .access_area .contents_right .access_list {
}

#access .access_area .contents_right .access_list ul {
	padding: 30px 0 10px;
}

#access .access_area .contents_right .access_list ul li.list_title {
	border-bottom: 1px solid #E6DBCD;
	padding: 0 0 10px 0;
	font-size: 1.8rem;
	text-align: left;
	font-weight: bold;
	color: #A68C5E;
}

#access .access_area .contents_right .access_list ul li.list_title::before {
	content: " ";
    display:inline-block;
    width:30px;
    height:26px;
	margin: 0 15px 0 0;
	vertical-align: middle;
}
#access .access_area .contents_right .access_list ul li.list_title.car::before {
    background:url(../img/car_icon.png) no-repeat left center;
	background-size: 30px auto;
}
#access .access_area .contents_right .access_list ul li.list_title.bus::before {
    background:url(../img/bus_icon.png) no-repeat left center;
	background-size: 30px auto;
}
#access .access_area .contents_right .access_list ul li.list_title.train::before {
    background:url(../img/train_icon.png) no-repeat left center;
	background-size: 30px auto;
}

#access .access_area .contents_right .access_list ul li.content {
	padding: 5px 0 0 20px;
}
#access .access_area .contents_right .access_list ul li.content p {
	padding: 20px 0 0;
}
#access .access_area .contents_right .access_list ul li.content p::before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: #B19972;
	position: relative;
	left: -15px;
	top: -3px;
}


#access .access_area .map_area {
	padding: 70px 0 0 0;
}



@media screen and (max-width: 667px){
	
	#access {
	}
	
	#access .access_area {
		padding: 0 0 20px;
	}

	#access .access_area .title{
		font-size: 2.0rem;
		padding: 30px 0 0;
		letter-spacing: 0;
		text-align: left;
	}
	#access .access_area .txt{
		font-size: 1.6rem;
		padding: 20px 0 20px;
		line-height: 1.8;
		letter-spacing: 0;
	}

	/*　左側　*/
	#access .access_area .contents_left {
		width: auto;
		margin: 0 -20px;
	}

	#access .access_area .contents_left .a_img {
		text-align: center;
		margin: 0 0;
	}
	
	#access .access_area .contents_left .a_img img {
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
	}

	#access .access_area .contents_left .a_map {
		text-align: center;
		margin: 20px 0 0 0;
	}

	#access .access_area .contents_left .a_map img {
		width: 100%;
	}	
	
	/*　右側　*/
	#access .access_area .contents_right {
		width: 100%;
		display: block;
		padding: 0;
		float: none;
	}
	
	#access .access_area .contents_right .add{
		font-size: 1.8rem;
		padding: 15px 0 0 0;
		line-height: 1.8;
		letter-spacing: 0;
		text-align: center;
	}
	
	#access .access_area .contents_right .access_list {
		padding: 0 0 30px 0;
	}

	#access .access_area .contents_right .access_list ul {
		padding: 30px 0 0 0;
	}

	#access .access_area .contents_right .access_list ul li.list_title {
		padding: 0 0 10px 0;
		font-size: 1.8rem;
	}

	#access .access_area .contents_right .access_list ul li.list_title::before {
		content: " ";
		display:inline-block;
		width:20px;
		height:18px;
		margin: 0 12px 0 0;
	}
	#access .access_area .contents_right .access_list ul li.list_title.car::before {
		background:url(../img/car_icon.png) no-repeat left center;
		background-size: 20px auto;
	}
	#access .access_area .contents_right .access_list ul li.list_title.bus::before {
		background:url(../img/bus_icon.png) no-repeat left center;
		background-size: 20px auto;
	}
	#access .access_area .contents_right .access_list ul li.list_title.train::before {
		background:url(../img/train_icon.png) no-repeat left center;
		background-size: 20px auto;
	}
	

	#access .access_area .contents_right .access_list ul li.content {
		padding: 5px 0 0 20px;
	}

	#access .access_area .contents_right .access_list ul li.content p {
		padding: 10px 0 0;
		line-height: 1.6;
	}

	#access .access_area .contents_right .access_list ul li.content p::before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: #B19972;
	position: relative;
	left: -15px;
	top: -3px;
	}
	
	
}