@charset "UTF-8";
.topbnr img{ width: 100%;}
#SEARCH.pars{ margin-top: -130px; position: initial !important;}

#arealink{ position: initial; margin: 0 auto;}
    .hotel-box .hotels li::marker{display:none;content:"";
                                }
h3.areattl{ margin-bottom: 16px; margin-left: 8px;}
.hotel-box{ padding-top: 24px;}
.hotel-box .hotels{margin-bottom: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.hotel-box .hotels li{width:230px;border:1px solid #eee;line-height:1.5;box-shadow:1px 1px 5px rgba(0,0,0,.16);border-radius:3px; margin:0 6px 12px;list-style: none;}
.hotel-box .hotels li a:hover{text-decoration:none}
.hotel-box .hotels li .photo img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px 4px 0 0}
.hotel-box .hotels li .name{font-size:12px;display:block;padding:8px;padding-bottom:0;font-weight:700}
.hotel-box .hotels li .name a{color:#333}
.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;padding-bottom:4px}
.hotel-box .hotels li .price-box{color:#bf0000;padding-top:8px}
.hotel-box .hotels li .price-box span{font-size:14px;font-weight:700}
.hotel-box .hotels li .condition{color:#333;padding-top:4px}
.hotel-box .hotels li .point span{font-size:20px}


#FROMPLAN .hotel-box{ min-height: 0;}
#FROMPLAN .hotel-box .hotels{ flex-wrap: nowrap; margin-bottom: 32px;}
#FROMPLAN .hotel-box .hotels li{ width: 200px; margin: 0 0 12px;}
#FROMPLAN .hotel-box .hotels li.crown{ margin-top: 35px;}

#FROMPLAN .hotels .review .stars {
  
width: auto;
   
}
.all-plan{width:516px;height:64px;margin:50px auto 0}
.all-plan a{display:flex;height:100%;align-items:center;justify-content:center;border-radius:50px;background-color:#00b900;color:#fff;position:relative;font-size:20px;padding-right:10px}
.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:53px;top:50%;margin-top:-5px;transform:rotate(-45deg)}

.bottom-area-link{gap:3px;padding: 0;margin: 30px 0;justify-content:center;}
.bottom-area-link a{ background: #fff; border: 1px solid #ccc !important;border-radius: 4px;height: 40px;display: flex; justify-content: center;align-items: center;width:90px;padding: 0;margin: 0;box-sizing: border-box;font-size: 14px;color: #333;position: relative;padding-right: 10px;}
.bottom-area-link a:after{display: block;content: "";position: absolute;width: 5px;height: 5px;border-right: 1px solid #333;border-bottom: 1px solid #333;top: 42%;right: 5px;transform: rotate(-45deg);}
.bottom-area-link a:hover{text-decoration: none;}

#FROMPLAN .hotel-box .swiper-scrollbar {display: block;}
.noNewArival a {color: #333;text-decoration: underline;}



#areaSS .hotels .review .stars {
    font-size: 13px;
    letter-spacing: 3px;
    margin-right: 7.5px;
    width: 80px;
    display: inline-block;
    position: relative;
}
#areaSS .hotels .review .stars {
    width: auto;
}
#areaSS .hotels .review .stars .review-base {
    padding-left: 1.5px;
    color: #eaeaea;
    width: 100%;
    box-sizing: border-box;
}
#areaSS .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;
}


#areaSummer .hotel-box{  width: 200px; overflow: hidden;}
#areaSummer .hotel-box p.photo{  width: 100%;}


#contents { width: 100%;}
#areaSS { width: 100%; position: relative; background: #FEFEC5;}
#areaSS .hotel-box .hotels    { width: 1220px; margin: 0 auto 40px;}
#areaSS .hotel-box .hotels li { background: #fff;}