@charset "utf-8";
.pc {display: none !important;}
.ss-contents{overflow: hidden; line-height: 1.5;}
.ss-title .kvBnr img{display: block; width: 100%;}
.ss-container{border: none; margin-bottom: 56px; color: #333; padding: 0;}
.ss-center{background: #fff; padding: 0 16px 24px; overflow: hidden;}
.ss-centerG{background: #eaeaea; padding: 0 16px 24px; overflow: hidden;}

/* .mainTitle{font-size: 20px;display: flex; justify-content: center; align-items: center; margin-bottom: 16px;}
.mainTitle img{margin-right: 8px; width: 28px;} */
/* .mainTtl span{position: relative; height: auto; font-size: 20px;padding:9px 0 0 48px;}
.ttlicon:after{transform: scale(0.6); left: 0;} */

.midashi{text-align: center; font-size: 20px; margin-bottom: 16px; padding-top: 24px;}
.midashi small{display: block; font-size: 16px;}



#spot .midashi{background: url(../images/iconBg1.png) no-repeat 56px -16px / 64px;}
#spot .swiper-container{padding-bottom: 16px;}
#spot .swiper-slide{border: 1px solid #EAEAEA; border-radius: 4px; overflow: hidden; background: #fff;}
#spot .swiper-slide img{display: block; width: 100%; margin-bottom: 8px;}
#spot .swiper-slide h3{margin: 0 8px 8px; text-align: center; font-size: 14px;}
#spot .swiper-slide p{margin: 0 8px 8px; font-size: 12px;}

#guide .midashi{background: url(../images/iconBg2.png) no-repeat 56px -16px / 64px;}
#guide .swiper-container{padding-bottom: 24px;}
#guide .swiper-slide{border: 1px solid #EAEAEA; border-radius: 4px; background: #fff; padding-bottom: 8px; position: relative; overflow: hidden;}
#guide .swiper-slide a{color: #333;}
#guide .swiper-slide:before{position: absolute; content: '広島'; top: 145px; right: 8px; padding: 4px 8px 4px 26px; background: #eaeaea url(../images/location.png) no-repeat 4px center / 12px; font-size: 12px;}
#guide .swiper-slide img{display: block; width: 100%; margin-bottom: 16px;}
#guide .swiper-slide p{padding: 0 8px 8px; font-size: 12px;}
#guide .swiper-slide p.update{color: #8C8C8C;}



/* ranking */
#ranking .midashi{background: url(../images/iconBg3.png) no-repeat 56px -16px / 64px;}
#ranking .swiper-container{padding-bottom: 24px; margin-bottom: 16px;}
#ranking .photo .photo-in-in{height:90px;}
#ranking .hotel{background:#fff;border-radius:4px; border: 1px solid #eaeaea; box-sizing: border-box;}
#ranking .hotel .main{position:relative;}
#ranking .hotel .main a{padding:0px 8px 2px;display:block;color:#333;}
#ranking .hotel .main a:hover .photo-in-in{transform:scale(1.2);}
#ranking .hotel .photo{overflow:hidden;margin:0 -8px;border-radius:4px 4px 0 0;}
#ranking .hotel .photo .photo-in-in{background-position:center;background-size:cover;border-radius:4px 4px 0 0;}
#ranking .hotel .photo .photo-in-in:hover{transform:scale(1.2);}
#ranking .hotel .name{font-size:14px;font-weight:700;padding-top:8px;line-height:1.4;padding-bottom:6px;position:relative;}
/* #ranking .hotel .name.crown{padding-top:34px;} */
#ranking .hotel .area{min-height:18px;font-size:12px;}
/* #ranking .hotel .name.crown:after{content:"";display:block;position:absolute;top:3px;left:0;width:36px;height:30px;background:url(https://img.travel.rakuten.co.jp/share/pctop/images/icon_rank.svg) no-repeat;background-size:auto 28px;}
#ranking .hotel:nth-of-type(1) .name:after {background-position: -2px 0px;}
#ranking .hotel:nth-of-type(2) .name:after {background-position: -38px 0px;}
#ranking .hotel:nth-of-type(3) .name:after {background-position: -74px 0px;}
#ranking .hotel:nth-of-type(4) .name:after {background-position: -112px 0px;}
#ranking .hotel:nth-of-type(5) .name:after {background-position: -148px 0px;}
#ranking .hotel:nth-of-type(6) .name:after {background-position: -186px 0px;}
#ranking .hotel:nth-of-type(7) .name:after {background-position: -223px 0px;}
#ranking .hotel:nth-of-type(8) .name:after {background-position: -259px 0px;}
#ranking .hotel:nth-of-type(9) .name:after {background-position: -295px 0px;}
#ranking .hotel:nth-of-type(10) .name:after {background-position: -333px 0px;}
#ranking .hotel:nth-of-type(3) .name:after{background-position:-74px 0px;} */
#ranking .hotel .rvw-score{padding-top:2px;padding-bottom:4px;padding-left:10px;}
#ranking .hotel .rvw-score a .review-score{color:#bf0000;font-size:14px;font-weight:700;}
#ranking .hotel .rvw-score a .review-score:hover{opacity:0.8;}
#ranking .hotel .rvw-score .stars{font-size:14px;letter-spacing:1px;margin-right:2px;width:80px;display:inline-block;position:relative;}
#ranking .hotel .rvw-score .stars .review-base{color:#eaeaea;width:100%;box-sizing:border-box;}
#ranking .hotel .rvw-score .stars .review-rst{color:#ffba00;position:absolute;overflow:hidden;top:0;left:0;z-index:1;width:0;box-sizing:border-box;}
#ranking .hotel .price{font-weight:700;color:#bf0000;text-align:right; font-size: 13px; padding: 0 8px;}
#ranking .hotel .price em{font-size:16px;font-style:normal;}
#ranking .hotel .links{padding:2px 0 4px;text-align:center;}
#ranking .hotel .links a{font-size:14px;color:#1d54a7;background:#fff;display:block;margin:8px;border:1px solid #ccc;border-radius:3px;padding:8px 0;color:#333;}
#ranking .hotel .links a:hover{border:1px solid #eaeaea;background-color:#f3f3f3;}
.note{font-size: 12px;}


/* undate */
/* #shBox{padding-bottom: 56px;} */
/* #Searchbox{margin-bottom: 0; background: none;}
#Searchbox .mainTtl{color: #fff;}
#Searchbox .mainTtl span{padding: 5px 0 0 48px;}
#Searchbox .ttlicon:after{background-image: url(../images/ttlIcon_w.svg) !important; content: '';}
#search-box.verB.test .dhAll.dh{display: flex; justify-content: space-between; flex-wrap: wrap;}
#search-box.verB.test #dh-search-form #dhChuArea{width: 100%;}
#search-box.verB .searchUndate{width: 100%; background:none; order: 6; padding: 0; margin: 0;}
#search-box.verB .searchUndate input[type="checkbox"] + label{color: #333;}
#search-box.verB.test .InpuDateBox{width: 100%;}
#maskDh{height: 133px; bottom: 30px;}
#search-box.verB.test #searchSwitchArea1{background: #e0e0e0;padding: 16px;}
#search-box.verB.test #dh-search-form .chuArea .structure,
#search-box.verB.test #dh-search-form .chkDate dl.fltDl.chkIn, 
#search-box.verB.test #dh-search-form .chkDate dl.fltDl.chkOut,
#search-box.verB.test #dh-search-form div.ninzu dl.structure dd.number,
#search-box.verB.test #dh-search-form .roomNumber dl.structure.heya{border: 1px solid #D3D2D2;}
#search-box .searchNavi li.on label{background: #c00; border-color: #c00;}
#search-box .searchNavi li.on:after{border-top-color: #c00;}
#search-box .searchNavi li{width: 24%;} */
.ss-container.serach{padding: 0;}
#Searchbox .midashi{background: url(../images/iconBg4.png) no-repeat calc(50% - 74px) -16px / 64px; margin-bottom: 0;}

.ttlicon_w:after{background-image: url(../images/ttlIcon.png);}
.ttlicon_w.pen-icon:after{background: url(../images/pen.png) no-repeat; margin-left: -8px;}
.ss-right dd li a{padding: 35px 5px 8px; line-height: 1.2;}
.ttlicon_w.night-icon:before{position: absolute; content: ''; width: 10px; height: 10px; background: #fff; left: 34px; top: 6px;z-index: 10;}

.datepicker-modal{overflow: hidden; box-sizing: border-box;}
.contents__fields, .contents__fields-checkin, .contents__fields-checkout, .contents__fields .easepick-wrapper,.container.inline{box-sizing: border-box;}
.datepicker-modal__header, .datepicker-modal__contents{width: 100%;box-sizing: border-box;}
 .contents__calendar_days{box-sizing: border-box; width: 100%;}