@charset "utf-8";
*{-webkit-text-size-adjust: none;}
.pc {display: none !important;}
.ss-container{ border: none;}
.ss-contents{overflow: hidden; font-family: 'Noto Sans JP', sans-serif;}
.ss-center{line-height: 1.5; margin: 0 16px; padding: 16px 0 0; background: none;}
#topBnr h1 img{width: 100%;display: block;}
#topBnr { position: relative; text-align: center; width: 100%; }
#topBnr p{ color: #fff; font-size: 20px; font-weight: bold; text-align: center; padding: 4px 0 8px; background: #ED6D3D;font-family: 'Noto Sans JP', sans-serif;}
#topBnr p b{ font-size: 26px;}
#topBnr p img{ display: inline-block; margin-right: 5px; width: 24px; vertical-align: middle;}

.markLink{ margin-bottom: 0;}
.Link-list{ width: 25%;}
.Link-list a::before{ margin: 0 auto 4px;}
.ttlicon_s.hotel-icon:before{ background: url(../images/icon_dom.svg) no-repeat center center / 22px 22px;}
.ttlicon_s.coupon-icon:before{ background: url(../images/icon_coupon.svg) no-repeat center center / 22px 22px;}
.ttlicon_s.search-icon:before{ background: url(../images/icon_search.svg) no-repeat center center / 22px 22px;}
.ttlicon_s.recommend-icon:before{ background: url(../images/icon_recommend.svg) no-repeat center center / 22px 22px;}
.ttlicon_w.coupon-icon:after{ background: url(../images/icon_coupon_org.svg) no-repeat center center / 25px 25px;}
.ttlicon_w.domestic-icon:after{ background: url(../images/icon_dom_org.svg) no-repeat center center / 25px 25px;}
.ttlicon_w.search-icon:after{ background: url(../images/icon_search_org.svg) no-repeat center center / 25px 25px;}
.ttlicon_w.recommend-icon:after{ background: url(../images/icon_recommend_org.svg) no-repeat center center / 25px 25px;}

