@charset "utf-8";

/*
 * CSS for PC
 * @date     2020.03.24
 * @author   shingo sato
 */
 h1{z-index: 12;}
 #search-box {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
@media (min-width: 720px) {


#search-box li {
  list-style-type: none;
}
#search-box .active {
  font-size: 100%;
  font-weight: normal;
}
#search-box h1 {
  margin: 7px 7px 3px 7px;
  font-size: 90%;
  color: #60502E;
}
#search-box .explain {
  margin-bottom: 10px;
  font-size: 82%;
  line-height: 1.4;
  color: #CC0000;
}
#search-box #domestic-search-box,
#search-box #overseas-search-box {
  padding: 7px;
}
.column1 #search-box #domestic-search-box,
.column1 #search-box #overseas-search-box {
  padding: 15px;
}


/* input field */

#search-box .inputDate {
  width: 95%;
  min-height: 28px;
  padding-left: 3%;
  background-color: #f0f0f0;
  border: 1px solid #878787;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  cursor: pointer;
  vertical-align: middle;
  -moz-box-shadow: 0px 0px 0px rgba(000, 000, 000, 0), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px rgba(000, 000, 000, 0), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px rgba(000, 000, 000, 0), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
  /*background image*/
  background-image: url(https://img.travel.rakuten.co.jp/share/themes/search/images/calendarIcon001_72px.png);
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-background-size: 28px 23px;
  -moz-background-size: 28px 23px;
  -o-background-size: 28px 23px;
  /*Text setting*/
  color: #333;
  font-size: 90%;
  line-height: 2.4;
}

#search-box .number ul li.child a, #search-box #oa-arv1 {
  background: #f0f0f0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #777777;
  -moz-box-shadow: 0px 0px 0px rgba(000, 000, 000, 0), inset 0px 1px 5px rgba(171, 171, 171, 0.6);
  -webkit-box-shadow: 0px 0px 0px rgba(000, 000, 000, 0), inset 0px 1px 5px rgba(171, 171, 171, 0.6);
  box-shadow: 0px 0px 0px rgba(000, 000, 000, 0), inset 0px 1px 5px rgba(171, 171, 171, 0.6);
  color: #333333;
  line-height: 1.7;
  padding: 0.3em 1em;
}


/* searchCategory */

#search-box .searchCategory {
  clear: both;
}

/* search structure */

#search-box .structure:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0.1em;
}
#search-box .structure dt {
  font-size: 82%;
  font-weight: bold;
  line-height: 1.2;
}

#search-box .structure dd {
  margin-bottom: 10px;
  font-size: 82%;
}

#search-box .number ul:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0.1em;
}
#search-box .number ul li {
  float: left;
  width: 50%;
}
#search-box .number ul li.adult {
  width: 45%;
}

.column1 #search-box .structure2 dt.squeeze {
  clear: both;
}
.column1 #search-box .structure2 dd.squeeze {
  width: 82%;
  margin-right: 3%;
}
.column1 #search-box .structure .squeeze {
  white-space: nowrap;
}
.column1 #search-box .structure .squeeze li {
  display: inline;
  margin-bottom: 0;
  padding: 0 15px 0 0;
  border: none;
  background-color: transparent;
}



#search-box p.searchSubmit a {
  display: block;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
  text-align: center;
  line-height: 0;
  background: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/btn_search.gif) 0 0 no-repeat;
}

#search-box p.searchSubmit a:hover {
  opacity: 0.8
}




}




.clearfix {
  display: block;
  min-height: 1%;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}








/* sltBox */

