@charset "UTF-8";
em {
  font-style: normal
}
.sp {
  display: none
}
#search-box.verB .explain {
  color: #bf0000;
  font-size: 14px;
  position: absolute;
  top: 25px;
  left: 50%;
  width: 250px;
}
#search-box.verB {
  margin: 40px auto 0;
  width: 100%
}
#search-box .searchCategory li {
  font-size: 14px;
  width: 120px
}
#search-box.verB #search-box-body {
  width: auto;
  position: relative
}
#search-box .switch li a.active {
  color: #fff;
  background-color: #4bcd00
}
#overseas-search-box #overseas-search-container ul.searchCategory.cf.pc {
  margin-top: 0
}


#search-box.verB .searchSelectCar li {
  margin-bottom: 2px
}


#search-box.verB #dh-search-form .structure dd select {
  width: 20%;
  margin-right: 2px
}


#search-box.verB #dh-search-form .line .structure dd select {
  font-size: 14px
}
#search-box .searchCategory li#searchCategoryForeign3 span {
  display: inline
}
#search-box.verB .line .squeeze li {
  float: left;
  padding-right: 8px;
  margin-right: 10px;
  background: 0 0;
  border: none
}
#search-box.verB .searchSubmit {
  width: 430px;
  height: auto;
  margin: 0 auto
}
#search-box.verB .structure dd .selectArea li {
  float: left;
  width: 48%;
  margin-right: 1%
}
#search-box.verB .searchSubmit a:hover {
  opacity: .8
}
#search-box.verB #oa-search-form .ticketOption li {
  width: 150px;
  float: left
}
#search-box.verB #oa-search-form .ticketOption li.short {
  width: 100px
}
#search-box.verB #oa-search-form .ticketOption li.long {
  width: 220px
}
.searchNavi {
  overflow: hidden;
  padding-bottom: 20px
}
.searchNavi li {
  width: 18%;
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  position: relative
}
.searchNavi li.on:after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-top: 8px solid #2e8f2b;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  z-index: 999
}
.searchNavi li a {
  background-color: #2e8f2b;
  border-radius: 8px;
  padding: 8px;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 14px;
  position: relative
}
.searchNavi li a em {
  font-style: normal;
  display: none
}
.searchNavi li a:before {
  display: block;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  box-shadow: 1px 1px 1px #333;
  position: absolute;
  left: 10px;
  top: 5px;
  content: '';
  border: 1px solid #666
}
.searchNavi li.on a:before {
  background: linear-gradient(to bottom,#333 0,#999 100%);
  border: 1px solid #333033
}
.searchNavi li.on a:after {
  display: block;
  border-radius: 9px;
  width: 9px;
  height: 9px;
  background-color: #fff;
  box-shadow: 1px 0 1px #333;
  position: absolute;
  left: 16px;
  top: 12px;
  content: ''
}
#search-box #oa-arv1,
#search-box .number ul li.child a {
  padding: .17em .8em;
  position: relative;
  top: 3px
}
#search-box #dh-search-form dl.structure.heya {
  position: relative;
  top: 5px
}
#keyword-box,
#keyword-boxDP {
  display: none
}
#search-box #domestic-search-container .searchCategory {
  text-align: center;
  background-color: #fff;
  border: none;
  padding-left: 5px
}
#search-box #domestic-search-container .searchCategory li {
  line-height: 1.8em;
  background-color: #333;
  color: #fff;
  border: 0;
  border-radius: 5px;
  margin-right: 10px;
  position: relative;
  padding: 7px 0 0;
  line-height: 1.8;
  cursor: pointer;
  min-height:55px;
}
#search-box #domestic-search-container .searchCategory li label,#search-box #overseas-search-box .searchCategory li label {
  display: block;
  text-align: center;
  cursor: pointer
}
#search-box #domestic-search-container .searchCategory li.on {
  background-color: #21cb21
}
#search-box #domestic-search-container .searchCategory li img {
  vertical-align: middle
}
#search-box #domestic-search-container .searchCategory li #dr-radio + label img {
  width: 28px
}
#search-box #domestic-search-container .searchCategory li #db-radio + label img {
  width: 28px
}
#search-box #domestic-search-container .searchCategory li input {
  display: none
}
#search-box .searchSubmit a {
  background: #00b900!important;
  font-weight: 400!important;
  width: 430px!important;
  height: 65px!important;
}
#search-box #domestic-search-container .searchCategory li img {
  vertical-align: middle
}
#search-box #domestic-search-container .searchCategory li.on:after {
  content: '';
  position: absolute;
  bottom: -8px;
  margin-left: -7px;
  top: 62px;
  width: 0;
  height: 0;
  border-top: 8px solid #21cb21;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  z-index: 999;
  left: 50%
}

