.sp { display: none !important; }
.ss-contents{
  background: #fff;
}
.kanban h1 img{
  width: 100%;
  display: block;
}
.markLink{
  margin-bottom: 0;
}
.ss-container{
  width: 1280px;
  margin: 0 auto;
  border: none;
  background: none;
}
.ss-center{
  width: 100%;
  max-width: none;
}
.blueBg{
  background: #D2EDF8;
  padding: 20px 0;
}
.blue.blueB img{
  display: block;
  width: 100%;
  margin-bottom: 64px;
}
.blue.blueT img{
  display: block;
  width: 100%;
  margin-top: 64px;
}
.mainTtl{
    margin-bottom: 40px;
    padding-left: 76px;
}
.ttlicon:after{
  left: 10px;
}
/* map1 */
#mapList.domestic{
  background: url(https://img.travel.rakuten.co.jp/cars/special/ski/images/map.png) right bottom no-repeat;
  background-size: contain;
  border: none;
  width: 1280px;
  margin: 0 auto 40px;
}
#mapList.domestic dl dt{
  background-color: #22A3C2;
  border: 1px solid #22A3C2;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
}
#mapList.domestic dl dd{
  width: 750px;
  display: block !important;
}
#mapList.domestic dl dd li{
  border-color: #22A3C2;
}
#mapList.domestic dl dd li a{
  font-size: 16px;
  color: #333;
  padding-left: 16px;
}
#mapList.domestic dl dd li a{
  width: 4em;
}
#mapList.domestic dl.hokkaido dd li a {
    width: 6em;
}
#mapList.domestic dl.tokyo dt{
  height: 152px;
}
#mapList.domestic dl.tokyo dd li:nth-child(n+3){
  border-top: none;
}
:root *> #mapList.domestic dl dd li a:after{
  border-width: 2px;
}

/* map2 */
#map2{
  background: url(https://img.travel.rakuten.co.jp/cars/special/ski/images/map2.png) center center no-repeat;
  width: 510px;
  height: 545px;
  margin: 0 auto;
  position: relative;
}
#map2 dl{
  position: absolute;
}
#map2 dl dt{
  background: #22A3C2;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding: 10px 30px 10px 14px;
  position: relative;
  box-sizing: border-box;
}
#map2 dl dt:hover{
  cursor: pointer;
  opacity: .8;
}
#map2 dl dt:after{
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}
#map2 dl dt.active-submenu:after{
  transform: rotate(-135deg);
  margin-top: -4px;
}
#map2 dl.two dt{
  width: 80px;
}
#map2 dl.three dt{
  width: 96px;
}
#map2 dl.four dt{
  width: 128px;
}
#map2 dl dd{
  background: #fff;
  border-radius: 4px;
  border: 1px solid #22A3C2;
  position: relative;
  z-index: 10;
  display: none;
}
#map2 dl dd ul li a{
  display: block;
  padding: 10px 40px 10px 14px;
  border-bottom: 1px solid #22A3C2;
  color: #333;
  font-size: 14px;
  position: relative;
}
#map2 dl dd ul li a:hover{
  background-color: #FFECEC;
}
#map2 dl dd ul li a:after{
  position: absolute;
  content: '';
  right: 10px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  transform: rotate(45deg);
  margin-top: -3px;
}
#map2 dl dd ul li:last-child a{
  border-bottom: none;
}
#map2 dl.hokkaido{
  top: 72px;
  left: 356px;
}
#map2 dl.tohoku{
  top: 185px;
  left: 331px;
}
#map2 dl.kitakanto{
  top: 260px;
  left: 319px;
}
#map2 dl.kanto{
  top: 342px;
  left: 295px;
}
#map2 dl.tokyo{
  top: 392px;
  left: 295px;
}
#map2 dl.kosinetsu{
  top: 217px;
  left: 213px;
}
#map2 dl.hokuriku{
  top: 308px;
  left: 133px;
}
#map2 dl.tokai{
  top: 294px;
  left: 228px;
}
#map2 dl.kinki{
  top: 378px;
  left: 189px;
}
#map2 dl.chugoku{
  top: 354px;
  left: 0;
}
#map2 dl.sikoku{
  top: 423px;
  left: 105px;
}
#map2 dl.kyushu{
  top: 472px;
  left: 20px;
}
#map2 dl.okinawa{
  top: 82px;
  left: 60px;  
}
.calenderList{
  width: 1200px;
  margin: 0 auto 16px;
  display: flex;
  justify-content: center;
}
.calenderList div:first-child{
  width: 10%;
}
.calenderList div:last-child{
  width: 90%;
}
.calenderList table{
  border-collapse: collapse;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
}

