@charset "UTF-8";
@media screen and (min-width:721px) {
.hotel-price a:hover,ss-button a:hover{ text-decoration: none!important; opacity: .7;}
.sp {display:none!important}
.bnr {right:0;position:fixed;font-size:88%;text-align:right;z-index:9999;bottom:0;width:80px}
.ss-title {width:100%;background-color:#fff}
.ss-title .kvBnr {position:relative;padding-top:30px;display:block}
.kvSP_bg {max-width:1200px;margin:0 auto;min-width:1200px;padding:20px 0}
.kvBnr .kvSP_bg>h1 {text-align:center;font-size:54px;font-weight:700;letter-spacing:1.5px;color:#fff;margin:0 auto}
.kvBnr .kvSP_bg>h1 .main {font-size:32px;display:block;padding-top:10px}
}


@media screen and (max-width:720px) {
html {font-size:62.5%!important}
.pc {display:none}
.kv_wrapper{ background-color: #ffffff;}
.kv_wrapper .kv_wrapperIn{ padding-bottom: 0;}
}
@media screen and (min-width:721px) {
body .rt-wide-banner-pc {display:block!important;}

}

.mb10{margin-bottom: 10px!important;}

.clear {display:block;clear:both;height:0;line-height:0;font-size:1px}
.clearfix:after {content:".";display:block;clear:both;height:0;visibility:hidden}
.clearfix {min-height:1%;display:block}
* html .clearfix {height:1%}
a:link,a:visited {color:#1d54a7}
a:hover {text-decoration:none}
li,ul {list-style:none}
img {vertical-align:bottom}
em {font-style:normal}
@media screen and (min-width:721px) {.mainTtl,.ss-center,.ss-contents {position:relative}
.mainTtl,.subTt {font-weight:700}
.sp {display:none!important}
.ss-title #grpLocationArea {margin:10px 0 10px 15px;font-size:82%;text-align:left}
.ss-contents {z-index:auto;width:100%;margin:0 auto;background-color:#e9e9eb;padding-bottom:20px;min-width:1450px}
.ss-center {max-width:1280px;margin-left:auto;margin-right:auto}
.ss-container {border:1px solid #ced5db;background-color:#fff;padding:30px;margin-bottom:30px;-webkit-box-sizing:border-box;box-sizing:border-box}
.mainTtl {display:table;vertical-align:middle;padding-left:60px;line-height:1;font-size:36px;margin-bottom:25px;padding-top:9px;margin-top:-10px}
.subTt {display:inline-block;clear:both;font-size:20px;color:#000;padding-bottom:5px;border-bottom:2px dotted #000;margin:0 10px}
}
.ttlicon:after {background-image:url(https://img.travel.rakuten.co.jp/special/sales/template/new_template/images/ttlIcon.svg)!important;display:block;width:45px;height:45px;background-size:530px auto;left:0;top:5px;z-index:10}
.ttlicon_s:after,.ttlicon_w:after {background-repeat:no-repeat;display:block;position:absolute;z-index:4;content:''}

.ttlicon.search-icon:after {background-position:-486px -60px}

.ttlicon_s:after {background-image:url(https://img.travel.rakuten.co.jp/special/sales/images/ttlIcon.png);width:22px;height:22px;background-size:110px 220px;left:0;top:0}
@media screen and (min-width:0px) and (max-width:720px) {.mainTtl,.ss-contents {position:relative;width:100%}
.mainTtl,.subTt {font-weight:700;color:#000}
.pc,.ss-title #grpLocationArea,body>a>img {display:none}
html {font-size:62.5%!important}
body {font-size:160%!important;overflow-x:hidden}
em,i {font-style:normal}
.ss-contents {z-index:1;padding-bottom:10px;padding-top:2px;background-color:#eaeaea}
.ss-center,.ss-container {background-color:#fff;margin:0}
.ss-container {border-bottom:17px solid #eaeaea;padding:10px 10px 15px}
.mainTtl {height:42px;display:table;vertical-align:middle;line-height:1.2;margin-bottom:8px;font-size:19px}
.mainTtl span {display:table-cell;vertical-align:middle;padding:0 0 0 48px}
.mainTtl .ttlicon:after {left:5px}
.subTt {display:inline-block;clear:both;font-size:16px;padding-bottom:5px;border-bottom:2px dotted #000;margin:0 10px}
.ttlicon:after {top:0;-webkit-transform:scale(.8);transform:scale(.8)}
}
a.ss-btn,a.ss-btn-ana span,a.ss-btn-jal span {display:block}
@media screen and (max-width:720px) {.jssBox.allList {height:auto}
body .rgt.submenu {width:calc(100vw - 50px);height:calc(100vh);overflow:auto;-webkit-overflow-scrolling:touch;margin:0;padding:38px 0 15px;position:fixed;right:0;top:50px}
}
.arr-down-white,.arr-left-black,.arr-right-black,.arr-right-blue,.arr-right-blue-b,.arr-right-blue2,.arr-right-blue2-b,.arr-right-green,.arr-right-green-b,.arr-right-white,.arr-right-white-b,.arr-up-white,.round-minus-black,.round-plus-black,.ss-btn,.triangle-down-gray,.triangle-left-gray,.triangle-right-gray,a.ss-btn {position:relative}

.selectBtnNew ul .feature a.on {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAAMFBMVEVQzyVb0jJm1UBx2E5821yS4XaS4Xen55Gn55Ky6p+97ay97a3e9tfp+eT0/PL///9UjsnsAAAAQUlEQVR42mMgBmTCGGz/G6Cs/P8FMKHvIIqRgcEfIqS7gfk9WIjh/G8/qCq7/0BVYMD8/v8CqBF2v2DGsgKFCAIA4ywVdjZL3U0AAAAASUVORK5CYII=) left center no-repeat}
.selectBtnNew .typeRow.noBdcar {border-bottom:none;padding-bottom:8px;padding-top:8px}
a.ss-btn-red01,a.ss-btn-white01 {border-color:#d00505;border-style:solid}
a.ss-btn {font-size:14px;text-align:center;padding:.6em 0 .8em;color:#fff;cursor:pointer;border-radius:5px;min-height:16px;margin-bottom:5px}
a.ss-btn:hover {-moz-opacity:.7;opacity:.8}
a.ss-btn-red01 {background-color:#d00505}
a.ss-btn-white01 {color:#d00505;background-color:#fff}
a.ss-btn-white02 {color:#333;border:1px solid #d7d7d7;background-color:#fff;-webkit-box-shadow:1px 1px 3px #eee,-1px 1px 3px #eee;box-shadow:1px 1px 3px #eee,-1px 1px 3px #eee}
a.ss-btn-white01:hover {background-color:#fdebeb}
a.ss-btn-ana,a.ss-btn-jal {background:#fff;border-style:solid;z-index:1;border-width:2px}
a.ss-btn-ana {color:#009;border-color:#009}
a.ss-btn-jal {color:#c00;border-color:#c00}
.btn_L {width:100%;max-width:480px;margin:0 auto}
.btn_L .ss-btn {height:22px;padding:.8em 0;font-size:22px}
.btn_L .ss-btn:after {right:20px}
a.ss-btn.next,a.ss-btn.pre {width:120px;font-size:14px;padding:.5em 0 .6em;display:inline-block}
a.ss-btn.next:after {right:10px}
.arr-right-white:after,.ss-btn-ana:after,.ss-btn-jal:after {width:8px;height:13px;right:6px;margin-top:-7px}
a.ss-btn.pre:after {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENTAyMkJGQ0ZFMTBFNjExQjNCOERGMDFBMDI2NEI2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RTk0QTg1RTk5QjYxMUU2OEQxOEMwNzVGNzdERUJDNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RTk0QTg1RDk5QjYxMUU2OEQxOEMwNzVGNzdERUJDNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZEMzhENjIzOEQ5OUU2MTE5MzI0RDA3QUIzRTMzQUVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1MDIyQkZDRkUxMEU2MTFCM0I4REYwMUEwMjY0QjZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+T+6G8AAAAKxJREFUeNpi/P//PwM6MDExaQFS1UBcz4RFsgEqCQKaTFgk66Hc3jNnzkQywqwASoJ0tUAlZwAlM0EMJqhkDZJkL0wSBBiNjY1nAelUKL8cKNmFbC3IBA0k/gN0RzMBddgB6cVQ/kqgdRnoJjAAFcUBqSVQselARYUoCqCKYoHUfCi3D6ioGOxI9JAESqwGUiFQbidGSAJNCgVSK6BcSRYG7CAZiI8DFU8CCDAAzu06gdDc+L4AAAAASUVORK5CYII=) center center no-repeat;left:10px}





@media screen and (max-width:720px) {
.mainTtl {font-size:19px}
.ttlicon:after {top:0;-webkit-transform:scale(.8);transform:scale(.8)}
}

.swiper-pagination-bullet-active {background:#4ace00!important}



.swiper-container-horizontal>.swiper-scrollbarNew {position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%;border-radius:10px;background:rgba(0,0,0,.1);opacity:1!important}



.btn_M {width:100%;max-width:360px;margin:0 auto}
.btn_M .ss-btn {height:18px;padding:.8em 0;font-size:18px}
.btn_M .ss-btn:after {right:18px}
.txt_xs {color:#000;font-size:12px;line-height:1.6}
.txt_gray {color:#333}
.beginner .subTtl_M_reverse {font-size:16px;padding:8px;color:#fff;font-weight:700;background-color:#96a396}
.beginner .subTtl_M_reverse span {border-bottom:1px solid #fff}
.firstimg {margin-top:20px;margin-bottom:20px;text-align:center}
@media screen and (max-width:720px) {.firstimg {margin-bottom:10px}
.firstimg img {width:100%}
.beginner .subTtl_M_reverse {font-size:13px}
}


@media screen and (max-width:720px) {
.align-center a:hover img,.flex-box-center a:hover img {-moz-opacity:.6;opacity:.6}
_:-ms-lang {position:relative;display:block;width:29.8%;float:left;border-left:1px solid #333}
}
@media screen and (min-width:721px) {
.column_2 .column-list .price {padding:6px 0;float:none;margin:4px auto}
}
@media screen and (max-width:720px) {.jssBox.allList {height:auto}

.swiper-container .column-list {box-sizing:border-box!important;-moz-box-sizing:border-box!important;-webkit-box-sizing:border-box!important;margin-right:0;}
.column_4.htl .column-list {width:100%;margin-right:0}
}

@media screen and (min-width:720px) {.jdsSelectShow .jssBox .column-list.ss-hotel-column2 {width:49%}
.ss-hotel .hotel-price a span.details span.price-info {right:0}
.ss-hotel .price-info:after {right:105px}
}
@media screen and (max-width:720px) {
.rgt.submenu {width:calc(100vw - 50px);height:calc(100vh);overflow:auto;-webkit-overflow-scrolling:touch;margin:0;padding:38px 0 15px;position:fixed;right:0;top:50px}
.ss-hotel .price-info:before {right:99px}
.ss-hotel .price-info:after {right:100px}

.ss-hotel .ss-slidetab {-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}
.ss-hotel .price-info {right:3px}
.ss-button{ clear: both;}
.ss-hotel .ss-button-middle.ss-button-green {font-size:16px;font-weight:700}
}

.ss-hotel .ss-slidetab li span {text-align:center}
.ss-hotel .ss-buttons{display:-webkit-box;display:-ms-flexbox}
.ss-hotel .ss-slidetab li em {font-size:11px}
.swipeBtns {margin:10px 0}
.swipeBtns .ss-slidetab li.swiper-slide {width:auto}
.swipeBtns .swiper-scrollbar {opacity:0}
.ss-slidetab li.active {border:1px solid #0dbd0d;background-color:#0dbd0d;color:#fff}
.ss-button-ana,.ss-button-jal {color:#fff!important;padding:.6em .4em}
.ss-button-middle.ss-button-ana,.ss-button-middle.ss-button-jal {font-size:18px}
.ss-button-ana {border:1px solid #1b0e80;box-shadow:1px 1px 2px #bbb,-1px 1px 2px #bbb;background-color:#1b0e80}
.ss-button-jal {border:1px solid #cc0001;-webkit-box-shadow:1px 1px 2px #bbb,-1px 1px 2px #bbb;box-shadow:1px 1px 2px #bbb,-1px 1px 2px #bbb;background-color:#cc0001}
.ss-button-ana span,.ss-button-jal span {display:inline-block}
.ss-hotelbox {margin-bottom:20px;overflow:hidden;padding-right:3px;padding-bottom:3px;padding-left:3px}
.ss-hotel {-webkit-box-sizing:border-box;-webkit-box-shadow:1px 1px 3px #ddd}
@media screen and (min-width:721px) {.ss-hotel .ss-button-middle.ss-button-green {font-size:18px;font-weight:700}
.ss-hotelbox .ss-hotel img {max-height:290px}
.ss-hotel .hotel-price a span.details span.price-info {bottom:42px}
}
.ss-hotel-column2 .hotel-img {margin:0 0 7px!important;width:40%;float:left}
.ss-hotel-column2 .hotel-container {width:60%;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:15px}
.ss-hotel .hotel-main .chara li {float:left}
.ss-hotel .hotel-price a span.details {-webkit-box-pack:right;-ms-flex-pack:right;-webkit-box-align:center;-ms-flex-align:center}
.ss-hotel .hotel-price a span.details em {font-size:14px}
.ss-hotel img.pointX {width:50px;margin-right:1px}
@media screen and (min-width:720px) {
.ss-hotel .price-info-arrow {display:block;position:absolute;content:'';background:url(https://img.travel.rakuten.co.jp/special/sales/images/new/arrow.png) center center no-repeat;-webkit-transform:rotate(180deg);transform:rotate(180deg);height:8px;width:15px;top:6px;right:5px;z-index:15}
}
@media screen and (max-width:720px) {.ss-hotel .hotel-price a span.details span.price-info {top:-32px}
.ss-hotel {margin-bottom:10px}
.ss-hotel .price-info-arrow {display:block;position:absolute;content:'';background:url(https://img.travel.rakuten.co.jp/special/sales/images/new/arrow.png) center center no-repeat;-webkit-transform:rotate(180deg);transform:rotate(180deg);height:8px;width:15px;top:-8px;right:5px;z-index:15}
}
.buscmp li div.clearfix:before,.ss-hotel .hotel-main .chara:after,.ss-hotel .htlInfo::before,.ss-hotel .htlInfo:after {content:""}
.ss-hotel .hotel-sub {padding-top:4px;clear:both}
.ss-hotel .hotel-sub .hotel-pr {font-size:12px;margin-bottom:10px;line-height:1.3}
.ss-hotel-column2 .hotel-sub {clear:both}
.ss-hotel .ss-buttons {display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}
.ss-hotel .ss-buttons .ss-button-middle.ss-button {width:calc((100% - 10px)/ 2)}
.ss-hotel .ss-button-middle.ss-button-white {font-size:12px;max-width:180px;margin:0 auto;padding:.5em}
.ss-hotel .ss-button-middle.ss-button-green {max-width:420px;margin:0 auto;clear:both}

.ss-button-ana,.ss-button-jal {padding-top:.7em;padding-bottom:.7em}
@media screen and (max-width:720px) and (max-width:320px) {
  .column_2 .column-list,.column_4 .column-list {width:100%;margin-right:0}
}
@media screen and (max-width:720px) {
.ss-container {padding:10px 10px 15px}
.slidetab-contianer {overflow:hidden}
.ss-tab {border-bottom:4px solid #0dbd0d;width:auto;margin:auto 10px 10px}
.ss-hotel,.ss-tab li:last-child {margin-right:0}
.ss-tab li span {font-size:14px}
.ss-tab li.active span {font-size:17px}
.ss-tab li::before {right:10px;width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff}
.ss-tab li.active::before {border-top:2px solid #0dbd0d;border-right:2px solid #0dbd0d;margin-top:-5px}
.ss-slidetab {padding:0 0 0 10px}
.ss-hotel {width:100%;padding:10px}
.hotel-img {margin:0 0 7px!important;width:40%;float:left}
.hotel-container {width:60%;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:15px}

.ss-hotel .ss-slidetab {width:auto;margin-bottom:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;clear:both}
.ss-hotel .ss-slidetab li {font-size:14px;padding:8px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.ss-button-middle {font-size:12px}
.ss-hotel .hotel-price a span.details {background:url(https://img.travel.rakuten.co.jp/special/sales/images/new/detail.png) right center/17px auto no-repeat;padding-right:20px}


}

@media screen and (min-width:721px) {
.all_area div.content_area {padding:20px 0 0}
.selectBtnNew ul.tokutyo .feature a {color:#000;font-size:14px;border-radius:3px}
.lineHF {min-height:86px}
}
.swiper-scrollbar {border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}


#RANK li.column-list .hotel-img img {display:block}
.ss-hotel .htlInfo {display:inline-block;padding:5px 14px 5px 5px;color:#fff;border-radius:4px;font-size:12px;text-align:center;background:rgba(0,0,0,.6);position:absolute;right:5px;bottom:5px}
.ss-hotel .htlInfo:after {display:block;position:absolute;top:50%;right:.5em;width:.5em;height:.5em;margin-top:-.3em;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.ss-hotel .htlInfo::before {position:absolute;top:-192px;left:-205px;bottom:-5px;right:-5px}
.ss-hotel .jss_popOverInfo {-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;visibility:hidden;opacity:0}
.ss-hotel .jss_popOverInfo.active {visibility:visible;opacity:1}
.jss_popOver {z-index:15}
.ss-button-large {font-size:18px}
.ss-button-green {background-color:#0dbd0d;border:1px solid #0dbd0d;box-shadow:1px 1px 2px #bbb,-1px 1px 2px #bbb}
.ss-hotel {box-sizing:border-box;border-radius:5px;border:1px solid #c3c3c3;padding:15px;box-shadow:1px 1px 3px #ddd;overflow:hidden;color:#333;margin-bottom:20px}
.ss-hotel img {width:100%}
.ss-hotel .hotel-img {position:relative;margin:-15px -15px 7px}
.ss-hotel .hotel-main .area-name {font-size:13px;color:#777;margin-bottom:9px}
.ss-hotel .hotel-main .hotel-name {font-size:14px;color:#333;font-weight:700;margin-bottom:7px;line-height:1.3}
.ss-hotel .hotel-main .chara {display:block;margin-bottom:10px;clear:both}
.ss-hotel .hotel-main .chara .icon-reverse a {color:#eb6100}
.ss-hotel .hotel-main .chara:after {min-height:1%;display:table;clear:both}
.ss-hotel .hotel-main .chara li {margin-right:5px;padding:3px 5px;border-radius:3px;font-size:10.5px;border:1px solid #eb6100;display:inline-block;margin-bottom:4px}
.ss-hotel .hotel-main .chara .icon {background-color:#eb6100;color:#fff;line-height:1.3}
.ss-hotel .hotel-main .chara .icon-reverse {background-color:#fff;color:#eb6100;line-height:1.3}
.ss-hotel .hotel-price {text-align:right;position:relative;padding-bottom:4px;clear:both}
.ss-hotel .hotel-price a {font-size:14px;text-align:right;color:#333;display:inline-block}
.ss-hotel .hotel-price a span {font-size:20px;color:#bf0000;font-weight:700}
.ss-hotel .hotel-price a span.details {display:flex;min-height:50px;justify-content:right;align-items:center;position:relative;left:0;top:0;background:url(https://img.travel.rakuten.co.jp/special/sales/images/new/detail.png) right center/16px 16px no-repeat;padding-right:18px}
.ss-hotel .hotel-relief {font-size:12px;text-align:right;line-height:1;margin-top:-5px}
.ss-hotel .hotel-price a span.details span.price-info {display:block;position:absolute;width:210px;margin:0 auto;font-size:12px;clear:both;background-color:#fff;color:#666;border-radius:5px;padding:5px;text-align:center;z-index:12;border:1px solid #666}

@media screen and (min-width:720px) {#RANK li.column-list .hotel-img img {max-height:290px}
.ss-hotel .hotel-price a span.details span.price-info {right:0;bottom:42px}
.ss-hotel .price-info:after {right:105px}
.ss-hotel .price-info-arrow {display:block;position:absolute;content:'';background:url(https://img.travel.rakuten.co.jp/special/sales/images/new/arrow.png) center center no-repeat;-webkit-transform:rotate(180deg);transform:rotate(180deg);height:8px;width:15px;top:6px;right:5px;z-index:15}
}
@media screen and (max-width:720px) {
.swiperBox {margin:0;padding:0;position:relative;width:100%}
.ss-hotel .price-info:before {right:99px}
.ss-hotel .price-info:after {right:100px}
.ss-hotel .price-info {right:3px}
.ss-hotel .hotel-main .chara {margin-left:10px;margin-top:10px}
.ss-hotel .hotel-price a span.details span.price-info {top:-32px}
.ss-hotel .price-info-arrow {display:block;position:absolute;content:'';background:url(https://img.travel.rakuten.co.jp/special/sales/images/new/arrow.png) center center no-repeat;-webkit-transform:rotate(180deg);transform:rotate(180deg);height:8px;width:15px;top:-8px;right:5px;z-index:15}
.ss-container {padding:10px 10px 15px}
.ss-hotel {margin-bottom:10px;width:100%;margin-right:0;padding:10px}
.hotel-img {margin:0 0 7px!important;width:40%;float:left}
.hotel-container {width:60%;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:15px}
.ss-button-large {font-size:16px}
.ss-hotel .hotel-price a span.details {background:url(https://img.travel.rakuten.co.jp/special/sales/images/new/detail.png) right center/17px auto no-repeat;padding-right:20px}
.ss-button-middle {font-size:12px}
}
.msg-item>a:after,.ss-button-white:after {content:""}


.ss-button {-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-shadow:1px 1px 3px #eee,-1px 1px 3px #eee}
.ss-button:hover {-webkit-box-shadow:none}

.flex-box-center {-webkit-box-pack:center;-ms-flex-pack:center}
.ss-banner-Nolink {margin:10px auto}

.column_2 .column-list,.column_3 .column-list,.column_4 .column-list,.column_5 .column-list {box-sizing:border-box;margin-right:10px}
.column_2,.column_3,.column_4,.column_5 {display:flex;justify-content:start;flex-wrap:wrap}
.column_5 .column-list {width:calc((100% - 40px)/ 5)}
.column_4 .column-list {width:calc((100% - 30px)/ 4)}
.column_3 .column-list {width:calc((100% - 20px)/ 3);width:32.6%}
.column_2 .column-list {width:calc((100% - 10px)/ 2)}
.column_2 .column-list:nth-child(2n),.column_3 .column-list:nth-child(3n),.column_4 .column-list:nth-child(4n),.column_5 .column-list:nth-child(5n) {margin-right:0}
@media screen and (max-width:720px) {
/*column*/
.column_2 .column-list,
.column_3 .column-list,
.column_4 .column-list,
.column_5 .column-list {
  margin-bottom: 10px;
  float: left;
  display: table;
  width: 49.5%;
  vertical-align: middle;
  margin-right: 1%;
}

.column_2 .column-list.ss-hotel,.column_3 .column-list.ss-hotel,.column_4 .column-list.ss-hotel,.column_5 .column-list.ss-hotel{width:98%;}
.column_2 .column-list:nth-child(2n),.column_3 .column-list:nth-child(2n),.column_4 .column-list:nth-child(2n),.column_5 .column-list:nth-child(2n) {margin-right:0}
}


@media screen and (max-width:720px) {
.align-center {text-align:center}
}
.ss-button {align-items:center;display:flex;font-weight:700;text-align:center;padding:.6em;color:#fff!important;cursor:pointer;border-radius:5px;min-height:16px;justify-content:center;box-shadow:1px 1px 3px #eee,-1px 1px 3px #eee}
.ss-button:hover {opacity:.8;box-shadow:none}
.ss-button-middle {font-size:16px}
.ss-button-white {background-color:#fff;border:1px solid #d7d7d7;color:#333!important;padding-right:1.2em;padding-left:.8em}
.ss-button-white:after {display:block;position:absolute;top:50%;right:.5em;width:.5em;height:.5em;margin-top:-.35em;border-top:2px solid #777;border-right:2px solid #777;-webkit-transform:rotate(45deg);transform:rotate(45deg)}

@media screen and (min-width:721px) {
.cp_container ul li {text-align:center;margin:0 .5% 20px;width:15.6%;float:left}
.bnr {right:0;position:fixed;font-size:88%;text-align:right;z-index:9999;bottom:0;width:80px}
}


@media screen and (min-width:721px) {
.sp {display:none!important}
.ss-title {width:100%;background-color:#fff}
.ss-title .kv_wrapperIn {background-color:#fff;position:relative;margin:0 auto;max-width:970px;padding:0 10px}
.ss-title .kv_wrapperIn .kv_logo {height:60px;padding:7px 0;display:block!important;background-color:#fff}
}
@media screen and (max-width:720px) {.ss-sitemapBox ul li a {border-right:none}
.pc {display:none}

}




.fl {float:left}
.fr {float:right}
.cb {clear:both}

.ss-note-error,.ss-note-info,.ss-note-infoB {font-size:12px;display:block}
.nolink:hover {cursor:default!important;background:#fafafa!important}
.nolink:hover img {opacity:1!important}
.ss-note-infoB {background:#fcfcfc;border:1px solid #ccd4dc;color:#666;padding:10px;border-radius:3px;background-size:13px auto}
.ss-note-info {background:url(https://img.travel.rakuten.co.jp/special/sales/images/new/surprise.svg) center left 7px no-repeat #fcfcfc;border:1px solid #ccd4dc;color:#666;padding:10px 10px 10px 23px;border-radius:3px;background-size:13px auto}
.ss-note-blue {color:#0769b0}
.ss-note-error {background:url(https://img.travel.rakuten.co.jp/special/sales/images/new/error.png) center left 7px no-repeat #fff8f7;background-size:13px 13px;border:1px solid #e08782;color:#cd3a33;padding:10px 10px 10px 24px;border-radius:3px}
.txt_s {color:#000;font-size:14px;line-height:1.4}






 


  
  @media all and (max-width: 720px) {
    .ss-hotel .hotel-main .chara {
      margin: 0;
    }

    .ss-hotel .hotel-main .chara.pc {
      display: block;
      position: relative;
      height: 30px;
      width: 150px;
    }

    .ss-hotel .hotel-main .chara.pc li {
      position: absolute;
    }

    .ss-hotel .hotel-main .chara.pc li.fl1 {
      left: 0;
    }

    .ss-hotel .hotel-main .chara.pc li.fl2 {
      left: 84px;
    }

    .ss-hotel .hotel-price {
      padding: 6px 0 0;
    }

    .ss-hotel p.carDetail {
      padding-bottom: 5px;
    }

   
    .common-round-left,
    .common-round-right {
      width: 34px;
      height: 34px;
    }

    .common-round-right {
      right: -10px;
      background-position: -122px -84px;
    }

    .common-round-left {
      left: -10px;
      background-position: -122px -44px;
    }

    
  

    .ss-contents {
      position: initial;
    }

    
  }