@charset "UTF-8";
.ss-contents {
  background: #fff;
padding-bottom: 0px; color: #333;
font-family: 'Noto Sans JP', sans-serif; overflow: hidden;

}
.ss-contents a:hover {
  opacity: 0.8;
}

.sp {
  display: none;
}



.topH1 { font-size: 48px; text-align: center; color: #fff; letter-spacing: 8px; margin: 16px auto auto auto;display: inline-block;position: relative;margin-left: 100px;}
.topH1::before{display: block;position: absolute;content: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/toplogo.png);left: -100px;}
.topH1 span { font-size: 28px; color: #fff; letter-spacing: 3px; margin-bottom: 6px; display: block;
  font-family:  Georgia, "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", HGS明朝E, "MS Mincho", serif;}
#topBox { position: relative; margin: 0;overflow: hidden;}
#topBox .jdsSlides li {  width: 100%;transition: transform 0.6s ease !important;   }
/* #topBox .jdsSlides li:hover{transform: scale(1.1);} */


#topBox p.cover{position: absolute; bottom: -1px;right: 0;z-index: 11;}
#topBox p.cover img{display: block;}
#topBox .jdsSlides li section { width: 100%; height: 630px; position: relative;}
#topBox .jdsSlides{position: relative;overflow: hidden;}
.topLogo { position: absolute; bottom: 90px; left: 6%;}
.topLogo img { width: 804px;}
#topBox .jdsSlides li img{width: 100%;}
#topBox .rslides_tabs { z-index: 10; margin: auto; position: absolute; bottom: -25px; display: flex; justify-content: center; width: 100%;}
#topBox .rslides_tabs li { width: 15px; height: 15px; border-radius: 50%; background: #ccc; margin: auto 6px; font-size: 0;}
#topBox .rslides_tabs li:hover { opacity: 0.8;}
#topBox .rslides_tabs li a { display: block; width: 100%; height: 100%;}
#topBox .rslides_tabs li.rslides_here { background: #0330B3;}
.pageNav { padding-bottom: 18px;background-color: #fff;padding-top: 40px;}
.navUl { display: flex; justify-content: center; padding: 0 0 16px 0; width: 100%; z-index: 200;}
.navUl li { margin: auto 0; position: relative; transition: all 0.3s ease; padding-top: 12px; padding: 0 40px;}
.navUl li a { display: block;}
.navUl li:hover { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/navi_on.png)  center 70% no-repeat;  }
.navUl li a:hover { opacity: 1;}
.navUl li a img{max-width: 200px; width: 100%;}
.navUl.active { overflow: hidden; background-color: #fff; }

#hotelBk .wd1400 img{max-width: 100%;}
.pgBoxW { position: relative; padding: 0px 0;max-width: 100%;}
.pgH2 { text-align: center; margin: auto auto 40px auto;}
.pgH2 img { margin: auto;}
.ptBox { padding-top: 100px; margin: auto auto}
.cpnholder { background: none;}

#sRight { right: 10px; bottom: 12px;}
.pagetop{width: auto;}
.pagetop a {
  background: none;
  border-radius: 0;
  display: block;
  line-height: 01;
  font-size: 0;
  position: relative;
  text-align: center; height: 104px;text-align: center;
}
.pagetop a img, .pagetop img{width: auto;}
.pagetop a::after { display: none;}
.jss_switchMenu { display: none!important;}
.pagetop a:first-of-type { height:50px; margin-bottom: 25px;}

.eventBox .swiper-slide { width: 892px;}
#eventBk { color: #333; letter-spacing: 2px; line-height: 1.4; padding-bottom: 20px;}
.eventBox { width:1280px;  margin: auto; padding: 0 0 50px 0; border-radius: 0 0 10px 10px; display: flex; justify-content: space-between;}
#eventBk .jdsTab { width: 1400px; margin: auto auto 80px auto;}
.jdsTab001 .jdsTabNav { position: relative; height: 91px; overflow: hidden;}
.jdsTab001 .jdsTabNav li { position: absolute; width: 623px; height: 91px; color: #fff; font-size: 26px; display: flex; justify-content: center; align-items: center; letter-spacing: 1px; box-sizing: border-box; padding-right: 30px;}
.jdsTab001 .jdsTabNav li:hover { cursor: pointer;}
.jdsTab001 .jdsTabNav li:first-of-type { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/tab01.png) 0 0 no-repeat; left: 0; bottom: 0; z-index: 1;}
.jdsTab001 .jdsTabNav li:last-of-type { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/tab02.png) 0 0 no-repeat; left: 590px; bottom: 0;}
.jdsTab001 .jdsTabNav li.active { z-index: 2!important;}
#evnP2 { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/snow2.png) top 60px center no-repeat;}
.ev_h3 { font-size:32px; margin: auto auto 25px auto; text-align: center; letter-spacing: 4px; color: #EE6887; }
#eventPt .ev_h3 span { display:inline-block; color: #333; font-size: 16px; margin-bottom: 12px; font-weight: normal; background: #fff; border-radius: 50px;padding: 10px 35px;}

.eventBox3{overflow: hidden; background: none !important;}
.eventBox3 .ev_h3 { color: #F65E55; background: none !important;}
.eventBox3 div{width: 50%; float: left;}
.eventBox3 div img{margin-left: 10%; width: 90%;}
.ev_term { text-align: center; font-size: 16px; font-weight: bold; margin: auto auto 30px auto; }
.ev_term span { padding: 6px 20px; background: #F4E8CE; border-radius: 20px;}
.eventBox2 .ev_term span { padding: 6px 20px; background: #C7E1F5; border-radius: 20px;}
.eventBox3 .ev_term span { background: #FFE7E5; padding: 6px 45px; border-radius: 50px;}
.ev_exp { font-size: 14px; text-align: center!important; margin: auto }

.cpnH3 { margin: auto auto 8px auto; text-align: center; font-size: 20px; letter-spacing:1px; font-weight: normal;}
.cpnH3 span{color: #bc0000; font-size: 85%; padding-right: 5px;}

.eventBox2 .ev_h3 { font-size: 26px; margin: auto auto 25px auto; text-align: center; letter-spacing: 4px; color: #055CA9;}

.pgBoxW .eventBox .swiper-wrapper { margin-bottom: 8px; position: relative;}

.pgBoxW .eventBox .swiper-slide.swiper-slide-active:before { display: none;}
.pgBoxW .eventBox .swiper-pagination { display: flex; justify-content: space-between; left:0;}
.pgBoxW .eventBox .swiper-pagination-bullet { opacity: 1; width: 217px; border-radius: 0; height: 90px; position: relative; padding-bottom: 10px;}
.eventBox .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0;}
.eventBox .swiper-pagination-bullet:hover { opacity: 0.8;}
.eventBox1 .swiper-pagination-bullet:nth-child(1) { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/event1Img05.jpg) center top no-repeat; background-size:232px}
.eventBox1 .swiper-pagination-bullet:nth-child(2) { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/event1Img02.jpg) center top no-repeat; background-size:232px}
.eventBox1 .swiper-pagination-bullet:nth-child(3) { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/event1Img03.jpg) center top no-repeat; background-size:232px}
.eventBox1 .swiper-pagination-bullet:nth-child(4) { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/event1Img04.jpg) center top no-repeat; background-size:217px}

.eventBox2 .swiper-pagination-bullet:nth-child(1) { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/event2Img01.jpg) center top no-repeat; background-size:217px}
.eventBox2 .swiper-pagination-bullet:nth-child(2) { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/event2Img02.jpg) center top no-repeat; background-size:217px}
.eventBox2 .swiper-pagination-bullet:nth-child(3) { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/event2Img03.jpg) center top no-repeat; background-size:217px}
.eventBox2 .swiper-pagination-bullet:nth-child(4) { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/event2Img04.jpg) center top no-repeat; background-size:217px}

