.peachTravel {
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

/* dplp.css */
#returnBtn{display: none;}
.campaign-back03{
  background: url(/upload/tenant_1/dplp_bg04.webp);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sbw__btn{
  background: #474747;
}
.docoTtl{
  background: none;
  padding:15px 0;
  background-color: #474747;
}
.mainImgBlock{
  padding-top: 0;
  position: relative;
}
.mainImgBlock .logo {
    position: absolute;
    top: 1%;
    left: 0;
    width: 360px;
    background: #fff;
}
.mainImgBlock .logo2 {
    position: absolute;
    bottom: 1%;
    right: 0;
    width: 360px;
    background: #fff;
}
.mainImgBlock .logo img,
.mainImgBlock .logo2 img{
      padding: 2px 10px;
}

.mainImgBlock .mainLogo {
  position: absolute;
  top: 14%;
  left: 8%;
  width: 75%;
}

.renew .mainImgBlock .mainLogo img {
  width: 100%;
}

.mainImgBlock .tag {
  position: absolute;
  bottom: 30px;
  left: 10%;
}
@media (max-width: 1650px) {
  .mainImgBlock .tag {
    left: 5%;
  }
}
@media (max-width: 1550px) {
  .mainImgBlock .tag {
    width: 15%;
  }
}
@media (max-width: 599px) {
  .mainImgBlock .tag {
      width: 25%;
      left: 10px;
      bottom: 10px;
  }
}
.mainImgBlock .topLink{
  position: absolute;
  right: 20px;
  top: 20px;
}
.mainImgBlock .topLink a{
  background-color: #FFF;
  padding: 5px 10px;
  font-size: 20px;
  font-weight: bold;
  color: #9b308c;
  border: solid 3px #9b308c;
  display: block;
  text-align: center;
}
.mainImgBlock .topLink a span{
  color: #000;
  font-size: 80%;
}

@media (max-width: 599px) {
  .mainImgBlock .topLink{
    right: 0px;
    top: 0px;
  }
  .mainImgBlock .topLink a{
    font-size: 12px;
    padding: 5px;
  }
  .mainImgBlock .logo {
      width: 210px;
      left: 0;
      top: 0%;
  }

  .mainImgBlock .logo2 {
      width: 210px;
      right: 0;
      bottom: 0%;
  }

  .mainImgBlock .mainLogo {
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

}
/*メインビジュアル*/
.peachImg {
    text-align: center;
    margin-bottom: 5px;
    position: relative;
    z-index: 0;
}

.peachImg > .pic {
    /* height: 600px; */
    height:430px;
}
.catchTtl{
  font-weight: bold;
  font-size: 170%;
  color: #e43497;
}
.peachImg .catch {
    max-width: 100%;
    width: 700px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    bottom: 190px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
}
.sw__dwWrap{
  width: 100%;
}
.searchWrap{
  padding-bottom: 60px;
}
.searchWrap .searchItem{
      width: 35%;
}
.searchWrap .mv{
    width: 62%;
    text-align: center;
    background-color: #ffffffc7;
    padding: 25px 40px;
    position: relative;
}
.cmn-ttl > span {
  color: #12397a;
}

.docoTtl{
    position: relative;
    top: 0;
}
.peachTravel .searchBox_wbf{
      width: 100%;
    border-radius: 0;
    background: #ffffffc7;
    padding: 20px;
}
.searchWrap .mv .ribbon{
      position: absolute;
    top: 0;
    left: 20px;
    width: 107px;
}
.searchWrap .mv .ribbon img{
  width: 100%;
}
.searchWrap .mv h4{
        margin-left: 16%;
    margin-bottom: 35px;
    width: 82%;
}
.searchWrap .mv h5{
    background-color: #054cac;
    background-image: -webkit-linear-gradient(left, #007adf 0%, #65ccd6 100%);
    background-image: linear-gradient(to right, #007adf 0%, #65ccd6 100%);
    color: #FFF;
    font-size: 20px;
    padding: 10px 30px;
    text-align: center;
    border-radius: 50px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 20px;
}
.searchWrap .mv h5 span{
    display: inline;
    background-color: #ffde01;
    font-size: 80%;
    padding: 0 15px;
    border-radius: 6px;
    color: #474747;
    vertical-align: middle;
}  
.searchWrap .mv p.ichioshi{
  display: flex;
    justify-content: center;
    align-items: center;
}
.searchWrap .mv p.ichioshi img{
      width: 16px;
    height: 10px;
}
.searchWrap .mv p.ichioshi span{
  color: #054cac;
  font-weight: bold;
  padding: 0 10px;
}
.searchWrap .mv .mvPoint{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 95%;
  margin: 0 auto;
}
.searchWrap .mv .mvPoint .item{
  width: 49%;
  background-color: #FFF;
  padding: 10px;
  border-radius: 6px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 6px 0;
}
.searchWrap .mv .mvPoint .item .text{
  color: #054cac;
  font-weight: bold;
  text-align: left;
  margin-left: 20px;
  font-size: 18px;
}
/* .searchWrap .mv .mvPoint .item:last-child{
    background: none;
    align-items: end;
    justify-content: end;
    padding: 0;
}
.searchWrap .mv .mvPoint .item:last-child a{
    display: flex;
    text-decoration: underline;
    align-items: center;
    font-size: 18px;
}
.searchWrap .mv .mvPoint .item:last-child a:hover{
  text-decoration: none;
  opacity: 0.7;
} */
.searchWrap .mv .mvPoint .item:last-child a img{
    width: 10px;
    height: 16px;
    margin-right: 10px;
}
.bg__ptn1{
  background: url(/upload/tenant_1/dplp_bg_news.webp) top left repeat;
}

.list {
  background-color: #a72c8b;
}

.list .ttl01,
.point .ttl01 {
  text-align: center;
}

.list .ttl01 span,
.point .ttl01 span,
.link .ttl01 span{
  color: #12397a;
  font-weight: bold;
  font-size: 1.6rem;
  padding: 3rem 0;
}

.kaigai .point .ttl01 {
  margin: 20px;
}

.list .homen {
    display: flex;
    justify-content: space-between;
    /* flex-wrap: wrap; */
    width: 100%;
    padding: 0 10px 10px;
}

.introItemLink .arrow {
    position: absolute;
    bottom: 0;
    left: 50%;
     -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.list ul li {
  background-color: #a72c8b;
  text-align: center;
  color: #fff;
  padding: 20px;
  /* width: 100%; */
  position: relative;
}

.list ul li a::after {
/*   font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  position: absolute;
  bottom: -5px;
  left: 0;
  right: -445px; */
}

@media screen and (max-width: 768px){
  .point .ttl01 {
    margin-top: 20px;
  }
  .point .ttl01 span {
    font-size: 1.2em;
  }
  .list .homen {
    margin: 0;
    padding: 0;
    justify-content: space-around;
  }
.list ul li {
    font-size: 14px;
    padding: 10px;
    overflow: hidden;
    border-bottom: 1px solid #b85ea3;
    border-right: 1px solid #b85ea3;
}
.list ul li:last-child {border:none;}
  .list ul li a::after{right:inherit;}
}

.point {
  background: url(/upload/tenant_1/peach_point_bg.webp) top left repeat;
  text-align: center;
}

.point .subPoint {
  display: flex;
}

.point .subPoint .left {
  width: 35%;
  border-radius: 6px;
  overflow:hidden;
}

.point .subPoint .right {
  width: 65%;
  margin-left: 30px;
  position: relative;
}

.point .subPoint .right .cms:before {
    transform: rotate(-25deg);
    content: "comming soon";
    display: inline-block;
    position: absolute;
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
    background-color: rgb(82 82 82 / 70%);
    top: 73%;
    left: 72%;
    z-index: 20;
}

.onsen_area .point .subPoint .right {
  width: 100%;
  margin-left: 0;
  position: relative;
}



.point h2 span {
  color: #fff;
  font-weight: bold;
}
.point img {
  margin: 0 auto;
  width: 80px;
  margin-bottom: 10px;
}
.point .point_card{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.point .point_card .card{
  width: 30%;
  margin-bottom: 15px;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
}
.kaigai .point .point_card .card {
  margin-bottom: 30px;
}
.point .point_card .card h6 span {
  font-weight: bolder;
  color: #a72c8b;
}
.point .point_card .card .text{
    background-color: #054cac;
    background-image: -webkit-linear-gradient(left, #007adf 0%, #65ccd6 100%);
    background-image: linear-gradient(to right, #007adf 0%, #65ccd6 100%);
    position: relative;
    padding: 100px 20px 20px 20px;
    color: #FFF;
}
.point .point_card .card .text p a{
    background: #FFF;
    border-radius: 4px;
    color: #047dde;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 10px 10px 5px 10px;
}
.point .point_card .card .text p a img{
    width: 6px;
    display: inline;
    line-height: 1;
    vertical-align: middle;
}
.point .point_card .card .text span.point{
    width: 80px;
    position: absolute;
    top: -30px;
    left: calc(50% - 40px);
    z-index: 11;
}
.point .point_card .card .text span.red{
  font-size: 12px;
}
.point .point_card .card .text h6{
      background-color: #FFF;
    padding: 10px 5px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    position: absolute;
    width: 90%;
    left: 5%;
    z-index: 10;
    top: -15px;
    color: #799600;
    font-size: 18px;
        display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 768px) {
  .point .subPoint {
    display: block;
  }
  .point .subPoint .left {
    width: 100%;
  }
  .point .subPoint .right {
    width: 100%;
    margin-top: 20px;
    margin: 0 auto;
    position: relative;
  }
  .point .subPoint .right .cms:before {
    transform: rotate(-25deg);
    content: "comming soon";
    display: inline-block;
    position: absolute;
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
    background-color: rgb(82 82 82 / 70%);
    top: 80%;
    left: 55%;
    z-index: 20;
}
}

@media (max-width: 599px){
  .point .subPoint .right .cms:before {
    transform: rotate(-25deg);
    content: "comming soon";
    display: inline-block;
    position: absolute;
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
    background-color: rgb(82 82 82 / 70%);
    top: 28%;
    left: 48%;
    z-index: 20;
}
}

.campaignImgList .direction .inner,.campaignImgList .theme .inner{
    background: #FFF;
    padding: 0 60px 20px;
    border-radius: 6px;
}
.campaignImgList .theme .inner{
  padding-bottom: 40px;
}
.campaignQa .box dl dt{
  background: #e4e4e4;
}
.campaignQa .box dl dt .sub{
      background: #12397a;
}
.campaignQa .box dl dd {
    background: #fff0fc;
}
.campaignQa .box dl dd .sub {
    background: #e8bdde;
    color: #a72c8b;
}
.campaignQa .box dl dd p.air{
  margin: 5px;
  display: inline-block;
}
.campaignQa .box dl dd p.air a{
  display: block;
  font-weight: bold;
  text-decoration: underline;
}
.campaignQa .box dl dd p.air a:hover{
  text-decoration: none;
}
.campaignQa .box dl dd p.air a i{
  font-size: 80%;
}
.campaignQa .box dl dt:hover {
    background: #1e90ff;
}
.campaignImgList .theme ul li {
    width: calc(100% / 6);
}
.pcOnry{
  display: block;
}
.spOnry{
  display: none;
}

@media screen and (max-width: 1025px){
  .campaign-back03:before, .campaign-back03:after{
    content:none;
  }
}

@media screen and (max-width: 1000px){
  .point .point_card .card{
    width: 48.5%
  }
  .searchWrap .mv .ribbon{
    width: 75px;
  }
}

@media screen and (max-width: 768px){
  .pcOnry{
    display: none;
  }
  .spOnry{
    display: block;
  }
  .mainImgBlock .pic{
    height: 350px;
  }
  .searchWrap .searchItem{
    width: 100%;
  }
  .searchBox_wbf{
    margin-top: 0;
  }
  #returnBtn{
    display: none;
  }
  .searchWrap .mv{
    width: 100%;
    padding: 25px 20px;
  }
  .searchWrap .mv .ribbon{
    width: 75px;
  }
  .searchWrap .mv h4{
    width: 75%;
    margin-left: 25%;
    margin-bottom: 15px;
  }
  .searchWrap .mv h5{
    width: 100%;
    font-size: 15px;
    padding: 10px;
  }
  .searchWrap .mv h5 span{
    padding: 2px 15px;
  }
  .searchWrap .mv .mvPoint .item{
    flex-direction: column;
    padding: 10px 0;
    text-align: center;
  }
  .searchWrap .mv .mvPoint .item p.icon{
    margin-bottom: 5px;
  }
  .searchWrap .mv .mvPoint .item p.icon img{
    width: 30px;
  }
  .searchWrap .mv .mvPoint .item .text{
    font-size: 13px;
    text-align: center;
    margin-left: 0;
  }
  .searchWrap .mv .mvPoint .item:last-child a{
    font-size: 13px;
  }
  .searchWrap .mv .mvPoint .item:last-child a img{
    width: 8px;
    height: 13px;
    margin-right: 5px;
  }
  .point .point_card{
    padding: 0 10px;
  }
  .point .point_card .card{
    width: 100%;
  }
  .point .point_card .card .text h6{
    min-height: 100px;
  }
  .point .point_card .card .text p{
    font-size: 14px;
  }
  .campaignImgList .direction .inner, .campaignImgList .theme .inner{
    padding: 20px;
  }
  .campaignImgList h2.cmn-ttl{
    padding: 20px;
  }
  .campaignImgList .theme ul li {
    width: calc(100% / 2);
  }
  .slick-dots li button:before{
    font-size: 15px;
  }
  .slick-dots li.slick-active button:before{
    color: #3d7bae;
    opacity: 1;
  }
  .slick-dots{
    left: 0;
    bottom: -10px;
  }
}

.searchBox {
    background: #00a0e9;
    padding: 10px 4%;
    width: 100%;
}

.searchBox .left {
    color: #fff;
    font-size: 18px;
    padding-right: 15px;
}

.searchBox .right select {
    padding: 5px;
    font-size: 18px;
    width: 208px;
}

.searchBoxWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 599px) {
      .searchBox .inner {
        width: 100%;
    }

    .searchBox .left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 164px;
        flex: 0 0 164px;
        font-size: 14px;
        padding-right: 10px;
    }

    .searchBox .right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 135px;
        flex: 0 0 135px;
    }

    .searchBox .right select {
        font-size: 14px;
        width: 100%;
    }
}


.bg--main1 {
    background: #12397a;
}

.tour {
  background-color: #e4e4e4;
}

.tour .card {
  background-color: #fff;
  padding: 30px;
  margin-bottom: 20px;
}

.tour .ttl02 {
  font-size: 23px;
    color: #fff;
    letter-spacing: 2px;
    background-image: linear-gradient(-45deg, #9b308c 20%, #915ca3 20%, #915ca3 30%, #d14e97 30%);
    padding: 10px 20px;
    margin-bottom: 30px;
}

.tour .card .card01 {
  display: flex;
  margin-bottom: 30px;
}

.tour .card .card01 .left,
.tour .card .card01 .right {
  width: 50%;
  padding: 20px;
}
.tour .card .card01 .left .area {
  background: #a72c8b;
  color : #fff;
  width: 15%;
  text-align: center;
  margin-bottom: 20px;
}

.tour .card .card01 .left span {
  color: #a72c8b;
  font-weight: bold;
  font-size: 24px;
}

.tour .card .card01 .left .condition {
  display: flex;
  margin-top: 20px;
}

.tour .card .card01 .left .condition p, 
.tour .card .card01 .left .condition img {
  width: 50%;
}

.tour .card .card01 .right {
  background: #c5d6ef;
}

.tour .card .card01 .right .title {
  background: #12397a;
  color: #fff;
  font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.tour .card .card01 .right li {
  position: relative;
  padding: 0.5em 1em 0.5em 2.3em;
  margin-bottom:5px;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid rgba(129,194,250, 0.5);
}
.tour .card .card01 .right li:after,
.tour .card .card01 .right li:before {
    content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tour .card .card01 .right li:after{
  top: 0.8em;
  left: 0.7em;
  width: 14px;
  height: 14px;
  background: #000;
  transform: rotate(0);
}

.tour .card .card01 .right li span {
  font-weight: normal;
}
.tour .card .card02 {
  border: 5px solid #c5d6ef;
  background-color: #f5f9ff;
  margin-bottom: 30px;
}

.tour .card .card02 .name {
  background: #c5d6ef;
  color: #12397a;
  font-size: 24px;
  font-weight: bold;
  padding: 5px 20px;
}

.tour .card .card03 {
  display: flex;
}

.tour .card .card02 .left {
  width: 40%;
  padding: 10px;
}

.tour .card .card02 .right {
  width: 60%;
  padding: 10px;
  }

.tour .card .card02 .ichioshi {
  background: #12397a;
  color: #fff;
  padding: 20px;
  margin-top: 20px;
}

.tour .card .card02 .ichioshi h4 {
  font-size: 20px;
  font-weight: bolder;
  text-align: center;
}

.tour .card .card02 .point {
  background-image: none;
  padding: 20px;
}

.tour .card .card02 .point li {
  list-style-type: decimal;
  text-align: left;
}

.tour .card .tourlink {
  background: #e8bdde;
  padding: 30px;
  text-align: center;
    font-weight: bold;
}

.tour .card .tourlink p {
  margin-bottom: 20px;
}

/* .tour .card .tourlink a {
  width: 40%;
  background: #a72c8b;
  border-radius: 10px;
  color: #fff;
  line-height: 3rem;
  padding: 10px 0 10px 95px;
  display: flex;
  margin: 0 auto;
  font-size: 24px;
}
 */
 
.tour .card .tourlink a {
    width: 40%;
    background: #a72c8b;
    border-radius: 10px;
    color: #fff;
    line-height: 3rem;
    padding: 15px 0;
    display: block;
    margin: 0 auto;
    font-size: 24px;
    text-align: center;
} 
 
.tour .card .tourlink .yen_parent {
  margin-left: 20px;
}

.tour .card .tourlink .detail {
  color: #a72c8b;
}

.tour .seemore {
/*   color: #a72c8b;
  text-align: center;
  font-weight: bold;
  text-decoration: underline;
  background: #fff;
  padding: 20px;
  margin: 30px 0; */
}
.tour .seemore {
 background: #a72c8b;
  text-align: center;
  font-weight: bold;
  /* text-decoration: underline; */
  color: #fff;
  padding: 20px;
  margin: 30px 0;
  border-radius: 8px;
}

@media (max-width: 599px) {
  .tour .ttl02 {
    font-size: 15px;
  }
  .tour .card {
    padding: 10px;
  }
    .tour .card .card01 {
      display: block;
    }
    .tour .card .card01 .left, 
    .tour .card .card01 .right {
      width: 100%;
      padding: 10px;
    }
    .tour .card .card01 .left .area {
      width: 30%;
    }
    .tour .card .card01 .left span {
      font-size: 18px;
    }
    .tour .card .card01 .left .condition {
      display: block;
    }
    .tour .card .card01 .left .condition p, .tour .card .card01 .left .condition img {
      width: 100%;
    }
    .tour .card .card03 {
  display: block;
}
    .tour .card .card02 .left,
    .tour .card .card02 .right {
      width: 100%;
    }
    .tour .card .tourlink {
      padding: 15px;
    }
    .tour .card .tourlink a {
      width: 90%;
    font-size: 16px;
    padding:8px 0;
    }
}

.card02 .pic .uk-slidenav-position {
    width: 100%;
    height: 100%;
    padding-bottom: 25px;
}

.card02 .pic .uk-slideshow {
    width: 100%;
    height: 100% !important;
    position: relative;
}

.card02 .pic .uk-slideshow:before {
    display: block;
    content: "";
    padding-top: 100%;
}

.card02 .pic .uk-slideshow li {
    height: 100% !important;
}

.card02 .pic .uk-slideshow .uk-flex {
    height: 100%;
}

.card02 .pic .uk-slideshow img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

.card02 > .uk-slidenav-position {
    position: relative;
}

.card02 .uk-slideshow {
    height: auto !important;
}

.card02 .uk-slideshow:after {
    display: block;
    content: "";
    padding-top: 60%;
}

.card02 > .uk-slidenav-position > .uk-slideshow > li {
    height: 100% !important;
}

.card02 > .uk-slidenav-position > .uk-slideshow > li > div {
    height: 100%;
}

.card02 > .uk-slidenav-position > .uk-slideshow img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    /*IE対策*/
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

.card02 .uk-slider {
    min-height: auto !important;
    margin-left: -5px;
    height: 120px !important;
}

.card02 .uk-slider > li {
    height: 100%;
    padding-left: 5px;
    position: static;
}

.card02 .uk-slider > li > div {
    height: 100%;
}

.card02 .uk-slider > li > div > img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

@media (max-width: 1024px) {
    .card02 .uk-slider {
        height: 70px !important
    }
}

@media (max-width: 599px) {
      .card02 .uk-slider {
        height: 80px !important
    }
    
    .card02 .uk-slider > li {
        width: calc(100% / 3);
    }
}


.link {
  background: #fff;
  text-align: center;
}

.link p {
  font-weight: bold;
  margin: 10px 0;
  font-size: 18px;
}

.link .areaname {
  background: #e8bdde;
  padding: 30px;
}

.link .areaname ul {
  display: flex;
  justify-content: space-evenly;
}

.link .areaname ul li {
  background: #a72c8b;
  color: #fff;
  padding: 15px 30px 15px 15px;
  border-radius: 10px;
}

.link .areaname ul li a {
  position: relative;
  margin: 0 auto;
  font-size: 1.2rem;
}

.link .areaname ul li a:after {
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: solid 3px #fff; 
    border-right: solid 3px #fff;  
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: -20px;
}

@media (max-width: 599px){
  .link .areaname {
    padding: 20px;
  }
    .link .areaname ul {
      display: block;
    }
    .link .areaname ul li {
      margin-bottom: 10px;
    }
}

/* swiper */
.swiper-pagination{
  z-index: 100;
  position: relative;
}


.tourlink .pri {
  margin-left: 20px;
}

select.depNav__dep--sel {
    text-rendering: auto;
    color: fieldtext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    box-sizing: border-box;
    align-items: center;
    white-space-collapse: preserve;
    text-wrap: nowrap;
    -webkit-rtl-ordering: logical;
    background-color: field;
    cursor: default;
    margin: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
    border-radius: 0px;
}
.slick-prev, .slick-next{display: none !important;}



/* -------------------------------------
              空港案内ページ 
-------------------------------------*/

.airport .point .ttl{
  background-color: #a72c8b;
  color: #FFF;
  font-weight: bold;
  display: inline-block;
  padding: 15px 60px;
  border-radius: 6px;
  font-size: 24px;
}
.airport .guide h3{
  font-size: 22px;
  color: #fff;
  letter-spacing: 2px;
  background-image: linear-gradient(-45deg, #9b308c 20%, #915ca3 20%, #915ca3 30%, #d14e97 30%);
  padding: 10px 20px;
  margin-bottom: 30px;
}
.airport .guide .lead{
  margin-bottom: 15px;
}
.airport .guide .lead p{
  padding: 20px;
}
.airport .guide .item,.airport .step .item{
  padding: 30px;
  position: relative;
}
.airport .guide .item .number,.airport .step .item .number{
    background-color: #a72c8b;
    color: #FFF;
    position: absolute;
    top: -5px;
    left: 0px;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    border-radius: 50%;
    z-index: 10;
}
.airport .step{
  background-color: #e4e4e4;
}
.airport .step .ttl02 {
    font-size: 22px;
    color: #fff;
    letter-spacing: 2px;
    background-image: linear-gradient(-45deg, #9b308c 20%, #915ca3 20%, #915ca3 30%, #d14e97 30%);
    padding: 10px 20px;
    margin-bottom: 30px;
}
.airport .guide .item .photo,.airport .step .item .photo{
  margin-bottom: 15px;
  position: relative;
}
.airport .guide .item .photo:before,.airport .step .item .photo:before{
  content:"";
  position: absolute;
  width: 100%;
  height: 100%;
  border:solid 3px #FFF;
}
.airport .guide .item .text,.airport .step .item .text{
  padding: 10px;
}
.airport .tour{
  background-color: #FFF;
}
.airport .tour .end{
  position: relative;
    margin-bottom: 30px;
}
.airport .tour .end p.text{
    color: #FFF;
    font-weight: bold;
    font-size: 1.6rem;
    /* padding: 3rem 0; */
    text-align: center;
    position: absolute;
    top: 30px;
    left: calc(50% - 9em);
}
.airport .tour .end p.photo{
  width: 60%;
    margin: 0 auto;
}
.airport .tour .end p.photo img{
      width: 100%;
}
.airport .tour h3{
  color: #12397a;
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  margin: 15px 0;
}
.airport .tour .item{
  padding: 15px;
}
.airport .tour .item_inner{
  background-color: #e8bdde;
  padding: 15px;
}
.airport .tour .item .ttl .icon{
    background-color: #d14e97;
    display: inline-block;
    padding: 3px 20px;
    color: #FFF;
    margin-bottom: 10px;
    border-radius: 4px;
    font-weight: bold;
}
.airport .tour .item .ttl01{
  display: block;
    font-size: 20px;
}
.airport .tour .item .ttl02{
      display: block;
    background: none;
    color: #9b308c;
    font-weight: bold;
    padding: 0;
    margin-bottom: 15px;
}
.airport .tour .item .btn{
      padding: 0 10px;
}
.airport .tour .item .btn a{
  background-color: #a72c8b;
    padding: 10px;
    color: #FFF;
    position: relative;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 30px;
    font-size: 20px;
    display: block;
}
.airport .tour .item .btn a .price{
  position: absolute;
    bottom: -35px;
    display: block;
    text-align: center;
    width: 100%;
    left: 0;
    color: #cf0000;
    font-weight: bold;
}
.airport .bold{
  font-weight: bold;
}
.airport .red{
  color: #cf0000;
}
.airport .pageLink{
  margin-bottom: 60px;
}
.airport .pageLink p{
  text-align: center;
}
.airport .pageLink p a{
  color: #9b308c;
  text-decoration: underline;
  font-size: 16px;
}
.airport .pageLink p a:hover{
  text-decoration: none;
}
@media (max-width: 768px) {
  .airport .point .ttl{
    padding: 15px;
    font-size: 18px;
    width: 90%;
  }
  .airport .guide h3{
    font-size: 16px;
  }
  .airport .guide .lead h3{
    margin-bottom: 15px;
  }
  .airport .guide .item .number, .airport .step .item .number{
    font-size: 24px;
    width: 60px;
    height: 60px;
  }
  .airport .guide .item .text, .airport .step .item .text{
        font-size: 14px;
  }
  .airport .step .ttl02{
    font-size: 16px;
  }
  .airport .tour .end p.text{
    font-size: 14px;
  }
  .airport .tour .end p.photo{
    width: 90%;
  }
  .airport .tour .item .ttl02{
    font-size: 18px;
    margin-bottom: 15px;
  }
  .airport .tour .item .btn a{
    margin-bottom: 40px;
  }
  .airport .pageLink{
    margin-bottom: 20px;
  }
}
/* 記事 */
.spotBlk .spotBlk__link{
  padding: 0 10px;
}
.spotBlk .cmn-ttl{
  text-align: center;
}
.spotBlk__wrap{
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .spotBlk__wrap a.spotBlk__link{
    width: 30% !important;
  }
}
@media (max-width: 768px) {
  .spotBlk__wrap a.spotBlk__link{
    width: 100% !important;
    display: flex;
  }
}

.spotBlk .info {
  margin: 0 auto 5px;
  width: 32%;
}

.spotBlk__wrap--ttl {
  text-align: center;
}

@media (max-width: 768px) {
  .spotBlk__wrap {
    display: block;
  }
  .spotBlk .info {
    width: 100%;
  }
}


.peachTravel .sbw__box .sbw__content:nth-child(2) {
    width: 50%;
}

.peachTravel .sbw__btn--dpp {
  margin-top: 20px;
}

.peachTravel .campaignToursItem ul li .item {
    height: 100%;
    background-color: #FFF;
}

.peachTravel .campaignToursItem ul li .item a {
    display: block;
    background: #fff;
}

.peachTravel .campaignToursItem ul li a .img-box {
    position: relative;
    z-index: 0;
}

.peachTravel .campaignToursItem ul li a .img-box .name {
    font-size: 14px;
    color: #fff;
    background: #a72c8b;
    padding: 3px 5px 2px;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 1;
}

.peachTravel .campaignToursItem ul li .item a .txtbox {
    padding: 10px;
}

.peachTravel .campaignToursItem ul li .item .tit {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 22px;
}

.peachTravel .campaignToursItem ul li .item a .txtbox .list {
    font-size: 15px;
    line-height: 140%;
    color: #a72c8b;
    background-color: #fff0fc;
    padding: 10px 15px 10px 30px;
    font-weight: bold;
    position: relative;
    z-index: 0;
}

.peachTravel .campaignToursItem ul li .item a .txtbox .list:before {
    content: "";
    width: 60px;
    height: 60px;
    background: url(/upload/tenant_1/peachtravel_tokuten.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    transform: rotate( -25deg );
    border-radius: 50px;
    position: absolute;
    left: -30px;
    top: -10px;
    z-index: 1;
}

.peachTravel .campaignToursItem ul li .item a .txtbox .pricebox {
    font-size: 12px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
}

.peachTravel .campaignToursItem ul li .item a .txtbox .yen_parent {
    font-size: 30px;
    color: #BB0000;
    font-style: italic;
    margin-left: 10px;
}

.peachTravel .campaignToursItem2 ul li .item {
    height: 100%;
    background-color: #FFF;
}

.peachTravel .campaignToursItem2 ul li .item a {
    display: flex;
    background: #fff;
}

.peachTravel .campaignToursItem2 ul li a .img-box {
    position: relative;
    z-index: 0;
    width: 50%;
}

.peachTravel .campaignToursItem2 ul li a .img-box .name {
    font-size: 14px;
    color: #fff;
    background: #a72c8b;
    padding: 3px 5px 2px;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 1;
}

.peachTravel .campaignToursItem2 ul li .item a .txtbox {
    padding: 10px;
    width: 50%;
    margin-left: 40px;
}

.peachTravel .campaignToursItem2 ul li .item .tit {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 22px;
    padding-top: 20px;
    text-align: center;
}

.peachTravel .campaignToursItem2 ul li .item a .txtbox .list {
    font-size: 15px;
    line-height: 140%;
    color: #a72c8b;
    background-color: #fff0fc;
    padding: 10px 15px 10px 30px;
    font-weight: bold;
    position: relative;
    z-index: 0;
}

.peachTravel .campaignToursItem2 ul li .item a .txtbox .list:before {
    content: "";
    width: 60px;
    height: 60px;
    background: url(/upload/tenant_1/peachtravel_tokuten.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    transform: rotate( -25deg );
    border-radius: 50px;
    position: absolute;
    left: -30px;
    top: -10px;
    z-index: 1;
}

.peachTravel .campaignToursItem2 ul li .item a .txtbox .pricebox {
    font-size: 12px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
}

.peachTravel .campaignToursItem2 ul li .item a .txtbox .yen_parent {
    font-size: 30px;
    color: #BB0000;
    font-style: italic;
    margin-left: 10px;
}

@media (max-width: 599px){
  .peachTravel .campaignToursItem ul li .item a {
    display: block;
  }
  .peachTravel .campaignToursItem ul li .item .tit {
    font-size: 18px;
  }
  .peachTravel .campaignToursItem ul li .item a .txtbox .yen_parent {
    font-size: 25px;
}
  .peachTravel .campaignToursItem2 ul li .item a {
    display: block;
  }
  .peachTravel .campaignToursItem2 ul li .item .tit {
    font-size: 18px;
  }
  .peachTravel .campaignToursItem2 ul li .item a .txtbox .yen_parent {
    font-size: 25px;
}
}

.peachTravel .campaignQa .box dl+dl {
    margin-top: 40px;
}

.peachTravel .campaignQa .box dl > * {
    font-size: 18px;
    padding: 30px 50px 30px 140px;
    border-radius: 4px;
    position: relative;
    z-index: 0;
}

.peachTravel .campaignQa .box dl dt {
    background: #e1ecff;
    cursor: pointer;
}

.peachTravel .campaignQa .box dl dt:before {
    content: "";
    width: 10px;
    height: 10px;
    border-bottom: solid 2px #333;
    border-right: solid 2px #333;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -6px;
    -webkit-transform: rotate( 45deg);
    transform: rotate( 45deg);
}

.peachTravel .campaignQa .box dl .sub {
    width: 60px;
    height: 60px;
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    border-radius: 4px;
    position: absolute;
    top: 45px;
    left: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
}

#taiken .cmn-ttl {
    color: #12397a;
    font-weight: bold;
    font-size: 1.6rem;
    padding: 0 0 2rem;
}

@media (max-width: 599px){
  .peachTravel .campaignQa .box dl > * {
    font-size: 14px;
    padding: 20px 30px 10px 55px;
}
}

.cmn-ttl {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    padding: 0 0 1rem;
    color: var(--sc);
}
.cmn-ttl > span:nth-of-type(2) {
    font-size: 80%;
    display: block;
}

.peachTravel #calenderBox {
/* position: fixed;
top: 50%;
left: 40%;
width: 60%;
margin-left: -30%;
margin: 0 auto;
padding: 15px 0;
z-index: 10000;
display: none;
box-sizing: border-box; */
}

@media (max-width: 599px) {
  .peachTravel #calenderBox {
/*     top: 0;
left: -54%;
width: 45%;
height: 30%; */
  }
  .tour .inner1200{
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 10px;
  }
  .list ul li a::after{content:none;}
  .campaignToursItem ul.up-col-1\@sp{width:100%;margin:0;}
  .campaignToursItem ul.up-col-1\@sp li{margin:0;padding:0;}
.peachTravel .campaignToursItem ul li .item a .txtbox .list:before {
    content: "";
    width: 40px;
    height: 40px;
    background: url(/upload/tenant_1/peachtravel_tokuten.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    transform: rotate( -25deg );
    border-radius: 50px;
    position: absolute;
    left: -10px;
    top: -10px;
    z-index: 1;
}
.spotBlk__wrap--ttl{margin-top:20px;}
.peachTravel .campaignToursItem ul li a .img-box{width: 100%;}
.peachTravel .campaignToursItem ul li .item a .txtbox{
  padding: 10px;
  width: 100%;
  margin-left: 0;
}
.cmn-ttl {
    font-size: 20px;
}
.peachTravel .campaignQa .box dl .sub {
    width: 40px;
    height: 40px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 2;
    border-radius: 4px;
    z-index: 0;
    left: 15px;
    top: 35px;
  
}
.peachTravel .campaignQa .box dl dt {
    background: #e1ecff;
    cursor: pointer;
    padding: 16px 35px 25px 65px;
}
.peachTravel .campaignQa .box dl > * {
    font-size: 14px;
    padding: 20px 10px 10px 65px;
}  
}


.hoken {
  text-align: center;
    padding-bottom: 20px;
}

.hoken a {
  display: block;
    background-color: #a72c8b;
    border-radius: 6px;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
    width: 100%;
    margin: 0 auto;
    font-size: 105%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hoken a i {
    padding-right: 10px;
}



/* ホテル紹介 */
.hotelBlk .spotBlk__link{
  padding: 0 10px;
}
.hotelBlk .cmn-ttl{
  text-align: center;
}
.hotelBlk{
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .hotelBlk__wrap a.hotelBlk__link{
    width: 30% !important;
  }
}
@media (max-width: 768px) {
  .hotelBlk__wrap a.hotelBlk__link{
    width: 100% !important;
    display: flex;
  }
}

.hotelBlk .info {
  margin: 0 auto 5px;
  background-color: #fff0fc;
  padding: 15px;
  display: flex;
}

.hotelBlk .imgbox {
  position: relative;
  padding: 0 1em;
  width: 60%;
}

.hotelBlk .tourPoint {
    position: relative;
    padding: 1.5em 1em 1em 2.5em;
    border: 5px solid #a72c8b;
    text-align: left;
    font-weight: bold;
    width: 40%;
}
.hotelBlk .tourPoint > div {
    position: absolute;
    top: -.75em;
    left: 1em;
    padding: 0 .5em;
    background-color: #a72c8b;
    color: #fff;
    font-weight: 600;
}
.hotelBlk .tourPoint ul {
    list-style-type: disc;
    margin: 0;
    padding: 0;
}
.hotelBlk .tourPoint li {
    padding: .3em .3em .3em 0;
}
.hotelBlk .tourPoint li::marker {
    color: #d025b1;
    font-size: 1.1em;
}

.hotelBlk__wrap--ttl {
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #a72c8b;
  font-size: 24px;
  padding: 5px;
}

@media (max-width: 768px) {
  .hotelBlk__wrap {
    display: block;
  }
  .hotelBlk .info {
    display: block;
  }
  .hotelBlk .imgbox {
    width: 100%;
  }
  .hotelBlk .tourPoint {
    width: 100%;
    margin-top: 20px;
  }
  .hotelBlk__wrap--ttl {
    font-size: 18px;
  }
}

/* 観光スポット紹介 */
.kankoBlk .spotBlk__link{
  padding: 0 10px;
}
.kankoBlk .cmn-ttl{
  text-align: center;
}
.kankoBlk{
  flex-wrap: wrap;
  background-color: #e4e4e4;
  padding: 50px 0;
}
@media (max-width: 1200px) {
  .kankoBlk__wrap a.hotelBlk__link{
    width: 30% !important;
  }
}
@media (max-width: 768px) {
  .kankoBlk__wrap a.hotelBlk__link{
    width: 100% !important;
    display: flex;
  }
}

.kankoBlk .info {
  margin: 0 auto 5px;
  width: 20%;
  background-color: #e0ffff;
  border: 1px solid #d3d3d3;
}

.kankoBlk .text {
  margin: 10px 0;
  padding: 5px;
}

.kankoBlk__wrap--ttl {
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #191970;
  font-size: 18px;
  padding: 5px;
  border-bottom: 1px solid #d3d3d3;
}

@media (max-width: 768px) {
  .kankoBlk__wrap {
    display: block;
  }
  .kankoBlk .info {
    width: 100%;
  }
  .kankoBlk__wrap--ttl {
    font-size: 18px;
  }
}


/* 観光タクシー紹介 */
.taxiBlk .spotBlk__link{
  padding: 0 10px;
}
.taxiBlk .cmn-ttl{
  text-align: center;
}
.taxiBlk{
  flex-wrap: wrap;
  padding: 50px 0;
}
@media (max-width: 1200px) {
  .taxiBlk__wrap a.hotelBlk__link{
    width: 30% !important;
  }
}
@media (max-width: 768px) {
  .taxiBlk__wrap a.hotelBlk__link{
    width: 100% !important;
    display: flex;
  }
}

.taxiBlk .lead {
  background-color: #e4e4e4;
  padding: 20px;
  display: flex;
}
.taxiBlk .lead .left {
  width: 60%;
}
.taxiBlk .lead .left span {
  font-size: 1.4rem;
  font-weight: bolder;
}
.taxiBlk .lead .right img {
  box-shadow: 10px 10px 0 #a72c8b;
}
.taxiBlk .lead .right {
  width: 40%;
}
.taxiBlk .info {
  margin: 0 auto 5px;
  width: 20%;
  /*padding: 5px;*/
  background-color: #fff;
  border: 1px solid #a9a9a9;
}

.taxiBlk .box .left .info {
  width: 33.33%;
}

.taxiBlk .box .right .info {
  width: 50%;
}

.taxiBlk .text {
  margin: 10px;
}

.taxiBlk__wrap--ttl {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  padding: 5px;
}

.taxiBlk .box {
  display: flex;
}
.taxiBlk .modelplan-gr {
  background-color: #008000;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.taxiBlk .modelplan-bl {
  background-color: #0000cd;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.taxiBlk .modelplan-or {
  background-color: #ff8c00;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

@media (max-width: 768px) {
  .taxiBlk__wrap {
    display: block;
  }
  .taxiBlk .info {
    width: 100%;
  }
  .taxiBlk__wrap--ttl {
    font-size: 18px;
  }
  .taxiBlk .box {
    display: block;
  }
  .taxiBlk .modelplan-gr,
  .taxiBlk .modelplan-bl,
  .taxiBlk .modelplan-or {
  font-size: 18px;
  }
  .taxiBlk .lead {
    display: block;
  }
  .taxiBlk .lead .left,
  .taxiBlk .lead .right {
    width: 100%;
  }
  .taxiBlk .lead .left span {
    font-size: 1.2em;
  }
}


.moreCourse .photo img {
width: 100%;
height: auto;
}

.moreCourse .photo .figure {
margin: 0;
}

.moreCourse .photo .caption {
font-size: .8rem;
line-height: 16px;
padding-left: 1.5em;
background-image: url(/import/tenant_1/153.127.54.224/html20220113/images/icon_camera001.webp);
background-repeat: no-repeat;
background-position: left center;
margin-top: 10px;
}

.moreCourse .courseList > li {
margin-bottom: 25px;
}

/* acordion */
.courseSection h5 {
  text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
}
.courseSection .acordion{margin: 0;}
.courseSection .acordion > dt {
  cursor:pointer;
font-size: 15px;
font-weight: bold;
line-height: 44px;
text-align: center;
color: #fff;
background-image: linear-gradient(-45deg, #9b308c 20%, #915ca3 20%, #915ca3 30%, #d14e97 30%);
}
.courseSection .acordion > dd {
background-color: #f2f2f1;
padding: 20px 15px;
font-size: 1.4rem;
line-height: 1.6em;
color: #000;
}
.schduleList {
background-image: url(/import/tenant_1/153.127.54.224/html20220113/images/bg_green_dots002.webp);
background-repeat: repeat-y;
background-position: left 36px top;
padding: 0 0 20px 0;
}

.schduleTimeLine dl {
}

.schduleList dt {
float: left;
width: 72px;
font-size: 1rem;
color: #fff;
text-align: center;
line-height: 18px;
background-color: #7F8173;
border-radius: 50px;
}

.schduleList dd {
float: right;
width: calc(100% - 80px);
font-size: 1.4rem;
line-height: 1em;
}

.schduleTimeLine li {
background-repeat: no-repeat;
background-position: left 3px top;
padding-left: 28px;
font-size: 1rem;
line-height: 1.2em;
margin-bottom: 0.6em;
}
.schduleTimeLine li.air {
background-image: url(/import/tenant_1/153.127.54.224/html20220113/images/icon_plain001.webp);
}
.schduleTimeLine li.car {
background-image: url(/import/tenant_1/153.127.54.224/html20220113/images/icon_car001.webp);
}
.schduleTimeLine li.other {
background-image: url(/import/tenant_1/153.127.54.224/html20220113/images/icon_map001.webp);
}
.schduleTimeLine li.walk {
background-image: url(/import/tenant_1/153.127.54.224/html20220113/images/icon_walk001.webp);
}
.schduleTimeLine li.eat {
background-image: url(/import/tenant_1/153.127.54.224/html20220113/images/icon_eat001.webp);
}
.schduleTimeLine li.hotel {
background-image: url(/import/tenant_1/153.127.54.224/html20220113/images/icon_hotel001.webp);
}
.schduleTimeLine li.parking {
background-image: url(/import/tenant_1/153.127.54.224/html20220113/images/icon_parking001.webp);
}
.schduleTimeLine li.ship {
background-image: url(/import/tenant_1/153.127.54.224/html20220113/images/icon_ship001.webp);
}

/* for PC */
@media screen and (min-width: 1025px) {
		.moreCourse .photo img {
		}

		.moreCourse .photo  {
		float: right;
		width: 40%;
		margin-bottom: 30px;
		position: relative;
		}

		.moreCourse li:nth-child(even) .photo  {
		float: left;
		position: relative;
		left: 20px;
		}

		.moreCourse .photo .caption {
		font-size: .8rem;
		line-height: 16px;
		padding-left: 1.5em;
		background-image: url(/import/tenant_1/153.127.54.224/html20220113/images/icon_camera001.webp);
		background-repeat: no-repeat;
		background-position: left center;
		margin-top: 10px;
		}

		.moreCourse .courseList > li {
		margin-bottom: 25px;
		}
		.moreCourse .courseList > li:last-child {
		margin-bottom: 0;
		}
		/* acordion */

		.courseSection .acordion{}
		.courseSection .acordion > dt {
		font-size: 23px;
		line-height: 54px;
		}
		.courseSection .acordion > dt:hover{opacity:0.8;}
		.courseSection .acordion > dd {
		padding: 30px 30px;
		}

		.schduleList {
		background-image: url(/import/tenant_1/153.127.54.224/html20220113/images/bg_green_dots002a.webp);
		background-repeat: repeat-y;
		background-position: left 36px top;
		padding: 0 0 30px 0;
		margin-left: 25px;
		float: left;
		width: 55%;
		}
		
		
		.courseList li:nth-child(even) .schduleList {
		float: right;
		}

		.schduleTimeLine dl {
		}

		.schduleList dt {
		float: left;
		width: 72px;
		font-size: 1rem;
		color: #fff;
		text-align: center;
		line-height: 18px;
		background-color: #7F8173;
		border-radius: 50px;
		}

		.schduleList dd {
		float: right;
		width: calc(100% - 80px);
		font-size: 1.4rem;
		line-height: 1em;
		}
}

[data-element-id] .hotelBlk .info .imgbox li {
    opacity: 1;
}

.hotelBlk .info .imgbox li {
    opacity: 0;
    -webkit-transition: 1.5s;
    transition: 1.5s;
}
.hotelBlk .info .imgbox li.active {
    opacity: 1;
}
[data-element-id] .hotelBlk .info .img ul:after {
    display: none;
}

[data-element-id] .hotelBlk .info .img li img {
    position: static;
}
.hotelBlk .info .thumb li {
    opacity: 0.6;
    cursor: pointer;
}

  .pc__box {
      padding: 30px 15px;
      margin-top: -5px;
  }
.pc__box--bg {
    background: #fff;
    width: 800px;
    font-size: 80%;
    display: none;
    /* margin: 15px auto 30px auto; */
    padding: 30px;
    border-radius: 20px;
    font-family: 'Noto Sans Japanese';
}
.cpn__flx2 {
    display: grid;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px grid-row-gap: 20px justify-items: stretch align-items: stretch;
    grid-gap: 15px 15px;
    width: 100%;
    margin: 0 auto;
}
.cpn__flx3 {
    display: grid;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px grid-row-gap: 20px justify-items: stretch align-items: stretch;
    grid-gap: 15px 15px;
    width: 100%;
    margin: 0 auto;
}
.pc__list{margin-bottom:0;}
.cpn__flx select {
    width: 80%;
    margin: 0 auto;
} 
.pc__table {
    width: 80%;
    margin: 0 auto 15px;
}
.pc__table{
    width: 100%;
    margin:0 0 15px 0;
    border: 2px solid #333;
}
.pc__table td{padding: 10px;border-bottom: 1px solid #333;}
.pc__table th{
    background: #dbe6f0;
    padding: 10px;
    font-weight: bold;
    border-bottom: 1px solid #333;
}
.pc__list{
    position: relative;
    background: #e4e4e4;
    padding: 15px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 0;
}
.pc__box--bbb {
    margin-bottom: 10px;
    font-size: 120%;
    display: block;
}
.pc__list::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 55px 86px 0 0;
    border-color: #d14e9678 transparent transparent transparent;
    top: 0;
    position: absolute;
    left: 0;
    z-index:-1;
}
.pc__list dt{
  font-weight: bold;
    font-size: 14px;
    text-align: center;
}
.pc__list dd input {
    background: none;
    border: none;
    font-weight: bold;
    -webkit-appearance: none;
    font-size: 20px;
    text-align: center;
    display: block;
    color: #d14e96;
    margin: 0 auto 5px;
    width: 100%;
}
.pc__list dd span{
  display: block;
    background: #333;
    text-align: center;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    cursor:pointer;
}
.pc__box{
  padding:15px;/* display:none; */
    width: 800px;
    margin: -60px auto 0;
}

.list {
  background-color: #a72c8b;
}

.list .ttl01,
.point .ttl01 {
  text-align: center;
}

.list .ttl01 span,
.point .ttl01 span,
.link .ttl01 span{
  color: #12397a;
  font-weight: bold;
  font-size: 1.6rem;
  padding: 3rem 0;
}
.pc__box--bg .list ul li {
    background: #fff;
    color: #333;
    display: flex;
    align-items: center;
    text-align: left;
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
        border-right: none;
}
.pc__box--bg .list ul li:first-child {
    text-align: center;
    font-weight: bold;
    display: block;
    border-bottom: 1px solid;
}
.pc__box--bg .list ul li:last-child {border-bottom:none;}
.pc__box--bg .list ul li .sub.red{
    font-weight: bold;
    padding: 0 10px;
    color: #be63a8;
}
.pc__box img {
    margin: 0 auto;
    width: 500px;
    margin-bottom: 10px;
}
.pc__abtn {
    display: block;
    margin: 20px auto 30px;
    border: 2px solid #333;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
    border-radius: 57px;
    background: #333;
    color: #fff;
    box-shadow: 3px 9px 0px 0px #d14e96;
    cursor: pointer;
    width: 500px;
}
.pc__box--bg--ttl{
    font-size: 20px;
    font-weight: bold;
    font-family: sans-serif;
}

@media screen and (max-width: 768px) {
  .pc__box--bg .list{border-right: none;}
  .pc__box--bg{
      margin-left: 0;
      margin: 15px 0;
      border-radius: 0;
      width: 100%;
  }
  .pc__box--bg .list ul li .sub.red {
      font-weight: bold;
      padding: 0 10px;
      color: #be63a8;
      width: 50%;
  }
  .pc__box--bg .list ul li .sub.red span{
        display: none;
    }
  .cpn__flx3 {
      grid-template-columns: 1fr;
  }
  .pc__box {
      padding: 15px;
      width: 100%;
      margin: -40px auto 0;
  }
  .pc__box img {
      width: 100%;
  }  
  .pc__abtn{width: 100%;}
}



.bnr {
    background-color: #e4e4e4;
    padding-top: 20px;
}

.bnr img {
  margin: 0 auto;
}
#big__bnrWrap{
  margin-bottom: 0;
}

.sd__change {
    margin-top: 0;
    background: #474747;
    margin-bottom: 20px;
    border-radius: 6px;
    padding: 10px;
}
.sd__change label{
    /* color: #333; */
    text-shadow: none;
}

.sd__change label::before {
    background-color: #fff;
}
.sbw_airModal[data-type="tbpndep"] .air__left li{
  display: none;
}
.sbw_airModal[data-type="tbpndep"] .air__left li.list_major{
  display: block;
}
.sbw_airModal[data-type="tbpndep"] .air__right .list_major_detail p{
  display: none;
}
.sbw_airModal[data-type="tbpndep"] .air__right .list_major_detail p.NRT,
.sbw_airModal[data-type="tbpndep"] .air__right .list_major_detail p.KIX,
.sbw_airModal[data-type="tbpndep"] .air__right .list_major_detail p.NGO,
.sbw_airModal[data-type="tbpndep"] .air__right .list_major_detail p.FUK,
.sbw_airModal[data-type="tbpndep"] .air__right .list_major_detail p.CTS{
  display: block;
}

.type_nrt .air__left li,
.type_kix .air__left li,
.type_ngo .air__left li,
.type_fuk .air__left li,
.type_cts .air__left li{
  display: none;
}
.type_nrt .air__left li.list_hkd,
.type_nrt .air__left li.list_okinawa,
.type_nrt .air__left li.list_kyushu,
.type_kix .air__left li.list_hkd,
.type_kix .air__left li.list_okinawa,
.type_kix .air__left li.list_kyushu,
.type_kix .air__left li.list_tyo,
.type_ngo .air__left li.list_hkd,
.type_ngo .air__left li.list_okinawa,
.type_fuk .air__left li.list_hkd,
.type_fuk .air__left li.list_okinawa,
.type_cts .air__left li.list_okinawa{
  display: block;
}

.type_nrt .air__right .depDtl p,
.type_kix .air__right .depDtl p,
.type_ngo .air__right .depDtl p,
.type_fuk .air__right .depDtl p,
.type_cts .air__right .depDtl p{
  display: none;
}

.type_nrt .air__right .depDtl p.CTS,
.type_nrt .air__right .depDtl p.MMB,
.type_nrt .air__right .depDtl p.KUH,
.type_nrt .air__right .depDtl p.OKA,
.type_nrt .air__right .depDtl p.ISG,
.type_nrt .air__right .depDtl p.FUK,
.type_nrt .air__right .depDtl p.ASJ{
  display: block;
}

.type_kix .air__right .depDtl p.CTS,
.type_kix .air__right .depDtl p.MMB,
.type_kix .air__right .depDtl p.KUH,
.type_kix .air__right .depDtl p.OKA,
.type_kix .air__right .depDtl p.ISG,
.type_kix .air__right .depDtl p.FUK,
.type_kix .air__right .depDtl p.NGS,
.type_kix .air__right .depDtl p.KMI,
.type_kix .air__right .depDtl p.KOJ,
.type_kix .air__right .depDtl p.ASJ,
.type_kix .air__right .depDtl p.KIJ{
  display: block;
}

.type_ngo .air__right .depDtl p.CTS,
.type_ngo .air__right .depDtl p.OKA,
.type_ngo .air__right .depDtl p.ISG{
  display: block;
}

.type_fuk .air__right .depDtl p.CTS,
.type_fuk .air__right .depDtl p.OKA,
.type_fuk .air__right .depDtl p.ISG{
  display: block;
}
.type_cts .air__right .depDtl p.OKA{
  display: block;
}
.sbw_mddArea{margin-top:10px;}


.subttl {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 18px;
  margin-left: 20px;
}