@charset "UTF-8";
.topbnr img{ width: 100%;}
#SEARCH.pars{ margin-bottom: -60px;}
 .hotel-box{min-height: auto !important;}
h3.areattl{ margin-bottom: 16px;}
.hotel-box{padding:24px 16px 16px}
.hotel-box .hotels li{width:200px;border:1px solid #eee;line-height:1.6;box-shadow:1px 1px 5px rgba(0,0,0,.16);border-radius:3px}
.hotel-box .hotels li a:hover{text-decoration:none}
.hotel-box .hotels li .photo{position:relative}
.hotel-box .hotels li .photo img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px 4px 0 0}
.hotel-box .hotels li .name{display:flex;position:absolute;width:calc(100% - 16px);bottom:0;background-color:rgba(0,0,0,.5);font-size:12px;padding:8px;color:#fff}
.hotel-box .hotels li .box{padding:8px;font-size:12px}
.hotel-box .hotels li .down a{display:flex;align-items:center;justify-content:space-between}
.hotel-box .hotels li .down a .badge{box-sizing:border-box;padding-bottom:3px;width:58px;height:58px;background-size:58px;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;text-align:center;line-height:1.1}
.hotel-box .hotels li .down a .badge span{color:#fff;font-weight:300}
.hotel-box .hotels li .down a .badge span:last-child{letter-spacing:-1px}
.hotel-box .hotels li .down a .badge span em{font-style:normal;font-weight:500;font-size:150%}
.hotel-box .hotels li .area{color:#767676}
.hotel-box .hotels li .price-box{color:#bf0000;padding-top:6px}
.hotel-box .hotels li .price-box span{font-size:14px;font-weight:700}
.hotel-box .hotels li .condition{color:#333}
.hotel-box .hotels li .point span{font-size:20px}
.hotel-box .hotels .review a .num{color:#bf0000;font-size:14px;font-weight:700}
 .hotels .review .stars {
  
width: auto;
   
}

.all-plan{width:70%;height:64px;margin:24px auto 0}
.all-plan a{text-align:center;display:flex;height:100%;align-items:center;justify-content:center;border-radius:50px;background-color:#00b900;color:#fff;position:relative;font-size:14px}
.all-plan a:hover{text-decoration:none}
.all-plan a:after{position:absolute;display:block;content:"";width:10px;height:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;right:20px;top:50%;margin-top:-5px;transform:rotate(-45deg)}


.bottom-area-link{gap:3px;padding: 0;margin: 8px;justify-content: flex-start;}
#arealink .bottom-area-link.spcenter{ justify-content: center;}
.bottom-area-link a{ background: #fff; border: 1px solid #ccc !important;border-radius: 4px;height: 36px;display: flex; justify-content: center;align-items: center;width: calc((100% - 12px) / 5);padding: 0 !important;margin: 0 !important;box-sizing: border-box;font-size: 12px;}

/* btm_nav */
.btmNav{position:fixed;z-index:9999;bottom:0;width:100%;background-color:#ba0100;display: flex !important;justify-content: center;}
.btmNav span.nv{display:block;width:20%;padding:0;box-sizing:border-box;background-color:#ba0100;text-align:center;color:#fff;cursor:pointer;font-size:12px;margin:0;min-height:60px;border-right:1px solid #fff}
.btmNav.btmNav4 span.nv{ width: 25%;}
.btmNav span.nv:last-of-type{border-right: none;}
.btmNav span.nv a{color:#fff!important;display:block;padding:0;margin:0}
.btmNav span.nv img{display:block;margin:5px auto}
.btmNav span.nv a,.btmNav span.nv span{display:block;padding:0}
.btmNav .dropup-menu{display:none;position:absolute;bottom:100%;width:100%;border:1px solid #ba0100;background-color:#fff;z-index:9999}
.btmNav .dropup-menu a{position:relative}
.btmNav .dropup-menu li{text-align:center;margin:auto;padding:0}
.btmNav .dropup-menu li:first-child{text-align:center}
.btmNav .dropup-menu li:first-child img{width:5%}
.btmNav .dropup-menu.areachos{padding-bottom:5px}
.btmNav .dropup-menu.areachos li{padding:5px 0}
.btmNav .dropup-menu.areachos li select{border-radius:4px;padding:10px;background-color:#f7f7f4;font-size:.9em}
.btmNav .dropup-menu.areachos li.remindMsg{padding:0}
.btmNav .dropup-menu:last-of-type .close{padding:8px 0}
.btmNav .dropup-menu:last-of-type .close strong{padding:3px 0 3px 29px;background:url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_search.png) 0 -1px/18px auto no-repeat}
.btmNav .dropup-menu .close{position:relative;font-weight:700;background-color:#f1f1f1;color:#ba0100;cursor:pointer}
.btmNav .dropup-menu .close,.btmNav .dropup-menu a{display:block;padding:3px 0;font-size:15px}
.btmNav .dropup-menu .close em,.btmNav .dropup-menu a em{position:absolute;right:5px;top:5px;width:20px;height:20px;background:url(https://img.travel.rakuten.co.jp/superdeal/images/base/close.gif) 0 0/100% 100%}
.btmNav a.invoice:before{content:'';background:url(https://img.travel.rakuten.co.jp/superdeal/images/base/ico_info.png) center;display:block;position:absolute;width:16px;height:16px;left:calc(50% - 60px);top:5px;background-size:100%}
.btmNav .column2 a{float:left;width:48%;box-sizing:border-box;background:url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) -5px -5px no-repeat;position:relative}
.btmNav .column2 a.invoice:before{top:5px}
.btmNav .column2 a.wid98{width:98%}
.btmNav:after{content:"";display:block;clear:both}
.btmNav .isShow{display:block}

.btmNav .btn em{display:inline-block;transform:rotate(0);transition:.3s}
.btmNav .btn:first-child{border-right:1px solid #f0f0f0}
.btmNav .btn.btn2{width:calc((100% - 1px)/ 2)}
.btmNav .btn.btn3{width:33.33%}
.btmNav .unchose{background-color:#333}
.btmNav .chose{background-color:#ba0100}
.noNewArival a {color: #333;text-decoration: underline;}



 .hotels .review a .num {
  color: #bf0000;
  font-size: 14px;
  font-weight: bold;
}
 .hotels .review .stars {
  font-size: 13px;
  letter-spacing: 3px;
  margin-right: 7.5px;
  width: 80px;
  text-align: center;
  display: inline-block;
  position: relative;
}
 .hotels .review .stars .review-base {
  padding-left: 1.5px;
  color: #eaeaea;
  width: 100%;
  box-sizing: border-box;
}
 .hotels .review .stars .review-rst {
  padding-left: 1.5px;
  color: #ffba00;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 1;
  width: 0;
  box-sizing: border-box;
}

#areaSS { position: relative; background: #FEFEC5;}
#areaSS h2 img { width: 100%; margin: 0 !important;}
#areaSS .hotel-box .hotels li { background: #fff;}