#search-box.verB #dh-search-form .line.dmLine .grey.InpuDateBox .select001 {
  width: 100%
}
.line.dmLine .domInput {
  width: 50%;
  box-sizing: border-box;
  float: left;
  font-size: 14px
}



#search-box.verB .searchSelectCar li {
  margin-bottom: 2px
}

#search-box.verB .number ul li.child {
  width: 50%;
  margin-top: 4px;
}
#search-box.verB .number ul li.child a { margin:0 5%;}
#search-box.verB .inputDate {
  font-size: 18px;
  font-weight: bold;
}

#search-box.verB #dh-search-form .line .structure dd select {
  width: 13%
}
#search-box.verB #searchCategoryForeign3 {
  padding-right: 10px
}
#search-box .searchCategory li#searchCategoryForeign3 span {
  display: inline
}
#search-box.verB .line .squeeze li {
  float: left;
  padding-right: 8px;
  margin-right: 10px;
  background: 0 0;
  border: none
}
#search-box.verB .searchSubmit {
  width: 430px;
  height: auto;
  margin: 0 auto
}
#search-box.verB .structure dd .selectArea li {
  float: left;
  width: 48%;
  margin-right: 1%
}
#search-box.verB #oa-search-form .ticketOption li {
  width: 150px;
  float: left
}
#search-box.verB #oa-search-form .ticketOption li.short {
  width: 100px
}
#search-box.verB #oa-search-form .ticketOption li.long {
  width: 220px
}
#oh-search-form .heya {
  float: left;
  width: 50%
}
#oh-search-form .ninzu {
  float: left;
  width: 50%
}



#search-box.verB #oa-search-form .InpuDateBox .ticketOption li {
  width: auto
}
#search-box.verB #searchForeignSwitchArea2 .grey dl,
#search-box.verB #searchForeignSwitchArea3 .grey dl,
#search-box.verB #searchSwitchArea5 .grey dl {
  width: 90%
}
#search-box.verB #searchSwitchArea4 .grey dl {
  width: 90%
}
#search-box.verB #searchSwitchArea4 .white dl {
  width: 48%
}
#search-box.verB #searchSwitchArea4 .white dl.condBus {
  width: 90%
}
#oh-search-form .ovSyupatu li {
  width: 100%
}
#search-box.verB #searchSwitchArea4 .white dl.BusSyupatu {
  width: 49%
}
.carbox {
  clear: both
}


#search-box .structure dd {
  font-size: 14px
}
#search-box.verB .structure dd #ovSelectArea li {
  width: 24%;
  margin-right: 1%
}
#search-box.verB .structure dd #ovSelectArea li select {
  width: 100%
}


#search-box.verB .number ul li.adult { width: 50%!important; text-align:center;}
#search-box.verB select {
  padding: 3px 5px;
  line-height:29px;
  vertical-align: middle;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background:url(https://img.travel.rakuten.co.jp/special/sales/dp/201809/images//select_g.png) 95% center no-repeat;
  border:none;
  font-size:18px;
  width: 100%;
  box-sizing: border-box;
  margin:0;
  font-weight:700;
  color:#444;
}
#search-box.verB .heya select{ width:50%; margin:0 5%;}
#search-box.verB .ninzu select{ width:30%; margin:0 10%;}

select::-ms-expand { display: none; }
select:focus{ outline:none;}
#dr-radio-garea-contents li {
  width: 65%!important;
  margin-top: 15px;
  margin-left: 5px
}
#dr-radio-garea-contents #dr-gmarea {
  width: 100%;
  margin-bottom: 0
}
#dr-radio-garea-contents #dr-garea {
  width: 100%;
  margin-bottom: 5px
}
#dr-arv-date,
#dr-dpt-date {
  margin-left: 5px
}
#search-box #searchSwitchArea4 .number ul li.adult {
  width: 60%!important
}
#search-box .searchCategory {
  border: none;
  background: #fff
}
#search-box #overseas-search-box .searchCategory li {
  line-height: 1.8em;
  background-color: #333;
  color: #fff;
  border: 0;
  border-radius: 5px;
  margin-right: 10px;
  position: relative;
  padding: 6px 0;
  line-height: 1.8;
  cursor: pointer;
  text-align: center
}
#search-box #overseas-search-box .searchCategory li input {
  display: none
}
#search-box #overseas-search-box .searchCategory li label img {
  width: 30px; margin:-4px 0;
}
#search-box #overseas-search-box .searchCategory li.on {
  background-color: #21cb21
}
#search-box #overseas-search-box .searchCategory li.on:after {
  content: '';
  position: absolute;
  bottom: -8px;
  margin-left: -7px;
  top: 62px;
  width: 0;
  height: 0;
  border-top: 8px solid #21cb21;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  z-index: 999;
  left: 50%
}
#search-box #searchForeignSwitchArea2 .number ul li.adult {
  width: 53%!important
}
#search-box #searchForeignSwitchArea3 .number ul li.adult {
  width: 43%!important
}
#oap-destination-area,
#oap-destination-city,
#oap-destination-country {
  width: 100%
}

