@charset "utf-8";
.ss-contents{min-width: auto;}
#Rankbox{ margin-bottom: 60px;}
.flexbox{ align-items: center;}
.flexbox h2{ padding: 0; border: none;}
.tabMain { margin-top: 16px; position: relative;}
.mainTtl2 { padding-left: 5px;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #957113; font-size: 20px; display:block; text-align: center;}
.ss-hotelbox{ margin-top: 12px; display: flex; justify-content: flex-start; padding: 0 0 20px; overflow: initial;}
.ss-hotel { position: relative; box-sizing: border-box;margin: 28px 0 0; border: 1px solid #c3c3c3; box-shadow: 1px 1px 3px #ddd; height: auto; color: #333; overflow: visible;}
.ss-hotel a.htlstar{ font-size:small; position: absolute;right:5px;bottom:-20px;display:block;height:16px!important;text-align:right;font-weight:700;line-height:20px}
.ss-hotel a:hover,.ss-hotel a:active{ text-decoration: none;}
.ss-hotel .htlstar{z-index:1;padding-left:15px;line-height:1}
.ss-hotel .htlrank{position:absolute!important;top:-30px;left:5px;z-index:1;box-sizing:border-box;width:31px;height:30px!important;background:url(https://img.travel.rakuten.co.jp/premium/202210/images/rank.png) 50% no-repeat;background-size:32px;color:#fff;text-align:center;font-weight:700;font-style:normal;font-size:11px;line-height:38px}
.ss-hotel:first-child .htlrank{background:url(https://img.travel.rakuten.co.jp/premium/202210/images/rank1.png) 50% no-repeat; background-size:31px;}
.ss-hotel:nth-child(2) .htlrank{background:url(https://img.travel.rakuten.co.jp/premium/202210/images/rank2.png) 50% no-repeat; background-size:31px;}
.ss-hotel:nth-child(3) .htlrank{background:url(https://img.travel.rakuten.co.jp/premium/202210/images/rank3.png) 50% no-repeat; background-size:31px;}
.ss-hotel .htlstar:hover{text-decoration:none;}
.ss-hotel .hotel-main .hotel-name{margin:7px 8px 0;color: #333; font-weight: 700; margin-bottom: 7px; line-height: 1.3; font-size: 14px;}
.ss-hotel .hotel-main .hotel-name a{color:#000}
.ss-hotel .hotel-main .chara li{font-size:11px}
.ss-hotel .hotel-price{text-align:right; margin: 8px 8px 0;}
.ss-hotel .hotel-price span{display:block;color:#bf0000;font-weight:700;font-size:16px}
.ss-hotel .hotel-price span em{font-size:12px;font-style: normal;}
.ss-hotel .area{margin:0 8px 5px;color:#777;font-size:13px; margin-bottom: 10px;}
.ss-hotel .hotel-img{margin: 0 0 8px 0; position: relative; overflow: visible;}
.ss-hotel .hotel-img .bg-img{display:flex;overflow:hidden;height:0;background-size:cover;text-indent:-9999px;align-items:flex-start;justify-content:center;padding-bottom: 56.25%; border-radius: 5px 5px 0 0;}
.ss-hotel .hotel-img img{width:auto!important;height:100%!important;line-height:0;flex-shrink:1}
.ss-hotel .hotel-pr{margin-bottom:5px;color:#333!important;font-size:12px;line-height:1.3; margin: 8px 8px 0;}
#ttl04-txt{font-size: 12px; margin: 24px auto 0;line-height: normal;}
.moreread{ width: 200px; margin: 0 auto 48px; background: #C79828; border-radius: 8px; color: #fff; text-align: center; padding: 12px 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);}
.moreread.moreread::before{ content: "もっとみる";}
.moreread.morereadup::before{ content: "閉じる";}

/* JdsJsonReadUltraAoi */
.tabMain.swiper-container[data-section-name]{
    opacity: 0; margin-bottom: 40px;
}
#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;
}

select::-ms-expand{ display: none;}
.dh .couponimg p.kakutokuZumi .useTheCP { color: #906508!important}

.testB + .hotel-pr{ display: none;}
.testB + .btn{ display: block;}


/* ----------------20220825--------------- */

#search-box.verB.test .dhAll{
    border: none;
}
#search-box.verB.test .grey{
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 15.4%;
    margin-right: 1%;
}
#searchSwitchArea1{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#search-box.verB.test .dhAll{
    width: 1030px;
    order: 1;
}
#search-box.verB.test .dhAll > div{
  box-sizing: border-box;
  min-height: 60px !important;
}
#search-box.verB.test #dh-search-form p.searchSubmit{
    width: 104px;
    margin: 0;
    order: 2;
    padding-top: 8px;
}
#search-box.verB.test #dh-search-form p.searchSubmit a{
    width: 104px !important;
    height: 46px !important;
    background: #D7402E !important;
    font-size: 15px;
}
#searchSwitchArea1 .line.sibori{
    order: 3;
}
label[for="ckBoxYado"]{
    background: url(https://img.travel.rakuten.co.jp/premium/202210/images/dateCheck.png) left 10px center no-repeat;
    color: #767676;
    padding-top: 10px;
}
label.ckBoxCked{
    background: url(https://img.travel.rakuten.co.jp/premium/images/toggle1_on.png) left 10px center no-repeat;
    background-size: 14px;
}
#ckBoxYadoBox{
    text-align: left;
    margin:0 160px 6px;
}
#search-box.verB #dh-search-form .structure dd select{
    font-weight: normal;
}
#search-box.verB.test #dh-checkin, #search-box.verB.test #dh-checkout{
    font-weight: normal;
}
#search-box.verB.test .grey.InpuDateBox.chkDate{
    width: 31%;
    padding: 10px 10px 0;
}
#search-box.verB.test .grey.InpuDateBox.roomNumber{
    width: 15.6%;
}
#search-box.verB.test .grey.InpuDateBox.roomNumber .structure dd{
    width: 49%;
}
#search-box.verB.test .grey.InpuDateBox.ninzu{
    width: 34.8%;
    margin-right: 0;
    border-right: 1px solid #ccc;
}
#search-box.verB.test .grey.InpuDateBox.ninzu .structure.ninzu dt{
    margin-left: 20px !important;
    width: 30%;
}
#search-box.verB.test .grey.InpuDateBox.ninzu .structure.ninzu dd{
    width: 60%;
}
#search-box.verB.test .grey.InpuDateBox.chkDate .structure.chkIn{
    background-position: 10px center;
}
#search-box.verB.test .grey.InpuDateBox.chkDate .structure dt{
    padding-left: 10px;
    width: auto;
}
#search-box.verB.test .grey.InpuDateBox.chkDate .structure.chkIn:after{
    right: -13px;
    margin-top: -4px;
}
#ui-datepicker-div{
    z-index: 10 !important;
}
#search-box.verB select{
  background-position: 90% 14px;
}
#search-box.verB #searchSwitchArea1 .number ul li.adult{
  display: flex;
}
#search-box.verB.test #dh-search-form select#f_heya_su, #search-box.verB #dh-search-form select#dh-adlt#search-box.verB.test #dh-search-form select#f_heya_su, #search-box.verB #dh-search-form select#dh-adlt{
  font-weight: bold;
}
#search-box.verB select#f_chu, #search-box.verB select#f_heya_su{
  line-height: 40px;
}