.bgFFF1EB{background: #FFF1EB; padding: 32px 0; margin: 0;}
.bgEDFEED{background: #EDFEED; padding: 32px 0; margin: 0;}

.mainTtl{ flex-direction: column; align-items: center; gap: 8px; position: relative; padding-bottom: 8px;}
.mainTtl span{ display: flex; align-items: center; position: relative;}
.mainTtl span::before{ content: ""; display: block; width: 26px; height: 26px; position: absolute; left: 50%; top: -32px; transform: translateX(-50%);}

#calendar .mainTtl{ color: #00B900; }
#calendar .mainTtl em{ position: relative;background: linear-gradient(to bottom,  rgba(255,234,41,0) 67%,rgba(255,234,41,1) 70%,rgba(255,234,41,1) 100%);}
#calendar .txt_xs{ color: #333; font-size: 16px; margin: 0 16px;}
#calendar .swiper-container{ margin: 8px 8px 0;}


#point{ margin-top: 60px;}
#point .mainTtl span::before{ background: url(../images/icon_premium.svg) center top no-repeat; background-size: 26px; }
#point ul{display: flex; justify-content: center; flex-direction: column; gap: 50px; margin:40px 16px 32px;}
#point ul li{position: relative; border-radius: 10px; border: 1px solid #ccc; padding: 56px 0 16px;}
#point ul li i{position: absolute; top: -40px; left: 50%; transform: translateX(-50%);}
#point ul li i img{ width: 80px;}
#point ul li h3{text-align: center; font-size: 20px; margin: 16px 24px 0;}
#point ul li p.txt{font-size: 14px; margin: 16px 24px 0; line-height: 1.6;}
#point ul li p.txt span{ color: #ed6d3d;}
#point ul li p.photo{ display: flex; align-items: center; justify-content: center; margin: 24px 24px 0;}
#point ul li p.photo img{ width: 100%; max-width: 200px;}

#COUPON{ margin-top: 24px;}
#COUPON .mainTtl span::before{ background: url(../images/icon_coupon.svg) center top no-repeat; background-size: 26px; top: -54px; }
#COUPON .mainTtl small{ display: block; font-size: 16px; position: relative;}
#COUPON .mainTtl small::before{ display: inline-block; content: ""; border-left:2px solid #000; width: 1px; height: 14px; margin-right: 8px; transform: rotate(-20deg);}
#COUPON .mainTtl small::after{ display: inline-block; content: ""; border-right:2px solid #000; width: 1px; height: 14px; margin-left: 8px; transform: rotate(20deg);}
#COUPON .txt_xs{  margin: 16px 16px 0; color: #767676;}
.coupon__filter__guide{ margin: 8px auto 0;}
.coupon__box__holder{ padding: 16px 24px 0;}


/* TABU */
#TABU{ margin-top: 60px; }
#TABU .mainTtl span::before{ background: url(../images/icon_dom.svg) center top no-repeat; background-size: 26px; }
#TABU .txt_xs{ margin-bottom:16px; color: #767676;}
#TABU .jdsTabNav { display: flex; justify-content: center; flex-wrap: wrap; padding: 16px 0; gap: 4px; row-gap: 4px;  }
#TABU .jdsTabNav li { width: calc(100% / 3 - 8px); box-sizing: border-box; text-align: center; padding:6px 0; font-size: 16px; background: #fff; border: 1px solid #EAEAEA; border-radius: 5px; cursor: pointer; }
#TABU .jdsTabNav li.active { background: #ED6D3D; border: 1px solid #ED6D3D; color: #fff; }
#TABU .jdsTabNavLv2{ margin: 0; display: flex;  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;  gap: 4px; }
#TABU .jdsTabNavLv2 li{display: inline-block; padding: 0 16px; border: 1px solid #d3d2d2;border-radius: 4px; font-weight: normal; background: #ffffff; line-height: 30px; font-size: 12px; cursor: pointer; width: auto; }
#TABU .jdsTabNavLv2 li.check {border: 1px solid #ED6D3D; color: #ED6D3D; padding-left: 24px !important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5Ljc4Yjc2MzhlNiwgMjAyNS8wMi8xMS0yMzoxNDoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNGODI1QkYyOEExRTExRjBCN0E4QUYyNjkxMkI4QzY3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNGODI1QkYzOEExRTExRjBCN0E4QUYyNjkxMkI4QzY3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0Y4MjVCRjA4QTFFMTFGMEI3QThBRjI2OTEyQjhDNjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0Y4MjVCRjE4QTFFMTFGMEI3QThBRjI2OTEyQjhDNjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7A4Ab6AAAA1ElEQVR42mL8//8/Ay0BEwONwagF9LPgXZ4dPxBboIuzUMlwWSB1GYj/ALEIVX0ANFwKSJ0E4r9ArElVH0ANvwbEjEBsJzTp0GuS4gBoACMeORkgdRrqSFmg4RfJieSnQIOuA7EgmuEi0DBnA2JroOGfyE1F3kCsDMSXkAyXA1I3gZgdiI1xuRwGGAmVRUADNYDUCWgKiQDiZVApC6Dh9wjFEyMxhR3QEnUgdRyIeYH4OzRCLxCTEBiJLU2BloAi8ygQ+wENf0lsSmMcLa6HvwUAAQYAAxtHvHR88tgAAAAASUVORK5CYII=) left center no-repeat; }
#TABU .photo .photo-in-in{height:124px;}
#TABU .photo{height:124px;}
#TABU .hotel-box{ padding-bottom: 16px; margin-top: 16px;}
#TABU .hotel-box a:hover{opacity:1;}
#TABU .hotel-box .hotel{background:#ffffff;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);border-radius:4px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box;}
#TABU .hotel-box .hotel .main{position:relative;}
#TABU .hotel-box .hotel .main a{padding:0px 8px 2px;display:block;color:#333;}
#TABU .hotel-box .hotel .main a:hover .photo-in-in{transform:scale(1.2);}
#TABU .hotel-box .hotel .photo{overflow:hidden;margin:0 -8px;border-radius:4px 4px 0 0;height:100px;}
#TABU .hotel-box .hotel .photo .photo-in-in{background-position:center;background-size:cover;height:100px;border-radius:4px 4px 0 0;transform:scale(1);transition:0.3s ease-in-out;}
#TABU .hotel-box .hotel .photo .photo-in-in:hover{transform:scale(1.2);}
#TABU .hotel-box .hotel .area{min-height:18px;font-size:12px;}
#TABU .hotel-box .hotel .name{font-size:14px;font-weight:600;padding-top:16px;padding-bottom:6px;position:relative;}
/* #TABU .hotel-box .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;}
#TABU .hotel-box .hotel:nth-of-type(1) .name:after {background-position: -2px 0px;}
#TABU .hotel-box .hotel:nth-of-type(2) .name:after {background-position: -38px 0px;}
#TABU .hotel-box .hotel:nth-of-type(3) .name:after {background-position: -74px 0px;}
#TABU .hotel-box .hotel:nth-of-type(4) .name:after {background-position: -112px 0px;}
#TABU .hotel-box .hotel:nth-of-type(5) .name:after {background-position: -148px 0px;}
#TABU .hotel-box .hotel:nth-of-type(6) .name:after {background-position: -186px 0px;}
#TABU .hotel-box .hotel:nth-of-type(7) .name:after {background-position: -223px 0px;}
#TABU .hotel-box .hotel:nth-of-type(8) .name:after {background-position: -259px 0px;}
#TABU .hotel-box .hotel:nth-of-type(9) .name:after {background-position: -295px 0px;}
#TABU .hotel-box .hotel:nth-of-type(10) .name:after {background-position: -333px 0px;} */
#TABU .hotel-box .hotel .rvw-score{padding-top:2px;padding-bottom:4px;padding-left:10px;}
#TABU .hotel-box .hotel .rvw-score a .review-score{color:#bf0000;font-size:14px;font-weight:bold;}
#TABU .hotel-box .hotel .rvw-score a .review-score:hover{opacity:0.8;}
#TABU .hotel-box .hotel .rvw-score .stars{font-size:14px;letter-spacing:1px;margin-right:2px;width:80px;display:inline-block;position:relative;}
#TABU .hotel-box .hotel .rvw-score .stars .review-base{color:#eaeaea;width:100%;box-sizing:border-box;}
#TABU .hotel-box .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;}
#TABU .hotel-box .hotel .links{padding:2px 0 4px;text-align:center;}
#TABU .hotel-box .hotel .links a{font-size:14px;background:#fff;display:block;margin:8px;border:1px solid #ccc;border-radius:3px;padding:8px 0;color:#333;}
#TABU .hotel-box .hotel .links a:hover{border:1px solid #eaeaea;background-color:#f3f3f3;}

/* search */
#Searchbox{ padding-top: 60px; width: 100%; max-width: none; }
#Searchbox .mainTtl span::before{ background: url(../images/icon_search.svg) center top no-repeat; background-size: 26px; }
#search-box #domestic-search-box{ margin: 16px 16px 0; background: #fff;}
#search-box.verB.test #djp-search-form input#djp-parts[type="checkbox"]:checked + label, #search-box.verB.test #djp-search-form input#djp-cars[type="checkbox"]:checked + label { background: url(../images/check.png) left center no-repeat; background-size: 16px 16px; }
#search-box,.searchSwitchArea,
#search-box #search-box-body{ background: none;}
#search-box .searchSubmit a:link, #search-box .searchSubmit a:visited{ background-color: #ED6D3D;}

#osusumu { margin-top: 60px; }
#osusumu .mainTtl span::before{ background: url(../images/icon_recommend.svg) center top no-repeat; background-size: 26px; }
#osusumu ul{display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; margin-top: 16px;}
#osusumu ul li{margin: 0 0 8px; width: 48.8%;}
#osusumu ul li img{display: block; width: 100%;}
#osusumu ul li a:hover{opacity: .8;}

#topnav{ padding: 10px 0;font-family: 'Noto Sans JP', sans-serif; box-shadow: 1px 2px 7px #bbb; position: relative;z-index: 10;}
#topnav ul{display: flex;margin: 0 auto; justify-content:center; }
#topnav ul li a{display: block;font-size: 78%; color: #333;font-weight: 500;text-align: center;padding: 10px 0;}
#topnav ul li{width: 24%;border-right: 1px solid #ccc;display: flex;align-items: center; justify-content: center;}
#topnav ul li:last-child{border-right: none;}

.pagetop a{background: #ED6D3D;}
.small-comma {
  font-size: 0.6em; /* 親要素のフォントサイズの80%に設定 */
  /* または、具体的なピクセル値で設定する場合 */
  /* font-size: 12px; */
}