@charset "utf-8";

/* ----------------------------------------------------------------
    AO系商品詳細
----------------------------------------------------------------- */

/* 周遊切り替え
----------------------------------------------- */
.search-stopover{
  margin-top:-2em;
}

/* 各選択（場所・人数・日）
----------------------------------------------- */
.list-detail-select{
  margin:0 0 40px;
  list-style:none;
  border-bottom:1px solid #d5d5d5;
}
.list-detail-select .hdg-detail-select{
  font-weight:bold;
  line-height:34px;
  padding:0 7px;
  color:#fff;
  border:1px solid #019597;
  background:#01aaaf;
}
.list-detail-select .hdg-detail-select .num{
  line-height:20px;
  display:inline-block;
  width:20px;
  margin-right:7px;
  text-align:center;
  color:#009498;
  background:#fff;
  *display:inline;
  *zoom:1;
}
.detail-select-content{
  padding:15px 30px;
  border-right:1px solid #d5d5d5;
  border-left:1px solid #d5d5d5;
}
.loading-content{
  padding:15px 30px;
  height:52em;
  border-right:1px solid #d5d5d5;
  border-left:1px solid #d5d5d5;
}
.loading-content p.loading{
  width:160px;
  margin:0 auto;
  padding-top:18em;
}
.loading-content p.btn-check-seat{
  padding-top:8em;
}
.list-detail-select li:first-child .detail-select-content{
  padding:10px;
}
.detail-select-content .inner-box{
  padding:10px;
  background:#eff7f9;
}
.detail-select-content .area{
  float:left;
  width:250px;
  margin-right:10px;
}
.detail-select-content dt{
  font-weight:bold;
  line-height:1;
  height:2.2em;
}
.detail-select-content dt span{
  font-size:10px;
  font-weight:normal;
}
.detail-select-content select{
  line-height:30px;
  height:30px;
  padding:0.5em 0 0.5em 7px;
  border:1px solid #ddd;
}
.detail-select-content .area dt{
  line-height:1.8;
}
.detail-select-content .area select{
  width:250px;
}
.detail-select-content .num_adult,
.detail-select-content .num_child{
  float:left;
  width:85px;
}
.detail-select-content .num_adult{
  margin-right:3px;
}
.detail-select-content .num_adult select,
.detail-select-content .num_child select{
  width:65px;
}
.detail-select-date{
  border-right:1px solid #d5d5d5;
  border-left:1px solid #d5d5d5;
  padding:0 30px;
}
.txt-dep{
  line-height:1.6;
  text-align:center;
}
.condition-content{
  float:right;
  margin-bottom:4px;
}
.condition-content input[type="text"]{
  font-size:14px;
  line-height:100%;
  line-height:32px\9;
  width:228px;
  height:32px;
  padding:0 10px;
  border:1px solid #ddd;
}
.condition-content input::-ms-clear{
  visibility:hidden;
}
.condition-content select + select{
  border-top:medium none;
}
.condition-content.short-l,
.condition-content.short-r{
  width:80px;
}
.condition-content.short-l select,
.condition-content.short-r select{
  width:60px;
}
.inner-box .list-condition .condition-title{
  font-weight:bold;
  position:relative;
  float:left;
  clear:both;
  width:60px;
  margin-top:8px;
}
.inner-box .option-child-age{
  float:right;
  width:170px;
  padding-top:8px;
}
.inner-box .option-child-age .option-note{
  font-weight:bold;
  position:relative;
  margin-bottom:8px;
  text-align:center;
}
.inner-box .option-child-age .option-note span{
  padding:0;
}
.inner-box .option-child-age .option-note span:before,
.option-child-age .option-note span:after{
  position:absolute;
  top:.5em;
  content:"↓";
}
.inner-box .option-child-age .option-note span:before{
  left:1em;
}
.inner-box .option-child-age .option-note span:after{
  right:1em;
}
.inner-box .option-child-age strong{
  color:#f30;
}
.inner-box .option-child-age .list-notice{
  font-size:10px;
  margin-bottom:0;
  padding-top:5px;
}

