/* CSS for PC @date     2019.6.10 @author   ShenLi */
/* ------------------------------------------

------------------------------------------ */
#contents {
  background: #fff !important;
}

.clearFix:after {
  content: "";
  display: block;
  clear: both;
}

#widewrapper {
  width: 100%;
  min-width: 1220px;
  box-sizing: border-box;
  color: #444;
  position: relative;
  overflow: hidden;
}

.sp {
  display: none !important;
}

#contentsArea {
  position: relative;
  width: 100%;
  background: #fff;
}

#contents {
  width: 100% !important;
  padding: 40px 0;
  margin-bottom: 20px;
  background: #fff;
  overflow: hidden;
  box-shadow: inset 0px 15px 10px -15px #999;
  position: relative;
}

#contents .twoblock {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
}

/* ----- AreaSearch -----*/
.columleft {
  float: left;
  width: 257px;
}

#keyVisual div ul.ptexp .jdsCoponSwitch {
  display: none;
}

/* ----- rightpart -----*/
.columright {
  width: 918px;
  float: right;
}

#contents .pagetop {
  position: fixed;
  width: 78px;
  height: 78px;
  right: 10px;
  bottom: 10px;
  z-index: 9999;
}
#contents .pagetop:hover {
  opacity: 0.8;
}

#search-box {
  border: none;
  background: #b7c3e8;
}

#schPCSP {
  border-left: 10px solid #b7c3e8;
  border-right: 10px solid #b7c3e8;
  background-color: #b7c3e8;
}

#search-box .inputDate {
  background-color: #fff;
}

.kenlist {
  letter-spacing: 2px;
}

.kenlist li.ken47 a {
  display: block;
  text-decoration: none !important;
  padding: 14px 10px 12px 29px;
}

.kenlist ul.ken {
  border-bottom: 2px solid #ddd;
}

.columleft ul.sm.pc,
.columleft ul.pc.totops {
  margin: 0 10px;
}

.kenlist ul.totops {
  margin-top: 5px;
}

.columleft ul.pc.totops.areasOthNav li {
  margin: 0;
}

.kenlist ul.totops li {
  text-align: center;
  border-bottom: 1px dotted #ddd;
  margin: 0 10px;
}

.kenlist ul.totops li.last {
  border-bottom: none;
}

.kenlist ul.totops li a {
  position: relative;
}

.kenlist ul.totops li a.invoice:before {
  content: "";
  background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/ico_info.png) center;
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  left: calc(50% - 64px);
  top: 12px;
  background-size: 100%;
}

.kenlist h2 {
  font-weight: normal;
  text-align: center;
}

.kenlist.otherNav h2 {
  margin: 0 10px;
}

.kenlist.otherNav h2 a.invoice:before {
  left: 50px;
  top: 10px;
}

.kenlist h2.searchicon {
  color: #432f24;
  font-size: 17px;
  text-align: center;
  font-weight: bold;
}

.kenlist h2.searchicon.pink {
  background-color: #b7c3e8;
  border-top: 7px solid #b7c3e8;
}

.kenlist h2.searchicon span {
  padding: 15px 10px 15px 34px;
  background: url(../images/icon_search.png) left center no-repeat;
  display: inline-block;
}

.kenlist h2.searchicon.kenBetu {
  padding: 7px 0 17px 35px;
  margin-top: 18px;
}

.kenlist .schArea {
  background: #ffeae8;
  display: block;
  padding: 2px 0 15px 0;
  margin-top: 4px;
}

.kenlist h2.navimds a {
  border-bottom: none;
}

.schArea b {
  background: #ba0100;
  color: #ffffff;
  text-align: center;
  margin-top: 5px;
  display: inline-block;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 30px;
  text-indent: 2%;
  width: 80px;
  line-height: 16px;
  height: auto;
}

.kenlist h2.searchicon em {
  font-style: normal;
}

.kenlist h2.searchicon span {
  letter-spacing: 1px;
  font-style: normal;
}

.kenlist h2 a {
  position: relative;
  border-bottom: 1px dotted #ddd;
  display: block;
}

.kenlist h2 a.invoice:before {
  content: "";
  background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/ico_info.png) center;
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  left: 60px;
  top: 8px;
  background-size: 100%;
}

.kenlist h2.navimds a {
  color: #ba0000 !important;
  font-weight: bold;
  font-size: 1.4em;
  padding-left: 0;
}

.kenlist a {
  padding: 14px 0;
  display: block;
  text-align: center;
}

.kenlist a:hover {
  text-decoration: none !important;
  background-color: #eee;
}

.kenlist span {
  letter-spacing: 1px;
  font-style: normal;
  color: #b50000;
}

.kenlist #search-box a#dh-child-popup {
  display: inline-block;
}

#search-box #f_heya_su {
  width: 176px;
  padding: 0.56em 5px;
}

#search-box #dh-adlt {
  width: 56px;
  text-align: center;
  padding: 0.4em 5px;
}

#search-box #f_chu,
#search-box #f_shou,
#search-box #f_sai {
  width: 220px;
  padding: 0.56em 5px;
  margin-bottom: 5px;
}

