/* =========================
   Base / Layout
========================= */
a {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

a:active {
  text-decoration: none !important;
  opacity: 0.7;
}

.pc {
  display: none !important;
}

.ss-contents {
  font-family: "Noto Sans JP", sans-serif;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.5;
  overflow-x: clip;
}

.ss-center {
  padding: 24px 16px;
  background-color: transparent;
  position: relative;
}

.ss-container {
  border: none;
  margin: 0 auto;
  padding: 24px 16px;
}

.bgWithRedBg {
  width: 100%;
  position: relative;
  background: #FFF5D0;
  padding-top: 24px;
}
.bgWithRedBg > .ss-center:last-child {
  padding-bottom: 48px;
}

.bgWithRedBg::before {
  content: "";
  display: block;
  width: 24%;
  aspect-ratio: 76/79;
  background: url(https://img.travel.rakuten.co.jp/special/coupon-week/images/bg_1_1_sp.png) center / 100%;
  position: absolute;
  left: -2%;
  top: 0px;
  transform: translateY(-80%);
  z-index: 1;
}


.noticeInfo {
  text-align: center;
  font-size: 12px;
  position: relative;
  z-index: 1;
  width: 90%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.rteBG {
  background: #ffffff;
  padding: 48px 16px;
}

#couponArea {
  background: #ffe8e3;
  padding: 48px 16px 32px;
}

#topBnrBox {
  width: 100%;
  position: relative;
}




#topBnrBox .kvBnr img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

#topBnrBox p {
  width: 80%;
  text-align: center;
  color: #0054A7;
  font-size: 26px;
  font-weight: 700;
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Jost', sans-serif;
  z-index: 2;
}

#topBnrBox p span {
  font-weight: 400;
}

#topBnrBox p small {
  font-size: 18px;

}

#starry_sky {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.star {
  background-color: white;
  position: relative;
  border-radius: 50%;
  animation-name: twinkle;
  animation-iteration-count: infinite;
}

@keyframes twinkle {
  50% {
    transform: scale(0.2);
  }
}


.ttlicon_w:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 0;
  background-image: url(https://img.travel.rakuten.co.jp/special/coupon-week/202605/images/icons.svg);
  background-repeat: no-repeat;
  background-size: auto 24px;
}

.ttlicon_w.navi_icon_hotel:after {
  background-position: -62px 0;
}

.ttlicon_w.navi_icon_package:after {
  background-position: -33px 0;
}

.ttlicon_w.navi_icon_experience:after {
  background-position: 0px 0;
}
.ttlicon_w.navi_icon_car:after {
  background-position: -201px 0;
}

#carCpn .ttlicon_w.navi_icon_car:after {
  background-position: -290px 0;
}

.active .ttlicon_w.navi_icon_hotel:after {
  background-position: -150px 0;
}
.active .ttlicon_w.navi_icon_package:after {
  background-position: -125px 0;
}
.active .ttlicon_w.navi_icon_experience:after {
  background-position: -92px 0;
}

.active .ttlicon_w.navi_icon_car:after {
  background-position: -172px 0;
}


