@charset "UTF-8";

#breadcrumb:after {
  content: "";
  display: block;
  position: absolute; top: -100px; right: 0;
  width: 201px; height: 229px;
  background: url(../images/background-a.png) right top no-repeat;
  z-index: -1;
}

/* スライダーとホバーギミック */
.gimmick1 .title {
  padding: 8px 8px 6px 8px;
  background: url(../images/background-asanoha.png) right bottom no-repeat;
}
.gimmick1 .title h3 {
  margin: 0 0 0 1vw;
  color: #fff;
}

#access-map .title,
#access-car .title {
  background-color: #cd5a6e;
}
#access-train .title {
  background-color: #80192f;
}
.title {
  margin-bottom: 60px;
}
.b-pattern {
  background: url(../images/background-e.png) right bottom no-repeat;
}

.googlemap {
  text-align: center;
}
.access-route {
  margin-bottom: 40px;
  font-family: sans-serif;
  text-align: center;
}
.start, .point, .goal {
  padding: 20px;
}
.start {
  background: #e2bf5e;
}
.time {
  min-width: 160px;
  padding: 20px 0;
  background: url(../images/line.jpg) center top repeat-y;
}
.time p {
  margin: 0; padding: 0;
  background: #ffffff;
}
.point {
  background: #f0c8ab;
}
.goal {
  background: #cd5a6e;
  color: #ffffff;
}
.option {
  background: #ffffff;
}
.option-box {
  position: relative;
  background: url(../images/line.jpg) center top repeat-y;
}
.option-box .p-center p {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}