@charset "utf-8";

a:hover,a:hover *{ text-decoration: none !important;}
.ss-title #grpLocationArea{ background:#fff; padding: 10px 0 10px 15px; margin: 0; }
.bnrbox { margin: 65px auto 0;
    text-align: center;}



.part {
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 40px;
    width: 1200px;
}


.part .flexbox {


    width: 900px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}





#otherbnr a {
    display: block;
    text-align: center;
}

.part.example .flexbox {
    width: 600px;
}



#swpierbnr .swiper-slide {
    width: 730px !important;
}

#swpierbnr .swiper-slide-prev,
#swpierbnr .swiper-slide-next {
    opacity: 0.5;
}

#swpierbnr .swiper-button-next {
    background-image: url(https://img.travel.rakuten.co.jp/camp/50luxday/202306/images/next.png);
    background-size: 59px 59px;
}

#swpierbnr .swiper-button-prev {
    background-image: url(https://img.travel.rakuten.co.jp/camp/50luxday/202306/images/prev.png);
    background-size: 59px 59px;
}

#swpierbnr .swiper-button-next,
#swpierbnr .swiper-button-prev {
    width: 60px;
    height: 60px;
    top: 50%;
}

#swpierbnr .swiper-pagination-bullet-active {
    background: #009700 !important;
}

.swiper-pagination-bullet {
    width: 15px !important;
    height: 15px !important;
}





body .rt-header, .rc-f-standard {
    min-width: auto;
    width: 100%;
}



