@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :access.css
 author     :Ability Consultant
style info  :アクセスページ
=================================================================== */
/* -----------------------------------------------------------
	汎用設定	　
----------------------------------------------------------- */
.btn_red, .con_map .btn {
  font-size: 13px;
}
.btn_red a, .con_map .btn a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  color: #FFF;
  text-decoration: none;
  padding: 5px 32px 5px 21px;
  background: url(../images/common/ic_arrow.png) no-repeat 96% center #8c1910;
}

.st, .con_map h4, .con_info h4, .con_route h4, .con_parking h4 {
  font-size: 16px;
  text-align: center;
  font-weight: normal;
  letter-spacing: 2.5px;
  margin-bottom: 30px;
}

img {
  vertical-align: top;
}

#access .tbl_basic {
  border-collapse: collapse;
  border: none;
  border-top: 2px solid #000;
  margin-bottom: 15px;
}
#access .tbl_basic th {
  border: none;
  border-bottom: 1px dashed #CCC;
  background: #FFF;
  text-align: center;
  width: 80px;
}
#access .tbl_basic td {
  border: none;
  border-bottom: 1px dashed #CCC;
}

/* -----------------------------------------------------------
	.con_title	　
----------------------------------------------------------- */
.con_title {
  width: 960px;
  height: 220px;
  margin: 0 auto;
  background: url(../access/images/bg_title.png) no-repeat top left;
}
.con_title h3 {
  padding-top: 105px;
  text-align: center;
  font-size: 16px;
  color: #FFF;
  font-weight: normal;
  letter-spacing: 4px;
}

/* -----------------------------------------------------------
	.con_map
----------------------------------------------------------- */
.con_map {
  width: 960px;
  margin: 20px auto 60px;
}
.con_map #map1 {
  width: 950px;
  height: 460px;
  border: 5px solid #f0f0f0;
  margin-bottom: 10px;
}
.con_map .box_fuk .name {
  margin-bottom: 3px;
  font-weight: bold;
}
.con_map .btn {
  text-align: right;
}
.con_map .btn a {
  padding: 12px 32px 12px 21px;
}

/* -----------------------------------------------------------
	.con_info
----------------------------------------------------------- */
.con_info {
  width: 960px;
  margin: 0 auto 80px;
  overflow: hidden;
}
.con_info .box_img {
  width: 480px;
  float: left;
}
.con_info .box_info {
  width: 480px;
  float: left;
}
.con_info .box_info h5 {
  margin: 10px 0 10px;
  font-size: 20px;
  padding: 0 0 5px 30px;
  border-bottom: 1px solid #000;
}
.con_info .box_info p {
  margin: 0 0 20px 30px;
  font-size: 12px;
}
.con_info .box_info .tbl_basic {
  width: 450px;
  margin: 0 0 0 30px;
}

/* -----------------------------------------------------------
	.con_route
----------------------------------------------------------- */
.con_route {
  width: 960px;
  margin: 0 auto 20px;
  overflow: hidden;
}
.con_route .box_route {
  width: 960px;
  margin-bottom: 60px;
}
.con_route .box_route h5 {
  background: url(../access/images/bg_boder.gif) no-repeat left center;
  padding-left: 28px;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: normal;
}
.con_route .box_route .wrp_route {
  width: 900px;
  padding: 29px;
  background: #FFF;
  border: 1px solid #c3c3c3;
}

/* -----------------------------------------------------------
	.con_parking
----------------------------------------------------------- */
.con_parking {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
.con_parking .txt_lead {
  margin-bottom: 20px;
  text-align: center;
}
.con_parking .box_parking {
  width: 960px;
  overflow: hidden;
}
.con_parking .box_parking h5 {
  background: url(../access/images/bg_boder.gif) no-repeat left center;
  padding-left: 28px;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: normal;
}
.con_parking .box_parking .wrp_txt {
  float: left;
  width: 480px;
}
.con_parking .box_parking .wrp_txt .tbl_basic {
  width: 480px;
}
.con_parking .box_parking .wrp_txt .txt_add {
  border: 3px double #525252;
  padding: 20px;
}
.con_parking .box_parking .wrp_map {
  float: right;
  position: relative;
  width: 445px;
  height: 300px;
  border: 3px solid #CCC;
}
.con_parking .box_parking .wrp_map:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
}