/* FXC */
/*range*/
.input-checkbox-more {
  font-size: 13px;
  color: #000;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-56%);
  padding-right: 2em;
  cursor: pointer;
}

/* .input-checkbox-more{display:inline-block;font-size:13px;text-align:center;margin:0 auto;padding-right:2em;position:relative;left:50%;transform:translateX(-56%);cursor:pointer} */
.input-checkbox-more:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 14px;
  height: 13px;
  background: url(https://img.travel.rakuten.co.jp/share/onsen/smart/images/down.svg)
    center center no-repeat;
  background-size: contain;
}
.input-checkbox-more.close:after {
  background-image: url(https://img.travel.rakuten.co.jp/share/onsen/smart/images/up.svg);
}

.input-squeezes .more-item {
  display: none;
}

.input-squeezes {
  background: #f3f3f3;

  border-radius: 3px;
  padding: 8px;
}

.input-squeezes ul {
  display: flex;
  flex-wrap: wrap;
}

.input-squeezes ul > li {
  font-size: 13px;
  color: #767676;
  border: 1px solid #ccc;
  border-radius: 18px;
  height: 36px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin: 0 0 0 4px;
  padding: 0 14px;
}

.input-squeezes ul > li.price-wrap {
  padding: 0 10px 0 8px;
}

.input-squeezes ul > li.active {
  padding: 0 7px;
}

.input-squeezes ul > li.active,
.input-squeezes ul > li.price-wrap {
  color: #54822b;
  border: 1px solid #73a332;
}

.input-checkbox-more {
  font-size: 13px;
  color: #000;
  text-align: center;
  padding: 8px 2em 10px 0;
}

.input-squeezes input[type="checkbox"] {
  display: none;
}

.input-squeezes .active input[type="checkbox"] + label,
.price-text {
  position: relative;
  padding: 0 0 0 14px !important;
  color: #54822b !important;
}

.input-squeezes .active input[type="checkbox"] + label::before,
.price-text:before {
  content: "";
  display: block;
  width: 12px;
  height: 9px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url(https://img.travel.rakuten.co.jp/share/onsen/smart/images_sp/ico-check.svg) !important;
  background-repeat: no-repeat;
  background-size: 12px 9px;
  cursor: pointer;
}

.price-wrap em {
  padding: 0 3px;
  /* display: none; */
}

.input-squeezes .price-text {
  padding-right: 3px;
}

/* modal */
.modal-price {
  position: fixed;
  left: 25%;
  width: 50%;
  height: 50%;
  z-index: 999;
  background: #fff;
  overflow: hidden;
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) 0s;
}

.modal-isShow {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

.modal-isShow .modal-price {
  opacity: 1;
  top: 25%;
}

.modal-isShow .rt-header,
.modal-isShow .rt-footer,
.modal-isShow #gnavi,
.modal-isShow .chatbot {
  z-index: 0;
}

.price-close {
  display: block;
  font-size: 16px;
  margin-bottom: 16px;
  padding-left: 40px;
  line-height: 56px;
  background: #fff
    url(https://img.travel.rakuten.co.jp/special/yadomap/202102/images/ico-close.svg)
    8px center no-repeat;
  box-shadow: rgb(0 0 0 / 14%) 0px 4px 4px -1px;
}

.btn-price-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  text-align: center;
  position: absolute;
  bottom: 0;
  box-shadow: rgb(0 0 0 / 14%) 0px -4px 4px -1px;
}

.btn-price-submit span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
  background: #54822b;
  width: 290px;
  height: 36px;
  border: none;
  border-radius: 4px;
}

.modal-price ul {
  display: flex;
  max-width: 375px;
  justify-content: center;
  margin: 40px auto 0;
}

.modal-price li {
  font-size: 13px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 41%;
  height: 56px;
}

.modal-price li p {
  padding: 7px 8px 0;
  position: absolute;
}

#FXC .modal-price select {
  font-size: 123% !important;
  background: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 20px 8px 0 !important;
  width: 100% !important;
  height: 100% !important;
  font-weight: bold;
  background: none !important;
}

