@charset "utf-8";
.pc {display: none !important;}
.ss-container{ border: none;}
.ss-contents{overflow: hidden; padding-bottom: 0;}
.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: #175AA1;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;}

.bgY{background: linear-gradient(180deg, #F0FAFF 0%, #FFFEE4 15%); padding: 24px 0 12px;}
.bgB{background: #F0FAFF;background: linear-gradient(180deg, #FFFEE4 0%, #F0FAFF 15%); padding: 24px 0 12px;}
.bgB2{background: #F0FAFF; padding: 24px 0 0;}
.bgR{background: #FFF7F5; padding: 24px 0 0; margin-bottom: 24px;margin-top: -10px;}
.mainTitle{color: #175AA1; font-size: 22px; text-align: center; position: relative; padding-top: 40px; margin-bottom: 24px;}
.mainTitle span{font-size: 18px;display: block;}
/* .mainTitle:before{position: absolute; content: ''; height: 4px; width: 201px; background: url(https://img.travel.rakuten.co.jp/package/jr/special/hokuriku-shinkansen/202412/images/line.png) repeat-x left center / auto 4px; bottom: 0; left: 50%; transform: translateX(-50%);} */
#coupon .mainTitle{ background: url(../images/iconCoupon.svg) center top no-repeat; background-size: 36px; }
#maplist .mainTitle{ background: url(../images/iconMap.svg) center top no-repeat; background-size: 36px; }
#ranking .mainTitle{ background: url(../images/iconRanking.svg) center top no-repeat; background-size: 36px; }
#onsen .mainTitle{ background: url(../images/iconOnsen.svg) center top no-repeat; background-size: 36px; }
#guide .mainTitle{ background: url(../images/iconGuide.svg) center top no-repeat; background-size: 36px; }
#shBox .mainTitle{ background: url(../images/iconSearch.svg) center top no-repeat; background-size: 36px; }
#osusumu .mainTitle{ background: url(../images/iconOsusumu.svg) center top no-repeat; background-size: 36px; }



/* guide */
#guide{ margin-top: 40px;}
.guideBox{display: flex; justify-content: space-between; margin-bottom: 40px; }
.guideBox > li {width: 48%;border-radius: 8px; box-sizing: border-box; border: 1px solid #ccc; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.15); overflow: hidden; display: block; color: #333;}
.guideBox > li img{width: 100%; margin-right: 16px;}
.guideBox > li div{padding: 8px;}
.guideBox > li h3{font-size: 14px; margin-bottom: 10px; font-weight: normal;}
.guideBox > li p{font-size: 12px;}
.guideBox > li a{color: #333;}
.guideBox .location {display: flex; flex-wrap: wrap; margin-bottom: 4px;}
.guideBox .location li{ margin: 0 8px 8px 0;}
.guideBox .location li a{background: #eaeaea url(https://img.travel.rakuten.co.jp/package/jr/special/hokuriku-shinkansen/202412/images/location.png) no-repeat 4px center; font-size: 12px; color: #666; padding: 5px 8px 5px 22px;}

/* ranking */
.rankSubTtl{line-height: 1.6; font-size: 16px; margin-bottom: 8px;}
.ranking .jdsTab{padding-bottom: 16px;}
.ranking .jdsTabNav{justify-content: center; transform: none !important;}
.ranking .jdsTabNav li{width: auto; background: #eaeaea; border-radius: 4px; text-align: center; padding: 8px 20px; margin: 0 8px; font-size: 16px;}
.ranking .jdsTabNav li.active{cursor: pointer; background: #175AA1; color: #fff;}
.swiper-scrollbar{background: #D9D9D9 !important;}
.swiper-scrollbar-drag{background: #646262 !important;}
.ranking .photo .photo-in-in{height:90px;}
.ranking .hotel-box{padding-bottom: 24px; margin-bottom: 32px;}
.ranking .hotel-box a:hover{opacity:1;}
.ranking .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;}
.ranking .hotel-box .hotel .main{position:relative;}
.ranking .hotel-box .hotel .main a{padding:0px 8px 2px;display:block;color:#333;}
.ranking .hotel-box .hotel .main a:hover .photo-in-in{transform:scale(1.2);}
.ranking .hotel-box .hotel .photo{overflow:hidden;margin:0 -8px;border-radius:4px 4px 0 0;}
.ranking .hotel-box .hotel .photo .photo-in-in{background-position:center;background-size:cover;border-radius:4px 4px 0 0;}
.ranking .hotel-box .hotel .photo .photo-in-in:hover{transform:scale(1.2);}
.ranking .hotel-box .hotel .name{font-size:14px;font-weight:600;padding-top:8px;line-height:1.4;padding-bottom:6px;position:relative;}
.ranking .hotel-box .hotel .name.crown{padding-top:34px;}
.ranking .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;}
.ranking .hotel-box .hotel:nth-of-type(1) .name:after {background-position: -2px 0px;}
.ranking .hotel-box .hotel:nth-of-type(2) .name:after {background-position: -38px 0px;}
.ranking .hotel-box .hotel:nth-of-type(3) .name:after {background-position: -74px 0px;}
.ranking .hotel-box .hotel:nth-of-type(4) .name:after {background-position: -112px 0px;}
.ranking .hotel-box .hotel:nth-of-type(5) .name:after {background-position: -148px 0px;}
.ranking .hotel-box .hotel:nth-of-type(6) .name:after {background-position: -186px 0px;}
.ranking .hotel-box .hotel:nth-of-type(7) .name:after {background-position: -223px 0px;}
.ranking .hotel-box .hotel:nth-of-type(8) .name:after {background-position: -259px 0px;}
.ranking .hotel-box .hotel:nth-of-type(9) .name:after {background-position: -295px 0px;}
.ranking .hotel-box .hotel:nth-of-type(10) .name:after {background-position: -333px 0px;}
#ranking .hotel-box .hotel:nth-of-type(n+11){display: none;}
#ranking2.ranking .hotel-box .hotel .name{ padding-top: 16px;}
#ranking2.ranking .hotel-box .hotel .name.crown:after{ content: normal;}
.ranking .hotel-box .hotel .area{min-height:18px;font-size:12px;}
.ranking .hotel-box .hotel .rvw-score{padding-top:2px;padding-bottom:4px;padding-left:10px;}
.ranking .hotel-box .hotel .rvw-score a .review-score{color:#bf0000;font-size:14px;font-weight:bold;}
.ranking .hotel-box .hotel .rvw-score a .review-score:hover{opacity:0.8;}
.ranking .hotel-box .hotel .rvw-score .stars{font-size:14px;letter-spacing:1px;margin-right:2px;width:80px;display:inline-block;position:relative;}
.ranking .hotel-box .hotel .rvw-score .stars .review-base{color:#eaeaea;width:100%;box-sizing:border-box;}
.ranking .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;}
.ranking .hotel-box .hotel .links{padding:2px 0 4px;text-align:center;}
.ranking .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;}
#ranking .plan,#ranking2 .plan{ display: none;}
.rankNote{font-size: 13px; color: #666;}

#osusumu ul{display: flex; justify-content: space-between; flex-wrap: wrap; position: relative;}
#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;}
#osusumu .noto p{text-align: center; font-size: 12px; margin-bottom: 8px;}
#osusumu .noto img{display: block; margin: 0 auto 40px; width: 100%;}



.pagetop a{background: #175AA1;}

.topBtn{ margin: 40px auto 0; width: 90%;}
.topBtn a{ display: block; border: 2px solid #da3333; color: #da3333; font-weight: bold; font-size: 20px; text-align: center; padding: 8px 0; background: #FFF7F5; border-radius: 50px; position: relative;}
.topBtn a:after{ display: block; content: ""; width: 14px; height: 14px; border: solid #da3333; border-width: 2px 2px 0 0; transform: rotate(45deg); position: absolute; right: 20px; top: 50%; margin-top: -6px;}
.topBtn a:hover{ opacity: .7;}
#guide .swiper-container{padding-bottom: 20px;margin-bottom: 20px;}
#guide .swiper-wrapper{display: flex;margin: 0 auto;width: 98%;}
#guide .swiper-wrapper li{width:46%;}
#guide .swiper-wrapper li a{display: block;border-radius: 3px; border: 1px solid #CED5DB; background: #fff;}
#guide .swiper-wrapper li a img{width: 100%;}
#guide .swiper-wrapper li a p{padding: 15px;font-size: 13px;color: #333;}
#guide .swiper-wrapper li a p.btn{text-align: center;background-color: #175AA1;color: #fff;font-weight: bold;font-size: 16px;margin: 0px 15px 15px;}
#guide .swiper-button-next{background-image: url(https://img.travel.rakuten.co.jp/package/jr/special/hokuriku-shinkansen/202412/images/arrow.png);transform: rotate(180deg);}
#guide .swiper-button-prev{background-image: url(https://img.travel.rakuten.co.jp/package/jr/special/hokuriku-shinkansen/202412/images/arrow.png);left: 0px;}
#guide .swiper-button-next, #guide .swiper-button-prev{width: 38px;height: 38px;background-size: 38px 38px;}

#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;}

.bgcpn{padding: 48px 0; background-color: #C6C19C; font-family: 'Noto Sans JP', sans-serif; }
.bgcpn .ss-center{background-color: #fff;padding: 16px 16px 0;}
.bgcpn h2{text-align: center;margin-bottom: 20px;}
.bgcpn h2 img{max-width: 100%;}
.bgcpn dl{margin: 0 auto;border-radius: 6px; border: 1px solid #999;}
.bgcpn dl dt{text-align: center;font-weight: bold;position: relative;padding: 10px 0;cursor: pointer;font-size: 14px;}
.bgcpn dl dt:after{display: block;content: "";position: absolute;width: 5px;height: 5px;border-right:1px solid #333 ;border-bottom: 1px solid #333;top: 15px;right: 10px;transform: rotate(45deg);}
.bgcpn dl dt.active-submenu:after{display: block;content: "";position: absolute;width: 5px;height: 5px;border-right:1px solid #333 ;border-bottom: 1px solid #333;top:18px;right: 10px;transform: rotate(-135deg);}
.bgcpn dl dd{margin: 0 10px 18px 10px;font-size: 12px;border-top: 1px dotted #ccc;padding-top: 10px;}


.cpLinkwindow a.arr-green-windowA {
  background-color: #fff;
  position: relative;
  border-radius: 4px;
  font-weight: normal;
  margin-left: 10px;
  padding: 8px 12px;
  /* top: -5px; */
  color: #333333;
  text-decoration: none;
  font-size: 12px;
  border: 1px solid #ddd;
}
.cpLinkwindow {
  margin: 0 auto 24px;
  padding-right: 20px;
  display: flex;
  justify-content: center;
}
.cpLinkwindow a.arr-green-windowB:after {
  background: url(https://img.travel.rakuten.co.jp/special/sales/template/html/images/Linkwindow.svg) center center no-repeat;
  background-size: auto;
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  right: -30px;
  top: 50%;
  margin-top: -8px;
  background-size: 16px;
}

.couponwrap{background-color: #fff;padding:24px 10px;}
.couponwrap h3{border-bottom: 1px solid #000;font-size: 20px;background: url(https://img.travel.rakuten.co.jp/package/jr/special/hokuriku-shinkansen/202412/images/couponicon.png) no-repeat;padding-left: 40px;padding-bottom: 10px;}
.coupon__box__holder{padding: 20px 0!important;}
.couponwrap h4{text-align: center;color: #333;font-weight: normal;padding: 24px 0;}
.couponwrap h4 img{width: 60%;}
.couponwrap .yokoku{}
.couponwrap .yokoku li{width: 100%;margin-bottom: 10px;}
.couponwrap .yokoku li table{width: 100%;border-radius: 6px;border: 1px solid #ccc;font-size: 12px;border-style: hidden;border-collapse: collapse; box-shadow: 0 0 0 1px #ccc;overflow: hidden;}
.couponwrap .yokoku li table tr td:first-child{background-color: #FFE8C6;text-align: center;font-weight: bold;}
.couponwrap .yokoku li table tr td{border-bottom: 1px solid #ccc;padding:10px 12px ;}
.couponwrap p.tips{font-size: 12px;padding: 10px 0;}

.ttlicon_w.map-icon:after{background: url(../images/map.png) no-repeat;}

.maplist{ margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 8px; row-gap: 8px;}
.maplist li{ width: calc(50% - 4px);}
.maplist li a{ display: flex; flex-direction: column; align-items: center; justify-content: space-around; gap: 30px; height: 120px; background-size: cover; background-position: center; border-radius: 10px; font-size: 14px; color: #fff; font-weight: bold;}
.maplist li a:hover{ opacity: .8;}
.maplist li a b{ font-size: 16px;}

/* undate */
.searchBlock .mainTitle:before{width: 120px;}
#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,#Searchbox,.searchSwitchArea,
#search-box #search-box-body{ background: none;}
#search-box .searchSubmit a:link, #search-box .searchSubmit a:visited{ background-color: #175AA1 ;}
.small-comma {
  font-size: 0.6em; /* 親要素のフォントサイズの80%に設定 */
  /* または、具体的なピクセル値で設定する場合 */
  /* font-size: 12px; */
}