.ttlicon_w.navi_icon_coupon:after {
  background: url(https://img.travel.rakuten.co.jp/special/supersale/202509/images/navi_icon_coupon.svg)
    no-repeat center;
}

.ttlicon_w.navi_icon_campaign:after {
  background: url(https://img.travel.rakuten.co.jp/special/supersale/202509/images/navi_icon_campaign.svg)
    no-repeat center;
}

.ttlicon_w.navi_icon_plan:after {
  background: url(https://img.travel.rakuten.co.jp/special/supersale/202509/images/navi_icon_plan.svg)
    no-repeat center;
}

.ttlicon_w.navi_icon_search:after {
  background: url(https://img.travel.rakuten.co.jp/special/supersale/202509/images/navi_icon_search.svg)
    no-repeat center;
}


/* =========================
   Navi
========================= */

.naviBox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 19;
  box-sizing: border-box;
  padding: 0 16px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.10);
  transform: translateY(-100%);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  pointer-events: none;
  margin-left: 0;
  margin-right: 0;
}
.naviBox.is-visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.naviBox .ss-container {
  padding:16px 0 0 0;
}


.navi {
  display: flex;
  margin: 0 auto;
}

.navi li {
  width: calc(100% / 3);
  color: #333;
  padding: 8px;
  height: fit-content;
  background: #f3f3f3;
  position: relative;

}
.navi li a {
  width: fit-content;
  margin: 0 auto;
  display: block;
  padding-top: 30px;
  font-size: 16px;
  position: relative;
  cursor: pointer;
  color: #666;
  font-size: 13px;
}

.navi li:hover a {
  text-decoration: none !important;
  opacity: 0.7;
  color: inherit;
}
.navi li.active {
  background-color: #666;
}
.navi li.active a {
  color: #fff !important;
}


.navi li:nth-child(3)::after {
  content: "注目";
  display: block;
  font-size: 11px;
  color: #fff;
  background: #bf0000;
  padding: 2px 8px;
  position: absolute;
  top: 0px;
  right: 0px;
  border-radius: 100px;
}

.navi .ttlicon_w:after {
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}



.navSPbtn {
  right: 0;
}

.navSPbtn li {
  margin-top: 4px;
}

.mainTtl {
  text-align: center;
  margin-bottom: 16px;
  padding: 0;
  flex-direction: column;
}

.mainTtl span {
  font-size: 18px;
}

.ttlSpecial {
  text-align: center;
  color: #333;
  font-size: 20px;
  margin-bottom: 16px;
  letter-spacing: 1px;
  position: relative;
}

.ttlSpecial span {
  color: #333;
  border-bottom: 1px solid #333;
  margin: 12px auto;
  width: 50%;
  display: block;
}
.ttlSpecial p {
  font-size: 14px;
  letter-spacing: 6px;
}

#CPN-01 .ttlSpecial::before {
  content: url(https://img.travel.rakuten.co.jp/special/coupon-week/images/ttl_1_1_sp.png);
  position: absolute;
  left: -16px;
  top: calc( 50% - 16px);
  transform: scale(0.6) translateY(-50%);
}
#CPN-01 .ttlSpecial::after {
  content: url(https://img.travel.rakuten.co.jp/special/coupon-week/images/ttl_1_2_sp.png);
  position: absolute;
  right: -16px;
  top: calc( 50% - 16px);
  transform: scale(0.6) translateY(-50%);
}
#dhCpn .ttlSpecial::before {
  position: absolute;
  left: 0;
  bottom: -16px;
  z-index: 1;
  content: ""; 
  width: 95px; 
  aspect-ratio: 142 / 144;
  background: url(https://img.travel.rakuten.co.jp/special/coupon-week/images/ttl_2_1_sp.png) no-repeat center / contain;
}
#dhCpn .ttlSpecial::after {
  position: absolute;
  right: -24px;
  bottom: -8px;
  content: ""; 
  width: 120px; 
  aspect-ratio: 190 / 128;
  background: url(https://img.travel.rakuten.co.jp/special/coupon-week/images/ttl_2_2_sp.png) no-repeat center / contain;
}
#packageCpn .ttlSpecial::before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  content: ""; 
  width: 120px; 
  aspect-ratio: 195 / 103;
  background: url(https://img.travel.rakuten.co.jp/special/coupon-week/images/ttl_3_1_sp.png) no-repeat center / contain;
  transform: translateY(-100%);
}
#packageCpn .ttlSpecial::after {
  position: absolute;
  right: -24px;
  bottom: -8px;
  content: ""; 
  width: 120px; 
  aspect-ratio: 190 / 128;
  background: url(https://img.travel.rakuten.co.jp/special/coupon-week/images/ttl_3_2_sp.png) no-repeat center / contain;
}
#rte .ttlSpecial::before {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 1;
  content: ""; 
  width: 94px; 
  aspect-ratio: 143 / 103;
  background: url(https://img.travel.rakuten.co.jp/special/coupon-week/images/ttl_4_1_sp.png) no-repeat center / contain;
}
#rte .ttlSpecial::after {
  position: absolute;
  right: -24px;
  bottom: 16px;
  content: ""; 
  width: 120px; 
  aspect-ratio: 188 / 86;
  background: url(https://img.travel.rakuten.co.jp/special/coupon-week/images/ttl_4_2_sp.png) no-repeat center / contain;
}
#Searchbox .ttlSpecial::before {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 1;
  content: ""; 
  width: 88px; 
  aspect-ratio: 133 / 77;
  background: url(https://img.travel.rakuten.co.jp/special/coupon-week/images/ttl_5_1_sp.png) no-repeat center / contain;
}
#Searchbox .ttlSpecial::after {
  position: absolute;
  right: 0px;
  bottom: 0px;
  content: ""; 
  width: 88px; 
  aspect-ratio: 131 / 66;
  background: url(https://img.travel.rakuten.co.jp/special/coupon-week/images/ttl_5_2_sp.png) no-repeat center / contain;
}

#carCpn .ttlSpecial::before {
  position: absolute;
  left: 0px;
  bottom: 30px;
  content: ""; 
  width: 100%; 
  aspect-ratio: 1110 / 173;
  background: url(https://img.travel.rakuten.co.jp/special/coupon-week/202605/images/ttl_6.png) no-repeat center / contain;
  z-index: 0;
}

/* =========================
   Coupon
========================= */
.moreCoupon {
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0 -15px;
  padding: 0 20px;
}

.moreCoupon:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 40px;
  height: 70px;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.95) 50%
  );
  z-index: 0;
}