/* 料金カレンダー
----------------------------------------------- */
.hdg-price-calendar{
  font-size:14px;
  font-weight:bold;
  padding:3px 0;
  text-align:center;
  color:#fff;
  background-color:#0095da;
}
.select-month{
  position:relative;
}
.list-select-month{
  display:table;
  width:590px;
  margin:20px auto 0;
}
ul.list-select-month li:first-child{
  margin-left:0;
}
.list-select-month li{
  float:left;
  display:table-cell;
  width:80px;
  height:29px;
  margin-left:5px;
  text-align:center;
  background:url("//s.skygate.co.jp/pc/air/images/bg/calendar_tab_off.gif") no-repeat 0 0;
  *margin-left:4px;
}
.list-select-month li.disabled{
  background:url("//s.skygate.co.jp/pc/air/images/bg/calendar_tab_ng.gif") no-repeat 0 0;
}
.list-select-month li.disabled span{
  color:#aaa;
  font-weight:bold;
  display:block;
  width:80px;
  height:23px;
  padding-top:6px;
  text-decoration:none;
}
.list-select-month li.tab-on{
  background-image:url("//s.skygate.co.jp/pc/air/images/bg/calendar_tab_on.gif");
}
.list-select-month li.tab-on a{
  color:#fff;
}
.list-select-month li a{
  font-weight:bold;
  display:block;
  width:80px;
  height:23px;
  padding-top:6px;
  text-decoration:none;
  color:#444;
}
.month-pre,
.month-next{
  font-size:11px;
  width:40px;
}
.month-pre span,
.month-next span{
  position:relative;
}
.month-pre span:before,
.month-next span:before{
  background:url("//s.skygate.co.jp/pc/air/images/ico/calendar_icon_sprite.png") no-repeat;
}
.month-pre{
  position:absolute;
  top:5px;
  left:0;
}
.month-pre span{
  position:relative;
  padding-left:12px;
}
.month-pre span:before{
  position:absolute;
  top:0;
  left:0;
  width:8px;
  height:12px;
  content:"";
  background-position:-18px 0;
}
.month-next{
  position:absolute;
  top:5px;
  right:0;
}
.month-next span{
  position:relative;
  padding-right:12px;
}
.month-next span:before{
  position:absolute;
  top:0;
  right:0;
  width:8px;
  height:12px;
  content:"";
  background-position:0 0;
}
.tbl-price-calendar{
  width:100%;
  table-layout:fixed;
  text-align:center;
  border-right:1px solid #d5d5d5;
}
.tbl-price-calendar tbody th,
.tbl-price-calendar tbody td{
  border-bottom:1px solid #d5d5d5;
  border-left:1px solid #d5d5d5;
}
.tbl-price-calendar thead th{
  font-size:11px;
  font-weight:normal;
  padding:4px 0;
  color:#444;
  border:1px solid #d5d5d5;
}
.tbl-price-calendar tbody td{
  position:relative;
  padding:0;
}
.tbl-price-calendar .day-inner{
  display:block;
  cursor:pointer;
  text-decoration:none;
}
.tbl-price-calendar .date{
  display:block;
  color:#444;
  border-top:3px solid #f3f3f3;
  border-right:3px solid #f3f3f3;
  border-left:3px solid #f3f3f3;
  background:#f3f3f3;
  *height:1.25em;
}
.tbl-price-calendar .price{
  font-size:14px;
  font-weight:bold;
  line-height:1.5;
  display:block;
  padding-top:5px;
  text-decoration:underline;
  color:#00c;
  border-right:3px solid #fff;
  border-bottom:3px solid #fff;
  border-left:3px solid #fff;
  *height:3em;
}
.tbl-price-calendar .state{
  display:block;
}
.tbl-price-calendar .day-inner:hover,
.tbl-price-calendar .day-inner:hover .date,
.tbl-price-calendar .holi.selected .date,
.tbl-price-calendar .holi.price,
.tbl-price-calendar .selected .date,
.tbl-price-calendar .selected .price{
  background-color:#ffc;
}
.tbl-price-calendar .day-inner:hover .date{
  border-top:3px solid #ffc;
  border-right:3px solid #ffc;
  border-left:3px solid #ffc;
}
.tbl-price-calendar .day-inner:hover .price{
  border-right:3px solid #ffc;
  border-bottom:3px solid #ffc;
  border-left:3px solid #ffc;
}
.tbl-price-calendar .selected .date,
.tbl-price-calendar .sat.selected .date,
.tbl-price-calendar .holi.selected .date{
  border-top:3px solid #f00;
  border-right:3px solid #f00;
  border-left:3px solid #f00;
  background:#ffc;
}
.tbl-price-calendar .selected .price{
  color:#00c;
  border-right:3px solid #f00;
  border-bottom:3px solid #f00;
  border-left:3px solid #f00;
}
.tbl-price-calendar .selected .day-inner:hover .date{
  border-top:3px solid #f00;
  border-right:3px solid #f00;
  border-left:3px solid #f00;
}
.tbl-price-calendar .selected .day-inner:hover .price{
  font-size:14px;
  font-weight:bold;
  line-height:1.5;
  display:block;
  padding-top:5px;
  border-right:3px solid #f00;
  border-bottom:3px solid #f00;
  border-left:3px solid #f00;
}
.tbl-price-calendar .x-mark{
  display:block;
}
/*日がない*/
.tbl-price-calendar .no-day .x-mark{
  position:absolute;
  bottom:.5em;
  left:45%;
}
.tbl-price-calendar .no-select .date{
  color:#aaa;
  border-top:3px solid #eee;
  border-right:3px solid #eee;
  border-left:3px solid #eee;
  background:#eee;
}
.tbl-price-calendar .no-select .price{
  font-size:14px;
  line-height:1.5;
  display:block;
  padding-top:5px;
  text-decoration:none;
  color:#aaa;
  border-right:3px solid #eee;
  border-bottom:3px solid #eee;
  border-left:3px solid #eee;
  background:#eee;
}
.tbl-price-calendar .holi .date{
  color:#e94545;
  border-top:3px solid #ffeef5;
  border-right:3px solid #ffeef5;
  border-left:3px solid #ffeef5;
  background:#ffeef5;
}
.tbl-price-calendar .sat .date{
  color:#0758b3;
  border-top:3px solid #dcf0f5;
  border-right:3px solid #dcf0f5;
  border-left:3px solid #dcf0f5;
  background:#dcf0f5;
}
.loading td{
  height:32em;
}
.list-detail-select .offline-only{
  margin-top:30px;
  border:none;
  background:none;
}
.balloon_box{
  display:table;
  width:495px;
  height:75px;
  margin:0 auto;
  text-align:center;
  background:url("//s.skygate.co.jp/pc/air/images/bg/bg_balloon.png") no-repeat 0 0;
}
.balloon_box p{
  font-size:14px;
  font-weight:bold;
  padding-top:9px;
  color:#444;
}

/*loading*/
tbody.loading{
  text-align:center;
}

/* 空席照会ボタン
----------------------------------------------- */
.btn-check-seat{
  width:460px;
  height:70px;
  margin:40px auto;
}
.btn-check-seat.disabled{
  background:url("//s.skygate.co.jp/pc/air/images/btn/check_seat_n.png") no-repeat;
}
.btn-check-seat a{
  display:inline-block;
  width:460px;
  height:70px;
  background:url("//s.skygate.co.jp/pc/air/images/btn/check_seat.png") no-repeat;
}
.btn-check-seat a:hover{
  background:url("//s.skygate.co.jp/pc/air/images/btn/check_seat_o.png") no-repeat;
}
.btn-check-seat span{
  display:none;
}

/* clearfix
----------------------------------------------- */

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

.clearfix:after {
  content:"";
  display:block;
  clear:both;
}