.modal-price .price-separation-line {
  border: none;
  display: flex;
  align-items: center;
  padding: 0 8px;
  width: 2%;
}
#search-box.verB.test .sibori input[type="checkbox"]+label,#search-box.verB.test .sibori input[type="checkbox"]:checked+label{
    background: none;
    padding: 0;
    font-size: inherit;
    font-weight: normal;
}
.modal-price .Searchnotes {
    font-size: 12px;
    color: #767676;
    text-align: right;
    margin: 30px auto 0;
    padding-right: 35px;
    max-width: 375px;
}
.input-squeezes ul > li.cb-more{
    display: flex !important;
}
#search-box.verB input[type="checkbox"]+label{
    padding: 0 !important;
    margin: 0 5px !important;
}
#search-box.verB input[type="checkbox"]:checked+label{
    padding-left: 20px !important;
}
#topBnrBox{
    position: relative;
    min-width: auto;
}
.toha{
    position: absolute;
    right: calc(50% - 760px);
    bottom: -60px;
}
.slide-img{
    position: relative;
}
.slide-img a{
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0,0,0,.2);
}
.slide-img a span{
    position: absolute;
    color: #fff;
    font-size: 12px;
    right: 24px;
    bottom: 24px;
    width: 7%;
    text-align: right;
}
.slide-img a span small{
  transform: scaleY(1.5) translateY(-1px);
  display: inline-block;
}
.herobnr{
    margin: 140px auto 94px;
    width: 100%;
    max-width: 1214px;
    height: 70px;
    overflow: hidden;
}
/* .swiper-container.herobnr.pc{
  transform: rotate(180deg);
}
.swiper-container.herobnr.pc .swiper-slide{
  transform: rotate(180deg);
} */
.herobnr img{
  display: block;
  width: 100%;
}
.rslides_tabs{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 160px;
    display: flex;
    justify-content: center;
    z-index: 10;
}
.rslides_tabs li{
    text-indent: -9999px;
    width: 56px;
    height: 5px;
    background: #FFF;
    border-radius: 10px;
    margin: 0 8px;
    opacity: .5;
}
.rslides_tabs li.rslides_here{
    opacity: 1;
}

