@charset "UTF-8";
.ss-contents { background: #fff; color: #333; font-family: 'Noto Sans JP', sans-serif; line-height: 1.6; padding-top: 0 }
.pc:not(.newshow) { display: none !important }
#sRight { bottom: 4px }
#topWd { background: #1451A1; padding: 12px 0; position: relative }
#topWd:before { background-color: rgba(0, 0, 0, .8); box-sizing: border-box; color: #fff; content: "PR"; font-size: 14px; font-weight: 400; height: 22px; left: 0; line-height: 1; padding: 4px 0; position: absolute; text-align: center; top: 0; width: 30px }
.topH1 { font-weight: bold; align-items: center; color: #fff; display: flex; font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro', 'Hiragino Mincho ProN', 'MS P明朝', 'MS PMincho', 'HGS明朝E', 'MS Mincho', serif; font-size: 18px; font-weight: 400; gap: 12px; justify-content: center; position: relative; text-align: center }
.topH1 img { width: 58px }
.topH1 span em { display: block; font-size: 22px }
#topBox p.cover {text-align: center; }
#topBox p.cover img { width: 100%; }
#topBox .jdsSlides { height: auto; height: 100%; overflow: hidden; position: relative }
#topBox .jdsSlides li { height: auto; width: 100% }
#topBox .jdsSlides li img { width: 100% }
#topBox .rslides_tabs { display: flex; justify-content: center; width: 100% }
#topBox .rslides_tabs li { background: #ccc; border-radius: 50%; font-size: 0; height: 13px; margin: 5px 4px 0; width: 13px }
#topBox .rslides_tabs li:hover { opacity: .8 }
#topBox .rslides_tabs li a { display: block; height: 100%; width: 100% }
#topBox .rslides_tabs li.rslides_here { background: #0330b3 }
.cpnH3 { font-size: 14px; font-weight: 400; margin: auto auto 8px; text-align: center }
.cpnH3 span { color: #bc0000; display: block; font-size: 85% }
.navUl { align-items: center; background: #FAD400; display: flex; justify-content: space-around; overflow: hidden; width: 100% }
.navUl.active { z-index: 999 !important }
.navUl li { align-items: center; background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/arrow2_b.svg) no-repeat center calc(100% - 14px) /16px; display: flex; justify-content: center; padding: 8px 0 28px }
.navUl li a { color: #333; display: block; font-size: 14px; font-weight: 700; text-align: center; line-height: 1.2; }
#COUPON { line-height: 1.1; }
.coupon__filter__guide::after{ background-image: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/coupon_Link.svg); background-size: 16px;}

.pgBoxW { color: #333; letter-spacing: 1px; padding: 0 16px; position: relative }
.ptBox { margin: auto auto 0 }
#christmas, .ptBox { padding: 24px 0 32px}

#eventBk { color: #333;}
.ev_h3 { align-items: center; display: flex; flex-direction: column }
.ev_h3, .eventBox2 .ev_h3 { letter-spacing: 2px; margin: auto auto 4px; text-align: center }
.eventBox2 .ev_h3 { color: #055ca9; font-size: 16px }
.ev_h3 span { color: #333; display: block; font-size: 12px; font-weight: 400; font-weight: bolder }
#eventPt .ev_h3 span { background: #fff; border-radius: 50px; color: #333; display: inline-block; font-size: 14px; font-weight: 400; margin-bottom: 12px; padding: 10px }
#eventPt .ev_h3 > small { font-size: 14px; font-weight: 400; margin: 16px 0 }
.pgBoxW .eventBox .swiper-container img { width: 100% }
.pgBoxW .eventBox .swiper-wrapper { margin-bottom: 8px }
.pgBoxW .eventBox .swiper-pagination { display: flex; justify-content: space-between; width: 100% }
.pgBoxW .eventBox .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { border-radius: 0; height: 40px; margin: 0; opacity: 1; position: relative; width: 24%; }
#christmas .imgBox { width: 100%; aspect-ratio: 710 / 400; display: flex; justify-content: center; }
#christmas .imgBox img { height: 100%; width: 100%; object-fit: cover; }
#christmas .swiper-pagination-bullet:first-child { background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/event1.jpg) no-repeat top/cover; }
#christmas .swiper-pagination-bullet:nth-child(2) { background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/event2.jpg) no-repeat top/cover; }
#christmas .swiper-pagination-bullet:nth-child(3) { background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/event3.jpg) no-repeat top/cover; }
#christmas .swiper-pagination-bullet:nth-child(4) { background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/event4.jpg) no-repeat top/cover; }
#christmas .pgBoxW .eventBox .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { height: auto; aspect-ratio: 710 / 400; }
#christmas .eventBox .swiper-container-horizontal > .swiper-pagination-bullets { top: 0; padding-top: 182px; height: fit-content; }
.eventBox .swiper-container { margin-bottom: 0; padding-bottom: 0 }
.ht_h2 { align-items: center; display: flex; flex-direction: column; font-size: 16px; margin: 16px auto 8px; row-gap: 24px }
.ht_exp, .ht_h2 { text-align: center }
.ht_exp { font-size: 12px; margin: 12px auto 16px }
#hotelBk img { width: 100% }
.hotel_ic { display: flex; flex-wrap: wrap; justify-content: space-around; margin: auto auto 16px; padding: 8px 16px 16px; gap: 16px; }
.hotel_ic li { text-align: center; width: calc(50% - 8px) }
.hotel_ic li dt { font-size: 14px; font-weight: 700; margin-bottom: 8px }
.hotel_ic li dd { font-size: 12px }
#guidePt #swipeBox .swiper-slide { width: 220px !important }
#guidePt #swipeBox .swiper-slide a { background: #fff; border: 1px solid #c3c3c3; border-radius: 3px; color: #333; display: block; font-size: 14px; min-height: 284px }
#guidePt #swipeBox .swiper-slide p small { display: block }
#guidePt #swipeBox .swiper-slide a img { display: block; width: 100% }
#guidePt #swipeBox .swiper-slide a p { padding: 10px }
#guidePt #swipeBox .swiper-slide a p span:first-child { display: block; margin-bottom: 4px; text-align: right }
#guidePt #swipeBox .swiper-slide a p span.btn { background: #1451A1; color: #fff; display: block; font-size: 16px; font-weight: 700; letter-spacing: 1px; margin-top: 10px; padding: 10px 0; text-align: center }
#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 { background-size: 35px 35px; height: 35px; top: 40%; width: 35px }
#guidePt .pgBoxW { padding: 0 16px }
#topBox { position: relative }
.hotelCap { border-top: 2px solid #B9C2FA; margin-bottom: 32px; padding-top: 16px; }
.hotelCap:last-of-type { margin-bottom: 0; }
.hoteNm { border-radius: 4px 4px 0 0; color: #1451A1; font-size: 20px; letter-spacing: 4px; padding: 0 0 16px; text-align: center }
/* .htlCon{padding:16px 0 0} */
.htlCon .photo { margin-bottom: 15px }
.hotelPr { color: #666; font-size: 12px; margin-bottom: 20px }
.a_l, .hotelPr { text-align: left }
ul.hotelPr li.hotelPr { color: #333; font-size: 14px }
ul.hotelPr { font-size: 14px; font-weight: 700; margin-bottom: 20px; padding-left: 0 }
.planLink { background: #fff; color: #333 !important; display: block; font-size: 14px; margin: 0 auto 16px; padding: 16px; text-align: center; cursor: pointer; }
.planLink h3 { position: relative; text-align: left }
.hotelCap .planLink h3:before { border: 1px solid #965F12; border-radius: 4px; color: #965F12; content: "４月から"; font-size: 14px; font-size: 10px; font-weight: 700; left: -22px; padding: 0 5px; position: absolute; text-indent: 0 }
.hotelCap .planLink.planborder h3:before { content: "3月まで" }
.planLink .pri { font-size: 12px; letter-spacing: 0; margin: 8px auto 0 }
.planLink .pri span { color: #bf0000; font-size: 16px; font-weight: 700; padding-right: 4px }
.planLink .pri span b { font-size: 28px }
.htlUl { display: flex; flex-wrap: wrap; justify-content: space-between }
.htlUl li { width: 49% }
.htlUl li:last-child { width: 100% }
.htlUl li a { background: #1451A1; border-radius: 4px; color: #fff; display: block; font-size: 16px; padding: 12px 0; text-align: center; width: 100% }
#search-box .searchSubmit a { background-color: #965F12 !important }
.pgBnrB { margin: 0 16px }
.pgBnrB a { background: #333 url(https://img.travel.rakuten.co.jp/select/huistenbosch/202410/images/btnBg.png) right 20px center no-repeat; background-size: 30px; border-radius: 50px; color: #fff; display: block; font-weight: 700; padding: 16px 25px 12px 0; text-align: center }
.trigger { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202410/images/menu_open.png) 50%/50px auto no-repeat }
#sRight .jss_switchMenu.active .trigger { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202410/images/menu_close.png) 50% no-repeat; background-size: auto; background-size: 50px auto }
.ss-right dd li a { color: #965F12; padding: 12px 0 }
.ttlicon_w:after { display: none }
.ss-right dd li, .ss-right dd ul { border-color: #965F12 }
.cpnBox { padding-top: 0 }
.swiper-container { padding-bottom: 15px }
.searchWide h2 { background-color: #fff; font-size: 24px; padding-bottom: 24px; text-align: center }
.cpn2col .sp.siboriBtn { display: none }
.cpn2col .cpnholder { display: flex; flex-wrap: wrap; justify-content: space-between }
.cpn2col .cpnholder > li { background-color: #fff; border: none; border-left: none; border-right: none; float: left; margin: 10px 1% 5px; padding: 8px 1% 0; width: 45.8% }

#search-box, #search-box .searchNavi { background: none; }
#search-box.verB.test #dh-search-form dl.structure.fltDl dd.date { width: 60% }
#search-box.verB.test #dap-search-form .squeeze.sp input[type=checkbox]:checked + label { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202410/images/search_checked.png) 0 no-repeat; background-size: auto; background-size: 16px 16px }
#cpnPt .ss-center { background: none }
.cpn { display: flex; justify-content: center; padding: 0 0 24px }
.cpn li a { background: #fff; border-radius: 5px; color: #333; display: inline-block; font-size: 12px; padding: 8px }
.cpn .blankLink { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202410/images/blank.png) 100% no-repeat; margin: 0 0 0 8px; padding-right: 32px }
.coupon__box { background: #fff; border-radius: 6px; margin: 0 16px; overflow: hidden; }
#hotelBk h2.ht_h2 img { width: 120px }
.hotelCap .jdsSlides { overflow: hidden; position: relative; width: 100% }
.hotelCap .rslides_tabs { display: flex; font-size: 0; justify-content: center; padding: 10px 0 }
.hotelCap .rslides_tabs li a { background-color: #ccc; border-radius: 50px; display: block; height: 10px; margin: 0 5px; width: 10px }
.hotelCap .rslides_tabs li.rslides_here a { background-color: #1451A1 }
.planborder { border: 3px solid #B9C2FA }
@-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 }
}
@-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 }
}
.pagetop { align-items: center; display: flex; flex-direction: column; width: auto }
.hotelCapL ul.hotelPr li.hotelPr, .hotelPr b { font-size: 16px }
.miffy { background: #fffddb url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/muffy_bg_sp.png) top no-repeat; padding-bottom: 25px }
.miffyContents { background: #fff; gap: 24px; line-height: 1.3; margin: 0 16px; padding: 16px }
.miffyContents, .miffyInfo { display: flex; flex-direction: column }
.miffyInfo { align-items: center; justify-content: center; text-align: center }
.miffyInfo a { color: #333 }
.miffyHotelTitle { color: #eb6238; font-size: 18px; font-weight: 700; padding-bottom: 12px }
.miffyHotelTitle span { color: #333; display: block; font-size: 14px; font-weight: 400; margin-top: 8px }
.miffyHotelPlan { background-color: #fffaef; padding: 16px }
.miffyHotelPlanTitle { color: #333; font-size: 14px; font-weight: 700; padding-bottom: 12px; text-align: left }
.miffyprice { font-size: 12px }
.miffypriceNum { color: #bf0000; font-size: 16px; font-weight: 700 }
.miffypriceNum em { font-size: 28px }
.miffyPhoto { display: flex; flex-direction: column }
.miffyPhoto img { margin-top: 12px }
.miffyPhoto span { align-items: center; display: flex; justify-content: flex-end }
.miffyPhoto span em { font-size: 28px; margin-right: .2em }
.evBoxOut .swiper-slide h3.ev_h3 { color: #333; font-size: 15px;     /* margin: 0 -12.5% 8px; */ opacity: 0; padding-top: 25% }
#christmas .evBoxOut .swiper-slide img { filter: brightness(50%) }
#christmas .evBoxOut .swiper-slide.swiper-slide-active img { filter: brightness(100%) }
.evBoxOut .swiper-slide .ev_exp { font-size: 14px; margin-top: 12px; opacity: 0; color: #333; }
.evBoxOut .swiper-slide.swiper-slide-active .ev_exp, .evBoxOut .swiper-slide.swiper-slide-active h3.ev_h3 { opacity: 1 }
.pgBoxW .eventBox .swiper-pagination { position: absolute }
.eventBox .swiper-container { position: relative }
.pgBoxW .eventBox .swiper-slide { width: 100%; max-width: 311px; }
/* .eventBox .swiper-slide img{height:140px; aspect-ratio: 892 / 400;} */
#guideBk .swiper-slide em { display: block; font-style: normal; font-weight: 400 }
.ss-contents { overflow: hidden }
.pagetop { margin-bottom: 8px; margin-right: 4px; width: 90px }
.pagetop a img { margin: 16px auto 0; display: block; width: 100%; }
.pagetop a:last-child img { width: 60px; }
#hotelPt .htlUl li:last-child { width: 49% }
.hotelPr > span { display: block; margin-top: 6px }
.hotelCap .jdsSlides img { width: 100% }
.hotelPr > em { display: block }
.hotelPr > span { display: inline-block; margin-top: 12px; position: relative }
.hotelPr > span:before { left: -48px }
.hotelPr > span:after, .hotelPr > span:before { background: #333; content: ""; display: block; display: inline-block; height: 1px; position: absolute; top: 50%; width: 40px }
.hotelPr > span:after { right: -48px }
#cpn > li a { border-radius: 3px }
#search-box.verB.test #dh-search-form dl.structure.ninzu select { line-height: 2.1 }
#search-box.verB.test #dh-search-form dl.structure.fltDl.heya b#heyaNum { top: 17px }
#search-box.verB.test #dh-search-form dl.structure.ninzu ul li b#adltNum { top: 18px }
.icH3 { border: 1px solid #1451A1; border-radius: 4px; color: #1451A1; display: inline-block; font-size: 12px; margin-right: 8px; padding: 2px 5px }
.miffyContents:nth-of-type(2) { padding-top: 0; margin-top: 16px; }
.hotelCap .planLink.planborder h3:before { content: none !important }
.text_ { display: block }
.pExp { font-size: 14px; line-height: 1.6; margin: 30px auto auto; max-width: 1218px }
.cpnholder .couponOneClick-status-having .couponOneClick-default.cpLinkZumi:hover { cursor: default; opacity: 1 }
.hotelCap3 .jdsPhotoThumbnail .jdsSlides > li img { border-radius: 5px }
.pExp { font-size: 13px; margin: 30px 16px auto }
#search-box.verB.test #dh-search-form dl.structure.fltDl dd.date { width: auto }
ul.hotelPr li { font-size: 12px; font-weight: 400; list-style: none }
.eventBox1 .swiper-pagination-bullet-active:after { border: 4px solid rgba(4, 87, 168, 0.50); box-sizing: border-box; content: ""; display: block; height: 100%; left: 0; opacity: .5; position: absolute; top: 0; width: 100% }
/* 0709追加 */
.cpnTtl { text-align: center; color: #FEC70B; font-size: 18px; margin: 24px auto -12px; line-height: 1.5; }
.coupon__box:not(:last-child) { margin-bottom: 24px; }
.ttlWithIcon::before { content: ''; position: absolute; width: 24px; height: 24px; background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/icons.png) left center /auto 24px no-repeat; left: 0; top: 50%; transform: translateY(-50%); }
.ttlHotelIcon, .ttlHotelBook, .ttlHotelSearch { color: #1451A1; }
.linkBtn { margin: 16px 16px 0; display:block;}
.linkBtn img{ width: 100%;}
.linkBtn:hover { opacity: .8; color: #fff; }
/* .linkBtn::after { content: ''; position: absolute; width: 18px; height: 18px; background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/arrow_w.svg) right center / auto 18px no-repeat; right: 2px; top: 50%; transform: translateY(-50%); } */
#search-box .searchSubmit a { background: #1451A1 !important; }
#search-box .searchNavi li.on label { background: #1451A1; border: 1px solid #1451A1; }
#search-box .searchNavi li.on:after { border-top: 7px solid #1451A1; }
.mt40 { margin-top: 40px; }
.guideLink { display: flex; flex-direction: column; align-items: center; width: 100%; box-sizing: border-box; margin: 0 auto; padding: 12px 16px; margin-top: 24px; background: #fff; }
.guideLink h3 { color: #1451A1; margin-bottom: 8px; font-size: 16px; flex-shrink: 0; }
.guideLink a { color: #333; font-size: 14px; line-height: 1.2; text-decoration: underline; text-align: center; position: relative; padding-right: 10px; display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.guideLink a::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 12px; height: 10px; background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/arrow_b.svg) no-repeat center/contain; }

#eventPt .eventBox { background: #fff; padding: 16px; box-sizing: border-box; }
#eventPt .eventBox .swiper-wrapper { margin: 0 auto; }
#eventPt .swiper-container { width: 100%; }
#eventPt .swiper-container-horizontal > .swiper-pagination-bullets { top: auto; width: auto; padding-bottom: 0; bottom: 0; display: flex; left: 50%; transform: translateX(-50%); }
#eventPt .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 50%; background: #C4C4C4; padding-bottom: 0; margin-right: 8px; }
#eventPt .swiper-pagination-bullet::after, #eventPt .swiper-pagination-bullet::before { display: none; }
#eventPt .swiper-pagination-bullet-active { background: #AE7F3B; }
#eventPt .swiper-button-next { background-image: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/arrow_r.png); right: 8px; width: 36px; height: 36px; background-size: 36px; transform: translateY(-50%); }
#eventPt .swiper-button-prev { background-image: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/arrow_r.png); left: 8px; transform: scaleX(-1) translateY(-50%); width: 36px; height: 36px; background-size: 36px; }
#eventPt .swiper-slide { width: 100% !important; display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 20px; max-width: none; }
#eventPt .swiper-slide .logo { width: 40%; height: auto; margin: 0 auto 16px; object-fit: contain; display: none; }
#eventPt .swiper-slide img { display: block; width: 100%; aspect-ratio: 311 / 208; object-fit: cover; }
#eventPt .swiper-slide section { width: 100%; }
#eventPt .swiper-slide section h3 { color: #1451A1; font-size: clamp(13px, calc(13px + (3 * ((100vw - 300px) / 75))), 16px); text-align: center; letter-spacing: 3px; }
#eventPt .swiper-slide section span { display: block; font-size: clamp(12px, calc(12px + (2 * ((100vw - 300px) / 75))), 14px); text-align: center; width: fit-content; margin: 16px auto; padding: 8px 16px; line-height: 1.5; border-radius: 100px; background: #E3EEFD; }
#eventPt .swiper-slide section p {line-height: 1.5; font-size: clamp(12px, calc(12px + (4 * ((100vw - 300px) / 75))), 14px);margin-top: 12px; }
#eventPt .swiper-slide section p.ev_sub { text-align: center; font-size: clamp(14px, calc(14px + (4 * ((100vw - 300px) / 75))), 18px); font-weight: 700; margin-top: 8px; letter-spacing: 1px; }

#christmas h3.sub { color: #1451A1; text-align: center; font-size: 16px; }
#christmas .eventTime { text-align: center; background: #fff; display: block; font-size: 12px; padding: 10px 20px; margin: 20px auto; width: fit-content; border-radius: 50px; }
#christmas .eventTime span { font-size: 10px; }
a.ticketLink { width: 90%; display: block; margin: 0 auto 0; font-size: 14px; text-align: center; color: #fff; border-radius: 5px; background: #064DA4; padding: 12px 0; position: relative; }
a.ticketLink:after { position: absolute; content: ''; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; right: 16px; top: calc(50% - 4px); transform: rotate(45deg); }

/* Eva Section SP */
.evaBox { background: #000; border-radius: 8px; margin: 0 auto 24px; padding: 24px 16px; box-sizing: border-box; }
.evaMain { display: flex; flex-direction: column; align-items: center; gap: 16px; }
.evaMain .evaImg { width: 100%; aspect-ratio: 540/361; object-fit: cover; border-radius: 4px; }
.evaMain .evaInfo { display: flex; flex-direction: column; align-items: center; gap: 16px; }
.evaMain .evaLogo { width: 60%; max-width: 200px; height: auto; }
.evaMain .evaInfo p { color: #fff; font-size: 12px; line-height: 1.8; text-align: left; }
.evaGuide { display: flex; flex-direction: column; align-items: center; gap: 8px; border-top: 1px dashed #fff; border-bottom: 1px dashed #fff; padding: 12px 0; margin-top: 16px; }
.evaGuideLabel { color: #fff; font-size: 14px; font-weight: 700; }
.evaGuide a { color: #fff; font-size: 12px; line-height: 1.2; text-decoration: underline; text-align: center; position: relative; padding-right: 10px; display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.evaGuide a::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 12px; height: 10px; background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/arrow_w2.svg) no-repeat center/contain; }
.evaNew { background: #fff; border-radius: 8px; margin: 0 auto 24px; padding: 16px; box-sizing: border-box; display: flex; align-items: center; gap: 16px; }
.evaNew .evaNewImg { width: 100px; height: 60px; object-fit: cover; border-radius: 4px; background: #d9d9d9; flex-shrink: 0; }
.evaNew .evaNewInfo { flex: 1; }
.evaNew .evaNewLabel { color: #1451a1; font-size: 14px; font-weight: 700; margin-bottom: 4px; }
.evaNew .evaNewInfo a { color: #333; font-size: 12px; text-decoration: underline; }

#cpnPt { background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/bg1Sp.png) top center no-repeat #1451A1; background-size: 100%;}
#christmas { background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/bg2Sp.png) top center no-repeat #FFE34A; background-size: 95%; }
#eventPt { background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/bg3Sp.png) center top no-repeat #56C2D7; background-size: 100%; position: relative; z-index: 10 }
#hotelPt { background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/bg4Sp.png) center top no-repeat #FFFCE6; background-size: 100%;}
#searchPt { background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/bg5Sp.png)  center top no-repeat; background-size: 100%;}
#guidePt { background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/bg6Sp.png)  center top no-repeat; background-size: 100%;}

.pgH2 {text-align: center; margin: 0 auto 24px; position: relative; font-family: 'Noto Sans JP', sans-serif; font-weight: 700; font-size: 20px; color: #333; }
#cpnPt .pgH2{ background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/ttlCoupon.png) center top no-repeat; background-size: 120px; padding: 32px 0 0; color: #fff;}
#christmas .pgH2{ background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/ttlEvent.png) center top no-repeat; background-size: 120px; padding: 32px 0 0;}
#hotelPt .pgH2{ background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/ttlHotel.png) center top no-repeat; background-size: 120px; padding: 32px 0 0;}
#searchPt .pgH2{ background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/ttlSearch.png) center top no-repeat; background-size: 120px; padding: 32px 0 0;}
#guidePt .pgH2 { background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/ttlGuide.png) center top no-repeat; background-size: 120px; padding: 32px 0 0;}

.coupon__box{ background: none;}
.coupon__box__holder{ padding: 0; background: none; row-gap: 24px;}
.couponOneClick{ background: #fff; border-radius: 5px;}
.couponOneClick .coupon__container{ margin: 16px 16px 0; width: calc(100% - 32px);}
.couponOneClick .coupon__time{ margin: 8px 16px 0;}
.coupon__button__pattern{ margin:8px 16px 16px; width: calc(100% - 32px);}
.cptittl{ font-size: 16px; text-align: center; padding: 8px 0; text-align: center; background: #D6E9C7; border-radius: 5px 5px 0 0;}

#search-box.verB.test #searchSwitchArea1, #search-box.verB.test #searchSwitchArea2{ padding-bottom: 17px;}


.planBnt{ margin-top: 8px; display: flex; justify-content: center; gap: 8px;}
.planBnt li{ width: calc(50% - 8px); max-width: 200px;}
.planBnt a{ position: relative; display: block; background: #fff; color: #1451A1; border: 1px solid #1451A1; font-size: 14px; padding: 4px 0; border-radius: 5px; flex: 1; text-align: center; font-weight: 600; }
.planBnt a:hover{ opacity: .8;}
.planBnt a::after { content: ''; position: absolute; right: 10px; top: calc(50% - 4px); display: inline-block; width: 8px; height: 8px; border-right: 1px solid #1451A1; border-bottom: 1px solid #1451A1; transform: rotate(-45deg);}
