@charset "utf-8";
/* ===================================================================

 file name  :access.css
 style info :アクセス情報

=================================================================== */

/* =============================

	overwrite

=============================== */
#content #pageHeader .pageInner{
	background:url(../images/access/bg_ttlpage.jpg) no-repeat 50% 0;
}

/* =================================== */
#main .inner{
	padding: 58px 50px 80px;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
#main .inner h3{
	margin: 0 0 32px;
	padding: 17px;
	font-size: 183%;
	line-height: 1;
	color: #614c3f;
	background: #f6f6f6;
}
#main .inner h3.clr-both{
	clear: both;
}
#main .inner .txt-block{
	width: 580px;
	float: left;
}
#main .inner .map{
	float: right;
	margin: 0 0 74px;
}
#main .inner .map figcaption{
	margin: 4px 0 0;
	text-align: right;
	font-size: 13px;
}
#main .inner .list01,
#main .inner .list02{
	margin: 0 0 65px;
	font-size: 134%;
	line-height: 1.875;
}
#main .inner .list01 dt{
	float: left;
}

#main .inner .list02 dt{
	color: #614c3f;
}
#main .inner .list02 dd small{
	display: block;
	margin: 5px 0 0;
	line-height: 1.4;
}
#main .inner .txt-block p{
	margin: 0 0 65px;
	font-size: 134%;
	line-height: 1.875;
}

#main .inner .list02 dd.mb{
	margin-bottom: 26px;
}
#main .inner .list02 .fz{ font-size: 22px; line-height: 1.4;}
#main .inner .list02 .fwb{ font-weight: bold;}
#main .inner .list02 .cl-r{ color: #c30d23;}

#main .inner .time{
	width: 100%;
	margin: -35px 0 0;
	font-size: 134%;
}
#main .inner .time caption{
	padding: 0.5em 1em;
	color :#614c3f;
	font-weight: bold;
	background: #e9e2de;
	border: solid 1px #d6d6d6;
	border-bottom: none;
}
#main .inner .time th,
#main .inner .time td{
	padding: 1em 0;
	text-align: center;
	border: solid 1px #d6d6d6;
}
#main .inner .time th{
	color: #014099;
}

#main .inner .parking{
	clear:both;
	margin-bottom: 70px;
	padding: 20px;
	border: 1px solid #d6d6d6;
	display: flex;
	justify-content: space-between;
}


/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){
	/* =============================

		overwrite

	=============================== */


	/* =================================== */
	#main .inner{
		padding: 20px 15px;
	}
	#main .inner h3{
		margin: 0 0 15px;
		padding: 15px 10px;
		font-size: 117%;
	}
	#main .inner .txt-block{
		width: 100%;
		float: none;
	}
	#main .inner .map{
		float: none;
		margin: 0 0 30px;
	}
	#main .inner .map figcaption{
		font-size: 10px;
	}
	#main .inner .list01,
	#main .inner .list02{
		margin: 0 0 30px;
		font-size: 100%;
		line-height: 1.6;
	}
	#main .inner .txt-block p{
		margin: 0 0 30px;
		font-size: 100%;
		line-height: 1.6;
	}

	#main .inner .list02 dd.mb{
		margin-bottom: 10px;
	}
	#main .inner .list02 .fz{ font-size: 18px;}

	#main .inner .time{
		width: 100%;
		margin: 0 0 20px;
		font-size: 92%;
	}
	#main .inner .time caption{
		padding: 0.5em 1em;
		color :#614c3f;
		font-weight: bold;
		background: #e9e2de;
		border: solid 1px #d6d6d6;
		border-bottom: none;
	}
	#main .inner .time th,
	#main .inner .time td{
		padding: 1em 0;
		text-align: center;
		border: solid 1px #d6d6d6;
	}
	#main .inner .parking{
		margin-bottom: 30px;
		padding: 10px;
		display: block;
	}

}