#goEntry{
    background: #f3f3f3;
    padding-top: 32px;
}
#goEntry .pt1000{
    display: block;
    margin: 0 auto 50px;
}
#goEntry a{
  display: block;
  width: 428px;
  border-radius: 8px;
  border: 1px solid #ccc;
  text-align: center;
  margin: 0 auto 50px;
  font-size: 24px;
  background: #fff;
  color: #333;
  padding: 16px 0;
}
#goEntry a:hover{
  opacity: 0.7;
}
.keyWordBox.keyWord2 li a{
    background: #fff;
    border: 1px solid #ccc;
}
.keyWordBox.keyWord2 li a:hover{
    color: #333;
    background: #f3f2f2;
}
/* .lxs li{
    margin: 0 0 12px;
    padding: 0 12px;
    border: none;
}
.lxs li:nth-child(even){
    border-left: 1px solid #E5E5E5;
}
.lxs.lxs2{
    justify-content: flex-start;
}
.lxs.lxs2 li{
    width: 183px;
    border: none;
    border-right: 1px solid #E5E5E5;
}
.lxs.lxs2 li:nth-child(5n){
    border-right: none;
} */
#browsing-history{
  width: 1040px;
  margin: 0 auto;
  background: #fff !important;
}
#browsing-history .bh-container{
  margin: 0 0 80px !important;
  padding: 0 !important;
  box-shadow: none !important;
}
#browsing-history h2.ttl-lv2{
   color: #957113;
   font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
   padding-bottom: 15px;
   font-weight: normal;
   margin-bottom: 30px;
   line-height: 1.4;
   position: relative;
   font-size: 36px;
   position: relative;
   text-align: center;
}
#browsing-history h2.ttl-lv2:before {
    display: block;
    content: "";
    width: 154px;
    height: 1px;
    background: #BCAA7B;
    position: absolute;
    left: calc(50% - 77px);
    bottom: 0;
}
.review-score{
  color: #FFBA00;
  font-weight: normal;
  font-size: 12px;
}
.mainTtl{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 36px;
  padding-top: 10px;
}
.mainTtl a{
  position: absolute;
  right: 0;
  color: #1D54A7;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
  height: 46px;
  top: 10px;
  display: flex;
  align-items: center;
  padding-right: 24px;
}
.mainTtl a:after{
  position: absolute;
  content: '';
  right: 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid #1D54A7;
  border-right: 1px solid #1D54A7;
  transform: rotate(45deg);
  top: calc(50% - 4px);
}
#life .mainTtl a{
  right: 40px;
  top: 80px;
}
/* #pool .mainTtl a{
  height: 116px;
} */
/* htlFolder  */
.ss-container{
  margin: 0 auto 80px;
  padding: 0;
  width: 100%;
  max-width: 1040px;
}