.childBox.popup-contents {
  z-index: 103;
}
.sltBox {
  position: relative;
  padding: 10px;
  border: 3px solid #CCC;
  background-color: #FFF;
  margin-right: 3%;
  margin-left: 3%;
  box-shadow: 0px 3px 5px #666;
}
#dap-child-num-contents .sltBox {
  width: 420px;
}
.sltBox:after,
.sltBox:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.sltBox:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #FFF;
  border-width: 10px;
  left: 50%;
  margin-left: -10px;
}
.sltBox:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #CCC;
  border-width: 14px;
  left: 50%;
  margin-left: -14px;
}
.sltBox table {
  font-size: 82%;
  margin-bottom: 2px;
}
.sltBox th {
  background-color: #eeeeee;
  color: #888888;
  font-weight: bold;
  width: 3.6em;
}
.sltBox tr {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCC;
}
.sltBox td {
  width: 8em;
  padding: 10px;
  text-align: left;
  vertical-align: top;
}
#dap-child-num-contents .sltBox td {
  width: 13em!important;
}
.sltBox td span.child-select-des {
  display: block;
}
.sltBox td span.child-select-contents {
  display: block;
  vertical-align: middle;
}
.sltBox .tbClose {
  display: block;
  z-index: 5;
  position: absolute;
  top: -10px;
  right: -10px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.sltBox .tbClose a.close {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-position: 0px 0px;
  height: 23px;
  width: 23px;
  background-image: url(https://img.travel.rakuten.co.jp/share/themes/search/images/closeBtn_72px.png);
  background-repeat: no-repeat;
}

/* submit */

#search-box p.searchSubmit {
  clear: both;
}



.searchCategory.searchNavi{display: none;}
#search-box{ background-color: #ffffff; border-radius:6px;border: 1px solid #cccccc; clear: both; margin: 20px auto;}

#dateSearch{z-index: 1!important;}
#search-box{ max-width:1180px; padding: 16px;}
#search-box .grey{border: 1px solid #cccccc; border-radius:4px; margin-right: 10px; float: left;}
#search-box .grey#dhChuArea{width: 12%;}
#search-box .grey.InpuDateBox.chkDate{width: 22%;}
#search-box .grey.InpuDateBox.roomNumber{width:8%;}
#search-box .grey.ninzu{width: 34%;}
#search-box .grey#dhChuArea dl dt{display: none!important;}
#search-box .grey#dhChuArea dl dd.dmArea {
  background: url(https://travel.rakuten.co.jp/superdeal/fuseco/images/location.svg) no-repeat left center;
  background-position-x: left;
  background-position-y: bottom;
  background-size: auto;
  background-size: 22px 25px;
  padding-left: 26px;
  margin-left:15px;
  background-size: 22px 24px;
  background-position: left center;
  padding-top:3px; padding-bottom: 5px; margin-bottom: 0;
}
#search-box .grey#dhChuArea dl dd.dmArea select,#search-box .grey#dhChuArea dl dd.dmArea p#areaKen span{ 
  margin-right: 2px;text-align:left;font-size:16px;
  line-height:30px;vertical-align:0;background: url(https://img.travel.rakuten.co.jp/special/sales/dp/201809/images/select_g.png) 90% 7px no-repeat;
  border: none;width: 100%; font-weight:normal;box-sizing: border-box;margin: 0 0 -5px;
  vertical-align: 0px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#search-box .grey.InpuDateBox.chkDate{ padding-left:36px;margin-left:10px; position: relative;
}
#search-box .grey.InpuDateBox.chkDate:after{ width: 26px; height:20px; visibility: visible;
background: url(https://travel.rakuten.co.jp/superdeal/fuseco/images/Calendar.svg) no-repeat left center;
background-size: auto;
background-size: 22px 25px;
content: "";
position: absolute;
top:50%;
left: 6px;
margin-top: -10px;}
#search-box .grey.InpuDateBox.chkDate dl{ color: #333333;  font-weight: normal; width: 42%; margin-right: 7.6%; float: left;}
#search-box .grey.InpuDateBox.chkDate dl dt{ color: #999999;font-size: 12px;font-weight: normal; padding-top: 6px; padding-left:5px;}
#search-box .grey.InpuDateBox.chkDate dl dd{ margin-bottom: 0;}
#search-box .grey.InpuDateBox.chkDate dl .inputDate{ border: none!important; background: none!important; box-shadow: none!important; font-size: 16px; font-weight: bold; min-height: 16px; line-height: 1.0; top:-6px;}
#search-box .grey.InpuDateBox.roomNumber{ margin-left: 10px; padding-left: 36px; position: relative; }
#search-box .grey.InpuDateBox.roomNumber:after{ 
  width: 26px; height:20px; visibility: visible;
  background: url(https://travel.rakuten.co.jp/superdeal/fuseco/images/roomnum.svg) no-repeat left center;
  background-size: auto;
  background-size: 22px 25px;
  content: "";
  position: absolute;
  top:50%;
  left:8px;
  margin-top: -10px;
}
#search-box .grey.InpuDateBox.roomNumber select{ display: block; opacity: 0;  position: absolute; top:12px; left:-6px;}
#search-box .grey.InpuDateBox.roomNumber dl dt{ color: #999999;font-size: 14px;font-weight: normal; padding-top: 6px; padding-left:5px; float: left; margin-right: 5px;}
#search-box .grey.InpuDateBox.roomNumber dl dd{ float: left;padding-top:17px; padding-bottom:17px; margin-bottom: 0; position: relative; width: 30px;}
#search-box .grey.InpuDateBox.roomNumber dl dd:before{ width: 16px; height: 30px; position: absolute; content: ""; top:50%; margin-top:-7px;right:0px;background: url(https://img.travel.rakuten.co.jp/special/sales/dp/201809/images/select_g.png) no-repeat;}
#search-box .grey.InpuDateBox.roomNumber dl dt{ padding-top: 16px;}
#search-box select#suTomariHeya{ position: relative; top:1px;}
#search-box .grey.InpuDateBox.ninzu{ margin-left: 10px; padding-left: 36px; position: relative; }
#search-box .grey.InpuDateBox.ninzu:after{ 
  width: 26px; height:20px; visibility: visible;
  background: url(https://travel.rakuten.co.jp/superdeal/fuseco/images/person.svg) no-repeat left center;
  background-size: auto;
  background-size: 22px 25px;
  content: "";
  position: absolute;
  top:50%;
  left:4px;
  margin-top: -10px;
}
#search-box .grey.InpuDateBox.ninzu dl dt{ width:26%; float: left;color: #999999; padding-top: 16px; font-weight: normal; font-size: 14px;}
#search-box .grey.InpuDateBox.ninzu dl dd{ width:70%; float: left;padding-top: 13px; height:26px;}
#search-box .number ul li.adult{ position: relative; padding-top: 3px;}
#search-box .number ul li.adult b{font-weight: bold; padding-left: 8px; padding-top: 1px; font-weight: normal; font-size: 14px;}
#search-box .number ul li.adult select{ position: absolute; left:46px; top:0; opacity:0; z-index: 10; cursor: pointer;}
#search-box .number ul li.adult span{ font-size: 14px;}
#search-box .number ul li.adult:after{
width: 16px;
height: 30px;
position: absolute;
content: "";
top: 50%;
margin-top: -6px;
right:14px;
background: url(https://img.travel.rakuten.co.jp/special/sales/dp/201809/images/select_g.png) no-repeat;
}
#search-box #searchSwitchArea1{position: relative;}
#search-box .number ul li.child span b{ font-weight:normal;}
#search-box .number ul li.child:after{
  width: 16px;
  height: 30px;
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -6px;
  right:45px;
  background: url(https://img.travel.rakuten.co.jp/special/sales/dp/201809/images/select_g.png) no-repeat;
  }
#search-box #searchSwitchArea1 p.searchSubmit{ position: absolute; top:4px; right: 10px;}
#search-box #searchSwitchArea1 p.searchSubmit a{ background-image:none; width:100px; padding-top:14px; padding-bottom: 0; height: 30px; color: #FFFFFF; text-align: center; font-size: 14px; border-radius: 5px; background:#D7402E; white-space:unset; text-indent: 0; line-height: unset;}
#search-box #searchSwitchArea1 .searchUndate{font-size: 14px; color:#767676; margin:10px auto 0 160px;}
#mask{ width:820px; height:60px; position:absolute; top:0px; left:160px; z-index: 10; background: #ffffff; opacity: .3;}




#search-box #searchSwitchArea1 .searchUndate input[type="checkbox"] + label {
  color:#767676;
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
  padding-left: 28px;
  background: url(https://travel.rakuten.co.jp/superdeal/fuseco/images/check.svg) left center no-repeat;
    background-size: auto;
  background-size: auto;
  background-size: 16px 16px;
  cursor: pointer;
  height: 16px;
}
#search-box #searchSwitchArea1 input[type="checkbox"]:checked + label{
  background: url(https://travel.rakuten.co.jp/superdeal/fuseco/images/checked.svg) left center no-repeat;
}
#search-box #searchSwitchArea1 .searchUndate input{ display: none;}

@media (min-width: 720px) {
  .sp{display: none;}
  #search-box .grey#dhChuArea dl dd.dmArea p span.pc{display: block; width: 60px;}
  #search-box .inputWrap{background: none;}
  #search-box .inputWrap dd .field{border: none; background: none; padding:18px 0 0 0; }
  #search-box .grey#dhChuArea dl dd.dmArea{ height:24px; font-size: 14px;padding-top: 15px;}
  #dh-input-area-label{ position:absolute; opacity:100;; width:140px; height:34px; left:26px; top:0;}
  #search{background-color: #ffffff; padding: 0;}
  #search dl.inputWrap#dh-input-area dd.dmArea{min-height: 15px;}
  #search-box .number ul li.adult b#adltNum{font-weight: bold;}
  #search-box .number ul li.child{ position: relative; top:-4px;}
  #search-box .number ul li.child a{padding:0.3em 1.6em;}
  #search-box .number ul li.child:after{ right: -10px;}
  #grpLocationArea a{font-size: 12px;}
  #search-box .grey.InpuDateBox.chkDate dl dt.date.sch_ttl1{ padding:0;}
  #search-box .grey.InpuDateBox.chkDate dl dt.date.sch_ttl2{ padding:0;}
  #search-box .grey.InpuDateBox.chkDate dl dt.date.sch_ttl1 label,#search-box .grey.InpuDateBox.chkDate dl dt.date.sch_ttl2 label{ cursor: pointer; padding-top: 6px; margin-left: 12px; display: inline-block;}
  #search-box a#dh-child-popup{ display: inline-block; z-index: 10; position: relative; padding:2px 20px; cursor: pointer;}
  div#grpLocationArea{ padding:10px;}
  .selectableAreaList { margin: 0; padding: 0; padding-bottom:80px;}
  #search-box .grey#dhChuArea dl dd.dmArea select{position:relative;top:-6px;}
  #search-box .grey.InpuDateBox.ninzu{padding-left: 0;}
  #search-box .grey.InpuDateBox.ninzu dl{padding-left: 36px;}
  #FEATURES.parts{position: relative; top:-100px; padding-top:0; margin-bottom: -90px;}
  #SEARCH.pars{ position: relative;  z-index: 10;}
}



#search dl.inputWrap#dh-input-area dd.dmArea{ margin-left:2px;}
#search dl.inputWrap#dh-input-area{margin-left: 0!important;}

#dh-child-popup-contents{ display: none;}
@media (max-width: 720px) {
  .pc{display: none;}
  #search-box .inputDate {width: 95%; cursor: pointer; vertical-align: middle;color: #333;}
  .hasDatepicker{padding: 1px 3px;}
  #search-box #search-box-body dl.structure label{font-size: 14px; padding: 10px 0;}
  #search-box .grey#dhChuArea dl dd.dmArea p span.sp{display: block; min-width:200px;}
  #search-box-body{display: block; background:#E0E0E0 ;}
  #search-box .grey{border: 1px solid #ffffff; border-radius:5px; background:#ffffff;}
  #search-box .grey#dhChuArea{ width: 100%;}
  #search-box .inputWrap{background: none;}
  #search-box .inputWrap dd .field{border: none; background: none; padding:5px 0 0 4px; font-size: 16px; font-weight: bold; }
  #search-box.verB.test #dh-search-form .structure dd .squeeze li{margin-bottom:4px; min-height: 32px;}
  #search-box .grey.InpuDateBox.chkDate{width: 100%; background: none; margin-top: 10px; margin-left: 0; border:none; padding-left: 0;}
  #search-box .grey.InpuDateBox.chkDate:after{background: none;}
  #search-box .grey.InpuDateBox.chkDate dl{width: 48%!important; float: left; border-radius:5px; background: #ffffff;}
  #search-box .grey.InpuDateBox.chkDate dl.chkIn{margin-right:1.9%!important; margin-left: 0!important; position: relative;height: 40px;}
  #search-box .grey.InpuDateBox.chkDate dl.chkOut{margin-left: 2%!important; margin-right: 0!important;position: relative; height: 40px;}
  #search-box .grey.InpuDateBox.chkDate dl dt{padding-left:0; padding-top:1px; text-align:center;}
  #search-box #search-box-body .grey.InpuDateBox.chkDate dl dt label{display:inline-block; width:auto;padding-left: 28px; padding-top:0; text-align:center; font-size:11px;padding-bottom: 2px;}
  #search-box .grey.InpuDateBox.chkDate dl dd{padding-left:22px; text-align:center;}
  #search-box .grey.InpuDateBox.chkDate dl.chkIn:after{
  width: 26px;height: 20px;visibility: visible;background: url(https://travel.rakuten.co.jp/superdeal/fuseco/images/Calendar.svg) no-repeat left center;background-size: auto;
  background-size: auto;background-size: 22px 25px;content: "";position: absolute;top: 50%;left: 6px;margin-top: -10px;
  }
  #search-box .grey.InpuDateBox.chkDate dl.chkOut:after{
    width: 26px;height: 20px;visibility: visible;background: url(https://travel.rakuten.co.jp/superdeal/fuseco/images/Calendar.svg) no-repeat left center;background-size: auto;
    background-size: auto;background-size: 22px 25px;content: "";position: absolute;top: 50%;left: 6px;margin-top: -10px;
    }

    #search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd a#dh-child-popup {
      margin-bottom: 0px;
      font-size: 16px !important;
    }
    #search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li a {
      width:auto;
      display: inline-block;
    }
  #search-box .grey.InpuDateBox.roomNumber{margin-left: 0; width: 35%; margin-right: 3%; margin-top: 10px; padding-left: 0; overflow: hidden;}
  #search-box .grey.InpuDateBox.roomNumber dl{ padding-left: 36px;}
  #search-box .grey.InpuDateBox.roomNumber dl dt{padding-top:4px; font-size: 12px;}
  #search-box .grey.InpuDateBox.roomNumber dl dd{width:60px; }
  #search-box .grey.InpuDateBox.roomNumber dl dd b#heyaNum{font-weight: bold;font-size: 16px;}
  #search-box .grey.InpuDateBox.roomNumber select{ left: 0; top:0; height: 30px; display: block;cursor: pointer;z-index: 2;}
  #search-box .grey.InpuDateBox.roomNumber dl dd:before{background: none;}
  #search-box .grey.InpuDateBox.ninzu{ margin-left: 0; padding-left: 0; float:right;width:60%; margin-top: 10px; margin-right: 0; overflow: hidden;}
  #search-box .grey.InpuDateBox.ninzu dl dt.pc{display: none;}
  #search-box .grey.InpuDateBox.ninzu dl dd{padding-left:0; width:100%; padding-top:5px; height:22px; margin-bottom: 10px!important;}
  #search-box .grey.InpuDateBox.ninzu dl dd ul{margin-left:24px;}

  #search-box .grey.InpuDateBox.chkDate dl .inputDate{ padding-left: 0; padding-right: 0; text-align: center;}
  #search-box .number ul li.adult{width: 42%!important; float: left;}
  #search-box .number ul li.child{width:58%!important; float: left!important; margin-top: 0; text-align: left; position: relative; top:-5px;}
  #search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li.child span{ font-size: 14px;}
  #search-box .number ul li.adult b{padding-left: 0}
  #search-box .number ul li.adult span b{font-size: 12px; padding-left: 0; font-weight: normal;}
  #search-box .number ul li.adult b{font-size: 16px; font-weight: bold;}
  #search-box .number ul li.adult:after,#search-box .number ul li.child:after{ background: none;}
  #search-box .number ul li.adult b#adltNum{ position: relative; top:1px;}
  #search-box #searchSwitchArea1 .searchUndate{margin-left: 0;}
  #search-box #searchSwitchArea1 p.searchSubmit{position: relative; top:0; right: 0; padding-top:0;  width:180px;margin:0 auto 6px auto;}
  #search-box #searchSwitchArea1 p.searchSubmit a{ height:32px; border: none; padding-top: 10px;margin-left: auto; margin-right: auto; margin-top:6px; display: block;}
  #mask{width: 100%; height:100px; left: 0; top:50px; background-color:#E0E0E0; display: none;}
  #search-box #searchSwitchArea1 .searchUndate input[type="checkbox"] + label{color: #000000;}

  #dh-input-area-label{ position:absolute; opacity:100; width:82%; height:38px; left:36px; top:14px;}
  #search-box{ padding: 0; margin: 10px;}
  #search{ padding: 0;background:#ffffff;}
  #searchSwitchArea1{ padding: 10px;background-color: #e0e0e0;}
  #search dl.inputWrap#dh-input-area dd.dmArea{height: auto; padding-top:44px; padding-bottom:12px; min-height: 0;}
  #search-box .grey.InpuDateBox.roomNumber dl dd{padding-top:7px; padding-bottom:7px;}
  #search-box .number ul li.adult select{left: 26px;}
  #search-box .number ul li.adult{ padding-top: 2px;}
  #search-box .line.clearfix.sibori{font-size: 13px; counter-reset: #444;}
  #search-box .number ul li.child span b{font-size: 12px;}
  #search-box .number ul li.child a{ padding: 7px 0 0 0; width:16px!important; height: 30px!important; text-align: center; display: inline-block; position: relative; z-index: 10;}
  #search-box #dh-child-popup{font-weight: bold;}
  #search-box #dh-child-popup a{ display: inline-block; padding: 5px; cursor: pointer;}
  #search-box #searchSwitchArea1 p.searchSubmit a{  width:180px;}
  .selectableAreaList { margin: 0; padding: 0; padding-bottom:220px;}
  #search-box .grey#dhChuArea dl dd.dmArea{ height:28px; margin-left: 3px; }
  #search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd a#dh-child-popup {
    margin-bottom: 1px;
    font-size: 16px !important;
  }
  #SEARCH.pars{ position: relative; z-index: 10;}
  #FEATURES.parts{position: relative; top:-65px; z-index: 1; padding-top:15px; margin-bottom: -70px; }

  #search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dt{padding-top:1px;}
  #search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd input{ margin-bottom: 0;}
  }