#search-box #dh-adlt,
#search-box #f_heya_su,
#search-box #f_chu,
#search-box #f_shou,
#search-box #f_sai {
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-right: 3px;
  border: 1px solid #777777;
  -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 1px 5px rgba(171, 171, 171, 0.6);
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 1px 5px rgba(171, 171, 171, 0.6);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 1px 5px rgba(171, 171, 171, 0.6);
  color: #333333;
  line-height: 1.7;
}

#search-box #f_chu {
  margin-top: 5px;
  display: block;
}

#search-box .inputDate {
  background-color: #fff;
}

#search-box dd.number ul {
  border: none;
}

#search-box p.searchSubmit a {
  background: #ba0100;
  color: #ffffff;
  text-align: center;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 30px;
  text-indent: 2%;
  width: 80px;
  line-height: 16px;
  height: auto;
}

#search-box p.searchSubmit a:hover {
  color: #ffffff;
}

#ui-datepicker-div {
  z-index: 999 !important;
}

.mbN10 {
  margin-bottom: -15px !important;
}

.columleft .navimds.pc a:hover {
  background-color: #ffffff;
}

#search-box .number ul li.adult {
  width: 53%;
}

#search-box .number ul li.child {
  width: 46%;
}

nav.arealist li.ken47 {
  font-size: 15px;
  border-bottom: 1px dotted #ddd;
  font-weight: normal;
}

nav.arealist li.ken47 a {
  text-align: center;
  background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow2right.png) top left 60px no-repeat;
}

nav.arealist li.ken47 a:hover {
  background: #eee url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow2right.png) top left 60px no-repeat;
}

.fixwrap {
  padding-top: 20px;
}
.fixwrap img {
  margin-right: 8px;
}

.fixwrap h2 {
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-size: 17px;
  align-items: center;
  color: #b50000;
  padding-bottom: 3px;
}

.alwaysFix {
  background: #fff;
  z-index: 100;
  position: relative;
  padding-right: 17px;
}
.alwaysFix .nav {
  padding: 10px 0;
}

#sevInfo {
  padding-top: 50px;
}

