@charset "UTF-8";

.map_area{
  position:relative;
  width:100%;
  min-height:760px;
  background-image:url(../images/spot/map.png);
  background-repeat:no-repeat;
  margin-top:-40px;
}
.area{
  position:absolute;
  width:270px;
  line-height:1.4;
}
.area dt{
  font-family: fot-tsukubrdgothic-std,sans-serif;
  font-style: normal;
  font-size:40px;
  font-weight:bold;
  letter-spacing:-4px;
}
.area dd{
  font-size:13px;
  padding-left: 8px;
  letter-spacing:1px;
}
.area_takachiho{
  top: 150px;
  left: 80px;
}
.area_miyako{
  top: 520px;
  left: 40px;
}
.area_aoshima{
  top: 370px;
  left: 640px;
  width: 290px;
}
.area_nitinan{
  top: 620px;
  left: 620px;
  width:300px;
}
.area_takachiho dt{
  color:#56b9b2;
}
.area_miyako dt{
  color:#8dd1cb;
}
.area_miyako dd{
  margin-top:110px;
}
.area_aoshima dt{
  color:#ffb421;
}
.area_nitinan dt{
  color:#f59a98;
}
.abt_area{
  position:relative;
  display:flex;
  margin-top:50px;
  font-weight:bold;
  justify-content: space-between;
}
.abt_area dl.area_title_part dt{
  font-family: fot-tsukubrdgothic-std,sans-serif;
  font-style: normal;
  font-size:50px;
  font-weight:bold;
  letter-spacing:-4px;
  margin-bottom:30px;
}
.abt_area dl.area_title_part dd.sml{
  font-size:13px;
  line-height:1.7;
}
dl.osusume_spot{
  font-size:20px;
}
dl.osusume_spot dt{
  margin-bottom:8px;
}
dl.osusume_spot dd{
  font-size:13px;
  line-height:1.4;
      font-weight: normal;
}

.abt_takachiho dl.area_title_part dt{
  color:#56b9b2;
}
.abt_aoshima dl.area_title_part dt{
  color:#ffb421;
}
.abt_nichinan dl.area_title_part dt{
  color:#f59a98;
}
.abt_miyako dl.area_title_part dt{
  color:#8dd1cb;
}
.abt_takachiho dl.osusume_spot{
  width: 360px;
  margin-right: 0;
  margin-left: 20px;
  margin-top: -16px;
}
.abt_nichinan dl.osusume_spot{
  width:94%;
  margin-left:34px;
  margin-top:10px;
}
.motto{
  position:relative;
  background-image:url(../images/spot/motto.jpg);
  background-position:center top;
  background-repeat:no-repeat;
  padding-top:100px;
  margin-top:30px;
}
.motto_article{
  position:relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color:#f6efdc;
  min-height:110px;
  margin-bottom:20px;
}
.motto_article_inner{
  position:relative;
  display:flex;
  min-height:110px;
  justify-content: space-around;
  align-items: center;
  width:90%;
  margin-left:auto;
  margin-right:auto;
  padding-top:20px;
  padding-bottom:20px;
  line-height:1.4;
}
.marticle_left{
  font-size:18px;
  font-weight:bold;
  position:relative;
  width:226px;
}
.marticle_right{
  position:relative;
  width:490px;
  font-size:13px;
}
.moai {
  background-image:url(../images/spot/moai.jpg);
  background-repeat:no-repeat;
  background-position: 830px center;
  padding-right:20px;
}
.moai .marticle_right{
  padding-left:12px;
}
.abt_aoshima dl.osusume_spot{
  margin-top:-30px;
  width: 90%;
  margin-left: 17px;
}
.motto .yamamoto_1 {
  background-image:url(../images/spot/yamamoto_1.jpg);
  background-repeat:no-repeat;
  background-position: 20px 20px;
  padding-right:20px;
  width:100%;
}
.motto .yamamoto_2 {
  background-image:url(../images/spot/yamamoto_2.jpg);
  background-repeat:no-repeat;
  background-position: 20px 20px;
  padding-right:20px;
  width:100%;
}

.yamamoto .marticle_left{
  width:40%;
  margin-left:62px;
}

.yamamoto .marticle_right{
  width:60%;
  border-left: solid 1px #000;
  padding-left: 40px;
}
.yamamoto2 .marticle_left{
  width:40%;
  margin-left:62px;
}
.motto .yamamoto2 .marticle_left p{
  margin-left:-180px;
  margin-top:10px;
}
.yamamoto2 .marticle_right{
  width:61%;
  border-left: solid 1px #000;
  padding-left: 40px;
}
.abt_miyako dl.osusume_spot{
  width:90%;
  margin-left: 24px;
  margin-top: -20px;
}
.ft13{
  font-size:13px;
  font-weight:normal
}
.ft20{
  font-size:24px;
  margin-top:30px;
  font-weight:bold;
  font-family: fot-tsukubrdgothic-std,sans-serif;
  font-style: normal;
}
.banner_area{
  font-size:27px;
  font-weight:bold;
  margin-top:80px;
}
.banner_area ul{
  display:flex;
  justify-content: center;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  margin-bottom:20px
}
.banner_area ul li{
  margin-right:10px;
}