@charset "utf-8";

/*
 * CSS for SmartPhone
 * @date     2017.03.21
 * @author   Sungjoon Park
 */


/* ------------------------------------------

------------------------------------------ */
.bnrbox { padding: 20px 10px 0;
    text-align: center;}
.bnrbox img { width:100%;}
.cpnholder .char span.cpTogether {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKAQMAAABVIEaHAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABpJREFUeNpj+P+AoUEBivb/YHjAwaAAQ/Y/AI42CA7KlOvcAAAAAElFTkSuQmCC) no-repeat 1px 5px;
    background-size: 13px;
    padding-left: 16px;
}
.ss-contents {
    background-color: #edf2e9;
    padding-bottom: 0;
}
.kanbanIn {
    top: 0 !important;
}

.note {
    text-align: center;
    font-size: 14px;
}

.cpnholder.jssBox.allList {
    background-color: #fff;
    padding-bottom: 0;
}

.cpnholder .char {
    border-bottom: 0;
}


.couponOneClick {

    max-width: none;
}

.cpnholder>li {
    border: none;
}

.cpnholder .dh .couponimg {
    background-color: #1F2532;
    border-color: #1F2532;
}

.cpnholder .jss.dh span.cpService {
    color: #1F2532;
}

.cpnholder li .char {
    border: none;
}

.cpnholder .dh p.kakutoku {
    color: #1F2532;
}

.cpnholder .btmarea {
    margin-top: 5px;
    max-width: none;
}

.detailholderY table tr:first-child td {
    background-color: #1F2532 !important;
}

.cpnbtn {
    text-align: center;
    margin: 0 20px;
}

.cpnbtn img {
    width: 100%;
}

.part {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 30px;
    padding-bottom: 20px;
}

.part h2 {

    text-align: center;
    margin-bottom: 10px;
}

.part h2 img {
    width: 100%;
}

h2.txtttl { font-family: 'Noto Sans JP', sans-serif;
    color:#333333;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 800;
    text-align: center;
}
h2.txtttl em{ font-size: 21px;}

.part .swipe-logo {

    display: none;
}


.swiper-slide img {
    width: 100%;
}


.spnav ul li a {
    background-color: #1F2532;
}

.swiper-container {
    display: flex;
    flex-direction: column;
}

.swiper-pag {
    order: -1;
    counter-reset: step;
}

.swiper-pagination-bullet:before {
    color: #194677;
    font-weight: bold;
    content: "POINT"
}

.swipeLogo1aSP2 .swiper-pagination-bullet:before {

    content: "STEP"
}

.swipeLogo1aSP .swiper-pagination-bullet:before {

    content: "EXAMPLE";
    font-size: 10px;
}

.swiper-pagination-bullet-active::before {
    color: #fff;
}

.swiper-pagination-bullet:after {
    font-weight: bold;
    color: #194677;
    font-size: 22px;
    text-align: center;
    counter-increment: step;
    content: "";
    content: counter(step);
}

.swiper-pagination-bullet-active:after {
    color: #fff;
}

.swiper-pagination-bullet {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    border: 2px solid #194677;
    width: 80px !important;
    height: 80px !important;
    display: inline-block;
    border-radius: 100%;
    background: #fff !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    background: #194677 !important;
    opacity: 1 !important;
}

#search-box .searchNavi li.on a {
    background-color: #AEA556;
    background: -moz-linear-gradient(center top, #AEA556, #AEA556);
    background: -webkit-gradient(linear, left top, left bottom, from(#AEA556), to(#AEA556));
    border: 1px solid #AEA556;
}

#search-box .searchNavi li.on a::after {
    border-top: 7px solid #AEA556;
}

.common-round-left,
.common-round-right {

    top: 70%;

}

#search-box-body {
    display: block;
}

#ssbnr a {
    display: block;
    margin: 0 20px;
}

#ssbnr a img {
    max-width: 100%;
}

#otherbnr a {
    display: block;
    margin: 0 20px;
}

#otherbnr a img {
    max-width: 100%;
}

#swpierbnr {
    position: relative !important;
}

#swpierbnr .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0;
}

#swpierbnr .swiper-pagination-bullet {
    border: none;
    width: 10px !important;
    height: 10px !important;
    background: #999 !important;
}

#swpierbnr .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0f2e4e !important;
}

#swpierbnr .swiper-pagination-bullet:before {
    content: none !important;
}

#swpierbnr .swiper-pagination-bullet:after {
    content: none !important;
}


#swpierbnr .swiper-button-next {
    background-image: url(https://img.travel.rakuten.co.jp/camp/50luxday/images/next.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    right: 0;
    top: 64%;
}

#swpierbnr .swiper-button-prev {
    background-image: url(https://img.travel.rakuten.co.jp/camp/50luxday/images/prev.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    left: 0;
    top: 64%;
}

.example .flexbox {
    justify-content: center;
}

.flexbox {
    display: flex;
    justify-content: space-between;
}

.flexbox li {
    width: 33%;
}

.flexbox li img {
    width: 98%;
}

/* add 20200707 by 277 begin */
.wapon_bnr {
    display: block;
    margin-bottom: 10px;
}

.wapon_bnr>img {
    max-width: 100%;
}

.wapon_note{
    font-size: 14px;
}
/* add 20200707 by 277 end */


/* add 20200824 begin*/
.noteRb{
	background: #fff;
    margin: 20px 10px 0;
    box-sizing: border-box;
    border: 1px solid #BF0000;
    font-size: 14px;
    line-height: 1.6;
    padding: 16px;
    color: #bf0000;
	text-align: center;
}
/* add 20200824 end*/




/* 20200825 shenhui */
#COUPONshare h2 img{max-width: 292px;}
#COUPONshare h3{text-align: center; font-size: 16px; margin-bottom: 16px;}
#COUPONshare .cpn{display: block; margin: 0 auto 24px; width: 100%; max-width: 468px;}
#COUPONshare ul{display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 10px 10px;}
#COUPONshare ul li{  margin:0 auto 10px;}
#COUPONshare p{font-size: 14px; line-height: 1.5;}
#COUPONshare p a{text-decoration: underline; color: #000;}
#CPNmethod p{font-size: 14px; line-height: 1.5; padding-top: 24px;}
#CPNmethod p a{text-decoration: underline; color: #000;}
/* add 20200825 end */


/* 20201019 sasaki */
.noteBb{
	background: #fff;
    margin: 20px 10px 0;
    box-sizing: border-box;
    border: 1px solid #194677;
    font-size: 14px;
    line-height: 1.6;
    padding: 16px;
    color: #194677;
	text-align: center;
}
.noteBb b{
    font-size: 16px;
}

/* add 20201019 end*/

