@charset "utf-8";
.location-list {
  margin-bottom: 30px;
}
.location-list .col4 li .title {
  font-size: 12px;
}
.spotlist {}
.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.flex img {
  width: 100%;
}
.flex .ac01 {
  width: 56%;
}
.flex .ac02 {
  width: 39%;
}
@media screen and (max-width: 768px) {
  .flex {
    display: block;
    margin-bottom: 30px;
  }
  .flex .ac01 {
    width: 100%;
    margin-bottom: 20px
  }
  .flex .ac02 {
    width: 69.6614%;
  }
}
.spotlist dl {
  padding-bottom: 20px;
  font-size: 12px;
}
.spotlist dd:after, .spotlist dl:after {
  clear: both;
  display: block;
  content: '';
}
.spotlist dt {
  padding: 3px 8px;
  color: #000;
  background: #e7afbd;
}
.spotlist dd {
  padding: 5px 8px;
  border-bottom: 1px solid #efefef;
}
@media all and (-ms-high-contrast: none) {
  .spotlist dd {
    padding: 8px 8px 2px 8px;
  }
}
.spotlist .place {
  float: left;
  width: 50%;
}
.spotlist .distance {
  float: right;
  width: 50%;
  text-align: right;
}
.page-header-sub {
  color: #e7afbd;
}
.access-image{
	margin-bottom: 50px;
}