@charset "utf-8";
.cf:after,
.cf:before {
  content: "";
  display: table
}
.cf:after {
  clear: both
}
a:active,
a:hover {
  text-decoration: none
}
.ss-title {
  width: 100%;
  margin-bottom: 20px;
  background-color: #fff
}
.ss-nav {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 950px;
  height: 60px;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  background: rgba(255,255,255,.95)
}
.ss-contents {
  position: relative;
  z-index: auto;
  width: 100%;
  margin: 0 auto
}
.ss-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  color: #fff
}
.ss-title #grpLocationArea {
  margin: 10px 20px;
  font-size: 82%
}
.ss-title .kv_wrapper {
  width: 100%;
  box-sizing: border-box
}
.ss-title .kv_wrapperIn {
  position: relative;
  width: 762px;
  margin: 0 auto
}
.ss-title .kv_wrapperIn .kv_logo {
  width: 645px;
  margin: 10px 0
}
.ss-nav {
  min-width: 950px
}
.ss-nav dt {
  position: absolute;
  top: 20px;
  left: 10px;
  width: 222px;
  height: 22px
}
.ss-nav dt a {
  display: block;
  width: 222px;
  height: 22px;
  background: url(https://img.travel.rakuten.co.jp/special/supersale/201512/images/logo_vertical-S.png) no-repeat 0 0;
  text-indent: -9999px
}
.ss-nav dd {
  position: absolute;
  top: 12px;
  left: 260px;
  font-size: 94%;
  font-weight: 700
}
.ss-nav dd .current {
  display: none
}
.ss-nav dd a:link,
.ss-nav dd a:visited {
  color: #000
}
.ss-nav dd a:active,
.ss-nav dd a:hover {
  color: #bf0000
}
.ss-nav dd li {
  display: table-cell;
  height: 40px;
  padding-right: 20px;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
  font-size: 94%
}
.ss-nav dd li span {
  display: table-cell;
  vertical-align: middle;
  height: 36px
}
.ss-nav dd li.active span {
  border-bottom: 4px solid #999
}
.ss-right dt {
  padding: 5px 0;
  background: #0073af;
  text-align: center;
  font-size: 75%;
  font-weight: 700
}
.ss-right dd li {
  position: relative;
  border-bottom: 1px dotted #fff;
  font-size: 75%;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  line-height: 2
}
.ss-right dd li:last-child {
  border-bottom: none
}
.ss-right dd li a {
  display: block;
  padding: 5px 0;
  color: #fff;
  background: #000;
  text-decoration: none
}
.ss-right dd li a img {
  width: 20px;
  height: 20px
}
.ss-right dd li b {
  font-size: 117%
}
.ss-right dd li span {
  display: block;
  padding: 5px 0 0 5px
}
.ss-right dd li a:hover {
  background: #4bcd00
}
.ss-right dd li.active a {
  background: #cbedf8
}
.ss-right dd li.active:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0,166,214,0);
  border-right-color: #a58800;
  border-width: 7px;
  margin-top: -7px
}
.ss-right dd li.active a {
  color: #bf0000
}
.ss-right dd li li {
  font-size: 100%;
  border-bottom: none
}
.ss-right dd li li a {
  padding: 5px 5px 5px 15px
}
.ss-right dd li li b {
  font-size: 100%
}
#search-box {
  width: 825px;
  margin: 0 auto;
  background-color: #fff
}
#search-box li {
  list-style-type: none
}
#search-box .active {
  font-size: 100%;
  font-weight: 400
}
#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: #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 3px;
  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 .inputDate {
  min-height: 28px;
  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: #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: .3em 1em
}
#search-box #dr-garea,
#search-box #dr-gmarea,
#search-box #oap-destination-area,
#search-box #oap-destination-city,
#search-box #oap-destination-country,
#search-box #oh-area-chu,
#search-box #oh-area-dai,
#search-box #oh-area-sai,
#search-box #oh-area-shou {
  margin-bottom: 7px
}
#search-box .switch {
  position: relative;
  z-index: 1;
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin-bottom:20px;
}
#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
}
#search-box .switch li {
  width: 48.5%;
  margin-left: 1%
}
#search-box .switch li a {
  display: block;
  padding: 12px 0 12px 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: 12px;
  border-style: solid solid hidden solid;
  border-color: #ccc #ccc #fff #ccc;
  background-color: #fff
}
#search-box .searchCategory {
  clear: both;
  font-size: 82%
}
#search-box .searchCategory {
  margin-bottom: 15px;
  padding: 0;
  border: 1px dotted #cdcdcd;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #eee
}
#search-box .searchCategory:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: .1em
}
#search-box .searchCategory li {
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
  background-color: transparent;
  border: none
}
#search-box .structure:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: .1em
}
#search-box .structure dt {
  font-size: 82%;
  font-weight: 700;
  line-height: 1.2
}
#search-box .structure dt {
  float: left;
  padding-top: 5px;
  margin-bottom: 10px
}
#search-box .structure dd {
  margin-bottom: 10px;
  font-size: 82%
}
#search-box .structure dd {
  float: left
}
#search-box .structure dt.number {
  padding-top: 10px
}
#search-box .structure dd.number {
  padding-top: 7px
}
#search-box .structure dt.date {
  padding-top: 10px
}
#search-box .structure dt.area {
  clear: both
}
#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 {
  width: 45%
}
#search-box .number ul li.adult span {
  font-size: 11px
}
#search-box .structure .squeeze {
  white-space: nowrap
}
#search-box .structure .squeeze li {
  display: inline;
  margin-bottom: 0;
  padding: 0 15px 0 0;
  border: none;
  background-color: transparent
}
#search-box .searchSelectCar {
  width: calc(100% - 5px); padding-left:5px;
}
#search-box .searchSelectCar:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: .1em
}
#search-box .searchSelectCar li {
  float: left;
  margin-bottom: 0;
  padding: 0 15px 0 0;
  border: none;
  background-color: transparent
}