.anaJal {clear: both;width: 50%;margin-bottom: 15px;}
.anaJal li {width: 46%;float: left;margin-right: 4%;border-bottom: 1px solid #ccc;font-size: 14px;padding: 5px 2px;box-sizing:border-box;text-align:right;}
.anaJal li img {display: inline-block;margin-right: 5px;  vertical-align:-4px;}

#search-box.verB .structure dt {font-weight:normal;font-size: 15px;width:30%; line-height:40px; padding:0; margin:3px 0 0px;}
#search-box.verB .structure dd{ width:70%; padding:4px 0 0; margin:0;}

/* #search-box.verB .structure.heya dt{ width:50%;} */
#search-box.verB .structure.heya dd{ width:50%;}

#search-box.verB .structure.ninzu dt{ width:20%;}
#search-box.verB .structure.ninzu dd{ width:80%;}

#search-box.verB .structure.dap-carBox{ margin-bottom:50px;}
#search-box.verB .structure.dap-carBox dt{ width:20%}
#search-box.verB .structure.dap-carBox dd{ width:80%}

#search-box.verB .structure.shibori{ margin-bottom:50px;}
#search-box.verB .structure.shibori dt{ width:15%;}
#search-box.verB .structure.shibori dd{ width:85%;}
#search-box.verB .structure.shibori dd .squeeze{ text-align:center;}
#search-box.verB .structure.shibori dd .squeeze li{ display:inline-table;}
#search-box.verB .structure.shibori dd .squeeze li label{line-height: 29px; padding:0 0 0 25px; font-size:16px; font-weight:bold;color: #444;}


#search-box.verB .inputDate{ background-color:inherit; border:none;}
#search-box.verB dd.date{ float:right}
#search-box.verB dd.date .inputDate{box-shadow:none; padding:0; line-height:29px; min-height:0; padding:3px 5px; margin-bottom:5px; box-sizing:border-box;}
#search-box.verB dd.date .inputDate:hover,#search-box.verB dd.date .inputDate:active{ background:url(https://img.travel.rakuten.co.jp/share/themes/search/images/calendarIcon001_72px.png) right center no-repeat #f6f4f5;background-size: 28px 23px; outline:none;}
arch-box.verB dd.date .inputDate:focus{outline:none;}
.hasDatepicker:focus{ outline:none;}


input[type="radio"]{ display:none;}
input[type="radio"]+label{ margin:0 10px; display:table; width:90%; background:url(https://img.travel.rakuten.co.jp/special/sales/dp/201809/images//check_r.png) left center no-repeat; cursor:pointer;}
input[type="radio"]:checked+label{ background:url(../images/checked_r.png) left center no-repeat; }
input[type="checkbox"]{ display:none;}
input[type="checkbox"]+label{ margin:0 10px; display:table; width:90%; background:url(https://img.travel.rakuten.co.jp/special/sales/dp/201809/images//check_r.png) left center no-repeat; cursor:pointer;line-height: 29px; padding:0 0 0 25px; font-size:16px; font-weight:bold;color: #444;}
input[type="checkbox"]:checked+label{ background:url(../images/checked_g.png) left center no-repeat; }


.structure25{ overflow:hidden; width:23%; margin:0 2% 15px 0; border-bottom: 1px solid #ccc; float:left;}
.structure50{ overflow:hidden; width:48%; margin-right:2%; margin:0 2% 15px 0; border-bottom: 1px solid #ccc; float:left;}
.structure100{ overflow:hidden; width:92%; margin:0 8% 15px 0; border-bottom: 1px solid #ccc; float:left;height: 40px;}
.InpuDateBox2{ float:left; width:50%;}
.flt25{ float:left; width:25%;}
.flt50{ float:left; width:50%;}
.flt50 .structure100{ width:96%;}


#search-box p.searchSubmit a {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  line-height: 65px;
  text-align: center;
  width: 178px;
  height: 50px;
  background-color: #e5382a;
  color: #fff;
  border-radius: 5px;
  font-size: 25px;
}

#dap-childBoxMoto{
  display: block!important;
}

.ignore-history,
#dap-adlt,
#suTomariHeya{
  cursor:pointer;
}
.ignore-history:hover,
.carLabel:hover,
#dap-adlt:hover,
#suTomariHeya:hover{
  background-color: #f6f4f5!important;
  border-radius:5px;
}