/*--------------------------------------------
 Common css for the following pages
/special/spring/
/special/summer/
/special/winter/
-------------------------------------------- */

#browsing-history-warp {
  padding-top: 32px;
}
#browsing-history-hotel-related {
  margin: 32px auto 0;
}
.ttl-lv2 {
  font-size: 20px;
  padding-bottom: 16px;
  font-weight: 500;
  color: #333;
}
@media screen and (max-width: 720px) {
  .ttl-lv2 {
    font-size: 18px;
    padding-bottom: 12px;
  }
}
.ss-hotelbox .ss-hotel {
  width: 204px;
  border: none;
  overflow: visible;
  padding: 0 0 8px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.ss-hotel .hotel-img {
  margin: 0 0 8px;
  overflow: hidden;
}
.ss-hotel .bg-img {
  display: block;
  transition: transform ease 0.4s;
  background-position: center;
  background-size: cover;
  height: 140px;
}
.ss-hotel .bg-img:hover {
  transform: scale(1.2);
}
.ss-hotel .hotel-container {
  margin: 0 8px;
}
.ss-hotel .hotel-main .area-name {
  position: relative;
  padding-top: 24px;
}
.ss-hotel.f_premium .area-name::before {
  content: url(https://img.travel.rakuten.co.jp/share/premium/images/premium_normal.svg);
  display: block;
  width: 62px;
  position: absolute;
  left: 0;
  top: 0;
}
.ss-hotel.f_platinum .area-name::before {
  content: url(https://img.travel.rakuten.co.jp/share/premium/images/premium_ultra.svg);
  display: block;
  width: 72px;
  position: absolute;
  left: -4px;
  top: 0;
}
.ss-hotel.f_bonus_program .area-name::after {
  content: "";
  display: block;
  width: 116px;
  height: 24px;
  background: url(https://trvimg.r10s.jp/share/common/images/label_bonusProgram.svg)
    no-repeat;
  background-size: 116px;
  position: absolute;
  right: -4px;
  top: 0;
}
/* .ss-hotel #rvw-score {
  margin: 0 8px;
} */
.ss-hotel .stars {
  font-size: 14px;
  letter-spacing: 3px;
  margin-right: 7.5px;
  width: 88px;
  text-align: center;
  display: inline-block;
  position: relative;
}
.ss-hotel .stars .review-base {
  padding-left: 1.5px;
  color: #f3f3f3;
  width: 100%;
  box-sizing: border-box;
}
.ss-hotel .stars .review-rst {
  padding-left: 1.5px;
  color: #ffba00;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
}
.ss-hotel .review-score {
  color: #bf0000;
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.ss-hotel .hotel-sub {
  margin: 0 8px;
}
.ss-hotel .hotel-sub .hotel-pr {
  font-weight: normal;
  font-size: 12px;
}
.ss-hotel .hotel-price {
  text-align: center;
  margin: 8px 8px 0;
}
.ss-hotel .hotel-price a span {
  font-size: 18px;
  padding: 0 !important;
}
.ss-hotel .hotel-price a span.details em {
  margin-top: 0;
  font-size: 10px;
  line-height: 14px;
  font-style: normal;
}
.ss-hotel .hotel-price a span.details span.price-info {
  width: 140px;
}
.ss-hotel .hotel-price em {
  font-size: 12px;
}
.ss-hotel .btn {
  display: block;
  margin: 8px 8px 0;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  text-align: center;
  padding: 8px 0;
  position: relative;
}
.ss-hotel .btn.honbanssBtn {
  display: block;
}
.ss-hotel .btn.pressBtn {
  display: none;
}

.ss-hotel .honbanpName {
  display: block;
}
.ss-hotel .prepName {
  display: none;
}
.ss-hotel .hotel-main .area-name {
  font-size: 12px;
  color: #777;
  margin-bottom: 9px;
  /*font-weight: bold;*/
}
.ss-hotel .hotel-price {
  text-align: center;
  position: relative;
  padding-bottom: 4px;
  clear: both;
  font-weight: bold;
  color: #bf0000;
  font-size: 18px;
  
}
.ss-hotel .hotel-price a {
  font-size: 14px;
  text-align: right;
  color: #333;
  display: inline-block;
}
.ss-hotel .hotel-price a span {
  font-size: 24px;
  color: #bf0000;
  font-weight: bold;
}
@media screen and (max-width: 720px) {
  .ss-hotel .hotel-price a span {
    font-size: 18px;
  }
}
.ss-hotel .hotel-price em {
  font-size: 12px;
}
.pointUp {
  padding: 0 8px;
}
.pointUp .ss-hotel .hotel-img {
  border-radius: 5px 5px 0 0;
}

.pointUp.rankBox .ss-hotel .htlrank {
  position: absolute;
  left: 12px;
  top: -25px;
  background: url(https://img.travel.rakuten.co.jp/special/luxury-days/202206/images/rank.png)
    no-repeat;
  width: 27px;
  height: 23px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 1;
  font-style: normal;
  font-weight: bold;
  box-sizing: border-box;
  padding: 9px 0 0 1px;
  z-index: 1;
}
.pointUp.rankBox .ss-hotel:nth-of-type(1) .htlrank {
  background: url(https://img.travel.rakuten.co.jp/special/luxury-days/202206/images/rank1.png)
    no-repeat;
  color: #333;
}
.pointUp.rankBox .ss-hotel:nth-of-type(2) .htlrank {
  background: url(https://img.travel.rakuten.co.jp/special/luxury-days/202206/images/rank2.png)
    no-repeat;
  color: #333;
}
.pointUp.rankBox .ss-hotel:nth-of-type(3) .htlrank {
  background: url(https://img.travel.rakuten.co.jp/special/luxury-days/202206/images/rank3.png)
    no-repeat;
  color: #333;
}
.ss-hotel .hotel-img {
  position: relative;
}
.rankBox {
  padding-bottom: 20px;
  padding-left: 6px;
}

.rankBox .ss-hotel {
  border-right: 1px solid #ccc;
}
.rankBox .ss-hotel:last-of-type {
  border-right: none;
}

.rankBox .ss-hotel .area {
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% - 16px);
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  padding: 8px;
}

.rankBox .ss-hotel .hotel-sub {
  display: none !important;
}
.rankBox .btn-close-history {
  position: absolute;
  right: 20px;
  top: 5px;
  z-index: 99;
  cursor: pointer;
}
.bh-container .price-hide {
  visibility: hidden;
}



/*-------------------------------------
特集ページに追加するcss　
---------------------------------------*/
/* ADD CSS FILE FROM SP TOP -- browsing-history.js */
/* ALL */
/* https://img.travel.rakuten.co.jp/smart/test/pitari/202109/css/browsing_history.css?_=20220315 */

#browsing-history {
    background: #f3f3f3;
    overflow: hidden;
    padding-top: 0 !important;
}

.bh-container .ttl-lv2 {
    font-size: 20px;
    font-weight: 500;
}

.bh-container .swiper-slide {
    /* width: 163px !important; */
	width: auto;
    background: #fff;
    padding: 10px 8px;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.btn-close-history {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 7px;
    cursor: pointer;
}


.module-history-domsp {
    display: none;
}

.existing-browsing-history .module-history-domsp {
    display: block;
}

.existing-browsing-history #browsing-history {
    display: none;
}

.existing-browsing-history .caroufredsel_wrapper,
.existing-browsing-history .History__items--wrapper {
    height: 100% !important;
}


@media screen and (max-width: 374px) {
    .bh-container .swiper-slide {
        width:138px!important
    }
}

#browsing-history .bh-container {
    position: relative;
    background: #fff!important;
    margin: 0;
    /* padding: 16px 0 24px 8px; */
    top: 0;
    /* box-shadow: 0px 2px 2px rgb(0 0 0 / 20%); */
}

#browsing-history .bh-container .swiper-container {
	padding: 0 0 0 8px;
}

#browsing-history-hotel {
    padding-bottom: 1px;
}

#browsing-history-hotel-related {
    padding-top: 2rem !important;
    margin-bottom: 7px;
    /* padding: 26px 0 27px 16px; */
}

.bh-container>h2 {
    /* margin-bottom: 16px; */
}

.bh-container .swiper-slide {
    /* border-left: 1px solid #ccc; */
    padding: 0 10px;
    padding: 0 0 8px;
}

.bh-container .swiper-container .swiper-slide:first-child {
    border: none
}

.bh-container .htlBox .photo:before {
    display: none;
}

.bh-container .htlBox .price-hide {
    visibility: hidden;
}

.bh-container .swiper-wrapper {
    margin-left: -10px;
    padding: 0 0 20px 8px;
}

.btn-bh-more {
    display: block;
    width: calc(100% - 16px);
    margin-top: 15px;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
}

.btn-bh-more a {
    display: block;
    position: relative;
    font-size: 13px;
    text-align: center;
    padding: 13px 0;
}

.btn-bh-more a:after {
    content: "";
    display: block;
    width: 9px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: url(https://img.travel.rakuten.co.jp/share/smart/images/arrow-right.svg) center center no-repeat;
}

@media screen and (max-width: 720px) {
	.bh-container .ttl-lv2 {
		font-size: 18px;
	}
}


/* ADD CSS FILE 3 */
/* https://img.travel.rakuten.co.jp/smart/test/pitari/202410/css/ranking.css */
/* ALL */

.htlBox .rank,.htlBox .rate{display:block;min-width:90px;margin:0 10px 7px 10px;font-size:78%;padding:5px;background-color:#fff;border-radius:5px;border:1px solid #cbc2a0;text-align:center}
.htlBox1 .rank,.htlBox1 .rate{position:absolute;top:3px;right:5px;margin:0;padding:0;border:none}
.htlBox1 .rank,.htlBox1 .rate a{padding:3px;background-color:#fff;border-radius:3px;line-height:1.1}
.htlBox .rank .hide,.htlBox .rate .hide{text-indent:-9999px;overflow:hidden;display:inline-block}
.htlBox .rank em,.htlBox .rate em{padding-top:2px;background:url(https://img.travel.rakuten.co.jp/special/smap/images/sprite.png) no-repeat;font-style:normal;font-weight:700;color:#c00;font-size:115%;vertical-align:-2px}
.htlBox4 .rank span,.htlBox4 .rate span{display:block}
.htlBox .rate em{padding-left:93px;cursor:pointer}
.htlBox .rank em{padding-left:110px}
.htlBox .rate em.rating50{background-position:0 -550px}
.htlBox .rate em.rating45{background-position:0 -575px}
.htlBox .rate em.rating40{background-position:0 -600px}
.htlBox .rate em.rating35{background-position:0 -625px}
.htlBox .rate em.rating30{background-position:0 -650px}
.htlBox .rate em.rating25{background-position:0 -675px}
.htlBox .rate em.rating20{background-position:0 -700px}
.htlBox .rate em.rating15{background-position:0 -725px}
.htlBox .rate em.rating10{background-position:0 -750px}
.htlBox .rate em.rating05{background-position:0 -775px}
.htlBox .rate em.rating00{background-position:0 -800px}
.htlBox4 .rate span{display:block}
#ranking{padding:16px 0 0 10px;background:#eaeaea}
#ranking .swiper-slide{width:163px!important}
#ranking>h2{font-size:15px;font-weight:400;color:#333;margin:0 0 5px}
#ranking .note{font-size:11px;padding:8px 5px 0 0}
#ranking .htlBox{background:#fff;padding:10px 8px;box-sizing:border-box}
.htlBox .photo-block{position:relative;margin-bottom:8px}
.htlBox .txt-block{padding: 0 8px;}
.htlBox .txt-block a{color: #333;text-decoration: none;}
.htlBox .photo{position:relative;width:100%;height:143px;overflow:hidden;box-sizing:border-box}
.htlBox .photo-in{width:100%;height:100%}
.htlBox .photo-in-in{display:block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center}
.htlBox .htlName{font-size:12px;font-weight:400;color:#fff;line-height:1.5;background-color:rgba(0,0,0,.5);display:flex;align-items:center;width:100%;height:48px;padding:6px 5px 7px;position:absolute;bottom:0;box-sizing:border-box}
.htlBox .area{font-size:11px}
.htlBox .rate{font-size:14px;margin:0;text-align:left;border:none;background:0 0;padding:5px 5px 5px 0}
.htlBox .rate em{font-size:14px;padding-top:1px;padding-left:90px}
.htlBox .price{font-size: 14px;color:#bf0000;margin:0 0 8px 2px;text-align: center;line-height: 1.6;}
.htlBox .price span{font-weight:700;padding-right:3px}
.htlBox .price em{font-size:14px}
.htlBox button{background:#fff;display:block;width:100%;border:1px solid #ccc;border-radius:3px;padding:0}
.htlBox button a{display:inline-block;width:100%;font-size:12px;line-height:36px;position:relative}
.htlBox button a:hover{/* border: 1px solid #eaeaea; */background-color: #f3f3f3;}
.htlBox button a.ico-coupon:before{content:'';display:inline-block;width:18px;height:18px;position:relative;left:-4px;top:3px;background-image:url(https://img.travel.rakuten.co.jp/smart/test/pitari/202101/images/ico-coupon.svg);background-size:18px auto;background-repeat:no-repeat}
.htlBox button:nth-of-type(1){margin-bottom:4px}
.htlBox .btn-coupon.noCoupon{display:none}
.htlBox .photo:before{content:'';display:block;width:30px;height:30px;position:absolute;left:5px;top:3px;background-image:url(https://img.travel.rakuten.co.jp/smart/test/pitari/202101/images/crown-sprite.png);background-size:30px auto;background-repeat:no-repeat}
.swiper-container .htlBox:nth-of-type(1) .photo::before{background-position:0 0}
.swiper-container .htlBox:nth-of-type(2) .photo::before{background-position:0 -30px}
.swiper-container .htlBox:nth-of-type(3) .photo::before{background-position:0 -60px}
.swiper-container .htlBox:nth-of-type(4) .photo::before{background-position:0 -90px}
.swiper-container .htlBox:nth-of-type(5) .photo::before{background-position:0 -120px}
.swiper-container .htlBox:nth-of-type(6) .photo::before{background-position:0 -150px}
.swiper-container .htlBox:nth-of-type(7) .photo::before{background-position:0 -180px}
.swiper-container .htlBox:nth-of-type(8) .photo::before{background-position:0 -210px}
.swiper-container .htlBox:nth-of-type(9) .photo::before{background-position:0 -240px}
.swiper-container .htlBox:nth-of-type(10) .photo::before{background-position:0 -270px}
@media screen and (max-width:374px){
#ranking .swiper-slide{width:138px!important}
.htlBox .photo{height:118px}
}
#ranking{position:relative;background:#fff!important;padding:36px 0 22px 10px}
#ranking:before{content:'';display:block;width:100%;height:16px;background:#f3f3f3;position:absolute;top:0;left:0}
#ranking>h2{margin-bottom:16px}
#ranking .swiper-slide{border-left:1px solid #ccc;padding:0 10px}
#ranking .swiper-container .swiper-slide:first-child{border:none}
#ranking .note{padding:26px 5px 0 0}
.raning-tab{display:flex;justify-content:space-around;position:relative;align-items:flex-end;margin-bottom:10px;margin-right:16px;margin:0 16px 24px 0;border-bottom:1px solid #d8d8d8}
.raning-tab:after{content:'';width:33.33333%;height:2px;background:#54822b;display:block;position:absolute;bottom:-1px;left:0;transition:.4s ease;z-index:10}
.tab1:after{left:0}
.tab2:after{left:33.33333%}
.tab3:after{left:66.66666%}
.tab-nav-item{font-size:14px;cursor:pointer;transition:.5s;width:33.33333%;color:#333;text-align:center;padding:0 0 10px 0}
.tab-nav-item.current{color:#54822b;opacity:1}
.tab-nav-item:hover{opacity:1}
.ranking-tab-main{position:relative;overflow:hidden}
.ranking-tab-main-item{width:100%;padding:0;visibility:hidden;height:0}
.ranking-tab-main-item.current{display:block;margin-left:-10px;visibility:visible;height:auto}
@media screen and (max-width:374px){.htlBox .rate em{font-size:13px}}
#rvw-score>p{display:flex;margin-top: 6px;}
.bh-container .review-score{color:#bf0000;display:inline-block;font-weight:700;font-size:13px;line-height:20px}
.bh-container .stars{font-size:13px;letter-spacing:3px;margin-right:7.5px;/* width:80px; *//* text-align:center; */display:inline-block;position:relative}
.bh-container .stars .review-base{/* padding-left:1.5px; */color:#f3f3f3;width:100%;box-sizing:border-box}
.bh-container .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}

/* Bonus Label */
.bonus-section .swiper-slide {
    position: relative;
    padding-top: 34px !important;
}
.bonus-label:before {
    content: '';
    display: block;
    width: 143px;
    height: 29px;
    background: url(https://img.travel.rakuten.co.jp/share/common/images/ranking/bonus_label.svg) center left no-repeat;
    background-size: 143px 29px;
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 8px;
}

#ranking .sec_name {padding-top: 20px;}
.ranking-main-item.luxdays {background: linear-gradient(180deg, #EAE3CF 0%, #FFFFFF 9.08%);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);}
.badge-luxurydays-txt1, .badge-luxurydays-txt2 {font-size: 9px;text-align: center;line-height: 18px;display: block;}
.badge-luxurydays-txt1 {color: #C6A13E;background: #000;}
.badge-luxurydays-txt2 {color: #000000;background: #D9B861;}
.badge-luxurydays-txt2 em {font-size: 12px;}
.bnr-luxurydays {padding: 16px 16px 0;}
.bnr-luxurydays img {width: 100%;height: auto;vertical-align: middle;}

/* The aspect ratio of even ranking images is 16:9 (261px x 147px) */
#ranking .ranking-main-item:nth-child(2n) .swiper-slide {
	width: 277px !important;
}
#ranking .swiper-slide {
	border: none;
	padding: 0 8px;
} 
.htlBox .photo {
	height: 147px;
}

.chart-container {
    position: relative;
    width: 177px;
    height: 120px;
	margin-top: 8px;
	margin-bottom: 8px;
    margin-left: -29px;
}

.chart-container .rvw-total-text {
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
	color: #444;
}

.chart-container .review-score {
    font-size: 14px;
    position: relative;
    margin-top: -7px;
    padding-left: 6px;
    line-height: 21px;
}

.chart-container .review-score:before {
    content: '笘�';
    display: block;
    color: #ffba00;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: -10px;
}

.chart-container .rvw-link {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 58%;
    transform: translate(-50%, -50%);
}

#ranking .ranking-main-item:nth-child(2n) .chart-container {
    margin-left: 29px;
}

.hc-access {
	margin-top: 12px;
}

.hc-access-ttl {
    font-size: 12px;
    font-weight: bold;
    background: url(https://img.travel.rakuten.co.jp/smart/test/pitari/202204/hotel_card/images/ico-map.svg) left -2px no-repeat;
    padding-left: 20px;
}

.hc-access-disc {
    font-size: 11px;
    line-height: 1.6;
    margin-top: 6px;
}

.hc-access-disc span {
    color: #196f00;
}