.con_intro, .con_sightseeing {
  width: 100%;
  max-width: 1120px;
  margin: auto
}

@media only screen and (max-width: 1109px) {
  .con_intro, .con_sightseeing {
    width: 90%
  }
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?ye47b6");
  src: url("../fonts/icomoon.eot?ye47b6#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?ye47b6") format("truetype"), url("../fonts/icomoon.woff?ye47b6") format("woff"), url("../fonts/icomoon.svg?ye47b6#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.con_intro {
  max-width: 1600px;
  margin-top: 115px
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_intro {
    margin-top: 74px
  }
}

@media only screen and (max-width: 767px) {
  .con_intro {
    margin-top: 3em
  }
}

.con_intro .txt_read {
  text-align: center;
  font-size: 116%
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_intro .txt_read {
    font-size: 108%
  }
}

@media only screen and (max-width: 767px) {
  .con_intro .txt_read {
    font-size: 100%
  }
}

@media only screen and (min-width: 768px) {
  .con_intro .txt_read {
    line-height: 2.33;
    letter-spacing: .1em
  }
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_intro .txt_read {
    line-height: 2;
    letter-spacing: .08em
  }
}

@media only screen and (max-width: 767px) {
  .con_intro .txt_read {
    line-height: 1.7;
    letter-spacing: .04em
  }
}

.con_intro #map {
  position: relatmive;
  padding-bottom: 43.75%;
  margin-top: 110px
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_intro #map {
    padding-bottom: 63.06306%
  }
}

@media only screen and (max-width: 767px) {
  .con_intro #map {
    padding-bottom: 0
  }
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_intro #map {
    margin-top: 70px
  }
}

@media only screen and (max-width: 767px) {
  .con_intro #map {
    margin-top: 2em
  }
}

