@charset "UTF-8";
/* Scss Document */
/* ==============================================================
*  ベース
* ============================================================ */
/* ==============================================================
*  ページ固有のスタイル
* ============================================================ */
/*---------------------------------
沖縄固有
---------------------------------*/
/* 01 エリア・出発地・日時・人数を選ぶ ***********************************/
.search-tour .search-tour__wrapper {
  background: url("../images/area/okinawa/bg_area.jpg") no-repeat center bottom;
  background-color: #7fcaff;
}

/* 地図　*/
.search-map__map {
  background: url("../images/area/okinawa/img_map.png") no-repeat right;
  width: 560px;
  height: 546px;
  position: absolute;
  right: 0;
  top: -120px;
}
@media screen and (max-width: 970px) {
  .search-map__map {
    top: auto;
    right: auto;
    position: relative;
    margin: 0 auto;
  }
}
@media screen and (max-width: 750px) {
  .search-map__map {
    background: url("../images/area/okinawa/img_map_sp.png") no-repeat center;
    width: 100%;
    height: 0;
    padding-top: calc(559 / 459 * 100%);
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background-size: cover;
  }
}
.search-map__map p {
  position: absolute;
}
.search-map__map .yanbaru {
  top: 60px;
  right: 124px;
}
@media screen and (max-width: 750px) {
  .search-map__map .yanbaru {
    top: 2%;
    right: 0;
  }
}
.search-map__map .honbu {
  top: 160px;
  right: 275px;
}
@media screen and (max-width: 750px) {
  .search-map__map .honbu {
    top: 32%;
    left: 0;
    right: auto;
  }
}
.search-map__map .nago {
  top: 230px;
  right: 50px;
}
@media screen and (max-width: 750px) {
  .search-map__map .nago {
    top: 30%;
    right: 20%;
  }
}
.search-map__map .onnason {
  top: 220px;
  right: 320px;
}
@media screen and (max-width: 750px) {
  .search-map__map .onnason {
    top: 15%;
    left: 20%;
    right: auto;
  }
}
.search-map__map .okinawa {
  top: 310px;
  right: 150px;
}
@media screen and (max-width: 750px) {
  .search-map__map .okinawa {
    top: 51%;
    right: 53%;
  }
}
.search-map__map .chatan {
  top: 320px;
  right: 380px;
}
@media screen and (max-width: 750px) {
  .search-map__map .chatan {
    top: 49%;
    left: 0%;
    right: auto;
  }
}
.search-map__map .uruma {
  top: 360px;
  right: 50px;
}
@media screen and (max-width: 750px) {
  .search-map__map .uruma {
    top: 60%;
    right: 30%;
  }
}
.search-map__map .ginowan {
  top: 400px;
  right: 175px;
}
@media screen and (max-width: 750px) {
  .search-map__map .ginowan {
    top: 69%;
    left: 20%;
    right: auto;
  }
}
.search-map__map .naha {
  top: 410px;
  right: 435px;
}
@media screen and (max-width: 750px) {
  .search-map__map .naha {
    top: 78%;
    left: 8%;
    right: auto;
  }
}
.search-map__map .itoman {
  top: 485px;
  right: 240px;
}
@media screen and (max-width: 750px) {
  .search-map__map .itoman {
    top: 90%;
    left: 15%;
    right: auto;
  }
}

/*---------------------------------
沖縄固有
---------------------------------*/
/* カテゴリーカラー ***********************************/
.okinawa--uruma {
  background: #0f754d;
}

.okinawa--chatan {
  background: #00d5e8;
}

.okinawa--nago {
  background: #ab94db;
}

.okinawa--yanbaru {
  background: #4bc6c2;
}

.okinawa--naha {
  background: #5665d8;
}

.okinawa--okinawa {
  background: #f26983;
}

.okinawa--honbu {
  background: #7cb15e;
}

.okinawa--onnason {
  background: #f2814a;
}

.okinawa--itoman {
  background: #ee575a;
}

.okinawa--ginowan {
  background: #dcab00;
}