@charset "utf-8";

.sp {display: none !important;}
.ss-title .kvBnr{width: 100%; height: 320px; background: url(../images/KV.png) no-repeat center / cover;}
.ss-title .kvBnr h1{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.ss-contents{font-family: 'Noto Sans JP', sans-serif; line-height: 1.6; overflow: hidden;}
.ss-center{width: 100%; margin: 0 auto; max-width: none; background: #fff; padding: 0 0 20px;}
.ss-centerG{width: 100%; margin: 0 auto; max-width: none; background: #eaeaea; padding: 0 0 80px; overflow: hidden;}
.ss-container{border: none; padding: 0;margin: 0 auto 112px; color: #333; width: 1280px;}

.midashi{text-align: center; font-size: 40px; margin-bottom: 40px; padding-top: 80px; width: 100%;}
.midashi small{display: block; font-size: 28px;}


#spot .midashi{background: url(../images/iconBg1.png) no-repeat calc(50% - 196px) -24px;}
#spot .swiper-wrapper{transform: none !important; justify-content: center;}
#spot .swiper-slide{width: 300px !important; border: 1px solid #EAEAEA; border-radius: 8px; overflow: hidden; background: #fff; margin: 0 12px !important;}
#spot .swiper-slide img{display: block; width: 100%; margin-bottom: 24px;}
#spot .swiper-slide h3{padding: 0 16px 16px; text-align: center; font-size: 20px;}
#spot .swiper-slide p{padding: 0 16px 16px; font-size: 16px;}

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



/* ranking */
#ranking .midashi{background: url(../images/iconBg3.png) no-repeat calc(50% - 196px) -24px;}
#ranking .swiper-container{padding-bottom: 24px;}
#ranking{width: 1280px; margin: 0 auto 24px;}
#ranking .photo .photo-in-in{height:124px;}
#ranking .photo{height:124px;}
#ranking .hotel{background:#fff;border-radius:8px; 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;height:105px;}
#ranking .hotel .photo .photo-in-in{background-position:center;background-size:cover;height:105px;border-radius:4px 4px 0 0;transform:scale(1);transition:0.3s ease-in-out;}
#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(n+11){display: none;} */
#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: 14px; padding: 0 10px;}
#ranking .hotel .price em{font-size:16px;font-style:normal;font-feature-settings:"palt", 1;}
#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: 14px; margin: 0 auto; width: 1280px;}

.pagetop a{background: #c00;}


/* undate */
/* .searchWide{width: 1280px; margin: 0 auto; background: #fff; padding: 40px 32px; box-sizing: border-box;}
#Searchbox .mainTtl{color: #fff;}
#Searchbox .ttlicon:after{background-image: url(../images/ttlIcon_w.svg) !important; top: 0;}
#search-box.verB{margin-top: 0;}
#search-box.verB .searchUndate{background: none; color: #333; width: auto;top: 72px;}
#search-box.verB .searchUndate input[type="checkbox"] + label{color: #333;}
#search-box.verB #search-box-body{width: 100%;}
#Searchbox{background: none; margin-bottom: 0;}
.jalPage #search-box #domestic-search-container .searchCategory li.on{background-color: #CC0000;}
.jalPage #search-box .searchNavi li.on:after{border-top-color: #c00;}
#search-box.verB.test .explain{top: -35px;} */
#Searchbox .midashi{background: url(../images/iconBg4.png) no-repeat calc(50% - 196px) -24px;}
.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;}