.eventBox1 .swiper-pagination-bullet:before {position: absolute; width: 100%; text-align: center; font-size: 14px; display: block; content: ""; bottom: -26px; color: #333; font-weight: 500;}
.eventBox1 .swiper-pagination-bullet:nth-child(1):before {content: "花の絶景"; white-space:pre;}
.eventBox1 .swiper-pagination-bullet:nth-child(2):before {content: "Shower of Lights";}
.eventBox1 .swiper-pagination-bullet:nth-child(3):before {content: "100万本のバラ祭 4.26 Sat.開幕";}
.eventBox1 .swiper-pagination-bullet:nth-child(4):before {content: "初夏のワイン祭 4.26 Sat.開幕"; line-height: 1; top: 105px;white-space:pre;}


.eventBox2 .swiper-pagination-bullet:before {position: absolute; width: 100%; text-align: center; color: #055CA9; font-size: 14px; font-weight: bold; display: block; content: ""; bottom: 0;}
.eventBox2 .swiper-pagination-bullet:nth-child(1):before {content: "白銀の世界";}
.eventBox2 .swiper-pagination-bullet:nth-child(2):before {content: "光のオーロラガーデン";}
.eventBox2 .swiper-pagination-bullet:nth-child(3):before {content: "永遠のアーチ";}
.eventBox2 .swiper-pagination-bullet:nth-child(4):before {content: "フラワーパサージュ";}
.eventBox .eventTx{width: 540px;}
.eventBox .swiper-container-horizontal > .swiper-pagination-bullets { top: 410px;padding-bottom: 40px;width:900px; left: calc(50% - 450px); position: absolute;}
.eventBox .swiper-container { position: relative;width: 100%;margin-left: 0; max-width: 100%;margin: 0 auto;}
.eventBox .swiper-container:before { display: block; }

.conBox { display: flex; justify-content: space-between; margin-top:45px;}
.conPho { width: 540px;}
.conTxt { width: 692px;}
.ev_p1 { font-size: 20px; text-align: center; font-weight: bold;}
.ev_btm_t { color:#7E6689; font-size: 18px; text-align: center; margin: auto auto 10px auto;}
.ev_btm_a { width: 580px; margin: auto auto 16px auto; text-align: center;}
.ev_btm_a a { display: block; text-align: center; color: #fff; background: #653F76 url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/arrow01.png) right 26px center no-repeat; padding: 15px 50px 15px 0; font-size: 24px; border-radius: 50px;}
.ev_btm_e { width: 580px; margin: auto; font-size: 12px;}
.eventBk3 { width: 1400px; margin: auto;}
.event3_t { width: 624px; height: 91px; background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/tab03.png) 0 0 no-repeat; color: #fff; font-size: 26px; display: flex; justify-content: center; align-items: center;}

@media screen and (max-width:1200px) {
  section#Searchbox{max-width:100% !important; margin: 40px 0 !important; padding: 0 !important;}
    .wd1400{padding: 60px 10px 0 !important;max-width: calc(100% - 20px) !important;margin: auto 0;} 
    #topNav.active li a{width: 100% !important;}
.hotel_ic li{max-width: 24%; background-size: 100% 100% !important;}
}
.wd1400 { width: 1280px; margin: auto; box-sizing: border-box; line-height: 1.4; letter-spacing: 2px;max-width: calc(100% - 120px);}

.ht_h2 { font-size: 32px; text-align: center; letter-spacing: 4px; margin: 80px 0 40px; color:#333;}
.ht_exp { font-size: 16px; text-align: center; margin: 30px auto 30px auto; line-height: 160%;}
.hotel_ic { display: flex; justify-content: space-between; width: 1096px; margin: auto auto 80px auto; max-width: 100%;}
.hotel_ic li { width: 250px; height: 245px; text-align: center;}
.hotel_ic li dl { padding-top: 70px}
.hotel_ic li dt { font-size: 18px; margin: 15px 0 10px; font-weight: bold; color: 333333;}
.hotel_ic li dd { font-size: 13px; color: 666;}
.hotel_ic li:nth-child(1) { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/hotel_ic01.png) 0 0 no-repeat;}
.hotel_ic li:nth-child(2) { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/hotel_ic02.png) 0 0 no-repeat;}
.hotel_ic li:nth-child(3) { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/hotel_ic03.png) 0 0 no-repeat;}
.hotel_ic li:nth-child(4) { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/hotel_ic04.png) 0 0 no-repeat;}

#guidePt #swipeBox .swiper-slide a { color: #333;}
.mgbt16 { margin-bottom: 16px;}
.mgbt24 { margin-bottom: 24px;}

#guidePt .btnwrap { width: 1326px; margin: auto; line-height: 1.5;max-width: 100%;}
#guidePt .swiper-container-free-mode > .swiper-wrapper {
  padding-bottom: 24px;
}
#guidePt .btnwrap .swiper-slide { width:32% !important; margin-right: 20px!important;}
#guidePt #swipeBox .swiper-slide a {
  display: block;
  background: #fff;