#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
}
#search-box #oa-dpt1-date,
#search-box #oa-dpt2-date,
#search-box #oap-arrival,
#search-box #oap-departure {
  width: 30%
}
#search-box #searchForeignSwitchArea3 .date input,#search-box #searchForeignSwitchArea2 .date input{
  width: 36%
}
.sltBox {
  position: relative;
  padding: 10px;
  border: 3px solid #ccc;
  background-color: #fff;
  margin-right: 3%;
  margin-left: 3%;
  z-index:999;
  box-shadow: 0 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: #eee;
  color: #888;
  font-weight: 700;
  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-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 {
  clear: both
}
#search-box p.searchSubmit a {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  line-height: 40px;
  text-align: center;
  width: 178px;
  height: 40px;
  background-color: #e5382a;
  color: #fff;
  border-radius: 5px;
  font-size: 18px
}
#search-box p.searchSubmit a:hover {
  opacity: .8
}
.cp__acordion .cp__trigger.active-submenu:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 7px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAxNS40LjI4cMg2MAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAABaSURBVBiVbc6xCcAwDETRnw0yRAbwKB7Bo3mYVKkMaTOEN5CbEwjFgkMceoUO/vNpXwBmtiFwA6Y8DjPuAXl6hi0cX8V7cxjRAE5lRAwwVSZQwisl3agblHFd6p8xlAzVh+AAAAAASUVORK5CYII=)
}
.cp__acordion .cp__trigger:after {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 7px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAxNS40LjI4cMg2MAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAABhSURBVBiVbc9LDYBADEXRgwNEIGCkIAFpiGHFioQtInBQNh0yfJq89PNukxZGnCi+UdIbZRE/cHl5pmwCG/rU1synut3Ce+qGIuJxz9yYVXNEeIOwNNAKFex+Pj0yDxWECyVbMZQ9TdcYAAAAAElFTkSuQmCC)
}
.cp__acordion {
  width: auto;
  margin-bottom: 10px
}
.cp__acordion .cp__trigger {
  width: 100%;
  font-size: 88%;
  display: block;
  position: relative;
  padding: 10px 10px 10px 25px;
  cursor: pointer;
  background-color: #eaeaea;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.cp__acordion .cp__trigger:hover {
  background-color: #ccc
}
.cp__acordion .cp__trigger:after {
  display: inline-block;
  content: " ";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 10px;
  height: 7px;
  margin-top: -3.5px;
  background-repeat: no-repeat
}
.cp__acordion .cp__trigger.active-submenu:after {
  display: inline-block;
  content: " ";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 10px;
  height: 7px;
  margin-top: -3.5px;
  background-repeat: no-repeat
}
.cp__acordion ul.submenu {
  border: solid 1px #ccc;
  background-color: #fff;
  padding: 10px 10px 0 10px;
  line-height: 1.4
}
.pagetop {
  margin: 0 130px 20px 240px;
  text-align: right;
  font-size: 88%
}
p#about {
  text-align: right;
  margin-bottom: 20px;
  font-size: 88%
}
#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
}