@charset "UTF-8";

/* ----------------------------------------------------------------
  Base
----------------------------------------------------------------- */
body {
  background-color: #fff55d;
}
#mainContent em {
  font-style: normal;
  font-weight: bold;
}
#upLink {
  background: #fff;
}

/* ----------------------------------------------------------------
  #content
----------------------------------------------------------------- */
#content {
  padding-top: 0;
  display: block;
}
#upLink p {
  font-size: 100%;
}

#mainContent {
  background: #a9d2d2;
  width: 950px;
  padding: 20px 0;
  margin: 0 auto 50px;
  box-sizing: border-box;
}

/* ----------------------------------------------------------------
  #mainVisual
----------------------------------------------------------------- */
#mainVisual {
  background: url(//s.skygate.co.jp/pc/campaign/mail/hawaii/images/bg_main_title_2000x760.png) no-repeat 0 0;
  text-align: center;
  padding-bottom: 30px;
}
#mainVisual .ttl_main {
  padding: 40px 0 30px;
}
#mainVisual .ttl_main img {
  vertical-align: top;
}

/* ----------------------------------------------------------------
  .box_global_menu
----------------------------------------------------------------- */
.box_global_menu {
  margin: 30px 0 0 0;
  border-bottom: solid 2px #000;
}
.btn_global_list_menu li {
}
.btn_global_list_menu li.left {
  float: left;
  margin: 0 0 0 20px;
}
.btn_global_list_menu li.right {
  float: right;
  margin: 0 20px 0 0;
}
.btn_global_list_menu li a {
  display: block;
}
.btn_global_list_menu li img {
  vertical-align: bottom;
}

/* ----------------------------------------------------------------
  .box_menu
----------------------------------------------------------------- */
.box_menu {
  width: 950px;
  margin: 25px auto;
  overflow: hidden;
}

/* ----------------------------------------------------------------
  .btn_list_menu
----------------------------------------------------------------- */
.btn_list_menu {
  margin: 0;
}
.btn_list_menu li {
  float: left;
  margin: 0 10px 5px 0;
}
.btn_list_menu li.last {
  margin: 0 0 5px 0;
}
/*.btn_list_menu li.full {
  clear: both;
}*/
.btn_list_menu li a {
  display: block;
}
.btn_list_menu li img {
  vertical-align: bottom;
}

/* ----------------------------------------------------------------
  .second_title
----------------------------------------------------------------- */
.second_title {
  background: #166c7e;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin: 0 20px 20px;
  padding: 12px 16px;
}

/* ----------------------------------------------------------------
  #recommendBox
----------------------------------------------------------------- */
#recommendBox {
  padding: 0 20px 10px 20px;
}
#recommendBox h3.ttl_recommend {
  margin-bottom: 30px;
}

#recommendBox .linkitem li {
  width: 210px;
  float: left;
  background: #fff;
  margin-bottom: 10px;
  margin-right: 9px;
  padding: 5px;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}

#recommendBox .linkitem li:hover {
/*  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";*/
}

#recommendBox li .ttl_city {
  text-align: center;
  background: #000;
  color: #fff;
  font-weight: bold;
  padding: 5px 0;
}

#recommendBox .list_reserve {
  margin-left: 0;
}

.lytImgIndex li span.text {
  font-weight: bold;
  font-size: 14px;
}

.lytImgIndex li {
  position: relative;
}

.lytImgIndex li span.comingsoon {
  position: absolute;
}

.lytImgIndex li a .text {
  color: #000;
}
/*clearfix*/
.lytImgIndex li a .text:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.lytImgIndex li a .text .left {
  float: left;
}
.lytImgIndex li a .text .right {
  float: right;
}
.lytImgIndex li a .price {
  color: #ff0104;
  font-size: 20px;
}

/* 0630-0702追加*/
.destinationSelectBox{
  position: relative;
}

.list_reserve dl dt{
font-weight:bold;
}

/*アイテムリストのスタイルここから*/
/* itemListArea
------------------------------------------*/
.itemListArea{
  overflow: hidden;
  margin-left: -10px;
}

.itemListArea li{
  width: 220px;
  background-color: #fff;
  margin: 0 0 10px 10px;
  float: left;
}

