@charset "UTF-8";
.top .top_img{
  height: 350px;
}
.top .parallax{
  background: url(../images/sightseeing/top_img.jpg) no-repeat;
  background-position: center top;
  background-size: cover;
}

.top .h2 img{
  width: 310px;
}
.top .pagelink .border p{
  width: 49%;
}

/* 周辺観光マップ */
.map{
  background: #001c2a;
  padding-bottom: 45px;
}
.map .h2 img{
  width: 96%;
  max-width: 344px;
}
.map .access_map{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.map .access_map iframe{
  width: 100%;
}
.map .btn{
  display: block;
  margin: 40px auto;
  padding: 0 22px;

}

/* common */
.btns{
  display: flex;
  justify-content: space-between;
}
.btn{
  border: none;
  padding: 0 5px;
}
.btn:hover{
  border:none;
}

.btn_detail span{
  padding-left: 40px;
  background: url(../images/common/btn_border_b.png), url(../images/sightseeing/icon_detail_b.png);
  background-repeat: no-repeat;
  background-size: contain, 26px auto;
  background-position: center bottom 10px, left 5px top 45%;
}
.btn_map span{
  padding-left: 40px;
  background: url(../images/common/btn_border_b.png), url(../images/sightseeing/icon_map_b.png);
  background-repeat: no-repeat;
  background-size: contain, 21px auto;
  background-position: center bottom 10px, left 5px center;
}
.btn_detail:hover span{
  background: url(../images/common/btn_border_w.png), url(../images/sightseeing/icon_detail.png);
  background-repeat: no-repeat;
  background-size: contain, 26px auto;
  background-position: center bottom 10px, left 5px top 45%;
}
.btn_map:hover span{
  background: url(../images/common/btn_border_w.png), url(../images/sightseeing/icon_map.png);
  background-repeat: no-repeat;
  background-size: contain, 21px auto;
  background-position: center bottom 10px, left 5px center;
}

.btn_blue.btn_detail span{
  padding-left: 40px;
  background: url(../images/common/btn_border_w.png), url(../images/sightseeing/icon_detail.png);
  background-repeat: no-repeat;
  background-size: contain, 26px auto;
  background-position: center bottom 10px, left 5px top 45%;
}
.btn_blue.btn_map span{
  padding-left: 40px;
  background: url(../images/common/btn_border_w.png), url(../images/sightseeing/icon_map.png);
  background-repeat: no-repeat;
  background-size: contain, 21px auto;
  background-position: center bottom 10px, left 5px center;
}
.btn_blue.btn_detail:hover span{
  background: url(../images/common/btn_border_b.png), url(../images/sightseeing/icon_detail_b.png);
  background-repeat: no-repeat;
  background-size: contain, 26px auto;
  background-position: center bottom 10px, left 5px top 45%;
}
.btn_blue.btn_map:hover span{
  background: url(../images/common/btn_border_b.png), url(../images/sightseeing/icon_map_b.png);
  background-repeat: no-repeat;
  background-size: contain, 21px auto;
  background-position: center bottom 10px, left 5px center;
}

.section .sec{
  line-height: 1.7;
}
.section .pick .en{
  font-size: 40px;
}
.section .pick .num{
  font-size: 120px;
  line-height: 0.75;
  color: #b66229;
  margin-left: 15px;
}
.section .ttl{
  position: relative;
}
.section .ttl .maru{
  width: 86px;
  position: absolute;
  right: 0;
  bottom: 15px;
}


/* 久住・竹田エリア */
.kuju{
  background: #cbcac2;
  padding-bottom: 25px;
}
.kuju .h2 img{
  width: 96%;
  max-width: 390px;
}

/* pick1 */
.kuju .kuju_box1{
  padding-top: 200px;
  align-items: flex-end;
  padding-bottom: 70px;
}
.kuju .kuju_box1 .right {
  width: 41%;
  max-width: 521px;
}
.kuju .kuju_box1 .right img{
  min-height: 273px;
  object-fit: cover;
  text-align: center;
}
.kuju .kuju_box1 .center{
  width: 55%;
  max-width: 667px;
  position: absolute;
  top: 0;
  right: 120px;
}
.kuju .kuju_box1 .center img{
  min-height: 350px;
  object-fit: cover;
  text-align: right;

}
.kuju .kuju_box1 .left{
  width: 49%;
  max-width: 600px;
  position: relative;
  z-index: 1;
  background: #cbcac2;
  padding-right: 3%;
  padding-left: 3%;
  padding-top: 30px;
}

.kuju .kuju_box1 .txt {
    width: 100%;
    max-width: 440px;
    margin-left: auto;
}
.kuju .txt .sec{
  margin: 16px 0;
}

/* pick2 */
.kuju .kuju_box2{
  margin-bottom: 70px;
}
.kuju .kuju_box2 .img img{
  width: 62%;
  max-width: 1240px;
  height: 542px;
  object-fit: cover;
  text-align: center;
}


.kuju .kuju_box2 .absolute{
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.kuju .kuju_box2 .right{
  width: 49%;
  max-width: 600px;
  position: relative;
  z-index: 1;
  background: #cbcac2;
  padding-right: 3%;
  padding-left: 3%;
  padding-top: 30px;
  margin-left: auto;

}
.kuju .kuju_box2 .txt {
  width: 100%;
  max-width: 440px;
}

/* pick3 */
.kuju .kuju_box3{
  margin-bottom: 70px;
}
.kuju .kuju_box3 .img img{
  margin-left: auto;
}
.kuju .kuju_box3 .right{
  margin-left: 0;
}
.kuju .kuju_box3 .txt{
  margin-left: auto;
}

/* list */
.section .list{
  display: flex;
  flex-wrap: wrap;
}
.section .list li{
  width: 32%;
  max-width: 326px;
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  margin-right: 2%;
}
.section .list li:nth-child(3),
.section .list li:nth-child(6),
.section .list li:nth-child(9),
.section .list li:nth-child(12){
  margin-right: 0;
}
.section .list li .img,
.section .list li .img img{
  min-height: 0%;
}

.section .list li .ttl p{
  margin: 15px 0 10px;
}
.section .ttl .maru{
  width: 25%;
  max-width: 75px;
  top: -30px;
  bottom: auto;
}
.section .list li .btns{
  margin-top: auto;
}

.section .list .btn span{
  padding-left: 30px;
  background-size: contain, 20px auto;
}
.kuju05 .ttl,
.kuju06 .ttl,
.oita08 .ttl,
.oita11 .ttl,
.oita12 .ttl,
.aso04 .ttl,
.aso05 .ttl{
  min-height: 91px;
}
.aso02 .ttl,
.oita07 .ttl .mincho{
  letter-spacing: -1px;
}

/* 大分広域エリア */
.oita{
  padding-bottom: 25px;
}
.oita .h2 img{
  max-width: 340px;
}
.oita .list li .ttl .waku{
  border: 1px solid #979690;
  padding: 5px;
  margin-right: 10px;
  float: left;
  height: 34px;
  padding-top: 0;
}
.oita .list li .ttl .kakko_l{
  margin-left: -10px;
}
.oita .list li .ttl .kakko_r{
  margin-left: -8px;
}

/* 大分広域エリア */
.aso{
  background: #001c2a;
  padding-bottom: 25px;
}
.aso .h2 img{
  max-width: 340px;
}
.aso .btn_blue:before,
.aso .btn_blue:after{
  background: #001c2a;
}


/* information */
.information{
  padding-bottom: 150px;
}
.information .h2 img{
  max-width: 439px;
}
.information .info_list li{
  display: flex;
  justify-content: space-between;
}
.information .info_list li .list_ttl{
  width: 31%;
  border-bottom: 1px solid #979690;
  padding: 15px 0 15px 15px;
  line-height: 1.7;
}
.information .info_list li .data{
  width: 67%;
  border-bottom: 1px solid #979690;
  padding: 15px 0 15px 15px;
  line-height: 1.7;
}
.information .info_list .time .data > p{
  display: flex;
}
.information .info_list .time .data .left{
  display: block;
  width: 100px;
}

@media screen and (max-width: 1100px){
  .kuju .ttl .maru{
    top: -65px;
  }
  .list .ttl .maru {
    width: 25%;
    max-width: 75px;
    top: -50px;
  }
}
@media screen and (max-width: 970px){
  /* pick1 */
  .kuju .kuju_box1{
    display: block;
    padding-top: 0;
    padding-bottom: 20px;
  }
  .kuju .kuju_box1 .left{
    width: 96%;
    max-width: 700px;
    margin: 0 auto 20px;
  }
  .kuju .kuju_box1 .center{
    width: 96%;
    max-width: 700px;
    margin: 0 auto 20px;
    position: static;
  }
  .kuju .kuju_box1 .right{
    width: 96%;
    max-width: 700px;
    margin: 0 auto 20px;
  }
  .kuju .kuju_box1 .txt{
    max-width: none;
    margin: 0;
  }

  /* pick2 */
  .kuju .kuju_box2{
    margin-bottom: 20px;
  }
  .kuju .kuju_box2 .absolute{
    position: static;
  }
  .kuju .kuju_box2 .right{
    width: 96%;
    max-width: 700px;
    margin: 0 auto 20px;
  }
  .kuju .kuju_box2 .txt{
    max-width: none;
  }
  .kuju .kuju_box2 .img img {
    width: 100%;
    max-width: none;
    height: auto;
  }

  /* list */
  .section .list li {
    width: 49%;
    max-width: none;
    margin-right: 0;
  }
  .section .list li:nth-child(odd){
    margin-right: 2%;
  }
}
@media screen and (max-width: 768px){
  .top .pagelink .border p {
    width: 90%;
  }
  .map .access_map,
  .map .access_map iframe{
    max-height: 300px;
  }
  .map .btn{
    width: 87%;
  }

  .kuju_box1 .ttl .maru,
  .kuju_box2 .ttl .maru {
    top: -85px;
  }
  .kuju04 .ttl .maru{
    top: -60px;
  }

  /* information */
  .information .info_list li{
    display: block;
  }
  .information .info_list li:first-child .data{
    border-top: none;
  }

  .information .info_list li .list_ttl{
    width: 100%;
    border-bottom: 1px dashed #979690;
  }
  .information .info_list li .data{
    width: 100%;
  }



}
@media screen and (max-width: 600px){
  .kuju .kuju_box2 .img img {
    min-height: 250px;
    object-fit: cover;
    text-align: center;
  }
  /* list */
  .section .list li {
    width: 96%;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
  }

}