.calenderList table td{
  padding: 24px 8px;
  text-align: center;
  font-size: 14px;
  border-right: 1px solid #D2EDF8;
  border-bottom: 1px solid #D2EDF8;
  font-family: initial;
}
.calenderList table td small{
  display: block;
  color: #767676;
  font-size: 13px;
  margin: 8px auto 12px;
}
.calenderList table .company td{
  background: #22A3C2;
  color: #fff;
  font-weight: bold;
  border-right: 1px solid #fff;
  border-bottom: none;
  font-family: inherit;
}
.calenderList table .company td:last-child{
  border-right: none;
}
.calenderList table .carArea{
  background: #f3f3f3;
  color: #22A3C2;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  border-right-color: #fff;
  font-family: inherit;
}
.calenderList table tr td.nobdb{
  border-bottom: none;
}
.calenderList table tr td.nobdr{
  border-right: none;
}
.ttlicon.calender-icon:after{
  background-image: url(https://img.travel.rakuten.co.jp/cars/special/ski/images/icon_carlender.png) !important;
  background-size: 40px;
}
.ttlicon.calender-icon small{
  font-size: 28px;
}
.txt_note{
  font-size: 13px;
  color: #333;
  width: 1200px;
  margin: 0 auto;
  border: 1px solid #c3c3c3;
  padding: 10px;
  border-radius: 5px;
  line-height: 1.3;
}

.ss-button-green{
    background-color: #22A3C2;
    border: 1px solid #22A3C2;
    box-shadow: 1px 1px 2px #bbb, -1px 1px 2px #bbb;
}
.htlBox .chara{
  width: 100%;
  margin: 0;
}

.ossm{
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
}
.ossm li{
  width: 288px;
  background: #fff;
}
.ossm li img{
  display: block;
  margin: 16px auto 8px;
  width: 256px;
}
.ossm li p{
  font-size: 14px;
  color: #333;
  margin: 0 16px 16px;
  line-height:1.2;
}

#search-box{
  border: none;
}
#search-box.verB .searchSelectCar li input[type="radio"]:checked + label{
  background: url(https://img.travel.rakuten.co.jp/cars/special/ski/images/radio.png) left center no-repeat;
  background-size: 20px;
}
#search-box.verB input[type="checkbox"]:checked+label{
  background: url(https://img.travel.rakuten.co.jp/cars/special/ski/images/checked.png) left center no-repeat;
  background-size: 16px;
}
#search-box p.searchSubmit a{
  text-indent: 0;
  background: #22A3C2 !important;
}
#search-box.verB #dr-search-form ul.searchCategory li input[type="radio"] + label{
  width: 150px;
  height: 55px;
  line-height: 55px;
  color: #fff;
  background: #666;
  border-radius: 5px;
  padding: 0 !important;
  text-align: center;
}
#search-box.verB #dr-search-form ul.searchCategory li input[type="radio"]:checked + label{
  background: #22A3C2;
}
#search-box.verB #dr-search-form ul.searchCategory li{
  position: relative;
  padding-bottom: 8px !important;
}
#search-box.verB #dr-search-form ul.searchCategory li.active:after{
  content: "";
    position: absolute;
    bottom: 0;
    top: auto;
    left: 50%;
    margin-left: -4px;
    width: 0;
    height: 0;
    border-top: 8px solid #22A3C2;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 5;
}
.pagetop a{
  background: #22A3C2;
}

.ss-hotel .hotel-main .hotel-name{
  font-size: 16px;
}
.ss-hotel .hotel-main .type-name {
    color: #777777;
    font-size: 12px;
}
.ss-hotel .hotel-price {
    font-size: 14px;
    text-align: right;
    color: #333;
    /* display: inline-block; */
    width: 100%;
}
.ss-hotel .hotel-price span {
    font-size: 28px;
    color: #bf0000;
    font-weight: bold;
}
.ss-hotel .hotel-price span.details small {
    font-size: 13px;
}







.newversion .ss-hotel img {
    width: auto;
}
.newversion .ss-hotel{border-radius: 0;}
.newversion .hotel-img img{width: 100%;}
.newversion .ss-hotel .hotel-img{margin: 0 !important;}
/* .newversion .upperpart{border-bottom: 1px dotted #000;} */
.newversion .hotel-price a {font-size: 12px;}
.newversion .hotel-container{padding-top: 8px;}
.newversion .ss-hotel .hotel-main .hotel-name{font-weight: normal;text-align: center;font-size: 13px;
padding: 8px 0 2px;
}
.newversion .ss-hotel .hotel-main .area-name{font-weight: bold;font-size: 16px;margin-bottom: 4px;}
.newversion .ss-hotel .hotel-main .type-name{display: flex; align-items: center;font-size: 14px; background: url(https://img.travel.rakuten.co.jp/cars/special/anniversary/1200/images/cartype.png) no-repeat left center;padding-left: 22px; background-size: 20px;}
.newversion .ss-hotel .hotel-price a span.details{text-align: left;font-size: 28px;}
.newversion .ss-hotel .hotel-sub{float: none;}
.newversion .ss-hotel .hotel-sub ul{display: flex;font-size: 12px;color: #6d6d6d;flex-wrap: wrap; justify-content: flex-start;}
.newversion .ss-hotel .hotel-sub ul li{margin-right: 3px;padding-left: 18px;}
.newversion .ss-hotel .hotel-sub ul li.ico_pt{ background: url(https://img.travel.rakuten.co.jp/cars/special/anniversary/1200/images/icon_point.svg) no-repeat left center; background-size: auto 100%;}
.newversion .ss-hotel .hotel-sub ul li.ico_cr{ background: url(https://img.travel.rakuten.co.jp/cars/special/anniversary/1200/images/icon_credit.svg) no-repeat left center; background-size: auto 100%;}
.newversion .ss-hotel .hotel-sub ul li.ico_pay{ background: url(https://img.travel.rakuten.co.jp/cars/special/anniversary/1200/images/icon_pay.svg) no-repeat left center; background-size: auto 100%;}

.newversion .ss-button{width: 60%;margin: 0 auto;}

#Pickup + .txt_note {position: relative;top: -24px;}