@charset "utf-8";


/* ----------------------------------------------------------------
    マルチ検索基本サイズ（横幅710px）
----------------------------------------------------------------- */

.search-box{
  width:710px;
}

/* カテゴリ選択タブ */
.search-box .tab-category{
  overflow:hidden;
}
.search-box .tab-category li{
  font-size:14px;
  font-weight:bold;
  float:left;
  width:159px;
  min-height:40px;
  list-style:none;
  text-align:center;
  border-left:1px solid #9ddaf7;
  background:#76c1e5;
}
.search-box .tab-category li:first-child{
  border-left:none;
}
.search-box .tab-category li.airAndHotelTab{
  width:230px;
}
.search-box .tab-category li.airAndHotelTab a{
  padding:19px 0 1px;
  *height:100%;
}

.search-box .tab-category li:hover,
.search-box .tab-category .active{
  background:#328bb5;
}
.search-box .tab-category li a{
  display:block;
  padding:10px 0;
  text-decoration:none;
  color:#fff;
}
.search-box .tab-category li .air,
.search-box .tab-category li .tour,
.search-box .tab-category li .ho{
  position:relative;
  padding-left:22px;
}
.search-box .tab-category li .a2h{
  position:relative;
  padding-left:30px;
}
.search-box .tab-category li .a2h .set-appeal{
  position:absolute;
  top:-18px;
  *top:-20px;
  left:30px;
  height:12px;
  padding:2px 8px;
  *padding:1px 8px;
  border-radius:8px;
  background-color:#fedb18;
}
.search-box .tab-category li .a2h .set-appeal img{
  vertical-align:top;
}
.search-box .tab-category li .air:before,
.search-box .tab-category li .a2h:before,
.search-box .tab-category li .tour:before,
.search-box .tab-category li .ho:before{
  position:absolute;
  content:"";
}
.search-box .tab-category li .air:before{
  top:-2px;
  left:0;
  width:18px;
  height:18px;
  background-position:0 0;
}
.search-box .tab-category li .a2h:before{
  top:-14px;
  left:0;
  width:25px;
  height:24px;
  background-position:-326px 0;
}
.search-box .tab-category li .ho:before{
  top:-2px;
  left:0;
  width:15px;
  height:18px;
  background-position:-28px 0;
}
.search-box .tab-category li .tour:before{
  top:-2px;
  left:0;
  width:17px;
  height:18px;
  background-position:-53px 0;
}

/* カテゴリ選択タブ下のスペース */