.con_parking .box_parking .wrp_map .img_route02 {
  position: absolute;
  top: 196px;
  left: 122px;
  z-index: 1000;
}
.con_parking .box_parking .wrp_map .img_route01 {
  position: absolute;
  top: 29px;
  left: 98px;
  z-index: 1000;
}
.con_parking .box_parking .wrp_map #map2 {
  width: 445px;
  height: 300px;
}


.box_parking.karasuma .map { float: right; margin: 0;}


/*駐車場マップ*/
.starList { margin: 20px auto 0; width: 90%; }
.starList li { position: relative; padding-left: 2.2em; margin-bottom: .5em; }
.starList li::before { position: absolute; left: 0; color: #f7b52c; }
.starList li:first-child::before { content: "★１"; }
.starList li:nth-child(2)::before { content: "★２"; }
.starList li:nth-child(3)::before { content: "★３"; }

.map { margin: 0 auto; }
.map img { width: 100%; }

.car_list { margin:36px 0 0; }
.car_list > li { width:320px; margin-bottom:20px; padding:18px 20px 20px; border:2px solid #b5b5b5; }
.car_list > li:not(:first-child) { margin-left: 20px; }
.car_list > li h4 { text-align: left; margin:0 0 14px; padding-bottom:8px; font-size:16px; border-bottom:1px solid #b5b5b5; }
.car_list > li h4 { text-align: left; margin:0 0 14px; padding-bottom:8px; font-size:16px; border-bottom:1px solid #b5b5b5; }
.car_list > li h4 .num { position:relative; display:inline-block; width:30px; height:30px; margin-right:8px; padding-left:1px; color:#fff; line-height:31px; text-align:center; border-radius:50%; }
.car_list > li h4 .num:before{ content:""; position:absolute; top:2px; left:2px; width:26px; height:26px; border:1px solid #fff; border-radius:50%; box-sizing:border-box; }

.car_list > li h4 .en { display: block; font-weight: normal; font-size: .7em; letter-spacing: .1em; color: #b5b5b5; }

.car_list > li h4 .dai { display: block; margin-top: .5em; }

.car_list > li dl + h5 { margin-top:12px; }
.car_list > li h5 { font-size:14px; margin:0 0 8px -0.5em; color:#1b1506; }
.car_list > li h5:before { content:"［"; margin-right:0.2em; }
.car_list > li h5:after { content:"］"; margin-left:0.2em; }

.car_list > li.car1 h4 .num { background:#dabf3b; }
.car_list > li.car2 h4 .num { background:#71c6da; }
.car_list > li.car3 h4 .num { background:#8d71b1; }
.car_list > li.car4 h4 .num { background:#49ae7d; }
.car_list > li.car5 h4 .num { background:#90c31f; }
.car_list > li.car6 h4 .num { background:#ea9e3a; }

.dl-Box > div { display:-webkit-flex; display:flex; }
.dl-Box dt,
.dl-Box dd { padding:1em 0; }
.dl-Box dt { width:24%; font-weight: bold; }
.dl-Box dt .en { display: block; font-weight: normal; font-size: .7em; letter-spacing: .1em; color: #b5b5b5; }
.dl-Box dd { text-align: left; -webkit-box-flex:1; flex:1; white-space:nowrap; }
.dl-Box dd a { color:#dc7308; text-decoration:underline; }
.dl-Box > div:last-child dt,
.dl-Box > div:last-child dd { border-bottom: none; }
.dl-Box[class*="-2"] dt { width:30%; }