#search-box dd.area.dmArea.field.truncate{display: none!important;}
#childNumLabel{font-weight: bold;}

#dh-input-area-label:before{ background: none;}
#search-box .squeeze li{ border: none;background: none;}
#search-box .structure dd.setInput.udm{ margin-bottom: 0;}
#search-box .squeeze li{margin-bottom: 0;}
#search-box .line.clearfix.sibori{ background: #F6F6F6; padding:6px 8px 2px 8px; border-radius: 5px; line-height:38px; margin-top: 10px; }
#search-box .line.clearfix.sibori dl dd{font-size: 14px;}
#search-box #dh-search-form .structure dd .squeeze li{ display: inline-block; }
#search-box #dh-search-form .structure dd .squeeze li label{border: 1px solid #d3d2d2;padding:7px 12px; cursor: pointer; border-radius: 30px; color: #444444; font-weight: normal; margin: 0; background-color: #ffffff; }
#search-box #dh-search-form input.fcmp + label{ background: none;border: 1px solid #d3d2d2;}
#search-box #dh-search-form input.fcmp:checked + label{border:1px solid #5e8a38!important; padding-left: 30px!important;background:url(data:image/gif;base64,R0lGODlhGAAUALMAAOrv5GmRRt/n2F6KONTgyn+hYKrBlfX48nSZU1SCK+rw5WmSRf///wAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhDMzQwQkY3QkJGRTExRUM5QzJBRjhFMDQxQ0M0QzI5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhDMzQwQkY4QkJGRTExRUM5QzJBRjhFMDQxQ0M0QzI5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEMzNDBCRjVCQkZFMTFFQzlDMkFGOEUwNDFDQzRDMjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEMzNDBCRjZCQkZFMTFFQzlDMkFGOEUwNDFDQzRDMjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAGAAUAAAEN5DJSau9OOvNu/+gpBRKOClLAJgMqrLuyh1V3BlLKaYyJwy5Fg/0WxCGoV/ixRIgeqyodEqlRgAAOw==) left center no-repeat;}
#search-box .squeeze li input.fcmp{ display: none;}