border-radius: 3px;
    border: 1px solid #C3C3C3;
  font-size: 14px;
  min-height: 386px;
}

#guidePt #swipeBox .swiper-slide a img {
  display: block;
    width: 100%;
}
#guidePt #swipeBox .swiper-slide a p{padding: 15px;}
#guidePt #swipeBox .swiper-slide a p span:first-child {
  display: block;text-align: right; margin-bottom: 8px;

}
#guidePt #swipeBox .swiper-slide a p span.btn{display: block;text-align: center;background: #EE6887; padding: 10px 0;color: #fff;font-size: 16px;font-weight: bold;margin-top: 10px; letter-spacing: 2px;}
#guidePt .swiper-button-next {
  background-image: url(https://img.travel.rakuten.co.jp/themepark/htb/202104/images/next.png);
  right: 0;
}

#guidePt .swiper-button-prev {
  background-image: url(https://img.travel.rakuten.co.jp/themepark/htb/202104/images/prev.png);
  left: 0;
}

#guidePt .swiper-button-next, #guidePt .swiper-button-prev {
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  top: 40%;
}

.hotelCon { display: flex; justify-content: space-between; flex-wrap: wrap;}
.hotelCap { width: 425px; margin-bottom: 30px; }
.hotelCapL.reverse{border-bottom: 2px solid #AAD6A4;}
.hotelCapL.reverse .hotelCapL1{float: right;}
.hotelCapL.reverse .hotelCapL2{float: left;}
.hotelCapL{border-top: 2px solid #AAD6A4; margin-bottom: 20px;}
.hoteNm { font-size: 28px; text-align: center; color: #3AA82B; padding: 8px 0; letter-spacing: 4px; }
.htlCon { padding: 30px 0 0 0; margin-bottom: 50px;}
.hotelPr { font-size: 14px; text-align: center; margin-bottom: 20px; color: #666;}
.hotelPr b{font-size: 16px;}
.a_l { text-align: left;}
ul.hotelPr {margin-bottom: 15px; padding-left: 0px;}
ul.hotelPr li { list-style: none;}
ul.hotelPr li.hotelPr{font-size: 18px;color: #333;font-weight: bold; text-align: center}
a.planLink { display: block; background: #fff; padding: 20px 16px; text-align: center; color: #333; font-size: 16px; margin: 0 auto 16px auto;}
a.planLink .pri { font-size: 12px; margin: 12px auto 0 auto; letter-spacing: 0px;}
a.planLink .pri span { color: #bf0000; font-size: 16px; font-weight: bold; margin-right: 4px;}
a.planLink .pri span b { font-size: 28px;}
a.planLink:hover h3 { color: #EE6887;}
.htlUl { display: flex; justify-content: space-between;}
.htlUl li { width: 120px;display: table;max-width: 32%;}
.hotelCapL .htlUl li {width: 140px;}
.htlUl li a { border-radius: 4px; display: table-cell; width: 100%; color: #fff; font-size: 16px; text-align: center; background: #3AA82B; padding: 12px 0;vertical-align: middle;}
.hotelCap img { width: 100%;}
.thumPhotos { display: flex; justify-content: space-between; margin: 12px 0 14px 0;}
.thumPhotos li { width: 32%;}
.thumPhotos li:hover { opacity: 0.8;}
.hotelCap3{border-right: 2px solid #AAD6A4;max-width: 33%;}
.hotelCap3.noborder{border-right: none;}
.hotelCapLg { padding: 30px; background: #F3F3F3;}
.hotelCapLg .hoteNm { margin-bottom: 12px; float: right; width: 556px;}
.hotelCapLg img { width: 100%;}
.htlTxt { float: right; width:556px}
.hotelCapLg .photo { float: left; width: 630px;}
.a_l { margin-top: 12px;}
.hotelCapLg .htlUl { float: right; width: 556px;}
#search-box .searchSubmit a { background-color:#EE6887!important ;}

.hotelCapL{width: 100%;} 
.hotelCap .jdsSlides{position: relative;width: 100%;overflow: hidden;}
.hotelCap .rslides_tabs{font-size: 0;display: flex; padding: 10px 0; justify-content:  center;}
.hotelCap .rslides_tabs li a{display: block;width: 10px; height: 10px; border-radius: 50px; background-color: #ccc;margin: 0 5px;}
.hotelCap .rslides_tabs li.rslides_here a{background-color: #3AA82B;}
.hotelCap img{max-width: 100%;}
.hotelCapL .htlCon{display: flex; justify-content: space-between;align-items: center;}
.hotelCapL.reverse .htlCon{flex-direction: row-reverse;}
.hotelCapL .hotelCapL1{float: left; width: 50%; padding-top: 20px;}
.hotelCapL .hotelCapL2{float: right; width: 46%;}
.hotelCapL .hotelCapL2 .hoteNm{margin-bottom: 15px;}
.hotelOpen{display: block; width: 50%; font-size: 14px; text-align: center; background-color: #0330B3; color: #fff; border-radius: 100px; padding: 10px; margin: 0 auto 15px;}

#Searchbox { margin-bottom: 80px;}
.pgBnrB { width: 830px; margin: auto ; letter-spacing: 2px;}
.pgBnrB a { display: block; width: 100%; background: #333 url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/btnBg.png) right 80px center no-repeat; text-align: center; color: #fff; font-size: 24px; font-weight: bold; padding: 20px 0; border-radius: 50px;}
.swiper-pagination-bullet-active { position: relative;}

.eventBox1 .swiper-pagination-bullet-active:after { position: absolute; content: ""; display: block; border: 4px solid #EE6887; top: 0; left: 0; width: 210px; height:92px; opacity: 0.7;}
.eventBox2 .swiper-pagination-bullet-active:after { position: absolute; content: ""; display: block; border: 8px solid rgb(5, 92, 169,0.5); top: 0; left: 0; width: 201px; height: 84px;}
.gNav-list a {
  letter-spacing: normal;
  padding-right: 52px;
}
.gNav-list a.on {
  color: #fff !important;
  background-color: #00b900;
}

.jss.other-cpn {
  padding: 16px;
}

.other-cpn-title {
  display: flex;
}
.other-cpn-title .ttl {
  width: 280px;
  flex-direction: column;
  display: flex;
  justify-content: center;
  font-weight: bold;
}
.other-cpn-title .ttl .pr {
  padding-top: 8px;
  font-weight: bold;
  display: block;
  color: #4c4c4c;
  font-size: 14px;
  /* word-wrap: break-word;
  word-break: break-all; */
}
.other-cpn-title .ttl.gray {
  color: #4c4c4c;
}
.other-cpn-title .ttl.navy {
  color: #14375d;
}
.other-cpn-title .ttl.red {
  color: #a5392b;
}
.other-cpn-title .icon {
  width: 50px;height: 50px;
  margin-right: 8px;
}

.other-cpn-bnr {
  padding-top: 20px;
}
.other-cpn-bnr .other {
  text-align: right;
  display: block;
  padding-top: 14px;
}
.other-cpn-bnr img {
  width: 100%;
}
.other-cpn-bnr .btnbox {
  background-color: #ebebeb;
  padding: 16px;
  display: flex;
  flex-direction: column;
}
.other-cpn-bnr .btnbox a {
  border: 1px solid #999;
  border-radius: 50px;
  display: block;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #333;
}
.other-cpn-bnr .btnbox a::before {
  content: url(https://img.travel.rakuten.co.jp/special/sales/coupon/202206/images/icon_cpn.svg);
  margin-right: 8px;
  margin-top: 6px;
}
.other-cpn-bnr .btnbox a span {
  font-size: 20px;
  font-weight: bold;
}
.other-cpn-bnr .btnbox li + li {
  margin-top: 8px;
}

.cpnholder.jssBox.allList {
  width: auto;
}

.cpnholder.jssBox.allList li.jss {
  width: 375px;
  border: none;
}

.cpnBox {
  width: 1218px;
  margin: 0 auto; 
    max-width: 100%;
}
#cpn {
  display: flex;
  justify-content: center;
  padding: 30px 0 0 0;
}
#cpn li a{
  font-size: 13px;
  border-radius: 5px;
  padding: 4px 8px;
  display: inline-block;
  background: #fff;border-radius: 2px;border: 1px solid #0330B3;
}
#cpn .blankLink {
  margin: 0 0 0 16px;
  padding-right: 24px;
}
#cpn .blankLink{
  background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/blank.png) right center no-repeat;
}
.cpnBox .cpnBox-title {
  color: #333;
  font-size: 36px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cpnBox .cpnBox-title.mb {
  margin-bottom: 24px;
}
.cpnBox .cpnBox-title .logo {
  width: 50px;
  margin-right: 16px;
}
.cpnBox .cpnBox-title .logo img {
  width: 100%;
}
.cpnBox .cpnBox-pr {
  text-align: center;
  padding-bottom: 24px;
  padding-top: 16px;
}
.cpnBox .cpnBox-note {
  text-align: right;
  padding-bottom: 8px;
  font-size: 12px;
}

.ss-box {
  width: 1218px;
  margin: 0 auto;
  margin-top: 68px;
}
.ss-box .title {
  font-size: 36px;
  font-weight: bold;
  padding-bottom: 24px;
}

.ss-box#SERVICE ul {
  display: flex;
  justify-content: space-between;
}
.ss-box#SERVICE ul li {
  width: 293px;
  position: relative;
}
.ss-box#SERVICE ul li a {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  border: 1px solid #ccc;
  align-items: center;
  border-radius: 3px;
  font-size: 22px;
  height: 80px;
  color: #333;
}
.ss-box#SERVICE ul li a img {
  padding-right: 8px;
}
.ss-box#CAMP {
  margin-bottom: 40px;
}
.ss-box#CAMP ul {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
}
.ss-box#CAMP ul li {
  width: 293px;
  margin: 0 15px 16px 0;
  /*position: relative;*/
}
/*
.ss-box#CAMP ul li {
  width: 235px;
  position: relative;
}*/
.ss-box#CAMP ul li a {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  height: 133px;
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 6px;
  text-shadow: 1px 1px 2px #333;
}
.ss-box#OTHERBNR ul {
  display: flex;
  justify-content: space-between;
}
.ss-box#OTHERBNR ul li {
  width: 600px;
  position: relative;
}
.ss-box#OTHERBNR ul li:nth-child(3) {
  display: none;
}
.ss-box#OTHERBNR ul li a {
  border-radius: 6px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  align-items: center;
  font-size: 30px;
  font-weight: bold;
  height: 133px;
  color: #fff;
  text-shadow: 1px 1px 8px #222;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.swiper-scrollbar {
  display: none;
}

.hotels {
  display: flex;
}
.hotels .hotel {
  width: 178px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #c1c1c1;
  margin-right: 8px;
}
.hotels .main .img {
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
.hotels .sub {
  padding: 8px;
}
.hotels .sub .name {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 8px;
}
.hotels .hotel-area {
  color: #333;
  padding-bottom: 8px;
  font-size: 12px;
}
.hotels .hotel-btn {
  margin-top: 8px;
  border-radius: 3px;
  border: 1px solid #c5c5c5;
  color: #333;
  display: block;
  font-size: 14px;
  padding: 8px;
  text-align: center;
}
.hotels .stars {
  font-size: 13px;
  letter-spacing: 3px;
  margin-right: 7.5px;
  width: 80px;
  text-align: center;
  display: inline-block;
  position: relative;
  margin-bottom: 8px;
}
.hotels .stars .review-base {
  padding-left: 1.5px;
  color: #eaeaea;
  width: 100%;
  box-sizing: border-box;
}
.hotels .stars .review-rst {
  padding-left: 1.5px;
  color: #ffba00;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 1;
  width: 0;
  box-sizing: border-box;
}
.hotels .price-base {
  color: #bf0000;
  font-size: 12px;
}
.hotels .price-base b {
  font-size: 16px;
}
.hotels .price-base em {
  font-style: normal;
  font-weight: bold;
}
.hotels .img img {
  width: 100%;
}
.hotels .pr {
  font-size: 13px;
  color: #333;
}
.hotels .num {
  color: #bf0000;
  font-size: 13px;
  font-weight: bold;
}

.searchWide {
  width: 100%;
  margin: 0 auto;
}
.searchWide h2 {
  font-size: 36px;
  margin-bottom: 30px;
  padding-left: 50px;
  padding-bottom: 4px;
  background: url(https://img.travel.rakuten.co.jp/special/sales/coupon/202206/images/icon_search.svg) left center no-repeat;
}

#keywordSearch {
  padding-top: 40px;
}

#keywordSearch form {
  width: 520px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
#keywordSearch form #f_query {
  border-radius: 3px 0 0 3px;
  width: 460px;
  padding-left: 16px;
  border-bottom: 1px solid #ccc;
  height: 42px;
  box-sizing: border-box;
}
#keywordSearch form .submit {
  width: 60px;
  border: none;
  background-color: #333;
  height: 42px;
  -webkit-appearance: none;
  border-radius: 0 3px 3px 0;
  display: block;
}

