/* peachSpring.css */

.mainImgBlock .logo{
  position: absolute;
    bottom: 15px;
    right: 15px;
    background-color: #FFF;
    padding: 5px 30px;
    width: 350px;
}

.mainImgBlock .airplane{
  position: absolute;
    top: 15px;
    right: 15px;
}
.leadBlock{
  padding: 60px;
}
.leadBlock .inner{
  text-align: center;
}
.leadBlock .inner .logo{
    background-color: #FFF;
    padding: 5px 30px;
    width: 350px;
    margin: 0 auto;
}
.springTtl{
  padding: 30px 0;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
.koushin{
  text-align: center;
  margin-top: -10px;
}
.leadBlock .body{
  font-size: 20px;
    line-height: 1.6;
    font-weight: bold;
}
.leadBlock .body .red{
  display: block;
    font-size: 90%;
    padding: 20px;
    color: #b92855;
}
.topMessage .areaTag .item{
  flex-direction: column;
}
.topMessage .areaTag .item.item03 p{
  font-size: 70%;
}
.depNav_wrap{
  background-color: #992f8c;
}
@media (max-width: 768px) {
  .mainImgBlock .logo{
    padding: 5px 10px;
  }
  .mainImgBlock{
    margin: 0;
    width: 100%;
  }
  .mainImgBlock .airplane{
      width: 210px;
      top: 5px;
      right: 5px;
  }
  .leadBlock{
    padding: 30px 0;
  }
  .leadBlock .inner .logo{
    width: 300px;
  }
  .springTtl{
    padding: 15px 0;
    font-size: 20px;
  }
  .leadBlock .body{
    font-size: 15px;
  }
  .leadBlock .body .red{
    padding-bottom: 0;
  }
  .topMessage h3{
    font-size: 16px;
  }
  .topMessage .areaTag .item{
    width: 33%;
  }
  .topMessage .areaTag .item img{
    height: 90px;
  }
}

/* otherTour */
.swiper{
  padding-bottom: 30px;
}
.otherTour{
  background-color: #FFF;
}
.otherTour ul li a{
  display: block;
  margin: 10px;
/*border:solid 1px #e9e9e9;
     background-color: #d14e97;
border: none; */
    border-radius: 0;
    padding-bottom: 8px;
    background-color: #FFF;
    border: 8px solid #d14e97;
}
.otherTour ul li .ttl{
  padding: 10px 15px;
    color: #FFF;
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold;
    background-color: #d14e97;
}
.otherTour ul li .photo{
  position: relative;
/*   padding: 0 8px; */
}
.otherTour ul li .photo .tag{
  position: absolute;
    top: 5px;
    left: 15px;
}
.otherTour ul li .photo .tag01{
  background-color: #FFF;
    padding: 5px 10px;
    margin: 2px 0;
    display: inline-block;
    margin-right: 5px;
}
.otherTour ul li .photo .tag02{
  background-color: #bbe3ef;
    padding: 5px 10px;
    margin: 2px 0;
    display: inline-block;
    margin-right: 5px;
}
.otherTour ul li .photo .js-split-tag{
/*    margin: 10px 0;
     display: block; */
}
.otherTour ul li .photo .js-split-tag span{
  background-color: #e7e195;
    padding: 5px 10px;
    margin: 2px 0;
    display: inline-block;
    margin-right: 5px;
}
.otherTour ul li .photo .tag03{
  background-color: #e6e196;
    padding: 5px 10px;
    margin-right: 5px;
}
.otherTour ul li .photo .category{
  position: absolute;
  background-color: #FFF;
  bottom: -10px;
  right: -10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2f8a60 !important;
  line-height: 1.2;
  padding: 0;
  font-weight: bold;
}
.otherTour ul li .photo img{
  border-radius: 0;
}
.otherTour ul li .text{
  padding: 15px;
  background-color: #FFF;
/*   margin: 0 8px ; */
  padding-top: 30px;
}
.otherTour ul li .text .ttl{
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 10px;
}
.otherTour ul li .text .body{
  padding: 10px;
  line-height: 1.4;
  margin-bottom: 10px;
  background-color: #e6e196;
  border-radius: 0;
  font-weight: bold;
}
.otherTour ul li .text .body .ttl{
  display: block;
  background-color: #9b308c;
  border-radius: 20px;
  margin-top: -30px;
  text-align: center;
  display: flex;
    justify-content: center;
    line-height: 1;
    align-items: center;
}
.otherTour ul li .text .body .ttl img{
  width: 18px;
  margin-right: 10px;
}
.otherTour ul li .text .info{
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.otherTour ul li .text .info .pri{
  color: #b92855;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}
.otherTour ul li .text .info .getdpprice_info{
  width: 100%;
  margin-bottom: 10px;
}
  
.otherTour ul li .text .pri_wrap{
  color: #b92855;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}
.otherTour ul li .text p:last-child{
  background-color: #d14e97;
    color: #FFF;
    text-align: center;
    padding: 5px;
    font-size: 18px;
}

.lead{
  margin-top: 0;
  margin-bottom: 15px;
  color: #165640;
  font-weight: bold;
  font-size: 18px;
}

@media (max-width: 768px) {
  .otherTour ul li .ttl{
    font-size: 16px;
  }
  .otherTour ul li a{
  }
  .otherTour ul li .text .ttl{
    font-size: 16px;
  }
  .otherTour ul li .text .body{
    font-size: 16px;
  }
  #tour01 ul li p, #tour02 ul li p{
    font-size: 15px;
  }
  #tour01 ul li p.category, #tour02 ul li p.category{
    font-size: 12px;
  }
   #tour01 ul li p span,#tour02 ul li p span{
    font-size: 12px;
  }
  #tour01 ul li .pri, #tour02 ul li .pri{
    text-align: center;
  }
  .otherTour ul li .text .body{
    margin-bottom: 15px;
  }
  .otherTour ul li .text .body span{
    font-size: 13px;
  }
  .lead{
    font-size: 14px;
    margin-bottom: 5px;
  }
  .lead.point{
    margin-bottom: -20px;
  }
  .otherTour ul li .photo .category{
    font-size: 12px;
  }
  .otherTour ul li a .photo img {
    object-fit: cover;
    width:100%;
  }
  .otherTour .swiper-button-prev,.otherTour .swiper-button-next,.hotel .swiper-button-prev,.hotel .swiper-button-next{
    display: none;
  }
}
@media (min-width: 768px) {
    .otherTour .swiper-slide {
        width: 32%;
    }
    .otherTour .swiper-wrapper{
      flex-wrap: wrap;
      justify-content: center;
    }
}