.selectableAreaList li.group{height: 25px;}


/*宿泊地*/
.sechAreaBox{
width: 100%;height: 899px;transition-duration: 0.4s;position: fixed;top: 0px;left: 0px;
overflow: hidden;z-index:9999;background-color:#ffffff;margin: 0;padding: 0;
transform: translate3d(0px, 0px, 0px);
overflow-y: auto;
}
.sechAreaBox .smartModalViewControlBar{margin: 0; height: 44px;border-bottom: 1px solid #C1C1C1;  background-color: #eaeaea; padding: 0;}
.sechAreaBox .smartModalViewControlBar .smartModalTitle{margin: 0px;float: none;text-align: center;padding-top: 10px;;}
.sechAreaBox .smartModalViewControlBar .smartModalViewClose{
  position: absolute;width: 44px;height: 44px;background-position: 12px -428px;background-repeat: no-repeat;display: block;
  text-indent: -9999px;overflow: hidden;background-image: url(https://trvimg.r10s.jp/share/smart/header/images/sprite_header_20130630.png);
  background-size: 300px 500px;float: right; margin: 0px; text-align: center; right: 0px; top:0;}
  .smartModalViewControlBar .smartModalBackButton {
    background-image: url(https://trvimg.r10s.jp/share/smart/images/sprite_sptop.png);
    background-repeat: no-repeat;left: 0px;background-position: 12px -1922px;
    background-size: 40px 2250px;display: block;position: absolute;width: 44px;height: 44px;
  }
  
  #transitionView li.row, .selectableAreaList li.row {
    border-bottom: 1px solid #C9C9C9;line-height: 20px;height: 44px;background-color: #fff; padding: 0px 20px 0px 10px; font-weight: bold;
  }
  #transitionView li.row.location div.leftIcon, .selectableAreaList li.row.location div.leftIcon, #transitionView li.row.next, .selectableAreaList li.row.next {
    background-image: url(https://trvimg.r10s.jp/share/smart/images/sprite_sptop.png);
    background-repeat: no-repeat;
    background-size: 40px 2250px;
  }
  .selectableAreaList li.row.location div.leftIcon {
    width: 40px;height: 44px;display: inline-block;
    background-position: 3px -1703px;
  }
  #transitionView li.row div, .selectableAreaList li.row div {
    display: inline-block;vertical-align: middle;
  }
  #transitionView li.group, .selectableAreaList li.group {
    height:26px;font-size: 82%;background-color: #3B3B3B;
    color: #fff;overflow: hidden;padding: 4px 10px;
  }
  #transitionView li.row div.leftIcon, .selectableAreaList li.row div.leftIcon {
    display: inline-block;
    height: 44px;
  }
  #transitionView li.row div, .selectableAreaList li.row div{vertical-align: middle;}
  #transitionView li.row.location div.leftIcon, .selectableAreaList li.row.location div.leftIcon, #transitionView li.row.next, .selectableAreaList li.row.next {
    background-image: url(https://trvimg.r10s.jp/share/smart/images/sprite_sptop.png);
    background-repeat: no-repeat;
    background-size: 46px 2250px;
  }
  #transitionView li.row.next, .selectableAreaList li.row.next {
    background-position: 108% -1868px;
  }


  @media (min-width: 720px) {
  #transitionView li.group, .selectableAreaList li.group{height: 16px; padding-top: 6px;}
  #search-box .line.clearfix.sibori{padding-bottom: 6px;}
  }

  #f_kin,#f_kin2,#schPCSP{ background:none!important; border:none!important;}








  #search-box .line.clearfix.sibori.luxurysibori{ background: none;height: 1px; margin-top: 0;margin-bottom: 0;}