.search-box .tab-ticket-kind{
  position:absolute;
  top:0;
  left:9px;
  height:28px;
}
.search-box .tab-ticket-kind li{
  float:left;
  list-style:none;
}
.search-box .tab-ticket-kind .active,
.search-box .tab-ticket-kind li:hover{
  background:#e7f3f9;
}
.search-box .tab-ticket-kind input{
  margin-right:8px;
  vertical-align:text-top;
}
.search-box .tab-ticket-kind label{
  display:block;
  padding:6px 12px;
  min-height:17px;
}
.search-box .btn-help{
  font-size:10px;
  position:absolute;
  top:6px;
  right:9px;
  letter-spacing:1px;
  z-index:1;
}
.search-box .btn-help a{
  padding:2px 6px;
  text-decoration:none;
  color:#333;
  background-color:#f4e070;
}
.search-box .tour-lead{
  position:absolute;
  top:4px;
  left:9px;
  width:330px;
  height:20px;
  background:url(//s.skygate.co.jp/pc/search/images/bg/bg_tour_lead.png) no-repeat left top;
}
.search-box .a2h-lead{
  position:absolute;
  top:4px;
  left:9px;
  width:590px;
  height:20px;
  background:url(//s.skygate.co.jp/pc/search/images/bg/bg_aph_lead.png) no-repeat left top;
}
.search-box .ho-lead{
  position:absolute;
  top:4px;
  left:9px;
  width:300px;
  height:20px;
  background:url(//s.skygate.co.jp/pc/search/images/bg/bg_ho_lead.png) no-repeat left top;
}

.search-box .tour-lead p,
.search-box .ho-lead p,
.search-box .a2h-lead p{
  font-weight:bold;
  line-height:20px;
  text-align:center;
}
.search-box .tour-lead strong,
.search-box .ho-lead strong,
.search-box .a2h-lead strong{
  color:#f30;
}

/* 検索窓内 */
.search-box .search-content{
  position:relative;
  padding:28px 9px 9px;
  border:1px solid #76c1e5;
  background:#fff;
}
.search-box .search-content-inner{
  padding:10px;
  background:#e7f3f9;
}
.search-box .search-condition-l{
  float:left;
  width:330px;
  margin-right:10px;
  margin-bottom:6px;
}
.search-box .search-condition-r{
  float:left;
  width:330px;
  margin-bottom:6px;
}
.search-box .search-condition-col,
.search-box .search-condition-col.oneway{
  float:left;
  width:220px;
  margin-right:10px;
  margin-bottom:6px;
}
.search-box .search-condition-col-last{
  float:left;
  width:220px;
  margin-bottom:6px;
}

/* 検索パーツ タイトル部分 */
.search-box .list-condition .condition-title{
  font-weight:bold;
  position:relative;
  float:left;
  clear:both;
  width:80px;
  margin-top:8px;
}
.search-box .list-condition .condition-title.tight-lines{
  line-height:1.2;
  margin-top:2px;
}
.search-box .condition-title a{
  text-decoration:underline;
}
.search-box .condition-title a,
.search-box .condition-title span{
  font-size:10px;
  font-weight:normal;
}
.search-box .btn-change-form{
  display:block;
  margin-top:3px;
}
.search-box .list-condition .condition-title.tight-lines .btn-change-form{
  margin-top:5px;
}
/* 検索パーツ タイトル部分（縦並び）*/
.search-box .list-condition-vertical .condition-title{
  font-weight:bold;
  margin:8px 0 4px;
}
.search-box .list-inner-condition .condition-title{
  font-weight:bold;
  position:relative;
  float:left;
  clear:both;
  width:40px;
  margin-top:8px;
}
.search-box .list-inner-condition .condition-content{
  margin-bottom:0;
}
.search-box .list-inner-condition .option-child-age .condition-content{
  margin-bottom:4px;
}
.search-box .type-select li{
  margin-top:-1px;
  list-style:none;
}
.search-box .type-select li:first-child{
  margin-top:0;
}
.search-box .short-l + .condition-title,
.search-box .short-r + .condition-title{
  clear:none;
}
.search-box .dep-abroad{
  display:none;
}



/* 検索パーツ 選択部分*/
.search-box .condition-content{
  float:left;
  width:250px;
  margin-bottom:4px;
}
.search-box .condition-content input[type="text"]{
  font-size:14px;
  line-height:100%;
  line-height:32px\9;
  box-sizing:content-box;
  width:228px;
  height:32px;
  padding:0 10px;
  border:1px solid #ddd;
}
.search-box .condition-content input::-ms-clear{
  visibility:hidden;
}
.search-box .condition-content select{
  font-size:14px;
  line-height:34px;
  width:250px;
  height:34px;
  padding:5px 0 5px 7px;
  vertical-align:middle;
  border:1px solid #ddd;
  *height:25px;
}
.search-box .condition-content select + select{
  border-top:none;
}
.search-box .condition-content.short-l,
.search-box .condition-content.short-r{
  width:80px;
}
.search-box .condition-content.short-l{
  margin-right:10px;
}
.condition-content.short-l select,
.condition-content.short-r select{
  width:60px;
}
.search-box .condition-content.large-l,
.search-box .condition-content.large-r{
  width:300px;
}
.search-box .condition-content.large-l input,
.search-box .condition-content.large-r input{
  width:310px;
}
.search-box .condition-content.full-size input[type="text"]{
  width:648px;
}
.search-box .condition-content.full-size{
  width:670px;
}
.search-box .condition-content .num-unit{
  margin-top:8px;
}

/* 子供年齢選択 */
.search-box .option-child-age{
  clear:both;
  padding-top:8px;
}
.search-box .option-child-age .option-note{
  font-weight:bold;
  margin-bottom:10px;
  text-align:center;
}
.search-box .option-child-age .option-note span{
  position:relative;
  padding:0 1em;
}
.search-box .option-child-age .option-note span:before,
.search-box .option-child-age .option-note span:after{
  position:absolute;
  top:0;
  content:"\2193";
}
.search-box .option-child-age .option-note span:before{
  left:0;
}
.search-box .option-child-age .option-note span:after{
  right:0;
}
.search-box .option-child-age strong{
  color:#f30;
}
.search-box .option-child-age .list-notice{
  font-size:10px;
  margin-bottom:0;
  padding-top:5px;
  text-align:left;
}
.search-box .list-condition + .list-notice{
  font-size:10px;
  margin-bottom:0;
  text-align:left;
}
.search-box .list-condition + .list-notice li,
.search-box .option-child-age .list-notice li{
  position:relative;
  padding-left:1.3em;
}
.search-box .list-condition + .list-notice li span,
.search-box .option-child-age .list-notice li span{
  position:absolute;
  top:0;
  left:0;
}

/* チェックボックス */
.search-box .condition-content .list-checkbox{
  font-size:14px;
  width:248px;
  border:1px solid #ddd;
  background-color:#fff;
}
.search-box .condition-content .list-checkbox li{
  border-top:1px solid #ddd;
}
.search-box .condition-content .list-checkbox li:first-child{
  border-top:none;
}
.search-box .condition-content .list-checkbox label{
  display:block;
  padding:7px 0;
}
.search-box .condition-content .list-checkbox input{
  margin:0 8px 0 10px;
  vertical-align:baseline;
}
.search-box .condition-content .list-checkbox-02{
  font-size:14px;
  width:690px;
  overflow:hidden;
  margin-left:-20px;
  /zoom:1;
  padding-bottom:1px;
}
.search-box .condition-content .list-checkbox-02 li{
  float:left;
  width:208px;
  margin-bottom:-1px;
  margin-left:20px;
  padding-bottom:1px;
  border-top:1px solid #ddd;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
  border-left:1px solid #ddd;
  background-color:#fff;
}

.search-box .condition-content .list-checkbox-02 label{
  display:block;
  padding:7px 0;
}
.search-box .condition-content .list-checkbox-02 input{
  margin:0 8px 0 10px;
  vertical-align:baseline;
}

/* 日付選択 */
.search-box .date-picker{
  position:relative;
  z-index:0;
}
.search-box .date-picker:before{
  position:absolute;
  z-index:1;
  top:10px;
  right:10px;
  width:14px;
  height:12px;
  content:"";
  cursor:pointer;
  background-position:-80px 0;
}
.search-box .date-picker input{
  position:relative;
  z-index:-1;
}
/* 出発地選択（国内or海外） */
.search-box .dep-point{
  width:248px;
  border-top:1px solid #ddd;
  border-right:1px solid #ddd;
  border-left:1px solid #ddd;
  background-color:#fff;
}

.search-box .dep-point li{
  float:left;
  width:123px;
  list-style:none;
  text-align:center;
}
.search-box .dep-point li:first-child{
  width:124px;
  border-right:1px solid #ddd;
}
.search-box .dep-point input{
  width:auto;
  margin-right:8px;
  vertical-align:text-top;
}
.search-box .dep-point label{
  display:block;
  padding:2px 0;
  min-height:17px;
}

/* 検索条件を追加 */
.search-box .btn-add-condition{
  clear:both;
  padding-top:5px;
  min-height:17px;
}
.search-box .btn-add-condition .open,
.search-box .btn-add-condition .close{
  position:relative;
  padding-left:14px;
}
.search-box .btn-add-condition .open:before,
.search-box .btn-add-condition .close:before{
  position:absolute;
  top:3px;
  left:0;
  width:9px;
  height:9px;
  content:"";
}
.search-box .btn-add-condition .close:before{
  background-position:-179px 0;
}
.search-box .btn-add-condition .open:before{
  background-position:-198px 0;
}
.search-box .add-condition-container{
  margin-bottom:20px;
  padding-top:20px;
}

/* 周遊目的地リスト */
.search-box .list-destination{
  clear:both;
  padding-top:5px;
}
.search-box .list-destination li{
  list-style:none;
}
.search-box .list-destination .search-condition-l,
.search-box .list-destination .search-condition-r{
  margin-bottom:0;
}

/* オープンジョーチェック */
.search-box .openjaw-check{
  clear:both;
  min-height:23px;
  margin-bottom:5px;
  padding-top:7px;
  padding-left:80px;
  background:url(//s.skygate.co.jp/pc/search/images/bg/bg_arrow_under.png) no-repeat 25px bottom;
}
.search-box .openjaw-check input{
  margin-right:8px;
  vertical-align:text-top;
}
.search-box .openjaw-check label{
  cursor:pointer;
  text-decoration:underline;
  color:#00c;
}
.search-box .openjaw-check label:hover{
  color:#f30;
}
.search-box .openjaw-check .notice{
  line-height:1.4;
  padding-top:2px;
  padding-left:21px;
  color:#f30;
}

/* 海外ホテルは航空券と違う日程で予約 */

.search-box .another-schedule-check input{
  margin-right:8px;
  vertical-align:text-top;
}
.search-box .another-schedule-check label{
  cursor:pointer;
  text-decoration:underline;
  color:#00c;
}
.search-box .another-schedule-check label:hover{
  color:#f30;
}

/* 区間削除 */
.search-box .btn-section-del{
  display:inline-block;
  margin:6px 0;
  background-color:#f4e070;
}
.search-box .btn-section-del a{
  position:relative;
  display:block;
  padding:5px 7px 5px 22px;
  text-decoration:none;
  color:#333;
}
.search-box .btn-section-del a:before{
  position:absolute;
  top:7px;
  left:7px;
  width:9px;
  height:9px;
  content:"";
  background-position:-160px 0;
}

/* 目的地を追加 */

.search-box .btn-destination-add{
  margin:3px 0 14px 80px;
  background-color:#f4e070;
}
.search-box .btn-destination-add a{
  display:block;
  padding:8px 8px;
  text-decoration:none;
  color:#333;
}
.search-box .btn-destination-add span{
  position:relative;
  padding-left:14px;
}
.search-box .btn-destination-add span:before{
  position:absolute;
  top:2px;
  left:0;
  width:9px;
  height:9px;
  content:"";
  background-position:-179px 0;
}

/* 検索するボタン */
.search-box .btn-search{
  clear:both;
  margin-top:-20px;
  text-align:center;
  *margin-top:0;
}
.search-box .btn-search button{
  font-size:16px;
  font-weight:bold;
  width:240px;
  height:36px;
  padding:0;
  cursor:pointer;
  color:#fff;
  border:none;
  background:#383838;
}
.search-box .btn-search button span{
  display:inline-block;
  position:relative;
  padding-left:30px;
  line-height:1;
}
.search-box .btn-search button span:before{
  position:absolute;
  top:-2px;
  left:0;
  width:20px;
  height:20px;
  content:"";
  background-position:-104px 0;
}

.search-box .btn-search .error-alert{
  padding-bottom:5px;
  margin-top:35px;
}
.search-box .btn-search .error-alert li{
  margin-bottom:6px;
}
.search-box .btn-search .error-alert span{
  font-size:14px;
  font-weight:bold;
  line-height:1.1;
  position:relative;
  display:inline-block;
  padding-left:19px;
  color:#f30;
}
.search-box .btn-search .error-alert span:before{
  position:absolute;
  top:0;
  left:0;
  width:16px;
  height:14px;
  content:"";
  background-position:-217px 0;
}

/* UMP
----------------------------------------------- */
.search-box .tour-dep-date{
  overflow:hidden;
  height:34px;
}
.search-box .tour-dep-date li{
  float:left;
}
.search-box .tour-dep-date .dep-month select{
  width:120px;
  margin-top:0;
}
.search-box .tour-dep-date .dep-day select{
  width:100px;
  margin-top:0;
  margin-left:-1px;
}
.search-box .dep-calendar{
  width:30px;
  height:32px;
  margin-left:-1px;
  border:1px solid #ddd;
  background:#fff;
}
.search-box .dep-calendar a{
  display:block;
  padding:10px 8px 6px;
}
.search-box .dep-calendar .ico-calendar{
  display:inline-block;
  width:14px;
  height:12px;
  cursor:pointer;
  background-position:-80px 0;
  *display:inline;
  *zoom:1;
}
.search-box .tour-days{
  overflow:hidden;
}
.search-box .tour-days select{
  float:left;
  width:110px;
}
.search-box .tour-days span{
  line-height:32px;
  float:left;
  width:30px;
  text-align:center;
}
/* HO
----------------------------------------------- */
.search-box .ho-grade,
.search-box .ho-days{
  overflow:hidden;
}
.search-box .ho-grade select,
.search-box .ho-days select{
  float:left;
  width:110px;
}
.search-box .ho-grade span,
.search-box .ho-days span{
  line-height:32px;
  float:left;
  width:30px;
  text-align:center;
}

/* サジェスト */
.suggest-region a,
.suggest-hotel a,
.suggest-airport a,
.suggest-landmark a{
  position:relative;
  padding-right:5.5em !important;
}

.suggest-region a:after,
.suggest-hotel a:after,
.suggest-airport a:after,
.suggest-landmark a:after{
  font-size:12px;
  position:absolute;
  top:4px;
  right:3px;
  display:block;
  width:6em;
  content:"観光/エリア";
  text-align:right;
  color:#333;
}

.suggest-hotel a{
  padding-right:3em !important;
}
.suggest-hotel a:after{
  content:"ホテル";
}
.suggest-airport a{
  padding-right:3.5em !important;
}
.suggest-airport a:after{
  content:"空港/駅";
}
.suggest-landmark a{
  padding-right:6em !important;
}
.suggest-landmark a:after{
  content:"観光スポット";
}

.ui-widget-content .ui-state-focus.suggest-region,
.ui-widget-content .ui-state-focus.suggest-hotel,
.ui-widget-content .ui-state-focus.suggest-airport,
.ui-widget-content .ui-state-focus.suggest-landmark{
  font-weight:normal;
}
.ui-menu-item{
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
}

.ui-widget-content .last-item{
  margin-bottom:6px!important;
  padding-bottom:6px !important;
  border-bottom:1px dashed #ccc;
}

/* ----------------------------------------------------------------
    幅950pxバージョン（基本サイズの一部を上書き）
----------------------------------------------------------------- */
.ms-w950{
  width:950px;
}
.ms-w950 .tab-category li{
  font-size:12px;
  width:475px;
}
.ms-w950 .tab-category li:first-child{
  width:474px;
}
.ms-w950 .wtab-ticket-kind .active input[value="2"] + .btn-help + .search-content-inner > .oneway{
  display:none;
}
.ms-w950 .condition-content,
.ms-w950 .condition-content select{
  width:220px;
}
.ms-w950 .condition-content input[type="text"]{
  width:198px;
}
.ms-w950 .condition-content .list-checkbox{
  font-size:12px;
  width:258px;
}
.ms-w950 .condition-content .list-checkbox label{
  padding:3px 0;
}
.ms-w950 .list-condition .condition-title.long-l{
  width:144px;
  margin-top:8px;
}
.ms-w950 .condition-content.short-l,
.ms-w950 .condition-content.short-r{
  width:76px;
  margin-right:0;
}
.ms-w950 .condition-content.short-l select,
.ms-w950 .condition-content.short-r select{
  width:60px;
}
.ms-w950 .list-condition .condition-title{
  width:auto;
  min-height:20px;
  margin-top:0;
  margin-bottom:2px;
}
.ms-w950 .dep-point{
  width:218px;
  border-top:1px solid #ddd;
  border-right:1px solid #ddd;
  border-left:1px solid #ddd;
  background-color:#fff;
}
.ms-w950 .dep-point li{
  float:left;
  width:108px;
  text-align:center;
}
.ms-w950 .dep-point li:first-child{
  width:109px;
  border-right:1px solid #ddd;
}
.ms-w950 .btn-change-form{
  display:inline-block;
  margin-top:0;
  margin-left:10px;
}
.ms-w950 .option-child-age .condition-title{
  width:44px;
  margin-top:8px;
}
.ms-w950 .option-child-age .condition-content{
  width:61px;
}
.ms-w950 .option-child-age .condition-content.short-l{
  margin-right:10px;
}
.ms-w950 .option-child-age .condition-content select{
  width:45px;
}
.ms-w950 .tab-category .hotelAndAirTab{
  display:none;
}
.ms-w950 .tour-days select{
  width:95px;
}

/* ----------------------------------------------------------------
    幅390pxバージョン（基本サイズの一部を上書き）
----------------------------------------------------------------- */
.ms-w390{
  width:390px;
}
.ms-w390 .tab-category li{
  font-size:12px;
  width:84px;
}
.ms-w390 .tab-category li.airAndHotelTab,
.ms-w390 .tab-category li.hotelAndAirTab{
  width:135px;
}
.ms-w390 .tab-category li a,
.ms-w390 .tab-category li.airAndHotelTab a{
  line-height:1.1;
  height:18px;
  padding:28px 0 0;
}

.ms-w390 .tab-category li .air,
.ms-w390 .tab-category li .tour,
.ms-w390 .tab-category li .ho{
  padding-left:0;
}
.ms-w390 .tab-category li .aph,
.ms-w390 .tab-category li .a2h{
  display:inline-block;
  padding-left:0;
  *display:inline;
  *zoom:1;
}
.ms-w390 .tab-category li .air:before,
.ms-w390 .tab-category li .tour:before,
.ms-w390 .tab-category li .ho:before{
  top:-22px;
  left:24px;
  padding-left:0;
}
.ms-w390 .tab-category li .aph:before,
.ms-w390 .tab-category li .a2h:before{
  top:-26px;
  left:40px;
}
.ms-w390 .dep-point{
  width:258px;
}
.ms-w390 .condition-content{
  width:260px;
  margin-bottom:1px;
}
.ms-w390 .condition-content select{
  font-size:12px;
  line-height:24px;
  width:260px;
  height:24px;
  padding:2px 0 2px 7px;
}
.ms-w390 .condition-content input[type="text"]{
  line-height:100%;
  line-height:22px\9;
  width:238px;
  height:22px;
}
.ms-w390 .condition-content .list-checkbox{
  font-size:12px;
  width:258px;
}
.ms-w390 .condition-content .list-checkbox label{
  padding:3px 0;
}
.ms-w390 .list-condition .condition-title{
  line-height:1.1;
  width:90px;
  margin-top:3px;
}
.ms-w390 .condition-content.short-l,
.ms-w390 .condition-content.short-r{
  width:80px;
}
.ms-w390 .condition-content.short-l select,
.ms-w390 .condition-content.short-r select{
  width:45px;
}
.ms-w390 .condition-content.full-size input[type="text"]{
  width:328px;
}
.ms-w390 .condition-content.full-size{
  width:350px;
}
.ms-w390 .condition-title.width-adjust{
  width:105px;
}
.ms-w390 .condition-content.width-adjust{
  width:65px;
}
.ms-w390 .date-picker:before{
  top:5px;
}
.ms-w390 .list-condition .condition-title.tight-lines{
  line-height:1;
}

/* 子供年齢選択 */
.ms-w390 .option-child-age{
  margin-left:90px;
  padding-top:5px;
}
.ms-w390 .option-child-age .option-note{
  margin-bottom:2px;
}
.ms-w390 .list-inner-condition .option-child-age{
  margin-left:-55px;
}
.ms-w390 .option-child-age .condition-title{
  width:55px;
}
.ms-w390 .option-child-age .condition-content{
  width:70px;
}
.ms-w390 .option-child-age .condition-content select{
  width:50px;
}

/* 検索条件追加 */
.ms-w390 .add-condition-container{
  margin-bottom:0;
  padding-top:10px;
}

/* 検索するボタン */
.ms-w390 .btn-search{
  margin-top:10px;
}

/* 周遊 */
.ms-w390 .openjaw-check{
  padding-left:90px;
}
.ms-w390 .openjaw-check .notice{
  line-height:1.2;
}
.ms-w390 .btn-destination-add{
  margin:0 0 5px 90px;
}
.ms-w390 .btn-destination-add a{
  padding:4px 10px;
}
.ms-w390 .btn-section-del{
  margin:4px 0;
}

/* 海外航空券＋ホテル */
.ms-w390 .a2h-lead{
  width:320px;
  background:url(//s.skygate.co.jp/pc/search/images/bg/bg_aph_lead_s.png) no-repeat left top;
}
.ms-w390 .a2h-lead strong{
  letter-spacing:-1px;
}

/* 海外ホテル＋航空券 */
.ms-w390 .rooms-num-detail{
  padding-left:90px;
}
.ms-w390 .rooms-num-detail .condition-title{
  width:55px;
}
.ms-w390 .rooms-num-detail > .condition-content{
  width:205px;
}
.ms-w390 .rooms-num-detail .list-inner-condition > .condition-title{
  width:34px;
}
.ms-w390 .rooms-num-detail .list-inner-condition > .condition-content{
  width:62px;
}

/* tour */
.ms-w390 .tour-lead{
  width:310px;
  background:url(//s.skygate.co.jp/pc/search/images/bg/bg_tour_lead_s.png) no-repeat left top;
}
.ms-w390 .tour-dep-date{
  height:24px;
}
.ms-w390 .tour-dep-date .dep-month select,
.ms-w390 .tour-dep-date .dep-day select,
.ms-w390 .tour-days select{
  width:113px;
}
.ms-w390 .dep-calendar{
  width:34px;
  height:22px;
}
.ms-w390 .dep-calendar a{
  padding:3px 9px 0;
}
.ms-w390 .tour-days span{
  line-height:24px;
  width:34px;
}

/* 海外ホテル */
.ms-w390 .ho-grade select,
.ms-w390 .ho-days select{
  width:113px;
}

/* ----------------------------------------------------------------
    幅180pxバージョン（基本サイズの一部を上書き）
----------------------------------------------------------------- */
.ms-w180{
  width:180px;
}
.ms-w180 .tab-category li{
  width:89px;
}
.ms-w180 .tab-category li:first-child{
  width:90px;
}
.ms-w180 .search-content{
  padding:4px;
}
.ms-w180 .btn-help{
  top:10px;
}
.ms-w180 .search-content-inner{
  padding:5px;
}
.ms-w180 .btn-change-form{
  display:inline-block;
  margin-left:10px;
}
.ms-w180 .list-condition .condition-title{
  width:160px;
  margin-top:4px;
}
.ms-w180 .condition-content{
  width:160px;
}
.ms-w180 .condition-content select{
  font-size:12px;
  line-height:24px;
  width:160px;
  height:24px;
  padding:2px 0 2px 7px;
}
.ms-w180 .condition-content input[type="text"]{
  line-height:100%;
  line-height:22px\9;
  width:138px;
  height:22px;
}
.ms-w180 .tab-category li{
  font-size:12px;
}
.ms-w180 .tab-category li .air,
.ms-w180 .tab-category li .tour{
  padding:0;
}
.ms-w180.search-box .tab-category li .air:before,
.ms-w180.search-box .tab-category li .tour:before{
  background:none;
}
.ms-w180 .date-picker:before{
  top:5px;
}
.ms-w180 .tab-category .hotelAndAirTab{
  display:none;
}

/* 子供年齢選択 */
.ms-w180 .option-child-age .option-note{
  position:relative;
  margin-bottom:2px;
}
.ms-w180 .option-child-age .option-note span:before{
  left:1em;
}
.ms-w180 .option-child-age .option-note span:after{
  right:1em;
}
.ms-w180 .option-child-age .option-note span{
  position:static;
  padding:0;
}
.ms-w180 .single-line .condition-title{
  width:95px;
}
.ms-w180 .single-line .condition-content{
  width:65px;
  margin-bottom:1px;
}
.ms-w180 .single-line .condition-content select{
  width:45px;
}
.ms-w180 .option-child-age .single-line .condition-title{
  width:90px;
}
.ms-w180 .option-child-age .single-line .condition-content{
  width:70px;
}
.ms-w180 .option-child-age .single-line .condition-content select{
  width:50px;
}
.ms-w180 .list-condition .condition-title.tight-lines{
  line-height:1;
}

/* 検索するボタン */
.ms-w180 .btn-search{
  margin-top:5px;
}
.ms-w180 .btn-search button{
  width:160px;
}
.ms-w180 .btn-search .error-alert span{
  font-size:12px;
}
.ms-w180 .btn-search .error-alert span:before{
  top:50%;
  margin-top:-9px;
}
.ms-w180 .btn-search .error-alert{
  padding-bottom:0;
}

/* tour */
.ms-w180.search-box .tour-dep-date{
  height:47px;
}
.ms-w180.search-box .tour-dep-date select{
  width:125px;
}
.ms-w180.search-box .tour-dep-date .dep-day select{
  margin-top:-1px;
  margin-left:0;
}
.ms-w180.search-box .dep-calendar{
  width:34px;
  height:45px;
  margin-top:-24px;
}
.ms-w180.search-box .dep-calendar a{
  padding:16px 10px 12px;
}
.ms-w180.search-box .tour-days{
  width:160px;
}
.ms-w180.search-box .tour-days select{
  width:76px;
  *width:81px;
}
.ms-w180.search-box .tour-days select:first-child{
  margin-bottom:1px;
}
.ms-w180.search-box .tour-days span{
  line-height:24px;
  clear:both;
  width:20px;
}

/* アイコン
----------------------------------------------- */
.search-box .tab-category li .air:before,
.search-box .tab-category li .aph:before,
.search-box .tab-category li .a2h:before,
.search-box .tab-category li .tour:before,
.search-box .tab-category li .ho:before,
.search-box .date-picker:before,
.search-box .btn-search button span:before,
.search-box .btn-section-del a:before,
.search-box .btn-add-condition .open:before,
.search-box .btn-add-condition .close:before,
.search-box .btn-destination-add span:before,
.search-box .dep-calendar .ico-calendar,
.search-box .hdg-side-search span:before,
.search-box .btn-search .error-alert span:before,
.mw-box02 .btn-search button span:before{
  background-image:url(//s.skygate.co.jp/pc/search/images/ico/search_icon_sprite.png);
  background-repeat:no-repeat;
}

/* 調整クラス
----------------------------------------------- */
.search-box .mt00{
  margin-top:0 !important;
}
.search-box .mb10{
  margin-bottom:10px !important;
}
.w478{ width:478px !important}
.w700{ width:700px !important}
.w810{ width:810px !important}
.w820{ width:820px !important}
.w898{ width:898px !important}

/* モーダルウインドウ関連 */

.mw-area01{
  font-size:16px;
  position:fixed;
  z-index:90;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url("//s.skygate.co.jp/pc/htl/images/common/bg/bg_lb_01.png") repeat left top;
}

/* mw-box01 */
.mw-box01,
.mw-box02,
.mw-box03{
  position:relative;
  z-index:200;
  width:780px;
  margin:50px auto;
  padding:40px 20px 20px;
  text-align:left;
  background:#fff;
  -webkit-box-shadow:rgb(66, 66, 66) 0 0 5px -2px;
     -moz-box-shadow:rgb(66, 66, 66) 0 0 5px -2px;
          box-shadow:rgb(66, 66, 66) 0 0 5px -2px;
}
.mw-box02{
  padding:20px;
}

/* Google Map only */
.mw-box03{
  width:600px;
  padding:0;
}

/* Google Map only */
.mw-box03.on-map{
  position:absolute;
  z-index:300;
}

.mw-box01 h3{
  font-size:75%;
  font-weight:bold;
  margin-bottom:2px;
}

.mw-box01 p,
.mw-box02 p{
  font-size:75%;
  margin-bottom:10px;
}

.mw-box01 .attention,
.mw-box02 .attention{
  font-size:75%;
  line-height:1.5;
  margin:0 0 10px;
  padding:8px;
  background:#eee;
}

.mw-box01 .mw-close-btn,
.mw-box02 .mw-close-btn{
  line-height:1px;
  position:absolute;
  top:10px;
  right:10px;
  width:20px;
  height:20px;
  cursor:pointer;
  background:#4ba5d1;
}
.mw-box01 .tbl-type05{
  font-size:75%;
}

.mw-box01 .list-notice02{
  margin:18px 5px 0;
}
.mw-box01 .list-notice02 dt{
  font-weight:bold;
}
.mw-box01 .list-notice02 dd{
  margin-bottom:13px;
  padding-bottom:10px;
  border-bottom:1px dotted #d5d5d5;
}
.mw-box01 .list-notice02 dd.last-item{
  margin-bottom:0;
  border-bottom:none;
}
.mw-box02 .mw_attention{
  font-size:87.5%;
  font-weight:bold;
  margin:10px 0 20px;
  text-align:center;
  background:#fff;
}
.mw-box02 .area-list01{
  font-size:75%;
  overflow-x:auto;
  overflow-y:scroll;
  max-height:210px;
  margin-bottom:20px;
  padding:20px;
  border:1px solid #ccc;
  background:none repeat scroll 0 0 #f5f4f0;
}
.mw-box02 .area-list01 .area dt{
  font-weight:bold;
  margin:0 0 10px;
}
.mw-box02 .area-list01 .area dd{
  margin:0 0 10px;
}

.mw-box02 .area-list01 .area dd li{
  line-height:1.4;
  padding-bottom:10px;
  vertical-align:top;
  *zoom:1;
}
.mw-box02 .area-list01 .area dd input{
  display:inline-block;
  vertical-align:top;
}

.mw-box02 .area-list01 .area dd label{
  display:inline-block;
  width:380px;
  *width:370px;
  padding:0 0 0 5px;
  vertical-align:top;
  *display:inline;
  *zoom:1;
}

.mw-box02 .btn-search{
  clear:both;
  margin-top:25px;
  text-align:center;
  *margin-top:0;
}
.mw-box02 .btn-search button{
  font-size:16px;
  font-weight:bold;
  width:240px;
  height:36px;
  padding:0;
  cursor:pointer;
  color:#fff;
  border:none;
  background:#383838;
}
.mw-box02 .btn-search button span{
  position:relative;
  padding-left:30px;
}
.mw-box02 .btn-search button span:before{
  position:absolute;
  top:-2px;
  left:0;
  width:20px;
  height:20px;
  content:"";
  background-position:-104px 0;
}

.mwBox03 .searchingBox{
  position:relative;
  overflow:hidden;
  width:540px;
  margin:100px auto;
  padding:30px;
  text-align:center;
  background-color:#fff;
}

.mwBox04 .searchingBox{
  position:relative;
  overflow:hidden;
  width:600px;
  height:340px;
  margin:100px auto;
  background-color:#fff;
}

.mwBox03 .loadingBox{
  position:relative;
  overflow:hidden;
  width:600px;
  height:340px;
  background:url(//s.skygate.co.jp/pc/images/common/bg/guruguru01.gif) no-repeat 0 0;
}

.mwBox03 .loadingBox p,
.mwBox04 .searchingBox p{
  position:absolute;
  overflow:hidden;
}
.mwBox03 .loadingBox p span,
.mwBox04 .searchingBox p span{
  display:block;
  text-indent:-9999px;
}
.mwBox03 .loadingBox .icon,
.mwBox04 .searchingBox .icon{
  top:90px;
  left:270px;
  width:60px;
  height:60px;
}
.mwBox03 .loadingBox .txt,
.mwBox04 .searchingBox .txt{
  top:160px;
  left:195px;
}


/* clearfix
----------------------------------------------- */
.search-box .tab-category:before,
.search-box .tab-category:after,
.search-box .tab-ticket-kind:before,
.search-box .tab-ticket-kind:after,
.search-box .search-content-inner:before,
.search-box .search-content-inner:after,
.search-box .dep-point:before,
.dep-point:after,
.search-box .list-condition:before,
.search-box .list-condition:after,
.search-box .list-inner-condition:before,
.search-box .list-inner-condition:after,
.search-box .add-condition-container:before,
.search-box .add-condition-container:after,
.search-box .list-condition-vertical:after,
.search-box .list-condition-vertical:before{
  display:table;
  content:"";
}
.search-box .tab-category:after,
.search-box .tab-ticket-kind:after,
.search-box .search-content-inner:after,
.search-box .dep-point:after,
.search-box .list-condition:after,
.search-box .list-inner-condition:after,
.search-box .add-condition-container:after,
.search-box .list-condition-vertical:after{
  clear:both;
}
.search-box .tab-category,
.search-box .tab-ticket-kind,
.search-box .search-content-inner,
.search-box .dep-point,
.search-box .list-condition,
.search-box .list-inner-condition,
.search-box .add-condition-container,
.search-box .list-condition-vertical{
  *zoom:1;
}