#content .itemListArea li a{
  display: block;
  color: #333;
  text-decoration: none;
}
#content .itemListArea li a:hover{
  opacity:0.7;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  *zoom:1;
}

.itemListArea .kvArea{
  position: relative;
}
.itemListArea li .inner{
  padding: 10px;
  height: auto;
}
.itemListArea li .hdg2{
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background-color: #36a8b3;
  padding: 8px 0 5px;
}
.itemListArea li .hdg3{
  color: #333;
  font-size: 14px;
  font-weight: bold;
}
.itemListArea li .kvArea .image{
  width: 220px;
  height: 140px;
  overflow: hidden;
}
.itemListArea li .kvArea .image img{
  height: 100%;
}

.itemListArea li .kvArea .discountTxt{
  display: inline-block;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  padding: 3px 15px;
  background: rgba(102, 21, 4, .8);
  position: absolute;
  bottom: 5px;
  left: 10px;
}
.itemListArea li .kvArea .discountTxt span{
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
}

.itemListArea li .price{
  color: #fd042d;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
  line-height: 1;
  margin-bottom: 5px;
}
.itemListArea li .price .txt01{
  color: #333;
  font-size: 12px;
  margin: 0 10px 0 0;
}
.itemListArea li .price .txt02{
  font-size: 20px;
}
.itemListArea li .price .txt03{
  font-size: 30px;
}

.itemListArea .evaluation{
  font-size: 10px;
}

.itemListArea .rank{
  font-size: 14px;
  letter-spacing: -2px;
  width: 70px;
  margin-right: 5px;
  vertical-align: bottom;
}
.itemListArea .rank .star1,
.itemListArea .rank .star2,
.itemListArea .rank .star3,
.itemListArea .rank .star4{
color: #d5d5d7;
}

.itemListArea .rank .star1 .star1,
.itemListArea .rank .star2 .star1,
.itemListArea .rank .star2 .star2,
.itemListArea .rank .star3 .star1,
.itemListArea .rank .star3 .star2,
.itemListArea .rank .star3 .star3,
.itemListArea .rank .star4 .star1,
.itemListArea .rank .star4 .star2,
.itemListArea .rank .star4 .star3,
.itemListArea .rank .star4 .star4,
.itemListArea .rank .star5 > span{
color: #fabe00;
}

.itemListArea .icon{
  margin-bottom: 5px;
}
.itemListArea .icon span{
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background-color: #000000;
  line-height: 1;
  text-align: center;
  padding: 5px;
  border-radius: 2px;
}
.itemListArea .schedule{
  text-align: right;
  margin-bottom: 10px;
  line-height: 1;
}
.itemListArea .reserved{
  color: #1b398d;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 10px;
  text-align: center;
  background-color: #ffedb2;
}

.userPolicy{
  color: #333;
  font-size: 12px;
  padding: 0 20px;
}

.userPolicy .hdg3{
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
}
/*アイテムリストのスタイルここまで*/


/* ----------------------------------------------------------------
  pulldown page link
----------------------------------------------------------------- */
.destinationSelectBox{
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1;
  padding: 8px;
}


/* ----------------------------------------------------------------
  .btn_htl_search
----------------------------------------------------------------- */
.btn_htl_search {
  text-align: center;
  margin: 25px 0 95px;
}


/* ----------------------------------------------------------------
  scrollTop
----------------------------------------------------------------- */
.scrollTop{
  position: absolute;
  right: 30px;
  z-index: 10;
}
.scrollTop a{ display: block;}
.scrollTop img{ vertical-align: middle;}

/* ----------------------------------------------------------------
  search
----------------------------------------------------------------- */
.searchBox .search-box {
  margin: 0 auto 150px;
}

#content .searchBox,
#content .searchBox .search-box .tour-lead p,
#content .searchBox .search-box .ho-lead p,
#content .searchBox .search-box .a2h-lead p,
#content .searchBox .search-box .btn-add-condition .open,
#content .searchBox .search-box .btn-add-condition .close,
#content .searchBox .search-box .another-schedule-check p,
#content .searchBox .search-box .condition-content p {
  font-size: 12px;
}
#content .searchBox .search-box .tab-category li a {
  color: #fff;
}

/* ----------------------------------------------------------------
  topicPath
----------------------------------------------------------------- */
.topicPath {
  width: 950px;
  margin: 0 auto;
}