.input-squeezes {background: #f3f3f3;border-radius: 3px;padding: 8px;}
.modal-price {opacity: 1;top: 25%;position: fixed;left: 25%;width: 50%;height: 50%;z-index: 999;background: #fff;overflow: hidden;display: none;}
  .price-close {
    display: block;
    font-size: 16px;
    margin-bottom: 16px;
    padding-left: 40px;
    line-height: 56px;
    background: #fff url(https://img.travel.rakuten.co.jp/special/yadomap/202102/images/ico-close.svg) 8px center no-repeat;
    box-shadow: rgb(0 0 0 / 14%) 0px 4px 4px -1px;
  }
  .modal-price ul {
    display: flex;
    max-width: 375px;
    justify-content: center;
    margin: 40px auto 0;
  }
  #price-range-slider {
    width: 81%;
    max-width: 304px;
    margin: 32px auto 0;
    height: 4px;
  }
  .modal-price .Searchnotes {
    font-size: 12px;
    color: #767676;
    text-align: right;
    margin: 30px auto 0;
    padding-right: 35px;
    max-width: 375px;
  }
  .btn-price-submit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    text-align: center;
    position: absolute;
    bottom: 0;
    box-shadow: rgb(0 0 0 / 14%) 0px -4px 4px -1px;
  }
  .btn-price-submit span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    background: #54822b;
    width: 290px;
    height: 36px;
    border: none;
    border-radius: 4px;
  }
  .modal-price-overlay {
    transition-duration: 0.4s;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    opacity: 0.3;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    display: none;
  }
  .modal-price ul {
    display: flex;
    max-width: 375px;
    justify-content: center;
    margin: 40px auto 0;
  }
  .modal-price li {
    font-size: 13px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 41%;
    height: 56px;
  }
  .modal-price li p {
    padding:0 8px 8px 0;
    position: absolute;
    width: 113px;
    text-align: center;
  }
  #FXC .modal-price select {
    font-size: 123% !important;
    background: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 20px 8px 0 !important;
    width: 100% !important;
    height: 100% !important;
    font-weight: bold;
    background: none !important;
    text-align: center;
  }
  .modal-price .price-separation-line {
    border: none;
    display: flex;
    align-items: center;
    padding: 0 8px;
    width: 2%;
  }
  #price-range-slider {
    width: 81%;
    max-width: 304px;
    margin: 32px auto 0;
    height: 4px;
  }
  .noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB;
  }
  .noUi-target {
    position: relative;
    direction: ltr;
    touch-action: none;
    user-select: none;
    box-sizing: border-box;
  }
  #FXC .modal-price select {
    font-size: 123% !important;
    background: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 20px 8px 0 !important;
    width: 100% !important;
    height: 100% !important;
    font-weight: bold;
    background: none !important;
  }

  @media (max-width: 720px) {
  .modal-price{ position: fixed; top:10%!important; width:84%!important; left:8%!important; background: #ffffff;}
  .btn-price-submit span { width: 80%; margin-left:auto; margin-right: auto};
  
  }

.clearfix.sibori.luxurysibori .parts{ background: none; box-shadow: none;}

#ui-datepicker-div{ z-index: 9999!important;}
.swiper-button-prev.swiper-button-prevBNR,.swiper-button-next.swiper-button-nextBNR{
top: 50%;
color: #ffffff;
width: 40px;
height: 40px;
margin-top: -20px;
opacity: .7;
background-image: none;
}
.swiper-button-prev.swiper-button-prevBNR{left: 10px;}
.swiper-button-next.swiper-button-nextBNR{right:10px;}

@media (max-width: 720px) {
.swiper-button-prev.swiper-button-prevBNR,.swiper-button-next.swiper-button-nextBNR{transform: scale(.6);}
#ui-datepicker-div {position: fixed!important;}
}