.moreCoupon.disable:before {
  display: none;
}

.cpnAnchor {
  color: #f96693 !important;
  position: relative;
  font-size: 14px;
  margin: 0 auto;
  display: block;
  border: 1px solid #f96693;
  padding: 10px;
}

.cpnAnchor span {
  padding-right: 16px;
}

.cpnAnchor span:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #f96693;
  border-right: 1px solid #f96693;
  right: 12px;
  top: 50%;
  transform: rotate(45deg) translateY(-100%);
}

#COUPON {
  margin-bottom: 0;
}

#COUPON .getAllCouponTxt {
  text-align: center;
}

.getAllCoupon {
  margin: 0;
  border-bottom: none;
  padding-bottom: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.getAllCouponTxt {
  font-size: 12px;
  color: #333;
  line-height: 1.6;
  margin: 16px 0 0;
}

.getAllCouponTxt a {
  color: #1d54a7;
}

.cpn-all-click {
  width: 100%;
  margin-bottom: 0;
}



.cpn-all-click-btns {
  font-size: 18px;
  padding: 16px;
  max-width: none;
  background: #bf0000;
  text-align: center;
  line-height: 1;
  position: relative;
}

.cpn-all-click-btns::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
}

/* .cpnCloseBtn{display: none;} */
.cpnCloseBtn img {
  display: block;
  width: 100%;
}

.coupon__filter__guide {
  margin: 0px auto 24px;
}

.coupon__filter__guide a {
  padding: 8px;
  /* background: #eaeaea; */
}

.coupon__filter__guide a:hover {
  padding: 8px;
  background: #eaeaea;
}

.coupon__filter__guide.white::after {
  background-image: url(https://img.travel.rakuten.co.jp/special/blackfriday/2025/images/blank.png);
}

.coupon__filter {
  margin-bottom: 0;
  padding: 0;
}

.coupon__box {
  overflow: hidden;
  transition: max-height 0.5s;
  margin: 0 auto 16px;
}

.coupon__box__holder {
  row-gap: 16px;
  background: #fff;
  padding: 0;
}

.coupon__filter__row dl .coupon__filter__check-box li {
  line-height: 1;
}

.no-coupon {
  padding: 32px 16px;
  position: relative;
  z-index: 2;
  background: #fff;
}

.facLink {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 10px 24px;
  color: #fff;
  background: #00B900;
  font-weight: 700;
  margin: 0 auto;
  border-radius: 100px;
  position: relative;
  cursor: pointer;
}

.facLink:hover {
  text-decoration: none !important;
  opacity: 0.7;
  color: #fff;
}

.facLink span {
  display: block;
  padding-left: 30px;
  position: relative;
  font-size: 18px;
  color: #fff;
  width: fit-content;
  margin: 0 auto;
}
.facLink span small {
  font-size: 70%;
}
.facLink::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
}
.facLink .ttlicon_w:after {
  width: 40px;
  height: 40px;
  background-size: auto 40px;
}





