@charset "UTF-8";
body > a > img {
  display: none
}
html {
  font-size: 62.5%!important
}
body {
  font-size: 160%!important
}
.ss-title {
  width: 100%
}
.ss-nav {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 47px;
  border-bottom: 1px solid #ccc;
  background: rgba(255,255,255,.95)
}
.ss-contents {
  position: relative;
  z-index: 1;
  width: 100%;
  background-color: #fff
}
.ss-right {
  display: none
}
.ss-center {
  margin: 0;
  background-color: #fff
}
.ss-title #grpLocationArea {
  display: none
}
.ss-title .kv_wrapperIn {
  position: relative;
  margin: 20px 10px 15px
}
.ss-title .kv_logo {
  width: 80%
}
.ss-title .kv_logo img {
  width: 100%;
  height: auto
}
.ss-nav dt {
  position: absolute;
  top: 0;
  left: 0;
  width: 47px;
  height: 47px
}
.ss-nav dt a {
  display: block;
  width: 47px;
  height: 47px;
  background: url(https://img.travel.rakuten.co.jp/special/supersale/201512/images/logo_square-S.png) no-repeat 0 0;
  background-size: 47px 47px;
  text-indent: -9999px
}
.ss-nav dd {
  font-size: 1.5rem;
  font-weight: 700
}
.ss-nav dd .current {
  margin: 5px 50px;
  height: 17px;
  padding: 10px 0 10px 10px;
  border-left: 1px solid #ccc
}
.ss-nav dd .current:after {
  content: "";
  position: absolute;
  bottom: 40%;
  right: 18%;
  width: 10px;
  height: 7px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAxNS40LjI4cMg2MAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAABhSURBVBiVbc9LDYBADEXRgwNEIGCkIAFpiGHFioQtInBQNh0yfJq89PNukxZGnCi+UdIbZRE/cHl5pmwCG/rU1synut3Ce+qGIuJxz9yYVXNEeIOwNNAKFex+Pj0yDxWECyVbMZQ9TdcYAAAAAElFTkSuQmCC)
}
.ss-nav dd ul {
  display: none;
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
  background: rgba(255,255,255,.95);
  border-top: 1px solid #ccc
}
.ss-nav dd ul li {
  padding: 4px;
  border-bottom: 1px solid #ccc
}
.ss-nav dd ul li a {
  display: block;
  height: 19px;
  padding: 8px 0 8px 58px;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 52px 29px
}
.ss-nav dd ul li.dh a {
  background-image: url(https://img.travel.rakuten.co.jp/special/supersale/201512/images/service-01.jpg)
}
.ss-nav dd ul li.dp a {
  background-image: url(https://img.travel.rakuten.co.jp/special/supersale/201512/images/service-02.jpg)
}
.ss-nav dd ul li.db a {
  background-image: url(https://img.travel.rakuten.co.jp/special/supersale/201512/images/service-05.jpg)
}
.ss-nav dd ul li br {
  display: none
}
#search-box-body {
  display: none
}
#search-box h1.close:after {
  content: "-";
  border: 1px solid #cbc2a0;
  width: 12px;
  height: 14px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: 5px;
  line-height: .8;
  text-align: center;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px
}
#search-box .explain {
  margin-bottom: 10px;
  font-size: 82%;
  line-height: 1.4;
  color: #c00
}
#search-box #domestic-search-box,
#search-box #overseas-search-box {
  padding: 0
}
#search-box .searchCategory li,
#search-box .searchSelectCar li,
#search-box .setCars p,
#search-box .squeeze li {
  margin-bottom: 7px;
  padding: 6px 0 6px 6px;
  border: 1px dotted #cdcdcd;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #eee;
  color: #444;
  line-height: 1.2
}
#search-box input[type=checkbox],
#search-box input[type=radio] {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  margin-left: 3px;
  margin-right: 3px
}
#search-box .inputDate {
  width: 95%;
  min-height: 28px;
  margin-bottom: 7px;
  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: 0 0 0 rgba(000,000,000,0),inset 0 1px 3px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 0 0 rgba(000,000,000,0),inset 0 1px 3px rgba(0,0,0,.1);
  box-shadow: 0 0 0 rgba(000,000,000,0),inset 0 1px 3px rgba(0,0,0,.1);
  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;
  color: #333;
  font-size: 90%;
  line-height: 2.4
}
#search-box #oa-arv1,
#search-box .number ul li.child a {
  background: -moz-linear-gradient(top,#f0f0f0 0,#f0f0f0);
  background: -webkit-gradient(linear,left top,left bottom,from(#f0f0f0),to(#f0f0f0));
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #777;
  -moz-box-shadow: 0 0 0 rgba(000,000,000,0),inset 0 1px 5px rgba(171,171,171,.6);
  -webkit-box-shadow: 0 0 0 rgba(000,000,000,0),inset 0 1px 5px rgba(171,171,171,.6);
  box-shadow: 0 0 0 rgba(000,000,000,0),inset 0 1px 5px rgba(171,171,171,.6);
  color: #333;
  line-height: 1.7;
  padding: 7px 1em
}
#oa-airline,
#oap-airline,
#oh-area-dai {
  width: 260px
}
#search-box select {
  color: #333;
  border: 1px solid #777;
  height: 20px;
  font-size: 105%;
  line-height: 1;
  padding-left: 4px;
  margin-right: 5px;
  min-width: 4em
}
#search-box .switch {
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #ccc
}
#search-box .switch:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: .1em
}
#search-box .switch li {
  float: left;
  position: relative;
  bottom: -1px;
  z-index: 3;
  width: 45.5%;
  margin-left: 3%
}
#search-box .switch li a {
  display: block;
  padding: 10px 0 5px 0;
  border: 1px solid #ccc;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
  background-color: #eee;
  font-size: 90%
}
#search-box .switch li a.active {
  padding-bottom: 6px;
  border-style: solid solid hidden solid;
  background-color: #fff
}
#search-box .searchCategory {
  margin-bottom: 15px;
  font-size: 90%
}
#search-box .searchCategory li span {
  font-size: 90%
}
#search-box .structure dt {
  font-size: 90%;
  font-weight: 700
}
#search-box .structure dd {
  font-size: 90%
}
#search-box .number ul:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: .1em
}
#search-box .number ul li {
  float: left;
  width: 50%
}
#search-box .number ul li.adult {
  white-space: nowrap
}
#search-box .number ul li.adult span {
  font-size: 1.1rem
}
#search-box .number ul li.adult select {
  margin-right: 0!important
}
#search-box .number ul li.child {
  width: auto;
  white-space: nowrap
}
#search-box ul.searchSelectCar li {
  margin-bottom: 7px
}
#search-box #dr-barea,
#search-box #dr-garea {
  margin-top: 7px
}
#search-box ul.selectArea li {
  margin-bottom: 7px
}
#search-box #oa-arv1-sgst {
  position: relative;
  padding: 10px;
  border: 3px solid #ccc;
  background-color: #fff;
  margin-right: 3%;
  margin-left: 3%;
  box-shadow: 0 3px 5px #666
}
#search-box #oa-arv1-sgst:after,
#search-box #oa-arv1-sgst:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}
#search-box #oa-arv1-sgst:after {
  border-color: rgba(255,255,255,0);
  border-bottom-color: #fff;
  border-width: 10px;
  left: 50%;
  margin-left: -10px
}
#search-box #oa-arv1-sgst:before {
  border-color: rgba(204,204,204,0);
  border-bottom-color: #ccc;
  border-width: 14px;
  left: 50%;
  margin-left: -14px
}
div#dap-child-num-contents .sltBox:after,
div#dap-child-num-contents .sltBox:before {
  display: none
}
#dap-child-num-contents {
  width: 100%;
  left: 0!important;
  padding-left: 10px;
  padding-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.sltBox {
  position: relative;
  padding: 10px;
  border: 3px solid #ccc;
  background-color: #fff;
  margin-right: 3%;
  margin-left: 3%;
  box-shadow: 0 3px 5px #666;
  z-index:999;
}
div#dap-child-num-contents .sltBox {
  font-size: 1.4rem;
  min-width: 260px;
  margin-left: 0;
  margin-right: 0
}
.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: 90%;
  margin-bottom: 2px
}
#dap-child-num-contents .sltBox table {
  width: 100%
}
#dap-child-num-contents .sltBox tr {
  width: 100%
}
.sltBox th {
  background-color: #eee;
  color: #888;
  font-weight: 700;
  width: 3.6em
}
#dap-child-num-contents .sltBox th {
  width: 20%;
  min-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: 40%;
  min-width: 8em
}
#dap-child-num-contents .sltBox td span.sp {
  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: 0 0;
  height: 23px;
  width: 23px;
  background-image: url(https://img.travel.rakuten.co.jp/share/themes/search/images/closeBtn_72px.png);
  background-repeat: no-repeat
}
#search-box p.searchSubmit {
  width: 80%;
  margin: 0 auto
}
#search-box p.searchSubmit a {
  display: block;
  padding-top: .7em;
  padding-bottom: .5em;
  background-color: #e5382a;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  line-height: 1.4;
  font-size: 110%;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  text-align: center
}
#search-box p.searchSubmit a:hover {
  color: #fff
}
.cp__acordion {
  width: auto;
  margin-bottom: 10px
}
.cp__acordion .cp__trigger {
  width: 100%;
  display: block;
  position: relative;
  padding: 5px 10px 5px 25px;
  cursor: pointer;
  background-color: #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.2rem
}
.cp__acordion .cp__trigger:after {
  display: inline-block;
  content: " ";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 5px;
  height: 5px;
  margin-top: -7px;
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -o-box-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  border-top: 2px solid #333;
  border-right: 2px solid #333
}
.cp__acordion .cp__trigger.active-submenu:after {
  margin-top: -4px;
  -moz-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  -o-box-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg)
}
.cp__acordion ul.submenu {
  border: solid 1px #ccc;
  padding: 10px 10px 0 10px
}
select#db-arv,
select#db-dpt,
select#departureTime1,
select#departureTime2,
select#deplCode,
select#deptCode,
select#dr-airport,
select#dr-barea,
select#dr-bmarea,
select#dr-garea,
select#dr-gmarea,
select#f_chu,
select#oa-airline,
select#oa-dpt1,
select#oa-ticket-type,
select#oap-airline,
select#oap-airport,
select#oap-destination-area,
select#oap-destination-city,
select#oap-destination-country,
select#oap-ticketType,
select#oh-area-chu,
select#oh-area-dai,
select#oh-area-sai,
select#oh-area-shou,
select#pref,
select#retlCode,
select#rettCode,
select.timeSelect {
  max-width: 100%
}
.pagetop {
  margin: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc
}
.pagetop a {
  display: block;
  padding: 5px 0;
  text-align: center;
  font-size: 1.3rem;
  background: #eaeaea
}
p#about {
  text-align: right;
  margin-bottom: 20px;
  margin-right: 5px;
  font-size: 1.3rem
}
#search-box #oa-arv1-sgst {
  position: relative;
  padding: 10px;
  border: 3px solid #ccc;
  background-color: #fff;
  margin-right: 3%;
  margin-left: 3%;
  box-shadow: 0 3px 5px #666
}
#search-box #oa-arv1-sgst:after,
#search-box #oa-arv1-sgst:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}
#search-box #oa-arv1-sgst:after {
  border-color: rgba(255,255,255,0);
  border-bottom-color: #fff;
  border-width: 10px;
  left: 50%;
  margin-left: -10px
}
#search-box #oa-arv1-sgst:before {
  border-color: rgba(204,204,204,0);
  border-bottom-color: #ccc;
  border-width: 14px;
  left: 50%;
  margin-left: -14px
}