.fixTop_bottom {
  bottom: 0;
  top: auto !important;
  position: absolute !important;
  margin-bottom: 40px;
}
.sp{
  display: none;
}
#top h1 img.pc{
  display: block;
  width: 100%;
}
.upparts {
  background-color: #b7c3e8;
  padding-bottom: 40px;
  margin-bottom: 60px;
}
.upparts .mvPr {
  padding: 50px 0 16px;
  text-align: center;
  font-size: 24px;
  line-height: 1.6;
  font-weight: bold;
  color: #1f2277;
}
.upparts .special {
  margin: 0 40px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.upparts .special li {
  width: 270px;
  position: relative;
  background: #fff;
  padding: 7px;
  box-sizing: border-box;
}
.upparts .special li > span {
  width: 68px;
  height: 68px;
  position: absolute;
  top: -10px;
  left: -10px;
}
.upparts .special li > span img {
  width: 100%;
}
.upparts dl dt img {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.upparts dl dd.ttl{
  text-align: center;
  color: #444;
  font-size: 22px;
  font-weight: bold;
}
.upparts dl dd.ttl span{
  font-size: 30px;
}
.upparts dl dd a img{
  display: block;
  margin: 0 auto 18px;
}
.upparts dl dd a img:hover{
  opacity: .8;
}
.upparts .text {
  padding: 25px;
  line-height: 1.7;
  font-size: 15px;
}
.upparts .note {
  font-size: 14px;
  text-align: right;
  padding-right: 46px;
}

.contentright {
  padding-bottom: 60px;
}
.contentright .swiper-container .swiper-button-next {
  width: 30px;
}
.contentright h2 {
  font-size: 50px !important;
  font-weight: bold;
}
.contentright h2 b {
  font-size: 32px;
  display: block;
}
.contentright h2 span:before {
  display: none;
}
.contentright .holder {

  /* padding-left: 25px;
  padding-right: 25px; */
  position: relative;
}
/* .contentright .swiper-container .swiper-button-prev {
  display: none;
}
.contentright .swiper-container .swiper-button-next {
  display: none;
} */

.wow {
  position: absolute;
  top: 0;
  left: 0;
  width: 946px;
}
.wow img {
  width: 100%;
  opacity: 0;
}

.htlBox .photo {
text-align: left;
  overflow: hidden;
}

.htlBox .photo img {
  object-fit: cover;
  vertical-align: bottom;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/* @-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
} */
.update {
  text-align: right;
  font-size: 14px;
  padding-top: 16px;
}

#widewrapper { box-sizing: border-box; }

.clearFix:after { content: ""; display: block; clear: both; }

#widewrapper { width: 100%; min-width: 1220px; }

.sp { display: none !important; }

#contentsArea { position: relative; width: 100%; background: #FFF; }

#contents { width: 100% !important; padding: 40px 0; margin-bottom: 20px; background: #F0F0F0; overflow: hidden; box-shadow: inset 0px 15px 10px -15px #999; position: relative; }

#contents .twoblock {width: 1220px; margin: 0 auto; display: flex; justify-content: center;}

/* ----- AreaSearch -----*/
.columleft {width: 0; }

nav.arealist { width: 254px; background: #FFF; z-index: 99; /* left: 40px; */ }

nav.arealist h2 { text-align: center; }

nav.arealist span.sub-arrow { display: none; }

nav.arealist li.area13 { border-top: 1px solid #DDD; font-size: 16px; }
nav.arealist li.area13.allarea{ border-top:none ;}
nav.arealist ul.sm li.allarea.area13 ul.subMenu{border-bottom:2px solid #DDD;}

nav.arealist li.area13 a { padding: 9px 10px 9px 72px; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) top left 40px no-repeat; }

nav.arealist li.area13 a:hover { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1down.gif) top left 40px no-repeat; text-decoration: none !important; }

nav.arealist li.area13 a.noken:hover { background: #EEE url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) top left 40px no-repeat; }

nav.arealist li.ken47 { font-size: 15px; border-bottom: 1px dotted #DDD; font-weight: normal; }

nav.arealist li.ken47 a {  text-align: center; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow2right.png) top left 60px no-repeat; }
nav.arealist li.ken47.first{ margin-top: -12px;}

nav.arealist li.ken47 a:hover { background: #EEE url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow2right.png) top left 60px no-repeat; }

nav.arealist li.ken47:last-child { border: none; }

nav.arealist li.superSale { padding-left: 0; }

nav.arealist li.superSale a { padding-left: 0; padding-right: 0; background: none; text-align: center; }

nav.arealist li.superSale a:hover { background: #eee; }

.kenlist { letter-spacing: 2px; }

.kenlist li.ken47 a { display: block; text-decoration: none !important; padding: 14px 10px 12px 29px; }

.kenlist ul.ken { border-bottom:2px solid #ddd;}
.columleft ul.sm.pc,.columleft ul.pc.totops{ margin: 0 10px;}
.kenlist ul.totops {  margin-top: 5px; }

.columleft ul.pc.totops.areasOthNav li{margin: 0;}

.kenlist ul.totops li { text-align: center; border-bottom: 1px dotted #ddd; margin: 0 10px; }
.kenlist ul.totops li.last { border-bottom:none;}
.kenlist ul.totops li a { position: relative; }

.kenlist ul.totops li a.invoice:before { content: ''; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/ico_info.png) center; display: block; position: absolute; width:18px; height:18px; left: calc( 50% - 64px); top:12px; background-size: 100%; }

.kenlist h2 { font-weight: normal; }

.kenlist.otherNav h2{ margin: 0 10px;}

.kenlist.otherNav h2 a.invoice:before{ left: 50px; top: 10px;}



.kenlist h2.searchicon.kenBetu{padding: 7px 0 17px 35px; margin-top: 18px;}
.kenlist .schArea{ background:#FFEAE8; display: block;padding:2px 0 15px 0; margin-top: 4px;}
.kenlist h2.navimds a{ border-bottom: none;}
.schArea b{ background: #ba0100; color: #ffffff; text-align: center; margin-top: 5px; display: inline-block; padding:6px 10px; font-size: 16px; font-weight: bold; border-radius: 30px; text-indent:2%; width:80px; line-height: 16px; height: auto;}

.kenlist h2.searchicon em { font-style: normal; }

.kenlist h2.searchicon span { letter-spacing: 1px; font-style: normal; }

.kenlist h2 a { position: relative; border-bottom: 1px dotted #DDD; display: block; }

.kenlist h2 a.invoice:before { content: ''; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/ico_info.png) center; display: block; position: absolute; width: 22px; height: 22px; left: 60px; top: 8px; background-size: 100%; }

.kenlist h2.navimds a { color: #ba0000 !important; font-weight: bold; font-size: 1.4em; padding-left: 0; }

.kenlist a { padding: 14px 0; display: block; text-align: center; }

.kenlist a:hover { text-decoration: none !important; background-color: #EEE; }

.kenlist span { letter-spacing: 1px; font-style: normal; }


/* ----- leftbnr -----*/
ul.leftbnr li { text-align: center; margin-top: 20px; }

/* ----- rightpart -----*/
.columright { width: 946px;}

/* ----- pickup -----*/
.contentright { margin-bottom: 20px; }

.contentright h2 { padding-top: 20px; text-align: center; margin-bottom: 40px; }

ul.pickup { overflow: hidden; }

ul.pickup li { width: 284px; float: left; margin-right: 18px; margin-bottom: 27px; line-height: 0; text-align: left; min-height: 181px;}

ul.pickup li img { width: 100%; }

ul.pickup li .area_pkup { display: inline-block; background-color: #66b821; padding: 1px 15px 0; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #fff; font-size: 14px; line-height: 23px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /*IE11*/
  ul.pickup li .area_pkup { padding: 3px 15px 0 !important; } }

ul.pickup1 { text-align: center; }

ul.pickup1 li { float: none; display: inline-block; }

ul.pickup1 li.lastright { margin-right: 0.4%; }

ul.pickup1 li a:hover { opacity: 0.75; }

ul.pickup1 li img { box-shadow: 2px 2px 3px #c9c9c9; }

/* ----- newplan -----*/
.htlBox { margin-right: 13px; margin-bottom: 18px; border: none; }

.htlBox .basic:before, .htlBox .basic:after { display: none; content: none; }

.htlBox p.area { background: none; color: #333; font-size: 12px; text-align: left; }

.htlBox p.rate { border: none; font-size: 11px; margin: 6px 0; }

.htlBox p.rate .rating00 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/sprite.png) no-repeat #FFF; background-position: 3px -797px; color: #FFF; }

.htlBox a:hover { text-decoration: none !important; opacity: 0.75; }

.htlBox a.plan { background: #f5f5f5; padding: 10px; }

.htlBox a.plan p.price { margin-top: 10px; font-size: 12px; line-height: 1.6em; text-align: center; }

.htlBox a.plan p.price span { display: block; font-weight: bold; font-size: 150%; color: #ba0100; }

.htlBox a.plan h3.planName { font-size: 13px; line-height: 1.3em; font-weight: normal; margin: 0; text-align: left; }

.htlBox h3 { margin: 0 10px 10px; font-size: 15px; text-align: left; word-wrap: break-word;display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }

.htlBox .photo { padding-bottom: 0; text-align: center; }

.htlBox .photo img { width: unset; }

.htlBox dl.return { color: #FFF; margin-top: 10px; overflow: hidden; height: 60px; }

.htlBox dl.return dt { width: 63px; height: 60px; float: left; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/mark_off.gif) left top no-repeat; font-size: 9px; padding: 10px 0 0 3px; text-align: center; line-height: 1.1; }

.htlBox dl.return dt span { font-size: 180%; font-weight: bold; }

.htlBox dl.return dd { height: 50px; float: left; background: #ba0100; font-weight: bold; padding: 15px 0 0 !important; text-align: center; font-size: 14px !important; }

.htlBox dl.return dd span { font-size: 80% !important; display: block !important; }

.htlBox dl.return dd em { font-style: normal; font-size: 120% !important;}

#ss_special .htlBox a.plan, #ss_the_sale .htlBox a.plan { background: #FFECEC; }

#ss_special .htlBox dl.return dt, #ss_the_sale .htlBox dl.return dt { background-image: url(https://img.travel.rakuten.co.jp/superdeal/images/base/ss_mark_off.jpg); }

#ss_special .htlBox dl.return dd, #ss_the_sale .htlBox dl.return dd { background: #b18500; padding-bottom: 5px; }

.htlBox5 { width: 208px; }

.htlBox5 dl.return dd { width: 133px; height: 50px; font-size: 90%; white-space: nowrap;}

.htlBox33 { width: 284px; }

.htlBox33 p.rate { font-size: 12px; }

.htlBox33 dl.return dd { width: 218px; font-size: 16px;}

/* ----- bussinessRank -----*/
.jdsSwiper, .swiper-container { width: 891px; padding-left: 30px; padding-right: 30px; box-sizing: content-box; }

#bussRankO .swiper-container{ padding-top: 30px;}

.swiper-container { margin-left: 0 !important; margin-right: 0 !important; }

.holder .swiper-button-prev { top: 0; left: 0 !important; width: 30px; height: 100%; margin-top: 0; background-color: #F0F0F0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 27 44'%3E%3Cpath d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z' fill%3D'%23bb0000'%2F%3E%3C%2Fsvg%3E") !important; background-size: 20px 35px; z-index: 100;}

.holder .swiper-button-next { top: 0; right: 0 !important; width: 30px; height: 100%; margin-top: 0; background-color: #F0F0F0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 27 44'%3E%3Cpath d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z' fill%3D'%23bb0000'%2F%3E%3C%2Fsvg%3E") !important; background-size: 20px 35px; z-index: 100;}

#bussRank .swiper-container, #leisureRank .swiper-container { padding: 0; width: 100%;}

#bussRank .htlBox, #leisureRank .htlBox { position: relative; }
/* 534 */
#bussRank .htlBox p.rankicon,#bussRankO .htlBox p.rankicon, #leisureRank .htlBox p.rankicon { height: 23px; width: 27px; position: absolute; top:-23px; left: 0; z-index: 9;background: url(https://travel.rakuten.co.jp/superdeal/images/rank.png) top left no-repeat;display: flex;justify-content: center;align-items: flex-end;font-weight: bold;font-size: 12px;color: #fff; }

#bussRank .htlBox p.rankicon1,#bussRankO .htlBox p.rankicon1, #leisureRank .htlBox p.rankicon1 { background: url(https://travel.rakuten.co.jp/superdeal/images/rank1.png) top left no-repeat; color: #000;}

#bussRank .htlBox p.rankicon2,#bussRankO .htlBox p.rankicon2, #leisureRank .htlBox p.rankicon2 { background: url(https://travel.rakuten.co.jp/superdeal/images/rank2.png) top left no-repeat; color: #000;}

#bussRank .htlBox p.rankicon3,#bussRankO .htlBox p.rankicon3, #leisureRank .htlBox p.rankicon3 { background: url(https://travel.rakuten.co.jp/superdeal/images/rank3.png) top left no-repeat; color: #000;}

/* #bussRank .htlBox p.rankicon4,#bussRankO .htlBox p.rankicon4, #leisureRank .htlBox p.rankicon4 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_4th.gif) top left no-repeat;background-color:#f0f0f0; } */

/* #bussRank .htlBox p.rankicon5,#bussRankO .htlBox p.rankicon5, #leisureRank .htlBox p.rankicon5 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_5th.gif) top left no-repeat;background-color:#f0f0f0; }

#bussRank .htlBox p.rankicon6,#bussRankO .htlBox p.rankicon6, #leisureRank .htlBox p.rankicon6 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_6th.gif) top left no-repeat;background-color:#f0f0f0; }

#bussRank .htlBox p.rankicon7,#bussRankO .htlBox p.rankicon7, #leisureRank .htlBox p.rankicon7 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_7th.gif) top left no-repeat;background-color:#f0f0f0; }

#bussRank .htlBox p.rankicon8,#bussRankO .htlBox p.rankicon8, #leisureRank .htlBox p.rankicon8 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_8th.gif) top left no-repeat;background-color:#f0f0f0; }

#bussRank .htlBox p.rankicon9,#bussRankO .htlBox p.rankicon9, #leisureRank .htlBox p.rankicon9 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_9th.gif) top left no-repeat;background-color:#f0f0f0; }

#bussRank .htlBox p.rankicon10,#bussRankO .htlBox p.rankicon10, #leisureRank .htlBox p.rankicon10 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_10th.gif) top left no-repeat;background-color:#f0f0f0; } */

.area #bussRank .htlBox p.rankicon{ top:-30px;}


.areaprank .hotels { padding-top: 30px; }

.hotels1 { text-align: center; }

.hotels1 .htlBox { float: none; display: inline-block; }

/* ----- totop -----*/


#contents .superSale { font-size: 15px; display: none;}

#contents .superSale a { color: #ba0100; }

.areatotop { display: none !important; }

.allarea .area13 { line-height: 1.5; }

.allarea .area13 > ul { display: none; }

.allarea .area13 > .isShow { display: block; }

.allarea .area13 a { position: relative; display: block; }

.rt-header .rt-nav-link li a { box-sizing: content-box; }

.pickup, .hotels { padding-left: 30px; }

#serInvr table { margin-left: 65px; }

.jdsAlwaysFix1.end { position: absolute !important; bottom: 40px !important; top: inherit !important; }

.jdsShowFix1.end { position: absolute !important; bottom: 15px !important; bottom: 15px !important; }

/*# sourceMappingURL=contents_pc_j.css.map */

#discover .htlBox33 .photo{min-height: 176px;}
#discover .htlBox33 .basic h3{min-height: 36px;}
#discover .htlBox33 .planName {min-height: 32px;}

.mt10{ margin-top:10px!important;}
#ss_special{ display:none;}
#ss_the_sale{ display:none;}
.ebnr{ display:none;}
.ss1bnr{ display:none;}
.ss2bnr { display: none;}





.mbN10{ margin-bottom: -15px!important;}


.columleft .navimds.pc a:hover{ background-color:#ffffff;}


.swiper-container-horizontal > .swiper-scrollbar{ display: none;}
.topNav.pc .allarea .area13 li.ken47.superSale{ padding-left: 0; padding-right: 0;}
.topNav.pc .allarea .area13 li.ken47 a{ padding-left:10px;}
nav.arealist.topNav.pc  ul.sm li.allarea.area13 ul.subMenu{ margin: 0 10px; border-bottom: none; }
nav.arealist.topNav.pc li.ken47 a{background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow2right.png) top left 60px no-repeat;}
/* nav.arealist li.ken47 a:hover{text-align: center;
  background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow2right.png) top left 80px no-repeat; background-color: #eee;} */

nav.arealist.topNav.pc li.ken47 a:hover{padding-left:10px;background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow2right.png) top left 60px no-repeat;}
nav.arealist.topNav.pc li.ken47.superSale a{ background: none;}
nav.arealist.topNav.pc ul.subMenu li.area13.udLine{border-top:2px solid #DDD;}

nav.arealist.topNav.pc ul.sm li.allarea.area13 ul.subMenu.areas{ margin: 0;display: none!important;}
.topNav.pc .allarea .area13 li.ken47 a:hover{ background-color: #eee;}

.allarea .area13 a:hover{background:
 url("https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif") #eee no-repeat scroll left 40px top!important;
  padding: 9px 10px 9px 72px;}

.planSearch p{ text-align: center;}
.planSearch p img.pc{ max-width:930px; margin: 0 auto; width: 100%;}

.htlBox .rate em, .htlBox .rank em { vertical-align: middle;}
.htlBox p.area { min-height: 26px;}


#SSBox .htlBox .photo img,#SSBox .htlBox .photo{ min-height: 179px;}
#SSBox .htlBox .price span em{ font-size: 14px; font-style: normal;}

/*前 spc_contents_pc_j.css*/
.hotels { padding-left: 0; }

.hotels #hokkaido div .htlBox33, .hotels #tohoku div .htlBox33, .hotels #kitakanto div .htlBox33, .hotels #shutoken div .htlBox33, .hotels #izuhakone div .htlBox33, .hotels #koshinetsu div .htlBox33, .hotels #hokuriku div .htlBox33, .hotels #tokai div .htlBox33, .hotels #kinki div .htlBox33, .hotels #sanyo-sanin div .htlBox33, .hotels #shikoku div .htlBox33, .hotels #kyushu div .htlBox33, .hotels #okinawa div .htlBox33 { width: 293px; }

.hotels #hokkaido div .htlBox33:nth-child(3n), .hotels #tohoku div .htlBox33:nth-child(3n), .hotels #kitakanto div .htlBox33:nth-child(3n), .hotels #shutoken div .htlBox33:nth-child(3n), .hotels #izuhakone div .htlBox33:nth-child(3n), .hotels #koshinetsu div .htlBox33:nth-child(3n), .hotels #hokuriku div .htlBox33:nth-child(3n), .hotels #tokai div .htlBox33:nth-child(3n), .hotels #kinki div .htlBox33:nth-child(3n), .hotels #sanyo-sanin div .htlBox33:nth-child(3n), .hotels #shikoku div .htlBox33:nth-child(3n), .hotels #kyushu div .htlBox33:nth-child(3n), .hotels #okinawa div .htlBox33:nth-child(3n) { margin-right: 0; }

.contentright h2{ display: block; text-align: center; margin-bottom: 30px !important; font-size:36px!important; position: relative; }
.contentright h2 span{ display: inline-block;position: relative; }
.contentright h2 span b { letter-spacing: 4px;}
.contentright h2 span:before,.contentright h2.planTT:before{ content:"";width: 36px; left: 0; top: 45px; border-top: 4px solid #bf0000; position: absolute; height: 4px;}
#areapickup h2 span:before,#bussRank h2 span:before{ left: 18px;}
.contentright h2#planOSUSUMEB span:before,.contentright h2#planOSUSUMEO span:before,.contentright h2#planOSUSUMEP span:before{ left: 0;}
.contentright h2#planB span:before,.contentright h2#planNewB span:before,.contentright h2#planOSUSUMEB span:before{border-top: 4px solid #093769;}
.contentright h2#planO span:before,.contentright h2#planNewO span:before,.contentright h2#planOSUSUMEO span:before{border-top: 4px solid #92be3a;}
.contentright h2#planP span:before,.contentright h2#planNewP span:before,.contentright h2#planOSUSUMEP span:before{border-top: 4px solid #b71684;}

#keyVisual div ul.ptexp img{margin-top: 20px;}
#keyVisual div ul.ptexp .jdsCoponSwitch{ display: none;}

.swiper-container{ overflow: visible!important;}
.swiper-wrapper{ overflow: visible!important;}
.threeTJ #bussRank,.topPage #pitari_osusume{ overflow: hidden!important;}
.threeTJ #bussRank{ padding-top: 0!important;}

.threeTJ.onsen .contentright h2#osusumeO ,.threeTJ.onsen .contentright #planNewO,.threeTJ .contentright #planNewP,.threeTJ .contentright h2#osusumeP{ padding-top: 18px!important;}

.topPage #bussRankO,.topPage #bussRank,.topPage #leisureRank{position: relative;left: 0px; padding-left: 30px;}
#bussRankBox.swiper-wrapper,#getResults.swiper-wrapper{ padding-top: 0px;}
#bussRankBox.swiper-wrapper .swiper-slide,#getResults.swiper-wrapper .swiper-slide,#leisureRankBox .swiper-slide{ padding-top:10px;}
.threeTJ .swiper-container .swiper-button-prev{ left: 0;}
#leisureRankOYA,#bussRankOYA{ overflow: hidden;}
.threeTJ .contentright h2{ margin-bottom: 15px!important;}
.threeTJ #bussRank .swiper-container{ padding-top: 0!important;}
#keyVisual div ul.ptexp{ padding-top: 13px!important;}
#keyVisual div ul.ptexp img{ margin-top: 0;}


#supersale-bnr img{display: block; width: 600px; margin: 0 auto;}
.threeTJ.onsen .contentright#searchPlan h2.pc{margin-bottom:0 !important;}
.threeTJ.onsen #bussRank{padding-top:9px!important;}
.threeTJ.onsen #bussRank h2{ padding-bottom: 20px;}
.onsen #areanewplan,.premium #areanewplan{ padding-top:9px!important;}

.premium #sevInfoH2{ padding-top: 18px!important; margin-top: 16px!important;}

.area ul.pickup{ padding-left: 0;}
.area #areapickup.contentright{ margin-bottom: 16px;}
.area #areapickup{ margin-top: 0;}
.area .contentright.planSearch,.area #sevInfo{ width: 892px;}
.area ul.pickup li .area_pkup{padding:1px 15px 1px;}
.pickup{ min-width: 906px;}
ul.pickup li img{box-shadow: 2px 2px 3px #c9c9c9;}
#supersale-bnr img{box-shadow: 3px 3px 4px #c9c9c9;}



.threeTJ.onsen #areanewplan .htlBox.htlBox33.swiper-slide h3{ height: 54px;}

.threeTJ .htlBox .rate em{ position:relative; top:-3px}

#ss_special .ssBnr,#ss_the_sale .ssBnr{ display: block; max-width: 600px; margin: 10px auto;}
#ss_special .ssBnr img,#ss_the_sale .ssBnr img{width: 100%;}

.topPage #bussRankO{ min-height: 699px;}
.topPage #bussRankOYA{ min-height: 738px;}
.topPage #leisureRankOYA{ min-height: 738px;}

.threeTJ #bussRank{ min-height: 658px;}
.threeTJ #areanewplan{ min-height: 734px;}


#areanewplan .hotels.swipeBnrNo .swiper-slide{ margin-left: 36%!important;}
#areanewplan #areaBox .swiper-slide.center{margin-left: 36%!important;}

.contentright { margin-bottom: 20px!important;}

.ureshi{
  display: flex;
  justify-content: center;
}
.ureshi li{
  margin: 0 10px 50px;
  background: #1f2277;
  text-align: center;
  padding: 25px 0;
  width: 250px;
  font-size: 26px;
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
}
.ureshi li span{
  color: #fd971f;
}
.cbTtl{
  text-align: center;
  margin: 40px auto;
  font-size: 34px;
  color: #444;
  line-height: 1.4;
  color: #1f2277;
}
.cbTtl span{
  font-size: 42px;
  display: block;
}
.combine{
  display: flex;
  justify-content: space-between;
  padding: 0 40px;
}
.combine li{
  background: #fff;
  width: 200px;
}
.icoList{
  display: flex;
  justify-content: center;
  border-bottom: 2px solid #b7c3e8;
  padding: 11px 0;
  margin-bottom: 40px;
}
.icoList img{
  margin: 0 5px;
  width: 49px;
}
.combine li p{
  font-size: 30px;
  line-height: 1.2;
  text-align: center;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
}
.combine li a{
  display: block;
  text-align: center;
  margin: 40px auto 16px;
}
.combine li a:hover{
  opacity: .8;
}
#search-box p.searchSubmit .damibtn{
    transition: all .3s ease-out;
}
#search-box p.searchSubmit .damibtn {
    background: #ba0100;
    color: #ffffff;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 30px;
    text-indent: 2%;
    width: 80px;
    line-height: 16px;
    height: auto;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    cursor: pointer;
}
#search-box p.searchSubmit .damibtn:hover{
    opacity: .8;
}



/* 202505 new gaiyou */
#OVERVIEW {
  padding: 48px 0;
}
#OVERVIEW h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  color: #bf0000;
  font-size: 28px;
}
#OVERVIEW .holder {
  box-sizing: border-box;
  margin: 40px auto 0;
  padding: 40px;
  padding-bottom: 28px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 12px;
  background-color: #fff;
  color: #333;
}

#OVERVIEW .holder .title {
  padding-bottom: 16px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 16px;
  font-weight: bold;
}

#OVERVIEW .holder .title span {
  display: block;
  font-size: 14px;
  padding-bottom: 8px;
}

#OVERVIEW .holder dl {
  line-height: 1.6;
  padding-bottom: 4px;
}

#OVERVIEW .holder dl:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 16px;
}

#OVERVIEW .holder dl dt {
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
}

#OVERVIEW .holder dl dd span {
  display: inline-block;
  font-weight: 400;
  padding: 4px 8px;
  background: #ebebeb;
}

#OVERVIEW .holder dl dd p {
  padding: 4px 0 14px;
  font-weight: 300;
}

#OVERVIEW .holder dl dd p em {
  font-style: normal;
  text-decoration: underline;
}

#OVERVIEW .holder dl dd a {
  text-decoration: underline;
}

#OVERVIEW .holder dl b {
  font-weight: 700;
}
#topLogo {
clear: both;
position: relative;
text-align: center;
padding: 16px 0;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
#topLogo a {
display: flex;
color: #333;
font-size: 18px;
align-items: center;
font-weight: 500;
position: absolute;
top: 50px;
right: 20px;
}

p.note{font-size: 12px;line-height: 1.5;padding: 10px 0;}
 .newCSS.swiper-wrapper .swiper-slide{padding-top: 0 !important;padding-bottom: 0;}
    .newCSS {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;}
        .newCSS .swiper-slide{width: calc(25% - 22px);margin-right: 20px;margin-bottom: 24px;position: relative;line-height: 1.5;box-shadow: rgb(0,0,0,0.16)1px 1px 5px;border-width: 1px; border-style: solid;border-color:rgb(238,238,238);border-image: initial;border-radius: 3px;background-color: #fff;padding-bottom: 0 !important;font-family: "Noto Sans JP", sans-serif;}
  
.newCSS .swiper-slide li .down a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
            .newCSS .swiper-slide .name {
    font-size: 12px;
    display: block;
    font-weight: bold;
    padding: 8px 8px 0px;
    text-align: left;
    color: #333;

    }
                .newCSS .swiper-slide .name em{font-style: normal;word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.newCSS .swiper-slide .photo img {
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        border-radius: 4px 4px 0px 0px;
    }
.newCSS .swiper-slide .box {
        font-size: 12px;
        padding: 8px;
    }
    .newCSS .swiper-slide .area {
        color: rgb(118, 118, 118);
        padding-bottom: 4px;
        margin-bottom: 0;
        min-height: auto !important;
    }
    .newCSS .swiper-slide .stars {
        width: auto;
        font-size: 13px;
        letter-spacing: 3px;
        margin-right: 7.5px;
        display: inline-block;
        position: relative;
    }
    .newCSS .swiper-slide .review .stars .review-base {
        padding-left: 1.5px;
        color: rgb(234, 234, 234);
        width: 100%;
        box-sizing: border-box;
    }
    .newCSS .swiper-slide .review .stars .review-rst {
        padding-left: 1.5px;
        color: rgb(255, 186, 0);
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        width: 0px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .newCSS .swiper-slide .review a .num {
        color: rgb(191, 0, 0);
        font-size: 14px;
        font-weight: bold;
    }
    .newCSS .swiper-slide .down a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .newCSS .swiper-slide .price-box {
        color: rgb(191, 0, 0);
        padding-top: 8px;
    }
    .newCSS .swiper-slide .price-box span {
        font-size: 14px;
        font-weight: bold;
    }
    .newCSS .swiper-slide .condition {
        color: rgb(51, 51, 51);
        padding-top: 4px;
    }
    .newCSS .swiper-slide .price-box {
        color: rgb(191, 0, 0);
        padding-top: 8px;
    }
   .newCSS .swiper-slide .point span {
        font-size: 17px;
        font-weight: bold;
        }
       .newCSS .swiper-slide .down a .badge {
        box-sizing: border-box;
        padding-bottom: 3px;
        width: 58px;
        height: 58px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        line-height: 1.1;
    }
       .newCSS .swiper-slide .down a .badge span {
        color: rgb(255, 255, 255);
        font-weight: 300;
    }
    .newCSS .swiper-slide .down a .badge span:last-child {
        letter-spacing: -1px;
    }
    .crown {
    margin-top: 35px;
}
    .newCSS .swiper-slide a:hover{text-decoration: none;}
    .newCSS .swiper-slide .down a .badge span em {
    font-style: normal;
    font-weight: 500;
    font-size: 150%;
}
.crown:after {
  content: "";
  display: block;
  position: absolute;
  top: -22px;
  left: 4px;
  width: 27px;
  height: 17px;
  background:url(https://travel.rakuten.co.jp/superdeal/images/rank.png) no-repeat center center;
  background-position: 0 0;
  background-size:27px 23px;
  padding-top: 6px;
  text-align: center;font-size: 12px;font-weight: bold;color: #fff;
}
.crown:nth-of-type(1):after{content: "1";background:url(https://travel.rakuten.co.jp/superdeal/images/rank1.png) no-repeat center center; color: #000;}
.crown:nth-of-type(2):after{content: "2";background:url(https://travel.rakuten.co.jp/superdeal/images/rank2.png) no-repeat center center; color: #000;}
.crown:nth-of-type(3):after{content: "3";background:url(https://travel.rakuten.co.jp/superdeal/images/rank3.png) no-repeat center center; color: #000;}
.crown:nth-of-type(4):after{content: "4";}
.crown:nth-of-type(5):after{content: "5";}
.crown:nth-of-type(6):after{content: "6";}
.crown:nth-of-type(7):after{content: "7";}
.crown:nth-of-type(8):after{content: "8";}
.crown:nth-of-type(9):after{content: "9";}
.crown:nth-of-type(10):after{content: "10";}
.crown:nth-of-type(11):after{content: "11";}
.crown:nth-of-type(12):after{content: "12";}
.crown:nth-of-type(13):after{content: "13";}
.crown:nth-of-type(14):after{content: "14";}
.crown:nth-of-type(15):after{content: "15";}
.crown:nth-of-type(16):after{content: "16";}
.crown:nth-of-type(17):after{content: "17";}
.crown:nth-of-type(18):after{content: "18";}
.crown:nth-of-type(19):after{content: "19";}
.crown:nth-of-type(20):after{content: "20";}
.crown:nth-of-type(21):after{content: "21";}
.crown:nth-of-type(22):after{content: "22";}
.crown:nth-of-type(23):after{content: "23";}
.crown:nth-of-type(24):after{content: "24";}
.crown:nth-of-type(25):after{content: "25";}
.crown:nth-of-type(26):after{content: "26";}
.crown:nth-of-type(27):after{content: "27";}
.crown:nth-of-type(28):after{content: "28";}
.crown:nth-of-type(29):after{content: "29";}
.crown:nth-of-type(30):after{content: "30";}
.crown:nth-of-type(31):after{content: "31";}
.crown:nth-of-type(32):after{content: "32";}
.crown:nth-of-type(33):after{content: "33";}
.crown:nth-of-type(34):after{content: "34";}
.crown:nth-of-type(35):after{content: "35";}
.crown:nth-of-type(36):after{content: "36";}
.crown:nth-of-type(37):after{content: "37";}
.crown:nth-of-type(38):after{content: "38";}
.crown:nth-of-type(39):after{content: "39";}
.crown:nth-of-type(40):after{content: "40";}
.newCSS .htlBox .photo{padding: 0;}
#bussRankBox.swiper-wrapper .swiper-slide{padding-top: 0;}
#bussRankBox.swiper-wrapper{flex-wrap: wrap;}
.newCSS .swiper-slide{margin-right: 10px;width: 179px;}
.newCSS .swiper-slide:nth-child(5n){margin-right: 0;}