@charset "UTF-8";
/* ===================================================
	周辺観光 Sightseeing CSS
====================================================== */
.title_wrap .cmn_tit {
  margin-bottom: 0.6em;
}
.title_wrap .lead {
  margin-bottom: 5.7em;
}
.title_wrap figure img {
  max-width: none;
  width: 100%;
}

#sec_spots {
  padding-top: 5.5em;
}
@media screen and (max-width: 600px) {
  #sec_spots {
    padding-bottom: 0 !important;
  }
}
#sec_spots .photo-list {
  margin-top: 4em;
}
@media screen and (max-width: 600px) {
  #sec_spots .photo-list .item {
    padding: 0;
  }
}
#sec_spots .photo-list .item .text > dl > dt {
  text-align: center;
  font-size: calc(30 / 14 * 1em);
  padding-bottom: 0.2em;
  border-bottom: solid 1px rgba(41, 22, 23, 0.2);
}
@media screen and (max-width: 600px) {
  #sec_spots .photo-list .item .text > dl > dt {
    font-size: calc(24 / 14 * 1em);
    text-align: left;
  }
}
#sec_spots .photo-list .item .text > dl > dd {
  margin-top: 0.8em;
}
#sec_spots .photo-list .item .text > dl > dd .icon-car {
  text-align: center;
  display: block;
  font-size: calc(14 / 14 * 1em);
  margin-bottom: 1.2em;
}
@media screen and (max-width: 600px) {
  #sec_spots .photo-list .item .text > dl > dd .icon-car {
    text-align: left;
  }
}
#sec_spots .photo-list .item .text > dl > dd p {
  line-height: 1.8;
}
#sec_spots .photo-list .item .text > dl > dd .button_wrap {
  margin-top: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: calc(13 / 14 * 1em);
}
#sec_spots .photo-list .item .text > dl > dd .button_wrap a {
  width: 48%;
}
@media (hover: hover) {
  #sec_spots .photo-list .item .text > dl > dd .button_wrap a:hover {
    background: rgba(41, 22, 23, 0.08);
  }
}
#sec_spots .photo-list.list-rows .item .photo_wrap {
  width: 70%;
}
@media screen and (max-width: 600px) {
  #sec_spots .photo-list.list-rows .item .photo_wrap {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  #sec_spots .photo-list.list-cols {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  #sec_spots .photo-list.list-cols .item {
    width: 100% !important;
  }
}
@media screen and (max-width: 600px) {
  #sec_spots .photo-list.list-cols .item + .item {
    margin-top: 6em;
  }
}
#sec_spots #sec_spots_md {
  margin-top: 9.5em;
  padding-top: 8.7em;
  padding-bottom: 9em;
}
@media screen and (max-width: 600px) {
  #sec_spots #sec_spots_md {
    margin-top: 4em;
  }
}

#sec_bus {
  padding: 7em 0;
}
#sec_bus .cmn_tit {
  margin-bottom: 2.5em;
}
@media screen and (max-width: 600px) {
  #sec_bus .cmn_tit {
    margin-bottom: 1em;
  }
}
#sec_bus .photo-list .item {
  background: #f5f4f3;
}
@media screen and (max-width: 600px) {
  #sec_bus .photo-list .item {
    padding: 1.5em;
  }
}
#sec_bus .photo-list .item > .photo_wrap {
  width: 41.7%;
}
#sec_bus .photo-list .item .text > dl > dt {
  font-size: calc(24 / 14 * 1em);
}