/* 20210315 */
.kvSP_bg.blackBg{background: none;}
.ss-title .kvBnr h1 div{width: 92%; margin: 0 auto 10px; background-color: #fff;  padding: 3px 0; text-align: center; font-size: 14px; font-weight: bold; color: #184273; text-shadow: none;}
.ss-title .kvBnr h1 div p{display: inline; color: #B38200;}
.ss-title .kvBnr h1 div p span{font-size: 18px;}
.ss-title .kvBnr h1 div p span:first-child{letter-spacing: -0.5px;}
#COUPONshare div{margin: 0 auto; width: 100%; max-width: 500px; display: flex; justify-content: space-between;}
#COUPONshare div img{display: block; margin: 0 auto;}
#COUPONshare div img:nth-child(1){width: 96%; height: auto !important;}
#COUPONshare div img:nth-child(2){width: 5%;}
#COUPONshare div img:nth-child(3){width: 96%; height: auto !important;}
#ttl03-pr{display: block; margin: 0; line-height: 130%; text-align: center; font-size: 13px;}
.ttl04-pr{display: block; margin: 16px auto; text-align: center; font-size: 16px; color: #184273;}



#ttl04-txt{font-size: 14px; margin: 0 auto;}
.swiper-scrollbar{ display: block!important;}
#spTopBannerOuter a{ display: block; width: 100%; margin: 10px 0;}
#spTopBannerOuter a img{display: block; width: 100%; margin:0;}
#swpierbnr .swiper-container{position: static !important;}



/* premiumPage */
#premiumPage .kvSP_bg.blackBg{background: none}
#premiumPage .ss-title .kvBnr h1 div{border: 1px solid #fff; box-sizing: border-box; background-color: rgba(0,0,0,0.5);}
#premiumPage .noteBb{color: #000; border: 1px solid #AAAAAA;}
#premiumPage .ss-title .kvBnr h1 div{color: #fff;}
#premiumPage .ss-title .kvBnr h1 div p{color: #F7CA37;}
/* #premiumPage .cpnbtn1 a{border: 1px solid #00ADAD; color: #00ADAD !important; background: url(https://img.travel.rakuten.co.jp/camp/50luxday/202103/images/iconRightB.png) no-repeat right}
#premiumPage .cpnbtn1 a:hover{background: url(https://img.travel.rakuten.co.jp/camp/50luxday/202103/images/iconRightW.png) #00ADAD no-repeat right; color: #fff !important;}
#premiumPage .cpnholder .dh .couponimg{background-color: #00ADAD; border-color: #00ADAD;}
#premiumPage .cpnholder .jss.dh span.cpService{color: #00ADAD;}
#premiumPage .cpnholder .dh p.kakutoku{color: #00ADAD;} */
#premiumPage .cpnholder .couponG .couponimg{background-color: #00AD00; border-color: #00AD00;}
#premiumPage .cpnholder .jss.couponG  span.cpService{color: #00AD00;}
#premiumPage .cpnholder .couponG p.kakutoku{color: #00AD00;}
/* #premiumPage .btnY{background-color: #00ADAD;} */
/* #premiumPage .dh .couponimg p.kakutokuZumi .useTheCP{color: #00ADAD;} */



/* onsenPage */
#onsenPage .kvSP_bg.blackBg{background: url(https://img.travel.rakuten.co.jp/camp/50luxday/202103/images/KeyVisual3_bg.jpg) bottom center no-repeat;}
#onsenPage .ss-title .kvBnr h1 div{border: 1px solid #fff; box-sizing: border-box; background-color: rgba(0,0,0,0.5);}
#onsenPage .noteBb{color: #000; border: 1px solid #AAAAAA;}
#onsenPage .ss-title .kvBnr h1 div{color: #fff;}
#onsenPage .ss-title .kvBnr h1 div p{color: #F7CA37;}
#onsenPage .cpnbtn1 a{border: 1px solid #4D5AAF; color: #4D5AAF !important; background: url(https://img.travel.rakuten.co.jp/camp/50luxday/202103/images/iconRightP.png) no-repeat right}
#onsenPage .cpnbtn1 a:hover{background: url(https://img.travel.rakuten.co.jp/camp/50luxday/202103/images/iconRightW.png) #4D5AAF no-repeat right; color: #fff !important;}
#onsenPage .cpnholder .dh .couponimg{background-color: #4D5AAF; border-color: #4D5AAF;}
#onsenPage .cpnholder .jss.dh span.cpService{color: #4D5AAF;}
#onsenPage .cpnholder .dh p.kakutoku{color: #4D5AAF;}
#onsenPage .cpnholder .couponG .couponimg{background-color: #00AD00; border-color: #00AD00;}
#onsenPage .cpnholder .jss.couponG  span.cpService{color: #00AD00;}
#onsenPage .cpnholder .couponG p.kakutoku{color: #00AD00;}
#onsenPage #search-box{border: 1px solid #AAAAAA;}
#onsenPage .btnY{background-color: #4D5AAF;}
#onsenPage .dh .couponimg p.kakutokuZumi .useTheCP{color: #4D5AAF;}



.cpnTTL1{ background: #d20505;color: #fff;font-size: 14px;text-align: center;padding: 8px; margin-bottom: 10px;font-weight: bold;}
.cpnTTL2{background: #262173;color: #fff;font-size: 14px;text-align: center;padding: 8px;margin-bottom: 10px;font-weight: bold;}




.swiper-scrollbarNew {
    position: absolute;
    left: 1%;
    bottom: 1px;
    z-index: 50;
    height: 5px;
    width: 98%;
    border-radius: 10px;
    background: rgba(0,0,0,.1);
    opacity: 1 !important;
}
.ssilink .swiper-slide {
    width: 300px;
}

.swiper-container.jdsSwiper.htlLogoNew {position: relative !important; padding-bottom: 20px;}

#search-box .number ul li.adult {

    max-width: 110px;

}

#search-box dd.number2
{ width: 65%; float: left;}
#search-box dd.number3
{ width: 35%; float: left;}



/* 20210701 */
.swiper-hotelBox{ display: flex; flex-wrap: wrap; justify-content: flex-start;}
.swiper-hotel{ margin: 0 0 10px; width: 100%;}
.imgBox a.imgLink{ width: 100% !important;}


/* 202109 */
#Rankbox h2 img{width: 70%;}
#Rankbox select{ display: block; margin: 16px auto 0; position: relative; z-index: 1; box-sizing: border-box; -webkit-appearance: none; appearance: none; color: #454545; border: 1px solid #999; border-radius: 4px; padding: 0 65px 0 25px; width: 234px;  font-size: 14px; height: 45px; background: #fff url(https://img.travel.rakuten.co.jp/camp/50luxday/202109/images/select_arrow.png) calc(100% - 15px) 50% no-repeat;}
#Rankbox .tabMain { margin-top: 30px; position: relative !important;}
#Rankbox .mainTtl2 { border-left: 2px solid #000; padding-left: 5px; line-height: 1.2;}
#Rankbox .mainTtl2 span{ padding: 0;}
#Rankbox .ss-hotelbox{overflow: visible; margin-top: 30px; display: flex; justify-content: flex-start; padding-bottom: 20px;/* flex-wrap: wrap; */}
#Rankbox .ss-hotel {/* width: 48%; margin: 0 1% 16px; */overflow: visible;  position: relative; box-sizing: border-box; padding-bottom: 16px;border-radius: 5px; border: 1px solid #c3c3c3; box-shadow: 1px 1px 3px #ddd; height: auto; color: #333;}
#Rankbox .ss-hotel a.htlstar{ font-size: small; position:absolute;right:10px;bottom:-20px;display:block;width:105px;height:16px!important;background-image:url(https://img.travel.rakuten.co.jp/camp/50luxday/202109/images/star.gif);background-repeat:no-repeat;color:#bf0000!important;text-align:right;font-weight:700;line-height:20px}
#Rankbox .ss-hotel a.htlstar40{background-position:0 -40px}
#Rankbox .ss-hotel a.htlstar45{background-position:0 -20px}
#Rankbox .ss-hotel a.htlstar50{background-position:0 0}
#Rankbox .ss-hotel a:hover,#Rankbox .ss-hotel a:active{ text-decoration: none;}
#Rankbox .ss-hotel .htlstar{z-index:1;padding-left:15px;line-height:1}
#Rankbox .ss-hotel .htlrank{ text-indent: 0; position:absolute!important;top:-30px;left:5px;z-index:1;box-sizing:border-box;width:32px;height:32px!important;background:url(https://img.travel.rakuten.co.jp/camp/50luxday/202109/images/rank.png) 50% no-repeat;background-size:32px;color:#fff;text-align:center;font-weight:700;font-style:normal;font-size:12px;line-height:42px}
#Rankbox .ss-hotel:first-child .htlrank{background:url(https://img.travel.rakuten.co.jp/camp/50luxday/202109/images/rank1.png) 50% no-repeat; background-size:32px;}
#Rankbox .ss-hotel:nth-child(2) .htlrank{background:url(https://img.travel.rakuten.co.jp/camp/50luxday/202109/images/rank2.png) 50% no-repeat; background-size:32px;}
#Rankbox .ss-hotel:nth-child(3) .htlrank{background:url(https://img.travel.rakuten.co.jp/camp/50luxday/202109/images/rank3.png) 50% no-repeat; background-size:32px;}
#Rankbox .ss-hotel .htlstar:hover{text-decoration:none;cursor:default}
#Rankbox .ss-hotel .hotel-main .hotel-name{margin:7px 8px;color: #333; font-weight: 700;line-height: 1.3; font-size: 16px;}
#Rankbox .ss-hotel .hotel-main .hotel-name a{color:#000}
#Rankbox .ss-hotel.f_premium .hotel-name::after{ content: url(https://img.travel.rakuten.co.jp/share/premium/images/premium_normal.svg);margin: 4px 0 8px; display: block;}
#Rankbox .ss-hotel.f_platinum .hotel-name::after{ content: url(https://img.travel.rakuten.co.jp/share/premium/images/premium_ultra.svg);margin: 4px 0 8px; display: block;}
#Rankbox .ss-hotel .hotel-main .chara li{font-size:11px}
#Rankbox .ss-hotel .hotel-price{text-align:right; margin: 0;font-size:14px; padding: 0;}
#Rankbox .ss-hotel .hotel-price span{display:block;color:#bf0000;font-weight:700;}
#Rankbox .ss-hotel .hotel-price span em{}
#Rankbox .ss-hotel .area{margin:0;color:#777;font-size:13px}
#Rankbox .ss-hotel .hotel-img{position: relative; width: auto; float: none; margin: -10px -10px 30px !important;}
#Rankbox .ss-hotel .hotel-img .bg-img{display:flex;overflow:hidden;height:90px;background-size:cover;text-indent:-9999px;align-items:flex-start;justify-content:center; border-radius: 4px 4px 0 0;}
#Rankbox .ss-hotel .hotel-img img{width:auto!important;height:100%!important;line-height:0;flex-shrink:1}
#Rankbox .ss-hotel .hotel-pr{margin-bottom:5px;color:#333!important;font-size:13px;line-height:1.3; margin: 8px 8px 0; display: none;}
#Rankbox .ss-hotel .hotel-container{ width: auto; float: none; padding: 0;}


.moreread{ width: 200px; margin: 32px auto 0; background: #866B34; border-radius: 8px; color: #fff; text-align: center; padding: 12px 0; font-size: 13px; cursor: pointer; position: relative;}
.moreread:hover{ opacity: .7;}
.moreread:after{ display: block; content: ">"; position: absolute; right: 10px; top: 50%; margin-top: -8px; transform: rotate(90deg);}
.moreread.morereadup:after{ transform: rotate(-90deg);}

/* JdsJsonReadUltraAoi */
#Rankbox .tabMain.swiper-container[data-section-name]{
    opacity: 0;
}
#Rankbox{
    position: relative;
}
#Rankbox:after{
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg width='130' height='130' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M526.29 824.99c-0.80 0-1.61-0.12-2.39-0.34a8.02 8.02 0 0 1-5.48-6.22c-5.37-29.62-20.59-79.83-38.53-88.43a8.03 8.03 0 0 1-3.75-10.69 8.02 8.02 0 0 1 10.69-3.75c23.00 11.53 38.21 59.68 44.18 85.02 93.75-100.92 51.37-164.98 50.92-165.63a7.98 7.98 0 0 1 2.03-11.12c3.58-2.5 8.62-1.62 11.12 2.03 2.23 3.22 53.38 80.37-63.13 196.79a7.99 7.99 0 0 1-5.66 2.34zM348.04 594.62a8.03 8.03 0 0 1-6.88-3.91c-11.67-19.65-67.35-33.59-87.82-37.31a8.02 8.02 0 0 1-6.22-5.5 7.99 7.99 0 0 1 1.98-8.03c116.49-116.51 193.65-65.42 196.85-63.17a7.99 7.99 0 0 1 2.03 11.12c-2.5 3.64-7.47 4.52-11.09 2.06-2.75-1.89-65.59-42.23-165.73 50.92 24.50 5.75 70.38 19.21 83.74 41.71a7.99 7.99 0 0 1-2.78 10.97 8.12 8.12 0 0 1-4.09 1.13zM189.34 893.64c-4.03 0-6.56-1.69-7.98-3.09-18.08-18.09 78.18-123.42 79.19-124.45 12.09-12.06 33.17-12.06 45.26 0.03a31.70 31.70 0 0 1 9.36 22.59c0 8.56-3.33 16.59-9.37 22.62-0.83 0.84-92.93 82.3-116.46 82.3z m93.83-120.89a15.92 15.92 0 0 0-11.31 4.66c-11.56 11.56-60.96 72.43-74.30 96.93 24.50-13.34 85.36-62.74 96.92-74.30a15.80 15.80 0 0 0 4.69-11.31 15.78 15.78 0 0 0-4.67-11.28 15.89 15.89 0 0 0-11.33-4.69z' fill=''/%3E%3Cpath d='M158.01 943.48c-9.42 0-16.79-2.59-21.90-7.69-15.36-15.37-7.89-49.93 22.82-105.64 22.97-41.68 53.03-83.3 67.70-97.96 15.09-15.12 35.17-23.43 56.52-23.43s41.45 8.31 56.55 23.43c31.17 31.18 31.2 81.93 0.05 113.11-24.51 24.50-132.01 98.17-181.74 98.17z m125.14-218.72c-17.09 0-33.14 6.65-45.21 18.75-13.97 13.94-43.42 55.18-64.99 94.36-29.42 53.34-32.13 79.99-25.53 86.61 2 2 5.56 3 10.59 3 41.92 0 144.78-67.87 170.43-93.49 24.92-24.93 24.89-65.55-0.05-90.49-12.09-12.09-28.15-18.75-45.25-18.75zM446.48 767.72a7.00 7.00 0 0 1-5.65-13.65l441.16-441.17c38.78-38.78 50.68-81.27 54.32-103.14 5.64-33.84-0.75-58.23-9.08-66.55-7.87-7.87-34.64-12.09-70.55-4.91-38.93 7.78-75.07 26.06-99.14 50.13L316.37 629.61l-11.31-11.31L746.22 177.12c26.25-26.26 65.37-46.12 107.33-54.51 30.50-6.09 68.88-6.86 84.99 9.28 25.25 25.25 27.28 119.80-45.25 192.32l-441.16 441.17a7.98 7.98 0 0 1-5.66 2.34z' fill=''/%3E%3Cpath d='M797.12 190.77a7.99 7.99 0 0 1-6.86-3.88 8.02 8.02 0 0 1 2.73-10.98c56.40-33.95 106.83-37.54 122.92-21.40a8 8 0 0 1-11.31 11.31c-7.08-7.06-46.79-10.25-103.36 23.81a8.08 8.08 0 0 1-4.12 1.14zM378.58 699.82a8 8 0 0 1-5.66-13.65l135.69-135.67a7.00 7.00 0 1 1 11.31 11.31l-135.69 135.67a7.97 7.97 0 0 1-5.65 2.34zM355.96 677.20a7.97 7.97 0 0 1-5.65-2.34l-45.24-45.24a7.00 7.00 0 1 1 11.31-11.31l45.24 45.24a7.00 7.00 0 0 1-5.66 13.65zM446.48 767.72a7.97 7.97 0 0 1-5.65-2.34l-45.28-45.28a7.00 7.00 0 1 1 11.31-11.31l45.28 45.28a7.00 7.00 0 0 1-5.66 13.65zM717.94 408.48c-14.97 0-29.01-5.83-39.59-16.40-10.58-10.58-16.40-24.64-16.40-39.59 0-14.97 5.83-29.03 16.40-39.60 21.15-21.17 58.04-21.17 79.19-0.02 10.58 10.58 16.40 24.64 16.40 39.59 0 14.97-5.83 29.03-16.40 39.61-10.58 10.58-24.66 16.42-39.61 16.42z m0.02-96.02c-10.69 0-20.73 4.17-28.29 11.73a39.74 39.74 0 0 0-11.72 28.29 39.73 39.73 0 0 0 11.72 28.28c15.09 15.09 41.45 15.11 56.57-0.02a39.74 39.74 0 0 0 11.72-28.29 39.74 39.74 0 0 0-11.72-28.28 39.73 39.73 0 0 0-28.28-11.71zM604.83 521.59c-14.97 0-29.03-5.83-39.59-16.40-10.58-10.58-16.40-24.64-16.40-39.59 0-14.97 5.83-29.03 16.40-39.59 21.12-21.12 58.02-21.15 79.18 0 10.58 10.58 16.40 24.64 16.40 39.59s-5.83 29.01-16.40 39.59c-10.58 10.58-24.64 16.40-39.59 16.40z m0-95.99c-10.69 0-20.73 4.16-28.28 11.72-7.56 7.54-11.72 17.59-11.72 28.28a39.73 39.73 0 0 0 11.72 28.28c15.07 15.11 41.42 15.14 56.55 0a39.74 39.74 0 0 0 11.72-28.28 39.74 39.74 0 0 0-11.72-28.28 39.73 39.73 0 0 0-28.28-11.72zM904.26 799.97c-4.42 0-8.08-3.56-8.08-8 0-4.40 3.5-7.00 7.91-7.00h0.17a8.01 8.01 0 0 1 7.00 7.00c0 4.44-3.59 8-7.00 8zM280.31 16.06c-4.42 0-8.08-3.58-8.08-8 0-4.42 3.5-7.00 7.90-7.00h0.17c4.41 0 8 3.58 8 7.00 0 4.42-3.59 8-8 8zM632.27 48.06c-4.42 0-8.08-3.58-8.08-8 0-4.42 3.5-7.00 7.91-7.00h0.17a8.00 8.00 0 0 1 7.00 7.00c0 4.42-3.59 8-7.00 8zM40.34 240.03c-4.42 0-8.08-3.58-8.08-8 0-4.42 3.5-7.00 7.90-7.00h0.17c4.41 0 8 3.58 8 7.00 0 4.42-3.59 8-8 8zM168.31 671.98c-4.42 0-8.08-3.59-8.08-7.00 0-4.44 3.5-8 7.91-8h0.17a7.99 7.99 0 0 1 7.00 8 8.01 8.01 0 0 1-7.00 7.00zM567.46 1007.94c-4.42 0-8.08-3.59-8.08-8 0-4.44 3.5-7.00 7.91-7.00h0.17c4.41 0 8 3.56 8 7.00 0 4.41-3.59 8-8 8zM952.22 1023.94c-4.42 0-8.08-3.56-8.08-8 0-4.41 3.5-7.00 7.90-7.00h0.17c4.41 0 8 3.59 8 7.00 0 4.44-3.59 8-8 8zM776.28 591.99c-4.42 0-8.08-3.59-8.08-7.00 0-4.44 3.50-7.00 7.90-7.00h0.17c4.41 0 8 3.56 8 7.00a8.01 8.01 0 0 1-8 7.00zM968.24 527.99c-4.42 0-8.08-3.58-8.08-8 0-4.42 3.5-7.00 7.91-7.00h0.17a8.00 8.00 0 0 1 7.00 7.00c0 4.42-3.59 8-7.00 8zM872.25 751.94c-4.42 0-8.08-3.56-8.08-8 0-4.40 3.5-7.00 7.91-7.00h0.17a8.01 8.01 0 0 1 7.00 7.00c0 4.44-3.59 8-7.00 8z' fill=''/%3E%3Cpath d='M911.76 831.99c-44.10-0.03-79.99-35.93-80.01-80.02 0.02-44.12 35.90-79.99 79.99-79.99 44.10 0 79.99 35.87 79.99 79.99 0 44.09-35.87 79.99-79.97 80.02z m-0.02-144.01c-35.28 0-63.97 28.71-63.99 63.99 0.02 35.28 28.73 63.99 64.01 64.02 35.28-0.03 63.98-28.75 63.98-64.02 0-35.31-28.70-63.99-63.99-63.99z' fill=''/%3E%3Cpath d='M935.79 751.97c-13.23 0-24.01-10.78-24.03-23.00 0-13.25 10.76-23.00 23.98-23.00 13.23 0 23.00 10.78 23.00 23.00a23.77 23.77 0 0 1-6.97 16.93 23.76 23.76 0 0 1-16.98 7.06z m-0.06-31.00a7.97 7.97 0 0 0-7.97 7.97c0.02 4.50 3.52 8.03 8 8.03h0.03c2.14 0 4.14-0.84 5.64-2.34s2.31-3.5 2.31-5.62a8.03 8.03 0 0 0-8.01-8.03zM711.8 927.98a8.00 8.00 0 0 1-7.00-7.00l-0.03-64.02a8.00 8.00 0 0 1 7.00-7.00c4.42 0 8 3.59 8 7.00l0.03 64.02a8.01 8.01 0 0 1-8 7.00z' fill=''/%3E%3Cpath d='M727.77 895.95h-31.00c-4.42 0-8-3.59-8-7.00 0-4.44 3.58-8 8-8h31.00a7.98 7.98 0 0 1 7.00 8 8.00 8.00 0 0 1-7.00 7.00zM391.81 991.94c-4.42 0-8-3.59-8-8v-63.99c0-4.44 3.58-8 8-8s7.00 3.56 7.00 8v63.99c0 4.41-3.58 8-7.00 8z' fill=''/%3E%3Cpath d='M407.79 959.95h-31.98c-4.42 0-8-3.59-8-8a7.98 7.98 0 0 1 8-7.00h31.98a7.98 7.98 0 0 1 7.00 7.00c0 4.41-3.58 8-7.00 8zM197.4 198.19c-4.42 0-8-3.58-8-8l0.02-63.99a7.99 7.99 0 0 1 8-7.00 7.99 7.99 0 0 1 7.00 7.00l-0.02 63.99c0 4.42-3.58 8-7.00 8z' fill=''/%3E%3Cpath d='M213.40 166.20H181.40c-4.42 0-8-3.58-8-8a7.99 7.99 0 0 1 8-7.00h31.00a7.99 7.99 0 0 1 7.00 7.00c0 4.42-3.58 8-7.00 8zM519.79 144.04a7.99 7.99 0 0 1-7.00-7.00l0.02-63.99c0-4.42 3.58-8 7.00-8 4.42 0 8 3.58 8 8l-0.02 63.99a7.99 7.99 0 0 1-8 7.00z' fill=''/%3E%3Cpath d='M535.79 112.05h-31.98a7.99 7.99 0 0 1-7.00-7.00c0-4.42 3.58-8 7.00-8h31.98c4.42 0 8 3.58 8 8a7.99 7.99 0 0 1-8 7.00zM87.84 511.00a7.99 7.99 0 0 1-7.00-8l0.03-63.99c0-4.42 3.58-8 7.00-8 4.42 0 8 3.58 8 8l-0.03 63.99c0 4.42-3.58 8-8 8z' fill=''/%3E%3Cpath d='M103.87 480H71.87c-4.42 0-7.00-3.58-7.00-8s3.58-8 7.00-8h31.00c4.42 0 7.00 3.58 7.00 8s-3.58 8-7.00 8zM359.82 336.02c-14.94 0-28.00-5.83-39.59-16.40-10.58-10.58-16.40-24.64-16.42-39.59 0-14.95 5.83-29.01 16.40-39.57 21.18-21.17 58.02-21.19 79.18-0.02 10.59 10.58 16.42 24.64 16.42 39.59s-5.83 29.01-16.42 39.59c-10.56 10.58-24.62 16.40-39.57 16.40z m0-95.99c-10.69 0-20.73 4.17-28.29 11.73a39.67 39.67 0 0 0-11.72 28.26 39.81 39.81 0 0 0 11.73 28.28c15.12 15.12 41.45 15.12 56.54 0 7.56-7.56 11.73-17.61 11.73-28.28 0-10.67-4.17-20.72-11.73-28.28-7.56-7.56-17.59-11.72-28.26-11.72z' fill=''/%3E%3Cpath d='M318.48 334.61c-3.70 0-6.98-1.11-9.56-3.69a8 8 0 0 1 10.19-12.25c5.12-0.30 23.31-9.95 46.35-32.98 23.06-23.06 32.71-41.26 33.01-46.4-2.14-3.11-1.84-7.42 0.94-10.19a8 8 0 0 1 11.31 0c16.15 16.15-25.45 59.40-33.95 67.90-7.14 7.14-38.78 37.60-58.29 37.60z' fill=''/%3E%3Cpath d='M876.33 315.22a7.98 7.98 0 0 1-5.66-2.34l-113.12-113.13a8 8 0 0 1 11.31-11.31l113.12 113.13a7.00 7.00 0 0 1 0 11.31 7.95 7.95 0 0 1-5.65 2.35z' fill=''/%3E%3Cpath d='M408.03 757.91c-10.20 0-27.78-7.84-57.73-37.81-44.29-44.28-40.28-61.52-33.93-67.87a7.00 7.00 0 0 1 12.40 9.94c-0.12 1.91 0.5 14.28 32.84 46.62 32.29 32.31 44.48 32.74 46.63 32.87a8.01 8.01 0 0 1 9.94 1.09 8 8 0 0 1 0 11.31c-2.05 2.03-5.25 3.84-10.15 3.84z' fill=''/%3E%3Cpath d='M616.14 462.28a7.98 7.98 0 0 1-5.66-2.34c-3.09-3.09-8.37-3.09-11.47 0a7.00 7.00 0 0 1-11.31 0c-3.12-3.11-3.12-8.17 0-11.31 9.09-9.12 24.00-9.12 34.09 0 3.12 3.14 3.12 8.20 0 11.31a7.98 7.98 0 0 1-5.66 2.34z' fill=''/%3E%3Cpath d='M729.27 349.16a7.98 7.98 0 0 1-5.65-2.34 8.13 8.13 0 0 0-11.47 0 8 8 0 0 1-11.31-11.31c9.40-9.41 24.69-9.41 34.09 0a8 8 0 0 1-5.66 13.65z' fill=''/%3E%3C/svg%3E");
    content: '読み込み中...';
    left: 0;
    top: 260px;
    text-align: center;
    width: 100%;
    opacity: 1;
}
#Rankbox.success:after{
    opacity: 0;
}

#Rankbox select::-ms-expand{ display: none;}

/* 202112 */
#member_rank .cpnholder.jssBox.allList{
    display: flex;
    flex-wrap: wrap;
}
#member_rank .cpnholder.jssBox.allList li{
    width: 48%;
    padding-left: 0;
    padding-right: 0;
}
#member_rank .cpnbtn1 a{
    color: #000 !important;
    border: 1px solid #000;
    background: none;
}
#TOKUSHU2.ssilink .swiper-slide{
    width: 100%;
}
#TOKUSHU{padding-top: 20px;}