.cpnholder .char span.cpCatalog {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/cpBuilding.svg);
  background-size: auto;
}

body.prepage #Searchbox {
  display: none !important;
}

body.prepage .honban {
  display: none !important;
}

.cpnholder .dp.yado .couponimg a p:after {
  background-size: 50px auto;
}

.childbox {
  width: 1280px;
  margin: 10px auto 60px;
  color: #333;
}
.childbox .holder {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: url(https://img.travel.rakuten.co.jp/special/sales/coupon/202206/images/entry_childbox_left.png) no-repeat left bottom, url(https://img.travel.rakuten.co.jp/special/sales/coupon/202206/images/entry_childbox_right.png) no-repeat right top;
  margin-bottom: -80px;
  padding-bottom: 80px;
  padding-top: 40px;
}
.childbox .entry-condition {
  display: flex;
  justify-content: center;
}
.childbox .entry-condition span {
  background-color: #fff;
  border: 1px solid #878787;
  padding: 12px 26px;
  display: block;
  margin: 20px 8px;
  border-radius: 6px;
}
.childbox .child-pr {
  line-height: 1.4;
  margin-bottom: 32px;
}
.childbox .child-pr span {
  display: block;
}
.childbox .jdsCoponSwitch {
  z-index: 100;
  margin: 0 auto 0;
  cursor: pointer;
  width: 1185px;
  text-align: center;
  padding: 18px 0;
  border: 1px solid #333;
  background: #fff url(https://img.travel.rakuten.co.jp/special/sales/coupon/202206/images/plus_s.svg) no-repeat right 10px center;
  background-size: 16px auto;
}
.childbox .jdsCoponSwitch.active-submenu {
  background: #fff url(https://img.travel.rakuten.co.jp/special/sales/coupon/202206/images/minus_s.svg) no-repeat right 10px center;
  background-size: 16px auto;
}
.childbox .jdsCoponSwitch + div {
  background-color: #fff;
  font-size: 14px;
  line-height: 1.8;
  width: 1180px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  margin: 20px auto 0;
  padding: 20px;
}
.childbox .jdsCoponSwitch + div dt {
  font-weight: bold;
}
.childbox .jdsCoponSwitch + div dd {
  margin-bottom: 20px;
}
.childbox .jdsCoponSwitch + div dd img {
  vertical-align: middle;
  margin-top: -4px;
  font-feature-settings: "palt";
}

.cpnholder .char {
  border-bottom: 1px solid #ccc;
}

.prepage .ss-title .kv_wrapperIn .kv_logo {
  text-align: center;
}

.prepage .ss-title .kv_wrapperIn .countDown {
  display: none;
}

.ttlicon_w.history-icon:after {
  background-size: 28px auto;
  width: 28px;
  height: 28px;
  margin-left: -14px;
  margin-top: -2px;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/coupon/202206/images/History.svg);
}

