@charset "utf-8";
#sRight,.ss-center{ font-family:'メイリオ','Meiryo', '游ゴシック','Yu Gothic','Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; color: #000;}
.ss-contents{padding-bottom: 0;background: #fff;}
.ss-title{ background: none;}
/* #topBnrBox{ margin-bottom: 16px;} */
#topBnrBox h1 img.sp{display: block; width: 100%;}

.ss-center{ max-width: none; overflow: hidden; margin-bottom: 0; padding-bottom: 0; background:url(https://img.travel.rakuten.co.jp/cars/special/luxuary/202509/images/mianbg.png);background-attachment: fixed;}
.ss-center.bg1{background:#FAF9F4 url(https://img.travel.rakuten.co.jp/cars/special/luxuary/202509/images/plan_bg.png) no-repeat center bottom; background-size: 100% auto; padding:24px 0; margin-top: 40px;}
.ss-container{ margin: 40px 16px 0; padding: 20px; border: none; overflow: hidden; background: #FAF9F4;}
.ss-center.bg1 .ss-container{background: none; margin-top: 16px;}
.ttls{ font-size: 16px; text-align: center; font-weight: bold; color: #333;font-family:"游明朝", "Yu Mincho","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝B","ＭＳ Ｐ明朝","MS PMincho","MS 明朝","Times","Times New Roman",serif;margin-bottom: 20px;}
.ttls span{display: block;font-family:"游明朝", "Yu Mincho","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝B","ＭＳ Ｐ明朝","MS PMincho","MS 明朝","Times","Times New Roman",serif; text-align: center; font-size: 22px; color: #957113; width: 100%; margin: 0 auto 10px; position: relative; padding-bottom: 4px; z-index: 0;}
.ttls span:after{position: absolute; content: ''; height: 2px; width: 50px; left: 50%; margin-left: -25px; bottom: 0; background: #957113; z-index: -1;}
.ttls small{display: block; color: #957113; font-size: 16px; text-align: center; margin: 16px auto 24px;font-family:"游明朝", "Yu Mincho","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝B","ＭＳ Ｐ明朝","MS PMincho","MS 明朝","Times","Times New Roman",serif; }
.ttls small i{ font-style: normal; color: #333;}
.ttls img{display: block; margin: 16px -16px 0; width: calc(100% + 32px); }

.ppup .btnp{ display: block; font-size: 14px; text-align: center; margin: 16px 10px; position: relative;}
.ppup .btnp::after{ content: url(https://img.travel.rakuten.co.jp/special/luxury-days/202104/images/iconOpen.png); margin-left: 4px;}
.scontainer .btn{ margin: 16px 16px 0; }
.scontainer .btn a{ display: block; margin: 0 auto; text-align: center; font-size: 14px; color: #333 !important; padding: 12px 16px; background: url(https://img.travel.rakuten.co.jp/special/luxury-days/202104/images/arrowRB.png) 98% center no-repeat #fff; border: 1px solid #888; border-radius: 50px;}

.cpnholder.jssBox.allList{background-color:#fff;display: flex!important; flex-wrap: wrap!important; justify-content: space-between!important; align-items: stretch; padding-bottom: 0;}
.cpnholder.jssBox.allList li.jss{margin:8px .5%!important;; float: none!important;; padding: 0; width: 48.5%!important; min-height: auto;}
.cpnTwo .cpnholder a.kakunin{margin-bottom: 0;}
.cpnTwo .cpnholder .btmarea .char{height: auto;}


#sRight {position: fixed;right: 0;bottom: 0; top: initial;}
#sRight .jss_switchMenu dl {position:absolute;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;right:-130px !important;bottom:60px;width:96px}
#sRight .jss_switchMenu.active dl {right:0px !important;}

.ss-center.bg3{background: #F9F3EB;}

.pc{
    display: none !important;
}

.cpnholder .char span{
  display: inline-block;
  min-height: 20px;
}

.cpnTwo .cpnholder .couponimg img {
    width: 96%;
    margin: 10px auto;
}

.cpnTwo .cpnholder .dh.premium ul.svs:after{
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/template/new_template/images/dhCP.svg);
}

.pagetop a{ background: none; height: 50px; width: 50px;}
.pagetop a img{ width: 100%;}
.pagetop a::after{ content: normal;}


/* 202106 */
nav{ margin: 0; overflow: hidden; background: #fff; z-index: 101; width: 100%;}
nav.alwaysFix{box-shadow: 0 1px 4px rgb(0 0 0 / 60%);}
nav ul{ display: flex; justify-content: space-around; }
nav ul li a{border-bottom: 2px solid #fff;font-family:"游明朝", "Yu Mincho","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝B","ＭＳ Ｐ明朝","MS PMincho","MS 明朝","Times","Times New Roman",serif; display: block; color: #333 !important; font-size: 13px; font-weight: bold; text-align: center; padding: 8px 0 8px; white-space: nowrap;}
nav ul li a span{ display: block; font-size: 10px; color: #957113; margin-bottom: 4px; font-weight: normal;}
nav ul li a:active, nav ul li.here a{border-bottom: 2px solid #957113;}


.mainTitl{ font-size: 18px; color: #333; text-align: center; }
.mainTitl small{ font-size: 14px; display: block; margin-top: 16px; line-height: 1.6; font-weight: normal;}



.cp_box label{height: 240px; z-index: 11;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  }
  .cp_box input:checked + label::before{ margin-right: -120px; top: auto; bottom: 40px;border-top: 4px double #957113; border-right: 4px double #957113; width: 6px; height: 6px;}
  .cp_box label:before{width: 6px; height: 6px; margin-right: -120px; top: auto; bottom: 44px;border-top: 4px double #957113; border-right: 4px double #957113;}
  .cp_box label:after{ content: 'クーポンをすべてみる'; width: 300px; padding: 16px 0; line-height: 1; color: #957113 !important; border: 1px solid #957113; background: #F2EDE2;}
  .cp_box .cp_container{ height: 320px;}
  .cpLinkwindow{margin-top: 10px; padding-left: 0;}
  .select-kome{margin: 0;}
  .cptit {
    font-size: 14px;
    color: #333;
    margin: 24px auto 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #957113;
    line-height: 1;
    font-family: "游明朝", "Yu Mincho","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝B","ＭＳ Ｐ明朝","MS PMincho","MS 明朝","Times","Times New Roman",serif;
}
.cptit span {
    color: #957113;
    padding-right: 10px;
    font-size: 16px;
}
.cptit span img {
    padding-right: 4px;
    width: 16px;
    vertical-align: -2px;
}
#ssPlanBox .ss-hotel, .planCard.ss-hotel{background: #fff;}

#ac3{
  padding: 40px 16px;
}
#ac3 .rankBox{
  padding-bottom: 8px;
}
#ac3 .rankBox .ss-hotelbox {
    margin-top: 16px !important;
}
#ac3 .rankBox .ss-hotel {
    border: none;
    overflow: visible;
    padding: 0 0 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}
#ac3 .rankBox .ss-hotel:nth-child(n+11){
  display: none;
}
#ac3 .rankBox .ss-hotel .htlrank {
    position: absolute;
    left: 12px;
    top: 5px;
    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;
}
#ac3 .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;}
#ac3 .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;}
#ac3 .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;}
#ac3 .ss-hotel > a{
  display: block;
}
#ac3 .ss-hotel .hotel-img {
    margin: 0 0 8px;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
    width: 100%;
}
#ac3 .ss-hotel .bg-img {
    display: block;
    transition: transform ease 0.4s;
    background-position: center;
    background-size: cover;
    height: 140px;
}
#ac3 .ss-hotel .hotel-container {
    margin: 0 8px;
    width: auto;
    float: none;
    padding-left: 0;
    clear: both;
}
#ac3 .ss-hotel .hotel-img .area-name {
    position: relative;
    line-height: 1.4;
}
#ac3 .ss-hotel .hotel-main .area-name{position: relative;}
#ac3 .ss-hotel .area-name.f_platinum0::after {
    content: '';
    background: url(https://img.travel.rakuten.co.jp/share/premium/images/premium_normal.svg) no-repeat;
    background-size: 100% auto;
    display: block;
    width: 62px;
    height: 16px;
    position: absolute;
    right: 0;
    top: -2px;
}
#ac3 .ss-hotel .area-name.f_platinum1::after {
    content: '';
    background: url(https://img.travel.rakuten.co.jp/share/premium/images/premium_ultra.svg) no-repeat;
    background-size: 100% auto;
    display: block;
    width: 62px;
    height: 16px;
    position: absolute;
    right: 0;
    top: -2px;
}
#ac3 .ss-hotel .hotel-img .hotel-name {
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    height: auto !important;
    width: 100%;
}
#ac3 .ss-hotel .hotel-name a {
    font-size: 12px;
    font-weight: normal;
    background: #00000099;
    color: #fff;
    padding: 4px 8px;
    display: block;
}
#ac3 .rankBox .ss-hotel .hotel-sub {
  display: none;
}
#ac3 .ss-hotel .hotel-sub .hotel-pr {
    font-weight: normal;
    font-size: 12px;
    color: #333;
    line-height: 1.6;
}
#ac3 .ss-hotel .rvw-score {
    margin: 0 8px;
}
#ac3 .ss-hotel .stars { font-size: 18px; letter-spacing: -2px; margin-right: 7.5px; width: 88px; text-align: center; display: inline-block; position: relative; margin-bottom: 8px;}
#ac3 .ss-hotel .stars .review-base { padding-left: 1.5px; color: #f3f3f3; width: 100%; box-sizing: border-box;}
#ac3 .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; }
#ac3 .ss-hotel .review-score {
    color: #bf0000;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}
#ac3 .ss-hotel .hotel-price a span{font-size: 16px;}
#ac3 .ss-hotel .hotel-price a span em{font-size: 10px;}
#ac3 .swiper-scrollbar {
    background: #D9D8D8 !important;
}
#ac3 .swiper-scrollbar-drag {
    background: #8f8f8f !important;
}
#ac3 .ss-hotel .hotel-price{
  padding: 0 8px 4px;
}

.shBgsp{
  background: #FAF9F4;


}
#Searchbox{
  background: onne;
  padding-top: 24px;
}


.wn {
    font-size: 12px;
    line-height: 1.6;
    margin: 16px 8px 0;
}
.bnrLIst{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bnrLIst li{
    margin: 0 0 8px;
    width: 48.5%;
}
.bnrLIst li img{
    display: block;
    width: 100%;
}
.subTtl{
    font-family: "游明朝","Yu Mincho","游明朝体","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGS明朝E","Times","Times New Roman",serif;
    margin: 24px 8px 16px;
    font-size: 14px;
}
#grpLocationArea{display: none;}
#others{
  padding: 40px 16px;
}
.sinkansen{
    display: block;
}
.searchWide{background: #D9D8D8;}


.planbnr{display: block;margin: 50px auto;width:100% ;text-align: center;background: linear-gradient(90deg, #5E300A 9.36%, #885A21 28.45%, #B28438 46.71%, #DDC564 57.91%, #B89048 66.21%, #945B2C 81.14%); color: #fff !important;font-size: 118%;font-family: "游明朝","Yu Mincho","游明朝体","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGS明朝E","Times","Times New Roman",serif;padding: 20px 0;font-weight: bold;text-shadow: 0 0 3px #cacaca;}
.planbnr span{position: relative; padding-right: 24px;}
.planbnr span:after{display: block;content: "";position: absolute;width: 10px;height: 10px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;top: 2%;right: -10px;transform: rotate(45deg);box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.32);}
.planbnr:hover{opacity: 0.8;}
.planbnr img{ width: 160px; vertical-align: -13px; padding-right: 4px;}

#why .swiper-slide p{font-family:"游明朝", "Yu Mincho","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝B","ＭＳ Ｐ明朝","MS PMincho","MS 明朝","Times","Times New Roman",serif; font-size: 13px;padding-top: 15px;}
#why .swiper-slide p b{display: block;color: #957113;font-size: 20px;padding-bottom: 10px;}
#why .swiper-slide p small{display: block;font-size: 10px;color: #9F9F9F;padding-top: 10px;}
#why .swiper-container{padding-bottom: 20px;}
#why .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}
#why .swiper-pagination-bullet-active{background: #957113 !important;}

.column_5 .column-list{margin: 0 0 10px 0;}
#ac2 .column-list{background-color: #fff;}
.swiper-button-prev{background-image: url(https://img.travel.rakuten.co.jp/cars/special/luxuary/202509/images/arrow.png) !important;}
.swiper-button-next{background-image: url(https://img.travel.rakuten.co.jp/cars/special/luxuary/202509/images/arrow.png) !important;transform: rotate(180deg);right: 10px;}
.swiper-button-next, .swiper-button-prev{background-size: 32px 35px !important;width: 32px !important;height: 35px !important;top: 30% !important;}
.cpLinkwindow a.arr-green-windowA{margin-left: 0;}
.cpLinkwindow a.arr-green-windowB{margin-left: 5px;}

.ssbnr{padding-bottom: 10px;}


.coupon__box{ background: #fff; overflow: hidden;}
.coupon__filter__guide{ margin: 12px 16px 0; justify-content: flex-end; }
.coupon__filter__guide::after{ content: normal;}
.coupon__filter__guide a{ color: #fff !important; background: #777;}
.coupon__filter__guide a img{ display: inline-block; padding-left: 4px; vertical-align: -1px;}
.cvbutton { border-radius: 6px; background: #957113;  margin: 24px 16px 0; display: block; text-decoration: none !important; text-align: center; color: #fff !important; padding: 14px 0; text-shadow: 0 7.566px 7.566px rgba(0, 0, 0, 0.25); font-size: 18px; font-style: normal; font-weight: normal; line-height: 1; letter-spacing: 1.891px; font-family: "游明朝", "Yu Mincho"; position: relative; }
.cvbutton_inner { font-size: 16px;}
.cvbutton:after { display: block; content: ""; position: absolute; width: 8px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; top: 50%; right: 10px; transform: rotate(-45deg) translateY(-50%); }

#ac2 h3{text-align: center;position: relative;margin-bottom: 20px;margin-top: 30px;font-family:"游明朝", "Yu Mincho","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝B","ＭＳ Ｐ明朝","MS PMincho","MS 明朝","Times","Times New Roman",serif; }
#ac2 h3:after{position:absolute;content: "";width: 100%;height: 2px;background-color: #957113;top: 13px;right:0;}
#ac2 h3.h32:after{top: 26px;}
#ac2 h3 span{position: relative;text-align: center;color: #957113;display: inline-block;font-size: 22px;background: #FAF9F4;z-index: 10;padding: 0 20px;}
#ac2 h3 small{display: block;font-size: 16px;margin-top: 8px;color: #333;font-weight: 500;}
#ac2 h4 { font-size: 22px; text-align: center;color: #957113; font-weight: bold; line-height: 1.4; margin: 24px auto 12px; font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Times", "Times New Roman", serif; }