/* swiper-hotel */
.swiper-hotel{width: 264px !important; border: 1px solid #C3C3C3; border-radius: 5px; box-sizing: border-box; background-color: #fff;}
.swiper-hotel img{display: block; width: 100%;}
.imgBox{position: relative; height: 262px; background-color: #efefef;}
.imgBox a{color: #fff !important; }
.imgBox a.imgLink{ display: flex; width: 100%;height: 262px;margin-bottom: 0; font-size: 0;
background-color: #FFF4CB;overflow: hidden;background-position: center center;background-size: cover;
background-repeat: no-repeat;}

.btnY{background-color: #C79828;}
.swiper-hotelBox{margin: 0 0 24px 0; padding-bottom: 5px;}
#ttl04-txt{font-size: 14px; margin: 24px auto 0;}
.swiper-wrapper.swiper-hotelBox{ min-width: 1460px;}
#swpierbnr .swiper-container{position: static !important; margin-top: 32px;}




.cpnTTL1{  background: #d20505;color: #fff;font-size: 14px;text-align: center;padding: 8px; margin-bottom: 10px;font-weight: bold;}
.cpnTTL1 span{font-size: 80%;}
.cpnTTL2{  background: #262173;color: #fff;font-size: 14px;text-align: center;padding: 8px;margin-bottom: 10px;font-weight: bold;}
.cpnTTL2 span{font-size: 80%;}


.rank_contents h2 {
    padding: 40px 0 20px 0;
    text-align: left;
    color: #9D7D35;
    font-size: 20px;
}
.bfnt {
    font-size: 14px;
    color: #767676;
    display: block;
    padding: 10px 0;
    font-weight: normal;
}



/* 20210701 */
.swiper-hotelBox{ display: flex; flex-wrap: wrap; justify-content: flex-start;}
.swiper-hotel{ margin: 0 5px 10px;}


/* 202109 */
#Rankbox{ padding-bottom: 80px;}
#Rankbox .tabMain { margin-top: 30px; position: relative;}
#Rankbox .jdsTab{ margin-top: 32px;}
#Rankbox .mainTtl2 { font-size: 18px; color: #333; text-align: left; line-height: 1.2; border: none; display: block;}
#Rankbox .mainTtl2 i{ font-style: normal;}
#Rankbox .ss-hotelbox{overflow: visible; margin-top: 40px; display: flex; justify-content: flex-start; padding-bottom: 20px;}
#Rankbox .ss-hotel {overflow: visible; position: relative; box-sizing: border-box; margin-bottom: 0; padding-bottom: 16px; background: #fff; border-radius: 5px; border: 1px solid #c3c3c3; box-shadow: 1px 1px 3px #ddd; height: auto; color: #333;}
#Rankbox .ss-hotel a.htlstar{position:absolute;right:5px;bottom:-20px;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!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:-32px;left:5px;z-index:1;box-sizing:border-box;width:34px;height:34px!important;background:url(https://img.travel.rakuten.co.jp/camp/50luxday/202109/images/rank.png) 50% no-repeat;background-size:34px;color:#fff;text-align:center;font-weight:700;font-style:normal;font-size:12px;line-height:45px}
#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:34px;}
#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:34px;}
#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:34px;}
#Rankbox .ss-hotel .htlstar:hover{text-decoration:none;cursor:default}
#Rankbox .ss-hotel .hotel-main .hotel-name{margin:7px 0;color: #333; font-weight: 700; line-height: 1.3; font-size: 16px; position: relative;}
#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: 8px 8px 0;}
#Rankbox .ss-hotel .hotel-price span{display:block;color:#bf0000;font-weight:700;}
#Rankbox .ss-hotel .hotel-price span em{font-size:14px}
#Rankbox .ss-hotel .area{margin:0 ;color:#777;font-size:13px}
#Rankbox .ss-hotel .hotel-img{margin-bottom:30px; position: relative;}
#Rankbox .ss-hotel .hotel-img .bg-img{display:flex;overflow:hidden;height:110px;background-size:cover;text-indent:-9999px;align-items:flex-start;justify-content:center}
#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;}

.moreread{ width: 400px; margin: 32px auto 0; background: #009700; border-radius: 8px; color: #fff; text-align: center; padding: 18px 0; font-size: 15px; 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;}



/* 202202 */
#Rankbox .jdsTabNav{ display: flex; justify-content: flex-start;}
#Rankbox .jdsTabNav li{ font-size: 16px; color: #666; padding: 0 2px 4px; margin: 0 12px; border-bottom: 1px solid rgba(102,102,102,0.25); cursor: pointer;font-weight: bold;}
#Rankbox .jdsTabNav li:hover,#Rankbox .jdsTabNav li.active{ border-color: #009700; }
#Rankbox .areanav{ margin-top: 16px; display: flex; padding: 8px 2px 16px; background: #f5f5f5;font-weight: bold;}
#Rankbox .areanav li{ width: calc(100% / 13); font-size: 14px; padding: 12px 0; text-align: center; margin: 0 2px; border-radius: 3px; background: #fff; cursor: pointer; position: relative;}
#Rankbox .areanav li.active{ background: #009700; 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: #009700 transparent transparent transparent;}
/* new kanban */



.pageLink{ margin: 32px 40px 0; border-top: 1px solid #333; display: flex; justify-content: space-between; position: relative;}
.pageLink::before,.pageLink::after{ display: block; content: ""; position:absolute; left: 50%; top: -41px; margin-left: -18px; border: 20px solid transparent; border-bottom: 20px solid #333; width: 0; height: 0;}
.pageLink::after{ top: -40px; border-bottom-color: #fff;}
.pageLink li{ margin: 32px 20px 0;}
.pageLink li img{ width: 100%;}
.pageLink li a:hover{ opacity: .7;}

@media screen and (min-width:721px) {
    #appDlBn{ display: none !important;}
}




/* 202202 */
.wn{ font-size: 14px;  margin: 16px auto 0; line-height: 1.5;}
#member_rank .wn{ margin-top: 8px;}






#Searchbox{ background: #ccc; padding: 56px 0; max-width: none; margin-top: 0;}
#Searchbox .searchWide{ background: #fff; width: 1220px; margin: 0 auto; padding:  40px; box-sizing: border-box; }
#search-box .searchSubmit a{ background: #D04A00 !important;}
#search-box.verB.test .dhAll.dh{ margin-top: 78px;}

.onsenBnr{ width: 1220px; margin: 80px auto 0; display: flex; justify-content: space-between;}

#ossm {margin: 0 auto; padding: 56px 0;}
#swpierbnr{ width: 1100px; margin: 0 auto; padding: 0 0 45px; position: relative !important;}

#TOKUSHU.ssilink{ margin: 80px auto; width: 1100px;}
#TOKUSHU.ssilink ul{ justify-content: space-between;}

#sRight, .ss-center { font-family: 'Noto Sans JP', sans-serif; color: #333;}
.ss-contents{padding-bottom: 0; position: relative; overflow: hidden; min-width: auto; background: #fff;}

#topBnrBox{ height: 250px; background: none; min-height: 0;}
.topBnrBox{ margin-top: 50px; width: 100%; background:url(https://img.travel.rakuten.co.jp/camp/50luxday/202306/images/kvBg.jpg) center center no-repeat; background-size: cover; position: relative; height: 250px;}
.topBnrBox h1{ position: absolute; left: 0; top: -40px; z-index: 99; text-align: center; width: 100%;}
.topBnrBox h1 img{ width: 100%; max-width: 909px;}

.ss-center{ max-width: none; overflow: hidden; margin-bottom: 0; background: #EDF2E9;}
.ss-container{width: 100%; max-width: 1280px; margin: 80px auto 0; padding:0 30px 30px; box-sizing: border-box; border: none; background: none; overflow: hidden;}

.ttl{ font-size: 30px; text-align: center; font-weight: bold; line-height: 1.4; margin: 0 auto;  }
.ttl span{display: block;text-align: center; font-size: 30px; color: #009700; margin: 0 auto;}
.ttl b{font-size: 40px;}



.ssilink ul { display: flex; justify-content: space-between;}
.ssilink ul li { width: 32.3%;}
.ssilink ul li img { width : 100%;}



/* faq */
/* #FAQ{ width: 1080px;} */
#FAQ .nav{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 16px 0 0;}
#FAQ .nav li{ margin: 8px 4px 0; width: calc(25% - 8px);}
#FAQ .nav li a{ display: block; border: 1px solid #ccc; text-align: center; padding: 10px 10px 10px 0; background: #F0F0F0; position: relative; border-radius: 5px; color: #333; font-weight: bold;}
#FAQ .nav li a::after{ content: ""; display: block; position: absolute; right: 15px; top: 50%; margin-top: -6px; width: 8px; height: 8px; border-bottom:1px solid #333; border-right:1px solid #333; transform: rotate(45deg);}
#FAQ .faqBox{ margin: 16px 4px 0; background: #F0F0F0; border: 1px solid #ccc; border-radius: 5px; }
#FAQ .faqBox h3{ padding: 12px; color: #333; font-weight: bold;}
#FAQ dl{ background: #fff;border-bottom: 1px solid #ccc; }
#FAQ dl:nth-last-child(){ border-bottom: none;}
#FAQ .jdsCoponSwitch{cursor: pointer; display: block; border-radius: 5px; font-size: 14px;padding:12px 40px 12px 12px; position: relative; background: url(https://img.travel.rakuten.co.jp/camp/50luxday/202306/images/Plus.png) 98% center no-repeat; background-size: 15px;}
#FAQ .jdsCoponSwitch.active-submenu{background: url(https://img.travel.rakuten.co.jp/camp/50luxday/202306/images/Minus.png) 98% center no-repeat;background-size: 15px;}
#FAQ dd {display: block; padding: 8px; margin-top: 8px; font-size: 13px; line-height: 1.6; position: relative;}
#FAQ dd a{color: #006497 !important;}
#FAQ dd span{ color: #BF0000;}
#FAQ dd b{ display: block; margin-bottom: 8px;}
#FAQ .flink{ display: table; margin: 16px auto 0; text-align: center; font-size: 12px; text-decoration: underline; line-height: 1.5; position: relative; padding-right: 10px;}
#FAQ .flink::after{ display: block; position: absolute; right: 0; top: 50%; margin-top: -3px; content: ""; width: 5px; height: 5px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg);}


/* typef */
#typef .ttls{ margin: 32px 16px 0; font-size: 24px;}
#typef .linklistPic{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 24px;}
#typef .linklistPic li{ width: calc(25% - 24px); margin: 0 12px 16px;}
#typef .linklistPic li a{ border: none; height: 140px; border-radius: 5px; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 30px; color: #fff; font-size: 20px; font-weight: bold; text-shadow: 0 0 3px #000;}
#typef .linklistPic li a::after{ display: block; content: url(https://img.travel.rakuten.co.jp/camp/50luxday/202306/images/arrow.png); position: absolute; right: 5px; bottom: 5px;}

.newTxt{ margin: 8px auto 0; font-size: 12px; display: table; padding: 8px 12px; text-align: center; background: #fff; border: 2px solid #00B900;font-weight: bold; border-radius:5px;}
.newTxt b{ display: inline-table; background: #bf0000; border-radius: 5px; padding: 8px; color: #fff; margin-right: 8px;}

/* topSlide */
#topBnrBox .jdsSlides li{ text-indent: -9999px; height: 250px; width: 100%;}
#topBnrBox .jdsSlides li:nth-child(1){ background: url(https://img.travel.rakuten.co.jp/camp/50luxday/202306/images/kvBg.jpg) no-repeat; background-size: cover;}
#topBnrBox .jdsSlides li:nth-child(2){ background: url(https://img.travel.rakuten.co.jp/camp/50luxday/202310/images/kvBg1.jpg) no-repeat; background-size: cover;}

.couponObj{max-width: 1220px; margin: 32px auto 0; display: flex; flex-direction: column; align-items: center;}
.couponObj h4{font-size: 24px; text-align: center; margin-bottom: 20px;}
.couponObj h4 span{ color: #BF0000;}
.couponObj img.pc{display: block; margin-bottom: 18px;}
.couponObj p{font-size: 18px; color: #767676; width: 730px;}
/* .couponObj a{display: block; margin: 16px auto 24px; border: 1px solid #00B900; font-size: 16px; padding: 10px 0; text-align: center; width: 320px; background: #fff; color: #333; position: relative;} */
.couponObj a:after{position: absolute; content: ''; width: 8px; height: 8px; border-top: 1px solid #333; border-right: 1px solid #333; right: 16px; top: calc(50% - 4px); transform: rotate(45deg);}
.couponObj a:hover{opacity: 0.8;}

.yadotab{ width: 800px; margin: 36px auto 0;}
.yadotab table{ border: solid #ccc; border-width: 6px 5px 5px 6px; width: 100%; box-sizing: border-box; background: #fff;}
.yadotab table tr td{ border: solid #ccc; border-width: 0 1px 1px 0; font-weight: normal; font-size: 20px; line-height: 1.6; padding: 6px 0 12px 0px; text-align: center; position: relative;}
.yadotab table tr td span{ font-size: 28px;}
.yadotab table tr td i{ display: block; font-style: normal; font-size: 14px; font-weight: bold; color: #fff; background: #CE2B18; border-radius: 50px; padding: 4px 0; width: 70px; position: absolute; left: 50%; margin-left: -35px; top: -15px;}
.yadotab table tr td span.red{ color: #CE2B18;}
.yadotab table tr td img{ padding: 0 4px;}
.yadotab table tr:first-of-type td{ background: #F3F3F3; padding: 14px 0;}
/* .yadotab table tr:first-of-type td:first-of-type span{ font-size: 16px; display: block; margin-bottom: 12px;} */
.yadotab .txt{ text-align: right; font-size: 12px; color:#6D6D6D; line-height: 2;}
.yadotab .txt b{ margin: 0px 40px; font-size: 12px; font-weight: bold; color:#6D6D6D; line-height: 2;}

/* 202312 */
.cptits{ font-size: 24px; font-weight: bold; margin-top: 24px; text-align: center; width: 100%;}
.cptits span{ display: inline-table; border-radius: 50px; background: #CE2B18; color: #fff; padding: 4px 12px; margin-right: 12px;}
.cptits b{ font-size: 30px;}
.cptits b i{ font-size: 40px; font-style: normal;}
.cptits b i.red{ color: #CE2B18;}
.cptits small{ font-size: 14px;  font-weight: normal;}

/* search-shibori */
#search-box .line.clearfix.sibori { position: static; width: 100%; box-sizing: border-box;background: #F6F6F6; padding:8px; border-radius: 5px; margin-top: 10px; }
#search-box .line.clearfix.sibori dl{ overflow: hidden; margin: 0;}
#search-box .line.clearfix.sibori dl dd{font-size: 14px; overflow: hidden; width: 100%;}
#search-box .line.clearfix.sibori dl dd ul{ display: flex; justify-content: flex-start; width: 100%; flex-wrap: wrap; margin: 0 !important;}
#search-box .line.clearfix.sibori dl dd ul li input.fcmp { display: none;}
#search-box .line.clearfix.sibori dl dd ul li label { display: block; line-height: 1 !important; border: 1px dashed #8C8C8C; padding: 8px 8px !important; cursor: pointer; border-radius: 30px; color: #444444; font-weight: normal !important; margin: 0; background-color: #fff; background-image: none !important;}
#search-box .line.clearfix.sibori dl dd ul li input.fcmp:checked + label, #search-box .line.clearfix.sibori dl dd ul li.on input.fcmp + label { color: #009700!important; border: 1px solid #009700!important; padding-left: 30px!important; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC4zNTM2OSA4LjUwMTdMMS45NjczMyA1Ljk5NDI0TDEuMTcxODggNi44MzAwNkw0LjM1MzY5IDEwLjE3MzNMMTEuMTcxOSAzLjAwOTE2TDEwLjM3NjQgMi4xNzMzNEw0LjM1MzY5IDguNTAxN1oiIGZpbGw9IiMwMDk3MDAiLz4NCjwvc3ZnPg0K) !important; background-repeat: no-repeat; background-position: 5px center; background-size: 16px 16px; background-color: rgba(212,255,212,0.2)!important;}


/* 特設ページ導線バナー */
#brand-hotel { position: relative; padding-bottom: 20px; }
#brand-hotel .other-hotels { display: flex; align-items: center; flex-direction: column; }
#brand-hotel .mainTtl {position: relative;display: flex; justify-content: center; line-height: 1; font-size: 30px; margin: 0; padding: 0; font-weight: 700; color: #009700;}
#brand-hotel .mainTtl:after { margin-left: 6px;  margin-top: 4px; padding: 2px 4px; border: 1px solid #8c8c8c; border-radius: 2px; color: #8c8c8c; background: #fff; content: "PR"; font-size: 20px; height: 20px; }
#brand-hotel .hotel-list { box-shadow: none; margin: 24px auto 0; width: 550px; line-height: 1.5; }
#brand-hotel a { display: block; color: #333; height: auto;}
#brand-hotel .border-box { margin-top: 8px; border-radius: 4px; box-shadow: 0 1.52925px 6.117px #ccc; display: flex; justify-content: center;}
#brand-hotel .border-box div{ height: auto; width: 45%;}
#brand-hotel .border-box div.rt{ background: #fff; width: 55%;}
#brand-hotel .icon-text { padding: 6px; border-radius: 3px; background-color: #01B901; color: #fff; text-align: center; font-size: 14px; font-weight: bold;}
#brand-hotel .icon-text span { font-size: 16px; }
#brand-hotel .photo { overflow: hidden; } #brand-hotel .photo img { aspect-ratio: 16/9; width: 100%; border-radius: 4px 4px 0 0; }
#brand-hotel .name { align-items: center; padding: 12px 16px; box-sizing: border-box;}
#brand-hotel .name img { width: 100%; }
#brand-hotel .pr { font-size: 14px; padding: 0 16px; line-height: 1.5; }
#brand-hotel .pr-text { padding-bottom: 8px; }
#brand-hotel .pr-text + a:hover { text-decoration: underline; }



/* new coupon */
#COUPONbox{ margin-top: 32px; padding:0 0 30px;}
#COUPONbox .tpr{ text-align: center; font-size: 18px; color: #6D6D6D; line-height: 1.6; margin-bottom: 32px;}
#COUPONbox .tpr b{ font-size: 20px; color: #333;}
#COUPONbox .tpr small{ font-size: 14px; color: #333;}
#COUPONbox .coupon__title{font-size: 18px; font-weight: bold;}
#COUPONbox .coupon__box.coupon__box__pattern-a .coupon__subtitle{ background: #F3F3F3;}
#COUPONbox .select-kome{ width: 760px; margin: 90px auto 0; text-align: left; font-size: 13px;}
.coupon__subtitle{height: 0; margin: 0; padding: 0;min-height:0; overflow: hidden;}
.cp_box .cp_container{ height: 550px; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; align-content: flex-start;}
.coupon__box{ width: 100%;}
.cp_box input:checked~.cp_container{ padding-bottom: 10px;}
.cp_box label{background: linear-gradient(to bottom,rgba(244, 243, 238,0) 0,rgba(244, 243, 238,.95) 90%); z-index: 11; height: 250px; bottom:-55px; width: 100%; cursor: pointer;position: absolute; text-align: center;}
.cp_box label:before{display: block; content: ""; transform: rotate(135deg); height: 10px; width: 10px; z-index: 10; position: absolute;}
.cp_box label:after{display: block; content: ""; position: absolute; z-index: 2; bottom: 0; left: 50%;content: '他のクーポンを獲得する';transform: translate(-50%, 0); box-shadow: 1px 1px 3px #eee, -1px 1px 3px #eee; font-size: 14px; width: 460px; background: #fff; display: block; color: #009700 !important; border: 2px solid #009700; border-radius: 5px; text-align: center; padding: 12px 0; line-height: 1.6; font-weight: bold;}
.cp_box input:checked+label::before, .cp_box label:before{border-top: 2px solid #009700; border-right: 2px solid #009700; top:auto; bottom:20px;right: calc(50% - 200px); margin: 0;}
.cp_box input:checked+label{ height: 60px;}
.no-coupon{ text-align: center; font-size: 24px; font-weight: bold; margin: 64px auto 0;}
.cp_box.hide,.select-kome.hide,.coupon__filter__guide.hide{ opacity: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden;}
.cp_box .cp_container{height: auto !important;}
.cp_box .readMoreBtn{display: none !important;}
.terms { max-width: 850px; font-size: 14px; line-height: 1.6; color: #bf0000; margin:40px auto 50px auto;}