span.pointInfoTxt {
  padding: 8px 32px;
  border: #999999 1px dotted;
  display: inline-block;
  margin: 8px;
}

.sscamp {text-align: center;margin: 30px auto 60px;}

#browsing-history { background: #FFFFFF!important; padding-top: 0!important;}
#SALEPLAN01 p.note {padding: 16px 0 0; font-size: 12px;}
.browsing-history-attention { padding:24px 0 30px 20px;font-size: 22px;color: #999999;}
section#Searchbox {margin-top:0px;}

.cpnholder .btmarea .overtime { display: none;}
.couponOneClick { margin-bottom: 8px;}
.cpnholder .btmarea .link { display: none;}
.cpnholder .char { border: none; margin-bottom: 0;}

.evBoxOut.evBoxOut2 { border-color: #C7E1F5;}
.eventBtn { width:484px ; margin: auto auto 50px auto;}
.eventBtn a { display: block; width: 100%; padding: 18px 0; font-size: 22px; text-align: center; color: #fff; background: #9C6505 url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/eventArrow.png) right 80px center no-repeat; border-radius: 50px;}
#hotelPt .pgH2 { height: 192px; background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/hotel_h2.png) center top no-repeat;}
#searchPt .pgH2 { height: 192px; background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/search_h2.png) center top no-repeat;}
#eventPt .pgH2 { height: 192px; background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/event_h2.png) center top no-repeat;}
 #cpnPt .pgH2 { height:200px; background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/cpn_h2.png) center top no-repeat;} 
#search-box.verB.test .explain { top: -40px;}
#guidePt .pgH2 { height: 202px; background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/guide_h2.png) center top no-repeat;}
.eventBtn.eventBtn2 a { display: block; width: 100%; padding: 18px 0; font-size: 22px; text-align: center; color: #fff; background: #055CA9 url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/eventArrow.png) right 80px center no-repeat; border-radius: 50px;}
@media screen and (min-width:1920px) {
  #topBox .jdsSlides li { background-size: cover;}
}

.evBoxOut .swiper-slide h3.ev_h3 { color: #333; font-size: 24px; padding-top: 180px; opacity: 0;}
.evBoxOut .swiper-slide img { filter: brightness(50%); }
.evBoxOut .swiper-slide.swiper-slide-active img {filter: brightness(100%);}
.evBoxOut .swiper-slide .ev_exp { opacity: 0; font-size: 16px;}

.evBoxOut .swiper-slide.swiper-slide-active h3.ev_h3,.evBoxOut .swiper-slide.swiper-slide-active .ev_exp { opacity: 1;}
/*202311*/
#topNav.active { padding-bottom: 0; padding-top: 4px;}
#topNav.active li a{display: block; height: 76px; width: 182px;margin: 0 auto; text-align: center;}
#topNav.active li { width: 182px;}
#topNav.active li img{ display: none;}
#topNav.active li:nth-child(1) a{background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/navi01_a.png) center no-repeat;}
#topNav.active li:nth-child(2) a{background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/navi02_a.png) center no-repeat;}
#topNav.active li:nth-child(3) a{background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/navi03_a.png) center no-repeat;}
#topNav.active li:nth-child(4) a{background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/navi04_a.png) center no-repeat;}
#topNav.active li:nth-child(5) a{background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/navi05_a.png) center no-repeat;}

#cpnPt{background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/coupon_bg.png) no-repeat center top;padding-bottom: 130px;background-size: cover;padding-top: 110px;}
#hotelPt .ht_h2{margin-top: 20px;}

#hotelPt{background:#EAFFEE}

#eventPt{ position: relative;z-index: 10;padding-top: 80px;margin-bottom: 0; margin-bottom: -1px; background-color:#FFF0F0; background-image: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/bg2_r.png) ; background-position: right top; background-repeat: no-repeat;}
#eventBk {background:url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/bg2_l.png) left bottom no-repeat }
 a.planborder{border: 4px solid #AAD6A4 }
 .hotelCap3 .photo{min-height: 230px;}


#cpnPt .pgH2　{text-align: center;}

@-webkit-keyframes fadeInUpSlow {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,10%,0);
      transform: translate3d(0,10%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes fadeInUpSlow {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,10%,0);
      transform: translate3d(0,10%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

.fadeInUpSlow {
  -webkit-animation-name: fadeInUpSlow;
  animation-name: fadeInUpSlow
}

@-webkit-keyframes fadeInLeftSlow {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-10%,0,0);
      transform: translate3d(-10%,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes fadeInLeftSlow {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-10%,0,0);
      transform: translate3d(-10%,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

.fadeInLeftSlow {
  -webkit-animation-name: fadeInLeftSlow;
  animation-name: fadeInLeftSlow
}


@-webkit-keyframes fadeInRightSlow {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(10%,0,0);
      transform: translate3d(10%,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes fadeInRightSlow {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(10%,0,0);
      transform: translate3d(10%,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

.fadeInRightSlow {
  -webkit-animation-name: fadeInRightSlow;
  animation-name: fadeInRightSlow
}



.hotelCap .planLink h3{position: relative; line-height: 1.4; letter-spacing: 2px; text-align: left;}
.hotelCap .planLink h3:before{content: "４月から";position: absolute;border-radius: 4px; border: 1px solid #EE6887;font-size: 14px;font-weight: bold;color: #EE6887;left: -18px;padding: 0 5px;font-size: 10px;text-indent: 0;}

.hotelCap .planLink.planborder h3:before{content: "3月まで";}
.hotelCap3 .planLink h3 { text-align: left;}

/*miffy*/

#miffy{
padding-bottom: 53px; padding-top: 120px;
background-color:#FFFDDB; background-image: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/muffy_bg.png),url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/bg3_l.png),url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/bg3_r.png);background-position: top center,bottom left,center right; background-repeat: no-repeat;
}
.miffyContents {display: flex;max-width: 1280px;margin: 0 auto; padding: 40px 16px 100px;gap: 50px;line-height: 1.3; box-sizing: border-box;}
.miffyInfo {width: 518px;padding-top: 28px;display: flex;flex-direction: column;text-align: center;justify-content: center;align-items: center;}
.miffyInfo a {color: #333; display: block; margin-top: 16px; text-align: center;}
.miffyTitle {color: #562C08;font-size: 32px;font-weight: bold;margin-bottom: 36px;}
.miffyDate {background-color: #fff;color: #333;height: 40px;
width: 300px;display: flex;justify-content: center;align-items: center;border-radius: 40px;margin-bottom: 40px;}
.miffypr {line-height: 1.5;padding-bottom: 40px;text-align: left;letter-spacing: 1px;
align-self: flex-start;

}
.miffyHotelTitle {color: #562C08;font-weight: bold;font-size: 20px;padding-bottom: 12px;}
.miffyHotelPlan {background-color: #FFFAEF;padding: 16px;}
.miffyHotelPlanTitle {font-weight: bold;color: #333;padding-bottom: 12px;}
.miffyprice {font-size: 12px;}
.miffypriceNum {color: #BF0000;font-size: 16px;font-weight: bold;}
.miffypriceNum em{font-size: 28px;}
.miffyPhoto {display: flex;flex-direction: column;}

.miffyPhoto span {display: flex;align-items: center;justify-content: flex-end;}
.miffyPhoto span img {width: auto;}
.miffyPhoto span em {font-size: 28px;margin-right: .2em;}

.header-banner__wrapper {min-width: auto!important;}

.bg01 { 
  background: linear-gradient(to bottom, #fff 0, #EAFFEE 300px); padding-bottom: 0;}
.bg02 { background: #EAFFEE url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/white.jpg) center bottom no-repeat; background-size: 100% ; padding-bottom: 65px;}

#evnP2 { position: relative; padding-top: 60px;}
#evnP2:before { display: block; content: ""; display: block; width: 100%; height: 2px; background: #DA8589; top: 0; left:0; position: absolute;}
#evnP2 .hotelCapL { border: none;}
#evnP2.wd1400 { width: 1240px;}
#evnP2.wd1400 .hotelCapL .hotelCapL1 { width: 540px;}
#evnP2.wd1400 .hotelCapL .hotelCapL2 {width: calc(100% - 580px);}
#evnP2.wd1400 .hotelCapL .htlUl li { max-width: 100%; width: 100%;}
#evnP2 .htlCon { padding-top: 0; margin-bottom: 20px;}
#evnP2.wd1400 .hotelCapL .htlUl li a { border-radius: 50px; height: auto!important; font-size: 20px; background: #EE6887 url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/arrow1.png) right 24px center no-repeat;}
#evnP2.wd1400 .a_l { font-size: 16px; margin
:0 auto 40px auto}
#evnP2.wd1400 ul.hotelPr { margin-bottom: 10px; height: auto!important;}
#evnP2 ul.hotelPr li.hotelPr { font-size: 24px; text-align: center; margin-bottom: 24px;}
.spacer { display: block; margin-bottom: 8px;}

.hotelCap3 { padding: 0 20px; box-sizing: border-box;}
.hotelCap3 .htlCon { margin-bottom: 0; padding-top: 16px;}
.hotelCap3 .hotelPr { text-align: left;}
.hotelCap3 p.hotelPr { display: block!important; margin-bottom: 24px;}
.hotelCap3 .hotelPr b { margin-bottom: 8px;}

.cpnH4 { text-align: center; margin: 8px auto 16px auto;}
#guideBk .swiper-slide em { display: block; font-weight: normal; font-style: normal;}
.opTxt { text-align: center; font-size: 16px; margin: -12px auto 30px auto;}

.hotelCap3 ul.htlUl {flex-wrap: wrap;}
.hotelCap3 ul.htlUl li { width: 48.2%; max-width: 100%; margin-bottom: 12px;}

.hotelCapL .hotelCapL2 .htlUl li { width: 48.2%; max-width: 100%;}

.coupon__box { background: rgba(255,255,255,.95); border-radius: 12px; margin-top: 45px;}

a.evBtn {width: 482px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background: #EE6887;
  padding: 12px 0;
display: block;border-radius: 50px;
  height: auto !important;
  font-size: 20px;
  background: #EE6887 url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/arrow1.png) right 60px center no-repeat; margin: auto auto 40px auto;
}
.hotelPr>em { display: block;}
.hotelPr>span {  position: relative; margin-top: 12px; display: inline-block;}
.hotelPr>span:before { display: block; content: ""; width: 48px; height: 1px; background: #333; position: absolute; top:50%; left: -58px; display: inline-block;}
.hotelPr>span:after { display: block; content: ""; width: 48px; height: 1px; background: #333; position: absolute; top:50%; right:-58px; display: inline-block;}
#cpn>li a { border-radius: 3px;}


#hotelBk { background-image: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/bg1_l.png),url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/bg1_r.png); background-position: left top, right center; background-repeat: no-repeat;}
#search-box .searchSubmit a {
  background: #EE6887 !important;}
  #search-box.verB { border: 1px solid #c4c4c4; padding: 32px;}
  #search-box.verB.test .dhAll.dh { margin-top: 0!important;}
  section#Searchbox { margin-top: 0!important;}
  #search-box.verB { margin-top: 0;}
  .icH3 { display: inline-block; color: #2C9D1D; border: 1px solid #2C9D1D; border-radius: 4px; margin-right: 8px; padding: 2px 6px; font-size: 14px;}
  #sp01 { background: #fff;}
  .miffyContents:last-of-type  { background: #fff; padding:30px 45px; width: 1200px; }
  .miffyContents:last-of-type .miffyInfo { width: 600px;}
  .miffyContents:last-of-type .miffyInfo a { width: 600px;}
  .bg03 { background-image: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/bg4_l.png),url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/bg4_r.png); background-position: left center, right 30px center; background-repeat: no-repeat;}
@media screen and (min-width: 1921px) {
  #eventPt {background-image: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/event_bg_bottom2.png),url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/event_bg_lft.png);
    background-repeat: no-repeat,no-repeat;
    background-position: center bottom,left top 0; background-size: 100%, 100%;}
  .bg02 {
    background: #FFFCEE url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/white.jpg) center bottom no-repeat;
      background-size: 100%;
  }
}