@charset "utf-8";

main h1 {
  background-image: url(../images/access/bg-access.png);
}

.map-title-wrap {
  display: flex;
  justify-content: space-between;
  padding: 5px 10px 5px 15px;
  background-color: #8B0B55;
}
.map-title-wrap div {
  font-size: 1.8rem;
  color: #fff;
}
.map-title-wrap div.pdf a {
  font-size: 1.6rem;
  color: #fff;
  background: url(../images/access/Adobe_PDF_file_icon_32x32.png) no-repeat right;
  background-size:  contain;
  padding: 3px 35px 3px 0;
}
.googlemap {
  padding: 5px 10px 5px 15px;
  background-color: #333;
  text-align: right;
}
.googlemap a {
  font-size: 1.6rem;
  color: #fff;
  background: url(../images/access/maps_48dp.png) no-repeat right;
  background-size:  contain;
  padding: 5px 35px 5px 10px;
}

.parking {
	padding: 0px;
	margin-top: 10px;
}
.access th {
  padding: 5px 5px 5px 0;
  white-space: nowrap;
}

.access td {
  padding: 5px 0;
}
h3.midokoro {
  background-color: #82A51F;
  border: solid 1px #82A51F;
  border-radius: 20px;
  color: #fff;
  font-size: 1.8rem;
  display: inline-block;
  padding: 3px 15px 2px 10px;
  font-weight: normal;
  margin-bottom: 20px;
}
div.route {
  font-size: 1.8rem;
}
a.blank {
  display: inline-block;
  padding-right: 28px;
  background: url(../images/access/img-kanko09.png) no-repeat right;
  color: #333;
}
span.point {
  display: inline-block;
  color: #fff;
  background-color: #FF9933; 
  padding: 3px 3px 0;
  margin-bottom: 5px;
}
div.link {
  border-bottom: dashed 1px #BBBBBB;
  padding: 15px 0 10px;
}
.link ul {
  margin-top: 5px;
}
.link ul li {
  list-style: none;
  margin-bottom: 10px;
}
.link ul li a {
  color: #2C7F2D;
}
@media only screen and (max-width : 480px) {
  main h1 {
    background-image: url(../images/access/bg-access-sp.png);
  }

.map-title-wrap {
  display: block;
}
.map-title-wrap div {
  font-size: 1.8rem;
  color: #fff;
}
.map-title-wrap div.pdf {
  margin: 5px 0;
  text-align: right;
}
.map-title-wrap div.pdf a, .googlemap a {
  font-size: 1.4rem;
}

  .access th, .access td {
    display: block;
  }
.access th {
  padding: 5px 0;
  white-space: nowrap;
}

.access td {
  padding: 0 0 15px;
}

}