.brandbox {
  margin-top: 24px;
}

.brandbox .swiper-container {
  padding-bottom: 16px;
}
.brandbox .swiper-wrapper {
  padding: 4px;
  box-sizing: border-box;
  flex-wrap: wrap;
  gap: 8px;
}

.brandbox .swiper-slide {
  background: #fff;
  border-radius: 4px;
  /* overflow: hidden; */
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  line-height: 1.5;
  padding-bottom: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;
  width: calc((100% - 16px) / 3);
}

.brandbox .swiper-slide .brandImg {
  width: 80%;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  margin: 0 auto;
}

.brandbox .brandLogo {
  display: block;
  margin: 0 auto;
  height: 40px;
}

.brandbox p {
  padding: 0 8px;
  font-size: 14px;
  color: #333;
  text-align: center;
}

.brandbox .facLink {
  background: #fff;
  border: 1px solid #00B900;
  margin-bottom: 0px!important;
}

.brandbox .facLink span {
  color: #00B900;
  padding-left: 0!important;
}

.brandbox .facLink::before {
  display: none!important;
}

.brandbox .facLink::after{
  border-top: 1px solid #00B900;
  border-right: 1px solid #00B900;
}

/* =========================
   RTE Cards
========================= */
#rte {
    padding: 24px 16px 60px;
    background:  #D7F3EF url(https://img.travel.rakuten.co.jp/special/coupon-week/202605/images/bg_4_6_sp.png) no-repeat center bottom 0 / 100% auto;
}


#carCpn {
   margin-top: -1px;
  padding: 24px 16px 60px;
  background:  #FFF3F4 url(https://img.travel.rakuten.co.jp/special/coupon-week/202605/images/bg_6_1_sp.png) no-repeat center bottom 0 / 100% auto;
}


#rte .hotelbox {
  margin-bottom: 24px;
}

#rte .hotelbox .swiper-container {
  padding-bottom: 24px;
  padding-top: 30px !important;
}

#rte .hotelbox .swiper-slide {
  background: #fff;
  border-radius: 15px;
  /* overflow: hidden; */
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  line-height: 1.5;
  top: 0;
  transition: top 0.1s linear;
}

#rte .hotelbox .swiper-slide a {
  color: #333;
}

#rte .hotelbox .swiper-slide:hover {
  top: -10px;
}

#rte .hotelbox .swiper-slide .tags {
  position: absolute;
  top: -1rem;
  left: 0;
}

#rte .hotelbox .swiper-slide .tags .rteTag {
  background-color: #008a00;
  border-radius: 40px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  padding: 4px 8px;
}

#rte .hotelbox .swiper-slide .tags .orange {
  background-color: #ff6600;
}

#rte .hotelbox .swiper-slide .rteImg {
  border-radius: 15px 15px 0 0;
}

#rte .note {
  font-size: 14px;
  text-align: center;
  margin: 0px 0 24px;
}



.rteImg {
  overflow: hidden;
  aspect-ratio: 8/5;
  margin-bottom: 8px;
}

.rteImg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rteTitle {
  font-size: 16px;
  padding: 0 16px 8px;
  font-weight: bold;
}

.rtePrice {
  font-size: 18px;
  padding: 0 16px 8px;
  word-break: break-all;
  color: #006c00;
  font-weight: 600;
  text-align: right;
}

.rtePrice small {
  font-size: 14px;
}

.rteLocation {
  font-size: 14px;
  color: #767676;
  padding: 0 16px 0 32px;
  margin-bottom: 16px;
  text-align: right;
}