/* tour */
.tour{
  background-color: #f5e6f0;
}
.tour .depNav__dep{
  background-color: #9b308c;
  margin-bottom: 30px;
}
.tour .depNav__dep .ptb15{
  align-items: center;
}
.tour .depNav__dep h2{
  margin-bottom: 0;
  font-size: 20px;
  padding-left: 10px;
}
.tour .depNav__dep--ttl::before{
  padding-right: 10px;
}
.tour .tourBox{
  margin-bottom: 60px;
}
.tour .box_inner{
  display: flex;
  justify-content: space-between;
}
.tour .btn_wrap{
  margin: 20px 0;
}
.tour .btn_wrap .ttl{
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
.tour .btn_area{
/*   background-color: #d14e97; */
/*     display: flex; */
     display: block;
    padding: 15px;
    justify-content: space-between;
    margin-bottom: 20px;
}
.tour .btn_area .planName{
  color: #FFF;
  width: 28%;
  font-weight: bold;
      color: #000;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}
.tour .btn_area .btn{
  width: 70%;
    display: flex;
        width: 100%;
    justify-content: center;
}
.tour .btn_area .btn .btn01,.tour .btn_area .btn .btn02,.tour .btn_area .btn .btn03,.tour .btn_area .btn .btn04{
  width: 24%;
    background-color: #FFF;
    border-radius: 6px;
    padding: 15px;
    margin: 0 0.5%;
}
.tour .btn_area .btn a{
  display: block;
  position: relative;
}
.tour .btn_area .btn a .day{
  font-size: 25px;
    font-weight: bold;
    text-align: center;
}
.tour .btn_area .btn a .info{
  flex-direction: column;
    text-align: center;
}
.tour .btn_area .btn a .info .pri{
  font-size: 22px;
  color: #b92855;
  font-weight: bold;
}
.tour .btn_area .btn .getdpprice_info{
  width: 100%;
}
.tour .btn_area .btn .here{
  background-color: #d14e97;
    color: #FFF;
    text-align: center;
    padding: 5px;
    font-size: 18px;
    margin-top: 10px;
}
.tour .box_inner .photo{
  width: 48%;
  overflow: hidden;
}
.tour .box_inner .text{
  width: 49%;
}

.tour .box_inner .text .area{
  background-color: #FFF;
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 15px;
    font-weight: bold;
}
.tour .box_inner .text h4{
  font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}
.tour .box_inner .text .body{
  font-weight: bold;
    font-size: 18px;
    margin-bottom: 30px;
}
.tour .box_inner .point{
  background: none;
    background-color: #e6e196;
    position: relative;
    padding: 15px 15px;
    padding-bottom: 0;
}
.tour .box_inner .point .ttl{
  background-color: #9b308c;
    color: #FFF;
    display: inline-block;
    padding: 5px 40px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: bold;
}
.tour .box_inner .pointList{
  font-size: 18px;
    font-weight: bold;
    padding: 15px 0;
    text-align: left;
}
.tour .box_inner .point ul{
  background: none;
    margin-bottom: 0;
}
.tour .box_inner .point ul li{
      height: auto;
      display: block;
      margin: 5px 0;
      text-align: left;
      font-weight: bold;
}
.tour .box_inner .point ul li:before{
  content:"・";
  display: inline-block;
}

@media (min-width: 769px) {
  .up-col-7>* {
      width: 14.285%
  }
}
@media (max-width: 768px) {
  .tour .depNav__dep h2 {
      font-size: 16px;
  }
  .tour .tab ul li{
    font-size: 16px;
    line-height: 1;
  }
  .tour .tab ul{
    padding-bottom: 0;
  }
  .tour .box_inner{
    display: flex;
    flex-wrap: wrap;
  }
  .tour .box_inner .photo{
    width:100%;
    order: 2;
  }
  .tour .box_inner .text{
    width:100%;
    order: 1;
    margin-bottom: 15px;
  }
  .tour .box_inner .point{
    order: 3;
  }
  .tour .box_inner .text .point,.tour .box_inner .point{
    padding-bottom: 15px;
    width: 100%;
  }
  .tour .box_inner .text .point .ttl,.tour .box_inner .point .ttl{
    margin-bottom:10px;
  }
  .tour .box_inner .text .point ul,.tour .box_inner .point ul{
    padding: 0;
  }
  .tour .btn_area{
    flex-wrap: wrap;
  }
  .tour .btn_area .planName{
    width: 100%;
    margin-bottom: 5px;
  }
  .tour .btn_area .btn{
    width: 100%;
    flex-wrap: wrap;
  }
  .tour .btn_area .btn .btn01, .tour .btn_area .btn .btn02, .tour .btn_area .btn .btn03, .tour .btn_area .btn .btn04{
/*     width: 49%; */
     width: 100%;
    margin-bottom: 2%;
  }
  .tour .btn_area .btn a .day{
    width: 40%;
    position: absolute;
    left: 0;
  }
  .tour .btn_area .btn a .info{
    width: 60%;
    margin-left: 40%;
  }
}
.point_inner{
  display: flex;
}
@media (max-width: 768px) {
  .point_inner{
    display: block;
  }
  .point .slick-dots{
    display: flex !important;
  }
  .pointSlider .slick-slide{
    width: 300px !important;
  }
}
.otherTour ul li .text .info .pri.kanbai,.tour .btn_area .btn a .info .pri.kanbai{
  color: #FFF ;
  font-size: 20px;
}
@media (max-width: 768px) {
  .otherTour ul li .text .info .pri.kanbai,.tour .btn_area .btn a .info .pri.kanbai{
    color: #FFF ;
    font-size: 16px;
  }
}
.box p.more{
  text-align: center;
    margin-bottom: 30px;
}
.box p.more a{ 
   background-color: #d14e97;
    padding: 10px 15px;
    font-size: 20px;
    color: #FFF;
}
@media (max-width: 768px) {
  .box p.more{
   background-color: #d14e97;
    padding: 10px 15px;
  }
  .box p.more a{ 
    font-size: 16px;
    padding: 0;
  }
}
.areaLink .box{
  margin: 0 0.5%;
}


.comming{
  text-align: center;
    font-size: 30px;
}
@media (max-width: 768px) {
  .comming{
  text-align: center;
    font-size: 16px;
}
}

@media (max-width: 599px) {
    .depNav__dep {
        background: none;
    }
}