#TOKUSHU.ssilink ul{padding: 10px;
    display: flex;flex-wrap: wrap;
    justify-content: flex-start;
}

#TOKUSHU.ssilink ul li { padding: 1% 2%;width: 46%;}
#TOKUSHU.ssilink ul img{ width: 100%;}

/* 202202 */
.ttl{ font-size: 24px; color: #14375D;}
#Rankbox .jdsTabNav{ display: flex; justify-content: center; align-items: flex-end; border-bottom: 5px solid #866B34;}
#Rankbox .jdsTabNav li{ font-size: 16px; color: #866B34; font-weight: bold; text-align: center; height: 32px; line-height: 32px; width: 130px; margin: 8px 4px 0; border: 3px solid #866B34; border-radius: 5px 5px 0 0; margin-bottom: -3px; cursor: pointer;}
#Rankbox .jdsTabNav li.active{ height: 42px; line-height: 42px; font-size: 18px; background: #866B34; color: #fff;}
#Rankbox .areanav{ display: flex; flex-wrap: wrap; padding: 8px 16px 16px; background: #f5f5f5;}
#Rankbox .areanav li{ width: calc(100% / 4 - 4px); font-size: 14px; padding: 12px 0; text-align: center; margin: 6px 2px 0; border-radius: 3px; background: #fff; cursor: pointer; position: relative;}
#Rankbox .areanav li.active{ background: #866B34; color: #fff;}
#Rankbox .areanav li.active::after{ display: block; content: ""; position: absolute; left: 50%; margin-left: -6px; bottom: -6px;border-style: solid; border-width: 6px 6px 0 6px; border-color: #866B34 transparent transparent transparent;}


.pageLink{display: flex;
    justify-content: space-between;
    position: relative; margin: 0; border: none;}
.pageLink::before,.pageLink::after{ content: normal;}
.pageLink li{ margin: 4px 0 0; width: calc(50% - 2px);}

.pageLink li img {
    width: 100%;
}



/* 202202 */
#COUPONshare{ background: #EAEEF2; border-radius: 10px; margin:24px 8px 0; padding-top: 16px;}
.wn{ font-size: 14px; text-align: center; margin: 30px auto 0; line-height: 1.5;}
#member_rank .wn{ margin-top: 8px;}



/*silverabove*/
#Marriott {margin-top: 20px;}
#silverAbove {background-color: #000;padding: 8px;
padding: 34px 0;

}
#silverAbove h2{background: #FF9662;color: #fff;position: relative;height: 52px;display: flex;justify-content: center;align-items: center;margin: 0 auto;font-family: 'Noto Sans JP', sans-serif;text-align: center;box-sizing: border-box;
width: 300px;
}


 .rb::before {
    margin-right: 10px;
    display: block;
    content: ""; 
    border: 26px solid;
    border-color: #FF9662 #FF9662 #FF9662 #000;
 

}
 .rb::after { 
       margin-left: 10px;
     display: block;
    content: ""; 
    border: 26px solid;
    border-color: #FF9662 #000 #FF9662 #FF9662 ;}
#silverAbove .silverPr {padding: 16px 12px;}
#silverAbove .silverPr img{  width:100% ;}
.hotelboxs {
overflow: hidden;
    margin: 0 8px;
    margin-right: 0;


}
.hotelboxs .swiper-scrollbar {background-color: #fff;}
.hotelboxs .swiper-scrollbar-drag {background-color: #c3c3c3;}

.hotelboxs .hotels {
    

    padding-bottom: 25px;
   
  display: flex;
}
.hotelboxs .swiper-container {position: relative!important;}
.hotelboxs .hotel {
    width: 212px;
 background-color: #fff;

  
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #c3c3c3;
  margin-right: 8px;
}
.hotelboxs .main {
    padding: 8px;
  position: relative;
}
.hotelboxs .main .area {line-height: 1;
  font-size: 12px;
  color: #777;
}
.hotelboxs .main .area  span{
 display: none;
}
.hotelboxs .main .hotel-title {

color: #333;padding: 4px 0;

font-weight: bold;

}
.hotelboxs .main .hotel-pr {

color: #333;padding-bottom: 4px;font-size: 14px;



}
.hotelboxs a.htlstar{display:block;width:110px;height:16px!important;background-image:url(https://img.travel.rakuten.co.jp/camp/50luxday/202109/images/star.gif);background-repeat:no-repeat;color:#bf0000;text-align:right;font-weight:700;font-size: 12px;padding-top: 2px;margin-bottom: 12px;display: none;}
.hotelboxs a.htlstar40{background-position:0 -40px}
.hotelboxs a.htlstar45{background-position:0 -20px}
.hotelboxs a.htlstar50{background-position:0 0}
.hotelboxs .price-base {text-align: right;display: block;
  color: #bf0000;
  font-size: 12px;
  font-feature-settings: "palt";
  padding-bottom: 8px;

}
.hotelboxs .price-base b {
  font-size: 14px;
}
.hotelboxs .price-base em {
 font-weight: bold;
}
.hotelboxs .img  {
width: 100%;
}
.hotelboxs .img img {
    height: 120px;
    aspect-ratio: 1/1;
   border-radius: 5px 5px 0 0 ;
}
.hotelboxs .hotelbtn {
     font-size: 12px;
    display: block;text-align: center;border-radius: 3px;
    border: 1px solid #c3c3c3;padding: 6px 0;
    color: #333!important;
}
.hotelboxs .hotelbtn:hover {
   opacity: .8;
}


/*ElseSegment*/
.ElseSegment {background-color: #000;font-family: 'Noto Sans JP', sans-serif;}
.ElseSegment .surpise {padding: 12px 0px;}
.ElseSegment .surpise .holder {background-color: #fff;
display: flex;justify-content: center;align-items: center;color: #bf0000;
vertical-align: middle;
}
.ElseSegment .surpise .holder img {margin-right:4px;vertical-align: middle;}

.ElseSegment .loginbox {

  
    padding: 24px 12px;
}

.ElseSegment .loginbox .pr {
   
    font-size: 14px;font-weight: bold;
    background-color: #FF9662 ;
    display: flex;
    align-items: center;
   
    text-align: center;
 
margin-bottom: 24px;
color: #fff;
}
.ElseSegment .loginbox .pr span{
    z-index: 100;display: block; 
    margin: 0 -30px;
}
.ElseSegment .loginbox .login {width: 100%;box-sizing: border-box;border-radius:8px;
background-color: #fff;
padding: 12px 10px;text-align: center;
}
.ElseSegment .loginbox .login-title {font-weight: bold;}
.ElseSegment .loginbox form .link {
height: 46px;display: flex;justify-content: center;align-items: center;text-align: center;background-color: #bf0000;color: #fff;font-size: 14px;font-weight: bold;border-radius: 5px;margin:16px auto 0; outline:none;  cursor: pointer; 
width: 100%;
    border:none;}





    .pageLink{display: flex;
        justify-content: space-between;
        position: relative; margin: 0; border: none;}
    .pageLink::before,.pageLink::after{ content: normal;}

    
    .pageLink li img {
        width: 100%;
    }
    .m_sp { display: block;}
.m_pc { display: none;}
.pageLink { flex-wrap: wrap; justify-content: space-between; margin-left: 2.5%; margin-right: 2.5%;}
.pageLink li { width: 49%; margin-top: 8px;}
.pageLink li:last-of-type { position: relative;}



#entry{font-family: 'Noto Sans JP', sans-serif;padding: 20px;background: #FFF2C2 url(https://img.travel.rakuten.co.jp/camp/50luxday/202207/images/new_bg_sp.png) center center repeat-y;margin-top: 10px;}
#entry h2{text-align: center;}
#entry h2 img{max-width: 100%;}
#entry .entrytime{margin: 35px auto;font-size: 14px;line-height: 100%;text-align: center;}
#entry .entrytime dt{font-size: 14px;border: 1px solid #333;display: inline;border-radius: 5px;padding: 5px 10px;margin-bottom: 20px;}
#entry .entrytime dd{margin-top: 10px;}
#entry .pbtn{margin-top: 20px;}
#entry .pbtn a{color: #333; display: flex;justify-content: center;text-decoration: underline; align-items: center;}
#entry .pbtn a img{padding-left: 10px;}
#entry h3{font-size: 108%;text-align: center;color: #333;}
#entry .type{margin: 20px auto;display: flex;justify-content: space-around;}
#entry .type li{text-align: center;}
#entry .type li.new{color: #0A3160;font-weight: bold;font-size: 88%;}
#entry .type li.used{color: #AAAAAA;font-size: 78%;}
#entry .type li.allnew{font-size: 88%;font-weight: bold;color: #333;padding-top:30px;}
#entry .type li span{display: block;text-align: center;padding-top: 10px;line-height: 150%;}
#entry .type.type1 .new.premium,#entry .type.type1 .used.onsen,#entry .type.type1 .allnew{display: none;}
#entry .type.type2 .used.premium,#entry .type.type2 .new.onsen,#entry .type.type2 .allnew{display: none;}
#entry .type.type3 .used.premium,#entry .type.type3 .used.onsen{display: none;}
#entry .type.type4 .new.premium,#entry .type.type4 .new.onsen,#entry .type.type4 .allnew{display: none;}
#entry .typewrap{background: #FFF9E2;border-radius: 5px;padding: 10px;}
.win {text-align: center; font-size: 16px; font-weight: bold; color: #0A3160;}
.win2 {text-align: center; font-size: 16px; color: #BF0000; margin-top: 10px;}

.entrytxt{margin:15px auto -20px;font-size: 13px;text-align: center; }

.dzEZsB.dzEZsB.dzEZsB.dzEZsB {
    font-size: calc(-19px + 11.2vw) !important;
}









/* 202303 */
.pst15{ font-family: 'Noto Sans JP', sans-serif; margin: 32px 8px 0; border: 1px solid #184273; color: #184273; font-size: 24px; padding: 32px 0; text-align: center; font-weight: bold; position: relative;}
.pst15 small{ display: block; font-size: 13px; margin-top: 8px;}
.pst15::after{ display: block; position: absolute; left: 3px; top: 3px; content: ""; border: 1px solid #184273; width: calc(100% - 8px); height: calc(100% - 8px);}




/* 202304 */
.mt100{ margin-top: 40px;}
.ss-container{ border: none;}
#topBnrBox .kvtxt1{ padding: 0;}
#topBnrBox .kvtxt1 img{ width: 100%;}
/* #topBnrBox .kvBnr{ background: none; margin: 0; padding: 0; overflow: hidden; display: block;} */
/* #topBnrBox .kvBnr h1{ margin: 0; background: none; width: auto; padding: 0 0 10px 0; position: relative; z-index: 9;} */
#topBnrBox .kvBnr h1 img{ width:100%;}
#topBnrBox .kvtxt2{ margin: 0 16px 22px; border: 1px solid #fff; background: rgba(0,0,0,0.2); padding: 3px 0; color: #fff; font-size: 14px; font-weight: bold; text-align: center; position: relative; z-index: 9;}
#topBnrBox .kvtxt2 span{ color: #F7CA37;}
#topBnrBox .kvtxt2 b{ font-size: 18px;}
#topBnrBox .jdsSlides{ width: 100%; position: absolute; left: 0; top:0;}
#topBnrBox .jdsSlides li{width: 100%; height: 290px;}
#topBnrBox .jdsSlides li.slide1{ background: url(../images/slideSp2.jpg); background-size: cover;}
#topBnrBox .jdsSlides li.slide2{ background: url(../images/slideSp1.jpg); background-size: cover;}
#topBnrBox .jdsSlides li.slide3{ background: url(../images/slideSp3.jpg); background-size: cover;}
#topBnrBox .jdsSlides li.slide4{ background: url(../images/slideSp4.jpg); background-size: cover;}

nav{ background:#F7F7F7; padding: 8px 0;}
nav ul{ display: flex; justify-content: space-around;}
nav ul li{ padding: 0 4px; border-bottom: 3px solid #F7F7F7; padding-bottom: 4px;}
nav ul li:hover{ border-bottom: 3px solid #184273;}
nav ul li a{ display: block; font-size: 14px; color: #184273; font-weight: bold;  padding-top: 32px; }
nav ul li a.iconCoupon{ background: url(../images/iconCouponS.png) top center no-repeat;}
nav ul li a.iconSearch{ background: url(../images/iconSearchS.png) top center no-repeat;}
nav ul li a.iconHotel{ background: url(../images/iconHotelS.png) top center no-repeat;}


#Searchbox{  margin-top: 32px; padding: 24px 8px 20px;}
#Searchbox .txtttl{padding-bottom: 20px;}
/*#search-box .searchSubmit a{ background: #D04A00 !important;}*/
.searchWide{background: #fff;padding-top: 10px;}
/* #search-box.verB.test #searchSwitchArea1, #search-box.verB.test #searchSwitchArea2{ background: none;} */

.onsenBnr{ margin: 32px 8px 0;}
.onsenBnr li{ margin-bottom: 8px;}
.onsenBnr li img{ width: 100%;}

#ossm {margin: 32px auto 24px; background: #F7F7F7; padding: 24px 0;}
#ossm .part{ margin: 0 8px; padding: 0 0 24px;}






p.toptxt{font-size: 14px;text-align: left;padding: 20px 10px;}





  .topBnrBox{ margin-top: 50px; width: 100%; background:url(https://img.travel.rakuten.co.jp/package/campaign/50pointday/202401/images/phttopBnrSP.jpg) center center no-repeat; background-size: cover; position: relative; aspect-ratio: 1 / .85}
.topBnrBox h1{ position: absolute; left: 0; top: -40px; z-index: 99; text-align: center;}
.topBnrBox h1 img{width: 76%!important; margin: 0 auto;}

  .globalNav {
    position: relative;
    top: 0;
    z-index: 20;
    display: block !important;
    opacity: 1 !important;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
  }
  .globalNav ul {
    overflow-x: scroll;
    background: #f3f3f3;
    box-shadow: 0 0 5px #ccc;
    white-space: nowrap;

  }
  .gNav-list {
    position: relative;
    float: none;
    display: inline-block;
    width: 66px;
  }
  .gNav-list a {
    position: relative;
    display: block;
    padding-top: 40px;
    padding-bottom: 3px;
    background: #f3f3f3;
    background-color: rgb(243, 243, 243);
    color: #333;
    text-align: center;
    text-decoration: none;
    letter-spacing: -.5px;
    font-weight: 400;
    font-size: 10px;
  }
  .gNav-list a:after {
    position: absolute;
    top: 5px;
    left: 50%;
    display: block;
    margin-left: -16px;
    width: 40px;
    height: 40px;
    background-image: url(https://img.travel.rakuten.co.jp/camp/template/images/globalNewGreen.svg)!important;
    background-size: 76px auto;
    background-repeat: no-repeat;
    content: "";
  }
  .gNav-list.on a:after,.gNav-list:hover a:after  {
    background-image: url(https://img.travel.rakuten.co.jp/special/sales/template/html/images/globalNewWhite.svg)!important;
  }
  .gNav-list a.top:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    display: block;
    margin-top: -26px;
    width: 40px;
    height: 40px;
    background: url(https://img.travel.rakuten.co.jp/camp/template/images/iconTop_black.svg) center center no-repeat!important;
    background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: 30px!important;
    content: "";
  }
  .gNav-list:hover a.top:after{background:url(https://img.travel.rakuten.co.jp/camp/template/images/iconTop.svg) center center no-repeat!important;background-size:30px;}

  #search-box .searchNavi li.on label{border:1px solid #00b900; background-color:#00b900!important;
 background: -webkit-gradient( linear, left top, left bottom, from(#00b900), to(#00b900) );
}
  #search-box .searchNavi li.on:after {border-top: 7px solid #00b900;}

  .rightMenu dt{ background:#00b900;}
  .rightMenu dd ul li a span{ color:#00b900;}
  .rightMenu dd ul li a.iconDh span {
    background: url(https://img.travel.rakuten.co.jp/package/campaign/50pointday/images/iconLuxG.png) left center no-repeat;
  }
  .rightMenu dd ul li a.iconDp span {
    background: url(https://img.travel.rakuten.co.jp/package/campaign/50pointday/images/iconDpG.png) left center no-repeat;
  }
  .rightMenu dd ul li a.iconCar span{
    background: url(https://img.travel.rakuten.co.jp/package/campaign/50pointday/images/iconCarG.png) left center no-repeat;
}
.rightMenu dd ul li a.iconBus span {
    background: url(https://img.travel.rakuten.co.jp/package/campaign/50pointday/images/iconBusG.png) left center no-repeat;
  }
.rightMenu dd ul li a.iconOversea span {
    background: url(https://img.travel.rakuten.co.jp/package/campaign/50pointday/images/iconOverseaG.png) left center no-repeat;
  }
.pagetop a{ background-color:#00b900;}


#couponBNR{ max-width: 345px; width: 100%; margin: 15px auto;}
#couponBNR a{ text-align: center;}
#couponBNR a img.sp{ display: block; width: 100%;}


.ss-title {
    background: #FFF;
}
#grpLocationArea {
    display: block !important;
    font-size: 75% !important;
    line-height: 38px;
    background: #fff;
    position: relative;
}

.ss-center{ overflow: hidden;}

/* new coupon */
#COUPONbox{ margin-top: 32px; overflow: hidden;}
#COUPONbox .tpr{ text-align: center; font-size: 14px; color: #6D6D6D; line-height: 1.6; margin-bottom: 24px;}
#COUPONbox .tpr b{ font-size: 15px; color: #333;}
#COUPONbox .tpr small{ font-size: 12px; color: #333;}
#COUPONbox .coupon__title{font-size: 18px; font-weight: bold;}
#COUPONbox .coupon__box{ width: 100%;}
#COUPONbox .coupon__box.coupon__box__pattern-a .coupon__subtitle { background: #F3F3F3;}
#COUPONbox .select-kome{ margin: 50px auto 0; font-size: 13px;}
.coupon__subtitle{height: 0; margin: 0; padding: 0;min-height:0; overflow: hidden;}
#COUPONbox .cpnholder{  margin: 16px 0 0; display: flex; flex-wrap: wrap; }
.cp_box{ padding-bottom: 50px; background: #edf2e9;}
.cp_box .cp_container{ height: 2550px; display: flex; justify-content: flex-start; flex-wrap: wrap; align-content: flex-start;}
.cp_box input:checked~.cp_container{ padding-bottom: 10px;}
.cp_box label{z-index: 11; height: 250px; bottom: 0;}
.cp_box label:before{z-index: 10; position: absolute;display: block; height: 10px; transform: rotate(135deg); content: "";}
.cp_box label:after{ position: absolute; z-index: 2;left: 50%; box-shadow: 1px 1px 3px #eee, -1px 1px 3px #eee;transform: translate(-50%, 0); content: '5と０のつく日に使える 他のクーポンを獲得する'; width: 340px; bottom: 30px; background: #fff; display: block; color: #00B900 !important; border: 2px solid #00B900; border-radius: 5px; text-align: center; padding: 8px 0; line-height: 1.6; font-weight: bold;font-size: 12px;}
.cp_box input:checked+label::before, .cp_box label:before{ border-top: 2px solid #00B900; border-right: 2px solid #00B900; top:auto; bottom:47px; right: 50%; margin:0 -150px 0 0;}
.cp_box input:checked+label{ height: 40px;}
.cp_box input:checked+label::before{ bottom:43px;}
.cp_box input:checked+label:after{ content: '閉じる';}
.cp_text{ text-align: center; font-size: 14px; font-weight: normal; margin: 16px auto;}


/* 202504 */
.allShowBtn{width:73px;display:none;}
.allShowBtn.show{background:#4c4c4c;font-size:12px;border-radius:4px;padding:4px 8px;float:left;margin-top:4px;cursor:pointer;color:#fff;text-align:center;opacity:1;left:0;display:block;}
.jdsSelectShow .kome{background:#4c4c4c;font-size:12px;border-radius:4px;padding:4px 8px;float:left;margin-top:4px;cursor:pointer;color:#fff;text-align:center;opacity:1;left:0;}
.allShowBtn.show{float:right;margin-right:15px;}
.rgt.submenu{clear:both;padding-top:8px;background-color:#fff;}
.popup-buttons{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;justify-content:space-between;padding:10px;position:fixed;bottom:0;width:76%;background:#fff;display:none;}
.popup-button{background-color:#fff;color:#333;text-align:center;border-radius:5px;border:1px solid #000;font-size:16px;width:48%;padding:8px 0;}
.popup-button.finished-button{background-color:#00b900;color:#fff;border:1px solid #00b900;}
.selectBtnNew .typeRow{margin-top:0px;margin-bottom:8px;}
.selectBtnNew{overflow:hidden;}
.selectBtnNew .lft{border-radius:5px;margin-left:15px;margin-right:15px;font-size:15px;background-color:#cccccc;padding:10px;position:relative;color:#000;text-align:center;}
.selectBtnNew .lft:after{position:absolute;content:'';display:block;background:url(https://img.travel.rakuten.co.jp/special/sales/images/new/searchCP.png) no-repeat left center;background-size:20px;width:20px;height:20px;top:50%;margin-top:-10px;left:10px!important;left:auto;}
.selectBtnNew .lft:before{display:block;position:absolute;top:50%;right:1em;width:.5em;height:.5em;margin-top:-.35em;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);content:"";}
.selectBtnNew .rgt .ttl{font-weight:bold;color:#4c4c4c;padding:0 0 10px 10px;font-size:14px;}
.selectBtnNew .typeRow{margin-top:8px;}
.selectBtnNew ul{flex-wrap:wrap;overflow:hidden;display:flex;}
.selectBtnNew ul li{width:50%;display:flex;align-items:center; box-sizing: border-box; border: 1px solid #333; background-color: #f3f3f3;}
.selectBtnNew ul li:nth-of-type(2n){border-left: none;}
.selectBtnNew ul li:not(:nth-of-type(1)):not(:nth-of-type(2)){border-top: none;}
.selectBtnNew ul li a{display:flex;align-items:center;flex-wrap:wrap;width:100%;color:#000;padding:8px 0 8px 24px;background:url(https://img.travel.rakuten.co.jp/special/sales/images/check_blank.svg) no-repeat 5px center / 15px;font-size:12px;}
.selectBtnNew ul li.checked a{background:#4bcd00 url(https://img.travel.rakuten.co.jp/special/sales/images/check_1.png) no-repeat 5px center / 15px;color:#fff!important;}
.selectBtnNew ul li.radioBtn a{display:flex;padding:10px 0 10px 20px;text-align:center;background:url(https://img.travel.rakuten.co.jp/special/sales/images/radio_button_unchecked.svg) no-repeat 5px center / 15px;}
.selectBtnNew ul.type1{border-top:none;}
.selectBtnNew ul.type1 a{border-top:1px solid #ccc;}
/* .selectBtnNew .typeRow.noBd ul.level{border-top:0;} */
/* .selectBtnNew .typeRow.noBd ul.level li.checkBtn{border-bottom:1px solid #333; border-right: 1px solid #333; box-sizing: border-box;} */
.attention{font-size:13px;text-align:center;padding:20px 10px;display:none;}
.newkome{overflow:hidden;}
.count{font-size:14px;padding-left:15px;width:50%;float:left;height:30px;line-height:30px;}
.count .countNum{font-weight:700;font-size:16px;}
.selectBtnNew.cp__acordion{margin-bottom:0!important;}
.selectBtnNew .lft{display:none;background-color:#ffffff;border:2px solid #0dbd0d;color:#0dbd0d;font-weight:bold;}
.selectBtnNew .lft:before{border-top:2px solid #0dbd0d;border-right:2px solid #0dbd0d;}
.selectBtnNew .lft:after{background-image:url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/cpn_filter_icon.svg);}
.allShowBtn.show{background:#767676;width:88px;}
.allShowBtn.show::before{content:url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/iconX.svg);padding-right:5px;}
.selectBtnNew .rgt .ttl{padding-left:19px;background:url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/cpOutline.svg) no-repeat left center;padding-bottom:0;margin-bottom:8px;margin-left:10px;font-size:12px;color:#00B900;display: none;}
.ss-container{margin:24px 8px 0;border:none;}
#TABU{padding:0;background:none;border:none;}
#TABU .all_area div.content_area{overflow:hidden;background:#fff;padding:16px 0 0;}
#TABU .ss-tab li{box-sizing:border-box;width:auto;font-weight: normal;}
#TABU .ss-tab li span{background:#fff;color:#00B900;font-size:13px;margin:0;padding:.5em 1em;border: none; border-radius: 0;}
#TABU .ss-tab li.active span{color:#fff;background:#00B900;}
#planbox .ss-tab{padding: 16px 8px; justify-content: flex-start;}
#planbox .swiper-scrollbar{top:72px!important;bottom:auto!important;}
.swiper-wrapper{flex-wrap:nowrap;overflow:visible;padding: 0;}
.swiper-container{margin:0 8px;}
#planbox{margin:24px 0 0; background: #f3f3f3;}
.hotel-img{float:none;width:100%;}
.hotel-container{width:auto;float:none;padding:0 8px;}
.column_5 .ss-hotel{height:auto;box-sizing:border-box;}
.column_5 .ss-hotel .hotel-img{overflow:hidden;height:180px;}
.column_5 .ss-hotel .hotel-sub{padding:8px;}
.column_5 .ss-hotel .ss-buttons{margin:0 8px 16px;width:auto;}
.column_5 .ss-button-middle.ss-button-ana,.column_5 .ss-button-middle.ss-button-jal{font-size:13px;padding:5px;font-weight:400;white-space:nowrap;}
.column_5 .column-list.ss-hotel{position:relative;padding:0;width:100%;line-height:1.6;box-sizing:border-box;box-shadow:none;}
.column_5 .column-list.ss-hotel:after{position:absolute;top:4px;left:6px;width:36px;height:36px;content:'';}
.ss-hotel .ss-buttons .ss-button-middle.ss-button{width:calc((100% - 6px)/ 2);font-size:12px;font-weight:normal;display:block;min-height:auto;padding:8px 0;line-height:1.2;align-self:start;}
.column_5 li.jss.column-list .hotel-img{height:110px;max-height:none;width:auto;}
.selectBtnNew ul li.checked a{background:#00B900 url(https://img.travel.rakuten.co.jp/special/sales/images/check_1.png) no-repeat 5px center / 15px;}
.ss-hotel .ss-buttons{flex-wrap:wrap;}
.ss-button-middle.ss-button-jr{border:1px solid #000;box-shadow:1px 1px 2px #bbb, -1px 1px 2px #bbb;background-color:#000;font-size:13px;margin-top:8px;}