.rteLocation span {
  display: inline-block;
  padding: 0 0px 0 16px;
  background: url(https://img.travel.rakuten.co.jp/special/blackfriday/2025/images/icon_location.svg)
    no-repeat left center/12px;
}

.rteNote {
  font-size: 12px;
}

.rteNote a {
  color: #0085c7;
  text-decoration: underline;
}

.infoNote {
  margin: 0 auto 16px;
  text-align: center;
}

.area-list {
  display: flex;
  gap: 8px 5px ;
  cursor: pointer;
  margin-bottom: 16px;
  flex-wrap: wrap;
  justify-content: center;
}

.area-list li {
  font-size: 14px;
  padding: 12px 8px;
  border: 1px solid #ccc;
  color: #767676;
  border-radius: 6px;
  line-height: 1;
}

.area-list li.active {
  color: #F154ba;
  border-color: #F154ba;
  padding-left: 24px;
  background: #fff
    url(https://img.travel.rakuten.co.jp/special/year-end-new/2025/images/check.svg)
    no-repeat 8px center/12px;
}

.ss-noteOut {
  color: #000;
  margin: 0;
}

.ss-noteOut a {
  color: #e5c05c !important;
  text-decoration: underline;
}

#otoku {
  margin-bottom: 48px;
}

.honban #otoku {
  margin-bottom: 0;
}

.gomain {
  margin-bottom: 8px;
}

.gomain a {
  padding: 0;
}

#considerRank {
  padding: 0 16px;
}

.shNote {
  font-size: 12px;
  margin: 16px 8px;
}

/* =========================
   Banner / Search
========================= */
.bnr-container {
  display: flex;
  justify-content: center;
  padding: 0 16px;
}

.bnr-container img {
  display: block;
  width: 100%;
}

.modal-price ul {
  display: flex;
  max-width: 375px;
  justify-content: center;
  margin: 0 auto;
}

.modal-price li {
  font-size: 13px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 41%;
  height: 56px;
}

.modal-price li p {
  padding: 7px 8px 0;
  position: absolute;
}

.modal-price select {
  font-size: 123%;
  background: #fff;
  border: none;
  border-radius: 4px;
  padding: 20px 8px 0;
  width: 100%;
  height: 100%;
}

.modal-price .price-separation-line {
  border: none;
  display: flex;
  align-items: center;
  padding: 0 8px;
  width: 2%;
}

.modal-price .Searchnotes {
  font-size: 12px;
  color: #767676;
  text-align: center;
  margin: 30px auto 0;
}

.price-close {
  display: block;
  font-size: 16px;
  line-height: 56px;
  text-align: center;
  font-weight: 700;
}

.btn-price-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  text-align: center;
}

.btn-price-submit span {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
  background: #0dbd0d;
  width: 290px;
  height: 36px;
  border: none;
  border-radius: 4px;
}

section#Searchbox {
  margin-top: 0;
}

#search-box.verB.test #djp-search-form p.searchSubmit {
  padding-bottom: 0;
}

#search-box #domestic-search-container .searchCategory li.on {
  background-color: #f96693;
}

#search-box .searchNavi li.on:after {
  border-top: 7px solid #f96693;
}

.pagetop {
  margin-top: 6px;
  margin-right: 12px;
}

.pagetop a {
  width: 56px;
  background: #333;
}

.pagetop a::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.micromodal_gaiyo {
  display: none;
}

.micromodal_gaiyo .is-open {
  display: block;
}

.micromodal_gaiyo .micromodal__overlay {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.65);
}