.rankSwiper .rvw-score>p {
    display: flex;
    margin: 6px 0 12px;
}
.rankSwiper .stars {
    font-size: 13px;
    letter-spacing: 3px;
    margin-right: 7.5px;
    width: 80px;
    text-align: center;
    display: inline-block;
    position: relative;
}
.rankSwiper .stars .review-base {
    padding-left: 1.5px;
    color: #f3f3f3;
    width: 100%;
    box-sizing: border-box;
}
.rankSwiper .stars .review-rst {
    padding-left: 1.5px;
    color: #ffba00;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0;
    box-sizing: border-box;
}

button.btn-coupon{
  display: none !important;
}
.rankNote{
  width: 100%;
  max-width: 1040px;
  margin: 0 auto 80px;
  font-size: 14px;
  line-height: 1.6;
}

#pickupSwiper{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}
#pickupSwiper #anniversary{
  order: 1;
}
#pickupSwiper #special{
  order: 2;
}
#pickupSwiper #okinawaresort{
  order: 3;
}
#pickupSwiper #resort{
  order: 4;
}
#pickupSwiper #life{
  order: 5;
}

.slide-imgTop1 { width: 100%; background: url(https://img.travel.rakuten.co.jp/premium/images/top_hotel1.jpg) center center no-repeat; height: 400px!important; background-size: cover;}
.slide-imgTop2 { width: 100%; background: url(https://img.travel.rakuten.co.jp/premium/images/top_hotel2.jpg) center center no-repeat; height: 400px!important; background-size: cover;}
.slide-imgTop3 { width: 100%; background: url(https://img.travel.rakuten.co.jp/premium/images/top_hotel3.jpg) center top no-repeat; height: 400px!important; background-size: cover;}
.slide-imgTop4 { width: 100%; background: url(https://img.travel.rakuten.co.jp/premium/images/top_hotel5.jpg) center top no-repeat; height: 400px!important; background-size: cover;}

.slide-imgTop7 { width: 100%; background: url(https://img.travel.rakuten.co.jp/premium/202210/images/top_hotel4.jpg) center center no-repeat; height: 400px!important; background-size: cover;}
.slide-imgTop8 { width: 100%; background: url(https://img.travel.rakuten.co.jp/premium/202210/images/top_hotel5_1101.jpg) center top no-repeat; height: 400px!important; background-size: cover;}
.slide-imgTop9 { width: 100%; background: url(https://img.travel.rakuten.co.jp/premium/202302/images/top_hotel6.jpg) center center no-repeat; height: 400px!important; background-size: cover;}
.slide-imgTop7 { width: 100%; background: url(https://img.travel.rakuten.co.jp/premium/202302/images/top_hotel7.jpg) center center no-repeat; height: 400px!important; background-size: cover;}

.areaUlSpan{justify-content: flex-start;}
.areaUlSpan li{width: 23.4%; margin-right: 2.1%;}
.areaUlSpan li:nth-child(4n){margin-right: 0;}

  #GUIDE .swiper-container{overflow: hidden;width: 100%; margin: 0 auto; padding-bottom: 24px; max-width: 1040px;}
  .lxs {flex-wrap: nowrap;}



/* 202302*/
.topPtB .jdsTab{
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,.2);
  padding: 32px 30px;
  margin: 90px auto 0;
  max-width: 1214px;
  width: 100%;
  box-sizing: border-box;
}
.topPtB .jdsTabNav{ display: flex; justify-content: flex-start; border-bottom: 1px solid #ccc;}
.topPtB .jdsTabNav li{ color: #767676; font-size: 18px; padding: 0 12px 8px; border-bottom: 2px solid #fff; cursor: pointer;}
.topPtB .jdsTabNav li.active{ color: #957113; font-weight: bold; border-bottom: 2px solid #957113;}

#keywordSearch{background-color:#fff;padding:18px 0 0; box-shadow:none}
#keywordSearch .field{font-size:16px;background-color:#fff;width: 1028px;height:60px;margin:0;padding:5px 28px 5px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #ccc;box-shadow:none}
#keywordSearch .submit{margin:10px 0 0 16px; cursor: pointer; width:104px;height:46px;background:#4c4c4c url(https://img.travel.rakuten.co.jp/premium/images/iconsearch.png) center no-repeat;background-size:28px;border:none;border-radius:4px;text-indent:-9999px;overflow:hidden}
.kw-link{width: 1028px; overflow:hidden; margin:8px 0 0 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.kw-link li{margin:0 4px 8px 0; display: flex; align-items: center; justify-content: center;}
.kw-link a{display:flex; align-items: center; font-size:14px; height: 34px; line-height: 16px; padding: 0 19px; background:#fff;border:1px solid #ccc;border-radius:5px; text-align: center; color: #333 !important; position: relative;}

.cmInfo{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#CM .cmInfo .mv{
  max-width: 620px;
  width: 60%;
}
#CM .cmInfo .htlInfo{
  max-width: 380px;
  width: 37%;
  border: none;
  box-shadow: 0 3px 3px rgba(0,0,0,.12);
  border-radius: 3px;
  overflow: hidden;
  margin: 0;
}
#CM .cmInfo .htlInfo .hotel-img{
  width: 100%;
}
#CM .cmInfo .htlInfo .hotel-img .bg-img{
  border-radius: 0;
  margin-bottom: 16px;
}
#CM .cmInfo .htlInfo .hotel-img .hotel-name{
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  margin-bottom: 14px;
}
#CM .cmInfo .htlInfo .hotel-img .hotel-name a, #CM .cmInfo .htlInfo .hotel-img .hotel-name a:hover,
#CM .cmInfo .htlInfo .explain a, #CM .cmInfo .htlInfo .explain a:hover{
  color: #333;
}
#CM .cmInfo .htlInfo a.htlstar{
  position: static;
  text-align: right;
  width: auto;
  height: auto !important;
  color: #ffba00 !important;
  font-size: 14px;
}
#CM .cmInfo .htlInfo .ico_p{
  max-width: 240px;
  margin: 0 auto;
}
#CM .cmInfo .htlInfo .area{
  max-width: 240px;
  margin: 8px auto;
  font-size: 12px;
}
#CM .cmInfo .htlInfo .explain{
  padding: 0 16px 16px;
  font-size: 12px;
  line-height: 1.6;
}
#CM .cmInfo .htlInfo .hotel-img a.bg-img{
  background: url(https://img.travel.rakuten.co.jp/premium/202302/images/cm_hotel.jpg) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 1500px) and (min-width:768px){
  #topSearchCon{
    transform: scale(0.75);
  }
  /* .swiper-container.herobnr.pc{
    transform: scale(0.75) rotate(180deg);
    margin-bottom: 64px;
  } */
  .herobnr.pc{
    transform: scale(0.75);
    margin-bottom: 64px;
  }
  .ss-container{
    width: 98%;
    margin: 0 auto 80px;
  }
  #siderBnrPrem{
    width: 120px;
  }
  #siderBnrPrem img{
    width: 100%;
  }
  #FAQ dl{
    margin: 0 10px;
  }
  .rankNote{
    width: 900px;
  }
  .mainTtl{
    font-size: 32px;
  }

}
@media screen and (max-width: 1280px) and (min-width:768px){
  #CM.ss-container{
    width: calc(100% - 200px);
    margin: 0 40px 80px;
  }

}
.ssBnr01{
  display: block;
  width: 730px;
  margin: 0 auto 80px;
}
body{
  min-width: auto;
}


.ticker {
  position: relative;
}
.ticker > ul {
  display: inline-block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.ticker li{
  display: none;
  width: 100%
}
.ticker li a{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 202312 */
.nTtl{color: #333; font-size: 24px; margin: 32px 0 16px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#newTheme ul{ display: flex; justify-content: space-around; flex-wrap: wrap;}
#newTheme ul li{ width: calc(25% - 12px); margin: 0 0 12px; border-radius: 5px; overflow: hidden;}
#newTheme ul li a{ height: 160px; background-position: center center; background-size: cover; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 24px; box-sizing: border-box; color: #fff; line-height: 1.6; font-size: 18px; font-weight: bold;}
#newTheme ul li a:hover{ opacity: .7;}

/* htlFolder  */
.htlFolder{ max-width: 1040px; width: 100%; margin: 0 auto; } 
.htlFolder .ss-hotel{ border: 1px solid #c3c3c3; border-radius: 5px; padding-bottom: 16px; } 
.htlFolder .ss-hotel:last-child{ border-right: none; } 
.htlFolder .hotel-name{ font-size: 14px; font-weight: bold; margin: 4px 32px 0; color: #333;} 
.htlFolder .ico_p{ margin: 8px 32px 0; } 
.f_platinum.f_premium{ background: url(https://img.travel.rakuten.co.jp/premium/202210/images/f_platinum.png) left center no-repeat; background-size: 72px auto; } 
.f_premium{ background: url(https://img.travel.rakuten.co.jp/premium/202210/images/f_premium.png) left center no-repeat; background-size: 72px auto; } 
.htlFolder .ss-hotel a.htlstar{ position: static; background: none; color: #ffba00 !important; font-size: 12px; font-weight: normal;  text-align: left; padding: 0 0 0 80px; line-height: 16px;}  
.htlFolder .hotel-container{ margin: 8px; display: none; } 
.htlFolder .ss-hotel .hotel-pr{ margin: 0; } 
.htlFolder .ss-hotel .area{ margin: 4px 32px 0; font-size: 12px; }
.htlFolder .ss-hotel .hotel-price{ margin: 4px 32px 0;}
.htlFolder .btn{ margin: 8px 64px 0; }
.htlFolder .btn a{ display: block; border: 1px solid #ccc; font-size: 13px; text-align: center; border-radius: 4px; padding: 12px; color: #333; }
.htlFolder .btn a.ico-coupon:before { content: ''; display: inline-block; width: 18px; height: 18px; position: relative; left: -4px; top: 3px; background-image: url(https://img.travel.rakuten.co.jp/smart/test/pitari/202101/images/ico-coupon.svg); background-size: 18px auto; background-repeat: no-repeat; }
.part3 .htlFolder .btn{ display: none !important;}


.htlFolder .ss-hotelboxNew .ss-hotel{ padding-bottom: 0;}
.ss-hotelboxNew .ss-hotel .bg-img{display: block; height: 188px; border-radius: 5px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.ss-hotelboxNew .ss-hotel .nhtl{ position: absolute; left: 0; top: 0; width: 100%; height: 188px; color: #fff; display: flex; flex-wrap: wrap; flex-direction: column-reverse; justify-content: flex-start; background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 60%,rgba(49,46,46,1) 100%);border-radius: 5px;}
.ss-hotelboxNew .ss-hotel .nhtl a{ color: #fff;}
/* .ss-hotelboxNew .ss-hotel .htlrank{left: 10px; top: 10px;} */
.ss-hotelboxNew .ss-hotel .ico_p{ margin: 30px 20px 0 ;}
.ss-hotelboxNew .ss-hotel .ico_p a.htlstar{ text-align: left; padding: 0 0 0 80px; line-height: 16px;}
.ss-hotelboxNew .ss-hotel .hotel-name{ margin: 4px 20px 0; font-size: 16px; color: #fff;}
.ss-hotelboxNew .ss-hotel .area{ margin: 4px 20px 0 ; color: #fff; font-weight: 400;}
.ss-hotelboxNew .ss-hotel .hotel-price{ color: #fff; margin: 4px 10px 8px;}
.ss-hotelboxNew .ss-hotel .hotel-price span{ color: #fff; font-weight: 400;}

.typeC .htlFolder .ico_p{ margin: 8px 8px 0;}
.typeC .htlFolder .ss-hotel .area{ margin: 8px 8px 0;}
.typeC .htlFolder .hotel-name{ margin: 8px 8px 0;}
.typeC .htlFolder .ss-hotel .hotel-price{ margin: 8px 8px 0;}
.typeC .htlFolder .btn{ margin: 8px 8px 0;}


.vdBox {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.vdBox .kaltura-video-player {
  width: 100%;
  height: 100%;
}


.playkit-pre-playback-play-button:hover {
	background-color: #00b900!important;
	border: none!important;
}


.playkit-player .playkit-seek-bar .playkit-progress-bar .playkit-progress {
	background-color: #00b900!important;
}

#player-gui .playkit-control-button-container.playkit-control-play-pause .playkit-control-button:focus {
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
}