@charset "utf-8";

/** ***************************************************************************
 * アクセスマップ
 * ************************************************************************* */

#map {
}
#map.access {}

#map.access div.body {
  max-width: 960px;
  margin: 0 auto;
}

.access {
  padding: 50px 0;
  overflow: hidden;
}

.access__inner {
  width: 100%;
}

.access__heading {
  text-align: center;
  margin-bottom: 32px;
}

.access__heading-title {
  /*display: inline-block;*/
  text-align: center;
  font-size: 18px;
  letter-spacing: .15em;
  font-weight: 700;
  color: #000000;
  margin: 0;
  padding-bottom: 8px;
  position: relative;
  border-bottom: 1px solid #8b8574;
}

#map.access .detail {
  margin-top: 35px;
}
#map.access .image {}

#map.access dl.text {
  display: flex;
  margin-top: 20px;
}
#map.access dl.text dt {
 min-width: 80px;
}
#map.access dl.text dd {
  width: calc(100% - 80px);
  text-align: left;
}

/**
 * ボタン
 */

#map.access div.button {
  text-align: center;
}

#map.access div.button a {
  margin: 5px;
}
#map.access div.button .button-style-4 {
  background-color: #c1a98a;
  border-color: #c1a98a;
}
#map.access div.button .button-style-4:hover {
  background-color: #fff;
  border-color: #c1a98a;
}


@media screen and (min-width:768px) {

.access {
  padding: 100px 0;
  overflow: hidden;
}
#map.access .detail {
  margin-top: 65px;
  text-align: center;
}

#map.access dl.text {
  display: flex;
  margin-top: 40px;
}
#map.access dl.text dt {
 min-width: 180px;
}
#map.access dl.text dd {
  width: calc(100% - 180px);
  text-align: left;
}


/**
 * ボタン
 */

#map.access div.button .button-style-4 {
  min-width: 370px;
  border-color: #c1a98a;
}
#map.access div.button .button-style-4:hover {
  border-color: #c1a98a;
}

}

/**
 * xxxxxxxxx
 */

#xxxxxxxxx div.xxxxxxxxx {
}

@media screen and (min-width:768px) {
}