.micromodal_gaiyo .micromodal__overlay span.close {
  display: block;
  position: absolute;
  cursor: pointer;
  right: 8px;
  top: 8px;
  width: 48px;
  height: 48px;
  text-indent: -9999999px;
  background: url(https://travel.rakuten.co.jp/special/sales/template/html/images/close_svg.svg)
    no-repeat;
  background-size: cover;
  z-index: 10;
}

.micromodal_gaiyo .micromodal__container {
  box-sizing: border-box;
  position: relative;
  width: 90%;
  max-width: 500px;
}

.micromodal_gaiyo .micromodal__container > div {
  overflow-y: auto;
  max-height: 80vh;
  overflow-x: hidden;
  background-color: #fff;
}

.micromodal_gaiyo[aria-hidden="false"] .micromodal__overlay {
  animation: microModalFadeIn 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal_gaiyo[aria-hidden="false"] .micromodal__container {
  animation: microModalSlideIn 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal_gaiyo .micromodal__container,
.micromodal_gaiyo .micromodal__overlay {
  will-change: transform;
}

#search-box .searchNavi li.on label {
  background: #f96693;
  border: 1px solid #f96693;
}

.searchNavi li span.car {
  background: url(https://img.travel.rakuten.co.jp/special/year-end-new/2025/images/car.svg)
    no-repeat center;
}

.searchNavi li span.bus {
  background: url(https://img.travel.rakuten.co.jp/special/year-end-new/2025/images/bus.svg)
    no-repeat center;
}

.CampaignButton-enabled a .RexButton-message {
  color: #ffffff !important;
}
.CampaignButton-success a .RexButton-message {
  color: #047205 !important;
  font-size: 16px;
}
.CampaignButton-applied a .RexButton-message {
  color: #898989 !important;
}

/* =========================
   Shared Modal
========================= */
.bnrTtl {
  text-align: center;
  color: #fff !important;
  font-size: 16px;
  margin: 24px auto 8px;
}

/* =========================
   Theme Overrides
========================= */
#CPN-01 {
  padding: 24px 16px 48px;
  background:#FFF5D0 url(https://img.travel.rakuten.co.jp/special/coupon-week/images/bg_1_5_sp.png) no-repeat center bottom / 100% auto
  ;
  position: relative;
}

#CPN-01 .ss-container {
  background: transparent;
  padding: 24px 0;
}

#CPN-01 .ttlSpecial small {
  color: #f96693;
  font-size: 18px;
}

#CPN-01 .ss-container,
#dhCpn .ss-container,
#packageCpn .ss-container,
#rte .ss-container,
#carCpn .ss-container {
  border-radius: 24px;
}

#dhCpn {
  padding: 24px 16px 60px;
  margin-top: -1px;
  background: #D3EDFD url(https://img.travel.rakuten.co.jp/special/coupon-week/images/bg_2_4_sp.png) no-repeat bottom center / 100% auto;
}

#dhCpn .facLink:first-of-type {
  margin-bottom: 60px;
}

/* #dhCpn .facLink:first-of-type::before {
  content: "";
        position: absolute;
        left: 50%;
        bottom: -38px;
        display: block;
        width: 100%;
        height: 12px;
        background: url(https://img.travel.rakuten.co.jp/special/coupon-week/images/arrow_sp.svg) no-repeat center center / cover;
        transform: translateX(-50%);
}

#dhCpn::after {
  content: "";
  display: block;
  width: 100vw;
  aspect-ratio: 288/17;
  background: url(https://img.travel.rakuten.co.jp/special/coupon-week/images/bg_2_4.png) no-repeat center / 100% auto;
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
} */

.brandbox .ttlSpecial::after, .brandbox .ttlSpecial::before {
  display: none;
}


#dhCpn .ttlicon_w.navi_icon_hotel:after {
  background-position: -253px 0;
}


#packageCpn {
  margin-top: -1px;
  padding: 24px 16px 48px;
  background: #FFF5D0  url(https://img.travel.rakuten.co.jp/special/coupon-week/images/bg_3_6_sp.png) no-repeat left bottom / 100% auto;
}

#packageCpn .ttlicon_w.navi_icon_package:after {
  background-position: -208px 0px;
}


#dhCpn .facLink span, #packageCpn .facLink span,#carCpn .facLink span {
  padding-left: 48px;
}


ul.serviceBox {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

ul.serviceBox li img {
  display: block;
  margin: 0 auto;
}


.h2-ttl-font {
  display: block;
  font-size: 18px;
  text-align: center;
  line-height: 2;
  padding-top: 40px;
  position: relative;
}

.h2-ttl-font::before {
  content: "";
  display: block;
  width: 70%;
  height: 1px;
  background: #eee;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.coupon__title {
  align-items: start;
  padding: 0;
}

.bg-gr {
  margin-top: -1px;
  background: #fff;
}

.text-dp-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 32px;
}
.text-dp-box span {
  display: block;
  padding-top: 32px;
}

.text-dp-box span a {
  width: 300px;
  padding: 12px;
  background: #d04a00;
  display: block;
  position: relative;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  border-radius: 6px;
  box-sizing: border-box;
}

.text-dp-box span a:before {
  position: absolute;
  content: "";
  right: 36px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-bottom: none;
  border-left: none;
  z-index: 2;
}

.text-dp-box img {
  width: 100%;
  max-width: 252px;
}