@charset "UTF-8";
.ss-contents { background: #fff; color: #333; font-family: Noto Sans JP, sans-serif; line-height: 1.8; overflow: hidden; padding-bottom: 0 }
.ss-contents a:hover { opacity: .8 }
.sp { display: none }
#topWd { padding: 20px 0; position: relative }
#topWd, #topWd:before { font-size: 14px; text-align: center }
#topWd:before { background-color: rgba(0, 0, 0, .8); box-sizing: border-box; content: "PR"; height: 22px; left: 0; letter-spacing: 0; line-height: 1; padding: 4px 0; position: absolute; top: 0; width: 30px }
#topWd:before, .topH1 { color: #fff; font-weight: 400 }
.topH1 {font-weight: bold; align-items: center; display: flex; font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro', 'Hiragino Mincho ProN', 'MS P明朝', 'MS PMincho', 'HGS明朝E', 'MS Mincho', serif; font-size: 40px; gap: 24px; justify-content: center; letter-spacing: 8px }
#topBox { background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/kvBg.jpg) center center no-repeat; background-size: cover; margin: 0; overflow: hidden; position: relative }
#topBox .jdsSlides li { transition: transform .6s ease !important; width: 100% }
#topBox p.cover {text-align: center; }
#topBox p.cover img { width: 100%; max-width: 982px; }
#topBox .jdsSlides li section { height: 630px; position: relative; width: 100% }
#topBox .jdsSlides { overflow: hidden; position: relative }
#topBox .jdsSlides li img { display: block; margin: 0 auto; width: 100% }
#topBox .rslides_tabs { bottom: -25px; display: flex; justify-content: center; margin: auto; position: absolute; width: 100%; z-index: 10 }
#topBox .rslides_tabs li { background: #ccc; border-radius: 50%; font-size: 0; height: 15px; margin: auto 6px; width: 15px }
#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 }
/* 导航 */
.navUl { background: #FAD400; display: flex; gap: 56px; justify-content: center; overflow: hidden; width: 100%; z-index: 200; height: 117px; }
.navUl li { padding: 20px 0; position: relative; }
.navUl.active li { padding: 20px 0; }
.navUl li a { background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/arrow2_b.svg) no-repeat bottom center/ 24px 12px; color: #333; display: block; font-size: clamp(20px, calc(20px + (6 * ((100vw - 1000px) / 1000))), 26px); font-weight: 700; padding-bottom: 31px; position: relative; }
.navUl li a:hover { opacity: .8 }
#COUPON { margin: 0 auto; max-width: 1280px; width: 96%; 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;}
/* #hotelBk {
margin: 0 auto;
max-width: 1280px;
width: 96%
} */
#hotelBk > img { display: block; width: 100% }
.pgBoxW { width: 96%; max-width: 1280px; padding: 0; margin: 0 auto; position: relative }

.ptBox { margin: auto; overflow: hidden; padding-top: 80px; }
.cpnholder { background: none }
#sRight { bottom: 12px; right: 10px }
.pagetop { width: auto }
.pagetop a { background: none; border-radius: 0; display: block; font-size: 0; height: 104px; line-height: 1; position: relative; 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: 710px }
#christmas .eventBox .swiper-slide { width: 710px }
#eventBk { color: #333; letter-spacing: 2px; width: 80%; }
.eventBox { margin: 40px auto ; padding: 0; max-width: 1280px; width: 100%; }
.ev_h3 { align-items: center; display: flex; flex-direction: column; margin: auto auto 16px; text-align: center }
#eventPt .ev_h3 span { background: #fff; border-radius: 50px; color: #333; display: inline-block; font-size: 16px; font-weight: 400; margin-bottom: 12px; padding: 10px 35px }
#eventPt .ev_h3 > small { font-size: 18px; font-weight: 400; margin: 24px 0 16px }
.ev_exp { font-size: 14px; margin: auto; text-align: center !important }
.cpnH3 { font-size: 20px; font-weight: 400; letter-spacing: 1px; margin: auto auto 8px; text-align: center }
.cpnH3 span { color: #bc0000; font-size: 85%; padding-right: 5px }
.eventBox2 .ev_h3 { color: #055ca9; font-size: 26px; letter-spacing: 4px; margin: auto auto 25px; text-align: center }
.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 { border-radius: 0; height: 120px; opacity: 1; position: relative; width: 217px }
.eventBox .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; background: none; }
.eventBox .swiper-pagination-bullet:hover { opacity: .8 }
#christmas .swiper-pagination-bullet:first-child { display: block; background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/event1.jpg) center center / cover no-repeat; }
#christmas .swiper-pagination-bullet:nth-child(2) { display: block; background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/event2.jpg) center center / cover no-repeat; }
#christmas .swiper-pagination-bullet:nth-child(3) { display: block; background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/event3.jpg) center center / cover no-repeat; }
#christmas .swiper-pagination-bullet:nth-child(4) { display: block; background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/event4.jpg) center center / cover no-repeat; }
.eventBox1 .swiper-pagination-bullet:before { line-height: 1.2; margin-top: 12px; color: #333; content: ""; display: block; font-size: 14px; font-weight: 500; position: absolute; text-align: center; top: 116px; white-space: normal; width: 100% }
#christmas .swiper-pagination-bullet:first-child:before { content: "アンクルパイロットの\Aフライトアドベンチャー"; white-space: pre; }
#christmas .swiper-pagination-bullet:nth-child(2):before { content: "ミッフィー&フレンズの\Aヨットセーリング"; white-space: pre;  }
#christmas .swiper-pagination-bullet:nth-child(3):before { content: "スカイカルーセル" }
#christmas .swiper-pagination-bullet:nth-child(4):before { content: "ミッション・ディープシー\AXsenseライド"; white-space: pre; }
.eventBox .swiper-container-horizontal > .swiper-pagination-bullets { left: 50%; padding-bottom: 40px; position: absolute; top: 408px; transform: translateX(-50%); width: 904px }
#christmas .swiper-container-horizontal > .swiper-pagination-bullets { width: 892px; height: fit-content; }
.eventBox .swiper-container { margin: 0 auto; max-width: 100%; position: relative; width: 100% }
.eventBox .swiper-container:before { display: block }
@media screen and (max-width:1200px) {
section#Searchbox { margin: 40px 0 !important; max-width: 100% !important; padding: 0 !important }
#topNav.active li a { width: 100% !important }
}
.ht_h2 { color: #333; font-size: 32px; letter-spacing: 4px; margin: 80px 0 40px }
.ht_exp, .ht_h2 { text-align: center }
.ht_exp { font-size: 16px; line-height: 160%; margin: 30px auto }
.hotel_ic { width: 80%; display: flex; align-items: center; justify-content: center; column-gap: 32px; margin: 0 auto 80px; }
.hotel_ic li { flex: 1; max-width: 24%; text-align: center }
.hotel_ic li img { width: 100%; }
#guidePt #swipeBox .swiper-slide a { color: #333 }
#guidePt .btnwrap { line-height: 1.5; margin: auto; max-width: 100%; width: 1326px }
#guidePt .swiper-container-free-mode > .swiper-wrapper { padding-bottom: 24px }
#guidePt .btnwrap .swiper-slide { width: 33% !important; padding: 0 16px; box-sizing: border-box; }
#guidePt #swipeBox .swiper-slide a { background: #fff; border: 1px solid #c3c3c3; border-radius: 3px; display: block; font-size: 14px; }
#guidePt #swipeBox .swiper-slide a img { display: block; width: 100%; aspect-ratio: 416/210; object-fit: cover; }
#guidePt #swipeBox .swiper-slide a p { padding: 15px }
#guidePt #swipeBox .swiper-slide a p span:first-child { display: block; margin-bottom: 8px; 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: 2px; 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 }
.hotelCon { display: flex; flex-wrap: wrap; justify-content: space-between }
.hotelCap { margin-bottom: 30px; width: 425px }
.hotelCapL.reverse { border-bottom: 2px solid #B9C2FA; margin-bottom: 60px; }
.hotelCapL.reverse .hotelCapL1 { float: right }
.hotelCapL.reverse .hotelCapL2 { float: left }
.hotelCapL { border-top: 2px solid #B9C2FA; margin-bottom: 0px }
.hoteNm { color: #1451A1; font-size: 28px; letter-spacing: 4px; padding: 8px 0; text-align: center }
.htlCon { margin-bottom: 60px; padding: 60px 0 0 }
.hotelPr { color: #666; font-size: 14px; margin-bottom: 20px; text-align: center }
.hotelPr b { font-size: 16px }
.a_l { text-align: left }
ul.hotelPr { margin-bottom: 15px; padding-left: 0 }
ul.hotelPr li { list-style: none }
ul.hotelPr li.hotelPr { color: #333; font-size: 18px; font-weight: 700; text-align: center }
.planLink { background: #fff; color: #333 !important; display: block; font-size: 16px; margin: 0 auto 16px; padding: 20px 16px; text-align: center; cursor: pointer; }
.planLink .pri { font-size: 12px; letter-spacing: 0; margin: 12px auto 0 }
.planLink .pri span { color: #bf0000; font-size: 16px; font-weight: 700; margin-right: 4px }
.planLink .pri span b { font-size: 28px }
.htlUl { display: flex; justify-content: space-between }
.htlUl li { display: table; max-width: 32%; width: 120px }
.hotelCapL .htlUl li { width: 140px }
.htlUl li a { background: #1451A1; border-radius: 4px; color: #fff; display: table-cell; font-size: 16px; padding: 12px 0; text-align: center; vertical-align: middle; width: 100% }
.hotelCap img { width: 100% }
.hotelCap3 { border-right: 2px solid #B9C2FA; max-width: 33% }
.hotelCap3.noborder { border-right: none }
.a_l { margin-top: 12px }
.hotelCapL { width: 100% }
.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 }
.hotelCap img { max-width: 100% }
.hotelCapL .htlCon { align-items: center; display: flex; justify-content: space-between }
.hotelCapL.reverse .htlCon { flex-direction: row-reverse }
.hotelCapL .hotelCapL1 { float: left; padding-top: 20px; width: 50% }
.hotelCapL .hotelCapL2 { float: right; width: 46% }
.hotelCapL .hotelCapL2 .hoteNm { margin-bottom: 15px }
#Searchbox { margin-bottom: 80px }
.pgBnrB { letter-spacing: 2px; margin:80px auto 0; width: 830px }
.pgBnrB a { background: #333 url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/btnBg.png) right 80px center no-repeat; border-radius: 50px; color: #fff; display: block; font-size: 24px; font-weight: 700; padding: 20px 0; text-align: center; width: 100% }
.swiper-pagination-bullet-active { position: relative }
.eventBox1 .swiper-pagination-bullet-active:after { border: 8px 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% }
.cpnBox { margin: 0 auto; max-width: 100%; width: 1280px }
.cpn { display: flex; justify-content: center; margin: 24px auto; }
.cpn li a { background: #fff; border-radius: 5px; border-radius: 2px; color: #333; display: inline-block; font-size: 13px; padding: 4px 8px }
.cpn .blankLink { background: url(https://img.travel.rakuten.co.jp/select/huistenbosch/202502/images/blank.png) 100% no-repeat; margin: 0 0 0 16px; padding-right: 32px }
.swiper-scrollbar { display: none }
.searchWide { margin: 0 auto; width: 100% }
.searchWide h2 { background: url(https://img.travel.rakuten.co.jp/special/sales/coupon/202206/images/icon_search.svg) 0 no-repeat; font-size: 36px; margin-bottom: 30px; padding-bottom: 4px; padding-left: 50px }
section#Searchbox { margin-top: 0 }
.couponOneClick { margin-bottom: 8px }
#search-box.verB.test .explain { top: -40px }
@media screen and (min-width:1920px) {
#topBox .jdsSlides li { background-size: cover }
}
@media screen and (max-width:1300px) {
.coupon__box__holder { zoom: 0.9; }
}
@media screen and (max-width:1200px) {
.coupon__box__holder { zoom: 0.8; }
}
@media screen and (max-width:1100px) {
.coupon__box__holder { zoom: 0.7; }
}
.evBoxOut .swiper-slide h3.ev_h3 { color: #333; font-size: 20px; opacity: 0; padding-top: 190px; letter-spacing: 3px; }
.evBoxOut .swiper-slide .eventSec { display: flex; flex-direction: column; justify-content: center; align-items: center; color: #333; }
.evBoxOut .swiper-slide .imgBox { width: 100%; height: 400px; }
.evBoxOut .swiper-slide img { width: 100%; height: 100%; }
#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; opacity: 0 }
.evBoxOut .swiper-slide.swiper-slide-active .ev_exp, .evBoxOut .swiper-slide.swiper-slide-active h3.ev_h3 { opacity: 1 }

#hotelPt .ht_h2 { align-items: center; display: flex; flex-direction: column; margin: 40px auto; row-gap: 40px }
#hotelPt .ht_h2 img { width: 200px }

.planborder { border: 4px solid #B9C2FA }
.hotelCap3 .photo {     /* min-height: 230px */ }
@-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 }
}
.hotelCap .planLink h3 { letter-spacing: 2px; line-height: 1.4; position: relative; text-align: left }
.hotelCap .planLink h3:before { border: 1px solid #004c97; border-radius: 4px; color: #004c97; content: "４月から"; font-size: 14px; font-size: 10px; font-weight: 700; left: -18px; padding: 0 5px; position: absolute; text-indent: 0 }
.hotelCap .planLink.planborder h3:before { content: "3月まで" }
.hotelCap3 .planLink h3 { text-align: left }
.hotelCap3 { box-sizing: border-box; padding: 0 20px; margin-bottom: 80px; }
.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 }
#guideBk .swiper-slide em { display: block; font-style: normal; font-weight: 400 }
.hotelCap3 ul.htlUl { flex-wrap: wrap }
.hotelCap3 ul.htlUl li, .hotelCapL .hotelCapL2 .htlUl li { max-width: 100%; width: 48.2% }
.coupon__box { background: #fff; border-radius: 12px; margin-top: 45px;     /* overflow: hidden; */ }
.hotelPr > em { display: block }
.hotelPr > span { display: inline-block; margin-top: 12px; position: relative }
.hotelPr > span:before { left: -58px }
.hotelPr > span:after, .hotelPr > span:before { background: #333; content: ""; display: block; display: inline-block; height: 1px; position: absolute; top: 50%; width: 48px }
.hotelPr > span:after { right: -58px }

#search-box.verB.test .dhAll.dh { margin-top: 0 !important }
.icH3 { border: 1px solid #1451A1; border-radius: 4px; color: #1451A1; display: inline-block; font-size: 14px; margin-right: 8px; padding: 2px 6px }

.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; padding-bottom: 24px; }
.cpnholder .couponOneClick-status-having .couponOneClick-default.cpLinkZumi:hover { cursor: default; opacity: 1 }
.planLk { margin-bottom: 16px }
.hotel_ic li dd { padding-left: 8px }
section#Searchbox { background: none; margin: 0 auto ; padding: 20px }
#searchSwitchArea1 .line.sibori { left: 0; position: relative; top: 0 }
.hotelCap3 .jdsPhotoThumbnail .jdsSlides > li img { border-radius: 8px }
.pagetop a:first-of-type { margin-bottom: 16px }
/* 0709追加 */
.cpnTtl { text-align: center; color: #FEC70B; font-size: 32px; margin: 32px auto -16px; }

.linkBtn { text-align: center; display: block; margin: 40px auto 0; cursor: pointer;}
.linkBtn:hover { opacity: .8; color: #fff; }
/* .linkBtn::after { content: ''; position: absolute; width: 24px; height: 24px; background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/arrow_w.svg) right center / auto 24px no-repeat; right: 16px; top: 50%; transform: translateY(-50%); } */
#search-box .searchSubmit a { background: #1451A1 !important; }
#search-box #domestic-search-container .searchCategory li.on { background: #1451A1; }
#search-box .searchNavi li.on:after { border-top: 7px solid #1451A1; }
.guideLink { display: flex; align-items: center; margin: 0 auto 80px; padding: 24px 40px; background: #fff; }
.guideLink h3 { color: #1451A1; margin-right: 40px; font-size: 22px; flex-shrink: 0; }
.guideLink a { color: #333; font-size: 16px; text-decoration: underline; padding-left: 24px; position: relative; cursor: pointer; }
.guideLink a::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; 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: 40px; box-sizing: border-box; position: relative; }
#eventPt .eventBox .swiper-wrapper { margin: 0 auto; }
/*#eventPt .swiper-container { padding-bottom: 30px; }*/
#eventPt .swiper-container-horizontal > .swiper-pagination-bullets { top: auto; width: auto; padding-bottom: 0; bottom: 0; display: flex; }
#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: 40px; width: 40px; height: 40px; background-size: 40px; }
#eventPt .swiper-button-prev { background-image: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/arrow_r.png); left: 40px; transform: scaleX(-1); width: 40px; height: 40px; background-size: 40px; }
#eventPt .swiper-slide { width: 100%; display: flex; align-items: center; justify-content: space-evenly; }
#eventPt .swiper-slide .logo { width: 230px; height: auto; margin: 0 auto; object-fit: contain; }
#eventPt .swiper-slide img { display: block; width: 50%; max-width: 500px; aspect-ratio: 500/334; object-fit: cover; }
#eventPt .swiper-slide section { width: calc(50% - 24px); display: flex; flex-direction: column; justify-content: center; gap: 8px;}
#eventPt .swiper-slide section h3 { color: #1451A1; font-size: 24px; text-align: center; letter-spacing: 3px; }
#eventPt .swiper-slide section span { display: block; font-size: 16px; text-align: center; width: fit-content; margin: 8px auto 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: 14px; text-align: center; margin-top: 30px;}
#eventPt .swiper-slide section p.ev_sub { font-size: 20px; font-weight: 700; margin-top: 16px; letter-spacing: 2px; }

#christmas h3.sub { color: #1451A1; text-align: center; font-size: 36px; }
#christmas .eventTime { text-align: center; background: #fff; display: block; font-size: 16px; padding: 10px 20px; margin: 20px auto 0; width: fit-content; border-radius: 50px; }
#christmas .eventTime span { font-size: 12px; }
a.ticketLink { width: 90%; max-width: 424px; display: block; margin: 32px auto 0; font-size: 16px; text-align: center; color: #fff; border-radius: 5px; background: #064DA4; padding: 18px 0; position: relative; }
a.ticketLink:after { position: absolute; content: ''; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; right: 20px; top: calc(50% - 5px); transform: rotate(45deg); }

/* Eva Section */
.evaBox { background: #000; border-radius: 8px; max-width: 1280px; margin: 0 auto 40px; padding: 40px; box-sizing: border-box; }
.evaMain { display: flex; align-items: center; justify-content: center; gap: 40px; }
.evaMain .evaImg { width: 50%; max-width: 540px; aspect-ratio: 540/361; object-fit: cover; border-radius: 4px; }
.evaMain .evaInfo { flex: 0.7; display: flex; flex-direction: column; align-items: center; gap: 24px; }
.evaMain .evaLogo { width: 100%; max-width: 297px; height: auto; }
.evaMain .evaInfo p { color: #fff; font-size: 18px; line-height: 1.8; letter-spacing: 1px; text-align: center; }
.evaGuide { display: flex; justify-content: center; align-items: center; gap: 16px; border-top: 1px dashed #fff; border-bottom: 1px dashed #fff; padding: 16px 0; margin: 24px 105px 0;}
.evaGuideLabel { color: #fff; font-size: 21px; font-weight: 700; letter-spacing: 2px; white-space: nowrap; }
.evaGuide a { color: #fff; font-size: 18px; text-decoration: underline; padding-left: 24px;  position: relative;}
.evaGuide a::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/arrow_w2.svg) no-repeat center/contain; }
.evaNew { background: #fff; max-width: 1280px; margin: 0 auto 40px; padding: 24px 145px; box-sizing: border-box; display: flex; align-items: center; gap: 40px; }
.evaNew .evaNewInfo { flex: 1; }
.evaNew .evaNewLabel { color: #1451a1; font-size: 20px; font-weight: 700; letter-spacing: 2px; margin-bottom: 8px; }
.evaNew .evaNewInfo a {color: #333; font-size: 16px; text-decoration: underline; padding-left: 24px;  position: relative;}
.evaNew .evaNewInfo a::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/arrow_b.svg) no-repeat center/contain; }



#cpnPt { background:#1451A1 url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/bg1.png) center 45px no-repeat; background-size: 100%; padding: 80px 0;}
#christmas { background:#FFE34A url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/bg2.png) center center no-repeat; background-size: cover; padding: 64px 0 80px }
#eventPt { background:#56C2D7 url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/bg3.png) top center no-repeat; background-size: 100%; position: relative; z-index: 10 }
#hotelPt { background: #FFFCE6 url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/bg4.png) top center no-repeat; background-size: 100%; }
.guideBg { background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/bg5.png) repeat-y center 36px/100% auto }

.pgH2{ margin: 0 auto; position: relative; font-family: 'Noto Sans JP', sans-serif; font-weight: 700; font-size: 48px; color: #333; overflow: hidden; text-align: center;}
#cpnPt .pgH2{ background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/ttlCoupon.png) calc(50% - 22px) top no-repeat; padding: 64px 0 0; color: #fff;}
#christmas .pgH2{ background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/ttlEvent.png) calc(50% - 22px) top no-repeat; padding: 80px 0 0;}
#hotelPt .pgH2{ background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/ttlHotel.png) calc(50% - 22px) top no-repeat; padding: 64px 0 0;}
#searchPt .pgH2{ background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/ttlSearch.png) calc(50% - 22px) top no-repeat; padding: 64px 0 0;}
#guidePt .pgH2 { background: url(https://img.travel.rakuten.co.jp/themepark/htb/promotion/202606/images/ttlGuide.png) center top no-repeat; padding: 64px 0 0;}

.coupon__filter__guide{ margin: 24px auto;}
.cptittl{ font-size: 18px; text-align: center; padding: 8px 0; text-align: center; background: #D6E9C7; border-radius: 5px 5px 0 0; margin-bottom: 16px;}

.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);}