.con_sightseeing {
  margin-top: 100px
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_sightseeing {
    margin-top: 70px
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing {
    margin-top: 3em
  }
}

.con_sightseeing h3 {
  margin-bottom: 45px;
  text-align: center
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_sightseeing h3 {
    margin-bottom: 35px
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing h3 {
    margin-bottom: 1.5em
  }
}

@media only screen and (min-width: 768px) {
  .con_sightseeing .box_sig {
    letter-spacing: -.4em
  }
}

.con_sightseeing .box_sig>li {
  margin: 60px 0 0 4.32432%
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_sightseeing .box_sig>li {
    margin: 40px 0 0 2%
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li {
    margin: 0.5em 0 0
  }
}

@media only screen and (min-width: 768px) {
  .con_sightseeing .box_sig>li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    width: 30.45045%
  }
  .con_sightseeing .box_sig>li:nth-child(3n+1) {
    margin-left: 0
  }
  .con_sightseeing .box_sig>li:nth-child(-n+3) {
    margin-top: 0
  }
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_sightseeing .box_sig>li {
    width: 32%
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li:first-child {
    margin-top: 0
  }
}

.con_sightseeing .box_sig>li .st {
  font-size: 124%
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_sightseeing .box_sig>li .st {
    font-size: 116%
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li .st {
    font-size: 108%
  }
}

@media only screen and (min-width: 768px) {
  .con_sightseeing .box_sig>li .st {
    margin-bottom: 13px;
    text-align: center;
    letter-spacing: .07em
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1109px) {
  .con_sightseeing .box_sig>li .st {
    margin-bottom: 10px
  }
}

@media only screen and (min-width: 768px) and (max-width: 767px) {
  .con_sightseeing .box_sig>li .st {
    margin-bottom: 0
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li .st {
    position: relative;
    letter-spacing: .04em;
    padding: .8em 1.5em .8em 1em;
    border: 1px solid #000;
    box-sizing: border-box
  }
  .con_sightseeing .box_sig>li .st:before, .con_sightseeing .box_sig>li .st:after {
    font-family: FontAwesome;
    vertical-align: middle
  }
  .con_sightseeing .box_sig>li .st:after {
    content: "";
    margin-left: .5em;
    position: absolute;
    right: .8em;
    top: 50%;
    line-height: 1;
    margin-top: -.5em;
    letter-spacing: normal;
    transition: transform 300ms ease
  }
  .con_sightseeing .box_sig>li .st.active:after {
    transform: rotate(180deg)
  }
}

.con_sightseeing .box_sig>li .st span {
  font-size: 113%;
  margin-right: .5em;
  color: #a37e39
}

@media only screen and (min-width: 768px) {
  .con_sightseeing .box_sig>li .inner {
    display: block !important
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li .inner {
    display: none;
    padding: .5em 0 1.5em
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li .inner .wrp_img img {
    width: 100%
  }
}

.con_sightseeing .box_sig>li .inner .wrp_txt {
  margin-top: 30px;
	min-height: 307px;
	position: relative;
	width: 100%;
}
.con_sightseeing .box_sig > li.second .inner .wrp_txt {
    min-height: 365px;
}
.con_sightseeing .box_sig > li.third .inner .wrp_txt {
    min-height: 343px;
}
@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt {
    margin-top: 20px
  }
   .con_sightseeing .box_sig > li.second .inner .wrp_txt ,
   .con_sightseeing .box_sig > li.third .inner .wrp_txt {
    min-height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt {
    margin-top: 1em
  }
  .con_sightseeing .box_sig>li .inner .wrp_txt {
	min-height: auto;
	}
	.con_sightseeing .box_sig > li.second .inner .wrp_txt,
	.con_sightseeing .box_sig > li.third .inner .wrp_txt {
		min-height: auto;
	}
}

.con_sightseeing .box_sig>li .inner .wrp_txt .time {
  text-align: center;
  font-size: 108%
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .time {
    font-size: 100%
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .time {
    font-size: 93%
  }
}

@media only screen and (min-width: 768px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .time {
    letter-spacing: .07em
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .time {
    letter-spacing: .04em
  }
}

.con_sightseeing .box_sig>li .inner .wrp_txt .cate {
  margin-top: 8px;
  text-align: center;
  letter-spacing: -.4em
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .cate {
    margin-top: .5em
  }
}

.con_sightseeing .box_sig>li .inner .wrp_txt .cate li {
  display: inline-block;
  padding: 0 18px;
  border-right: 1px solid rgba(98, 76, 34, 0.6);
  box-sizing: border-box;
  color: #a37e39;
  font-size: 139%;
  line-height: 1.3;
  font-family: 'Staatliches', cursive;
  /*font-family: 'Cormorant Infant', serif*/
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .cate li {
    padding: 0 13px
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .cate li {
    padding: 0 0.8em
  }
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .cate li {
    font-size: 131%
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .cate li {
    font-size: 124%
  }
}

@media only screen and (min-width: 768px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .cate li {
    letter-spacing: .04em
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .cate li {
    letter-spacing: .02em
  }
}

.con_sightseeing .box_sig>li .inner .wrp_txt .cate li:first-child {
  border-left: 1px solid rgba(98, 76, 34, 0.6)
}

.con_sightseeing .box_sig>li .inner .wrp_txt .txt {
  margin-top: 20px;
  font-size: 108%
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .txt {
    margin-top: 15px
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .txt {
    margin-top: 1em
  }
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .txt {
    font-size: 108%
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .txt {
    font-size: 100%
  }
}

@media only screen and (min-width: 768px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .txt {
    letter-spacing: .07em;
    line-height: 1.71
  }
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .txt {
    line-height: 1.6
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .txt {
    letter-spacing: .04em
  }
}

.con_sightseeing .box_sig>li .inner .wrp_txt .txt span {
  font-size: 86%
}

.con_sightseeing .box_sig>li .inner .wrp_txt .lnk {
  overflow: hidden;
  margin-top: 20px;
	bottom: 0;
position: absolute;
width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .lnk {
    margin-top: 15px
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .lnk {
    margin-top: 1em;
	position: relative;
  }
}

.con_sightseeing .box_sig>li .inner .wrp_txt .lnk li {
  float: left;
  width: 47.33728%
}

.con_sightseeing .box_sig>li .inner .wrp_txt .lnk li+li {
  margin: 0 0 0 5.32544%
}

.con_sightseeing .box_sig>li .inner .wrp_txt .lnk li+li.view_sp {
  margin-left: 0
}

.con_sightseeing .box_sig>li .inner .wrp_txt .lnk li a {
  width: 100%;
  box-sizing: border-box;
  /*font-family: 'Cormorant Infant', serif;*/
  font-family: 'Staatliches', cursive;
  font-size: 124%;
  line-height: 1
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .lnk li a {
    font-size: 116%
  }
}

@media only screen and (max-width: 767px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .lnk li a {
    font-size: 108%
  }
}

@media only screen and (min-width: 768px) and (max-width: 1109px) {
  .con_sightseeing .box_sig>li .inner .wrp_txt .lnk li a {
    padding: 0 15px 10px 0
  }
}

.gm-style-iw {
  color: #000 !important
}