@charset "utf-8";
@import url('https://fonts.cdnfonts.com/css/sf-pro-display');
img {max-width: 100%;vertical-align: middle}
ul {margin: 0;padding: 0;}
.clearfix::before,.clearfix::after{content: '';display: table;width: 100%;}
#master_header,.page-title,.master_header_sp{background: #fff;}
.item a.btn:active,a.btn:visited,
.item .btn-link a:active, .btn-link a:visited {color: #fff !important;}

.page-campaign * {font-family: 'SF Pro Display','Noto Sans JP',-apple-system,BlinkMacSystemFont,SF UI Display,sans-serif;}
.page-campaign {
	font-size: 14px;
	color: #333;
	box-sizing: border-box;
    overflow-x: hidden;
    background: #fff;}

.page-campaign a {color: #333;text-decoration: none;}
.page-campaign a:hover,.page-campaign a:focus, .page-campaign a:link, .page-campaign a:active {text-decoration: none;}

.page-campaign a.btn-blue:hover,
.page-campaign .btn-link a:hover {
    opacity: 1;
    box-shadow: none;
}
.visible-xs,.visible-inline-xs{display: none !important}
.text-center,.block-title {text-align: center}
.text-left {text-align: left;}
.no-web-link {cursor: default;pointer-events: none;}

.f10 {font-size: 10px;}
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f24 {font-size: 24px;}
.f28 {font-size: 28px;}
.f32 {font-size: 32px;}
.f34 {font-size: 34px;}
.f42-20 {font-size: 42px;}
.f44 {font-size: 44px;}
.bold, .fwBlack {font-weight: 900;}
.normal {
    font-weight: normal;
}
.fwBBold {font-weight: 700;}
.text-red {color: #F53D29;}
.gray {color: #707070;}
.bgF7F6F2 {background: #F7F6F2;}
/* .main-container {overflow-x: hidden;} */
.color9C0C39 {
    color: #9C0C39;
}
.cl-yellow {
    color: #FFE666;
}
.cl-white {
    color: #FFFFFF;
}
.cl-blue {
    color: #1565c0;
}
.bg2 {
    background: #9C0C39;
}
.bg5 {
    background: #F2E6D0;
}
.bgBG {
    background: #FDFAF6;
}
sup {
    top: -.5em;
    vertical-align: super;
    font-size: 12px !important;
}
.bradius4 {
    border-radius: 4px;
}
.bradius10 {
    border-radius: 10px;
}
.lineH0 {
    line-height: 0;
} 
.boxShadow {
	background: #9c0c39;
    -webkit-box-shadow: 0px 0px 15px 0px rgb(37 48 65 / 5%);
    -moz-box-shadow: 0px 0px 15px 0px rgb(37 48 65 / 5%);
    box-shadow: 0px 0px 15px 0px rgb(37 48 65 / 5%);
}

.container {
    max-width: 1240px;
    margin: 0 auto;
    position: relative;}

.block-banner {
    position: relative;
    overflow: hidden;
    z-index: 0;
    background: #f2e6d0;
}
/* .keyvisual {
    background: #9C0C39;
} */
.keyvisual .pc_kv {
    background: url(/campaign/images/hypersale/2026supersale/bg_pc_kv.png) no-repeat;
    background-size: cover;
    text-align: center;
}
.keyvisual img {
    position: relative;
    z-index: 2;
    width: 1462px;
    max-width: 100%;
    height: auto;
}
.flex3Cols {
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.summary-offers {
    width: 1240px;
    max-width: 100%;
    margin: -146px auto 0 auto;
    padding: 30px 40px 230px 40px;
    position: relative;
    z-index: 2;
    background: #9C0C39 url('/campaign/images/hypersale/2026supersale/charator_pc_2.png') no-repeat;
    background-position: center bottom;
    background-size: contain;
    border-radius: 20px 20px 0 0;
}
.summary-offers p.intro-title {
    color: #fff;
    font-weight: 900;
    font-size: 30px;
    text-align: center;
}
.summary-offers p.intro-title span {
    color: #FFE666;
}
.summary-offers .flex3Cols {
    margin-top: 60px;
}
.summary-offers .flex3Cols div.item {
    background: #FDFAF6;
    border: none;
    padding: 16px;
    border-radius: 16px;
    position: relative;
    width: 33%;
    height: 467px;
}
.summary-offers .flex3Cols div.item p {
    margin: 10px 0 0 0 !important;
    line-height: 1.3 !important;
}
.summary-offers .flex3Cols div.item p.note {
    letter-spacing: -1px;
}
.summary-offers span.balloon {
    display: inline-block;
    width: 195px;
    position: absolute;
    left: calc(50% - 98px);
    margin-top: -55px;
}
.summary-offers div.item {
    font-size: 15px;
}
.summary-offers div.item .content-wrap {
    padding-top: 24px;
}
.summary-offers div.item .tit {
    font-size: 18px;
    font-weight: 900;
    padding: 8px;
}
.summary-offers div.item p.commingsoon {
    text-align: center;
    padding-top: 24px;
}
.summary-offers div.item p.commingsoon img {
    width: 127px;
    height: auto;
}

#cp-prod {
    position: relative;
}
.cpn-wrap,
.campaign-overview .container {
    background: #F2E6D0;
}
#cp-prod .container {
    z-index: 2;
}
#cp-prod.after-teaser {
    padding-bottom: 110px;
}
#cp-prod .bottom-teaser {
    text-align: center;
    padding: 36px 0 64px;
    background: #f1ede2;
    font-size: 24px;
    font-weight: 900;
}

#campaignBenefits {
    padding: 0;
}
.campaignBenefits-content {
    border-radius: 20px 20px 0 0;
    margin-top: -32px;
    padding-top: 56px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 110px;
}
h3.campaignBenefits-title {
    font-size: 28px;
    text-align: center;
    font-weight: 900;
    line-height: 64px;
    margin-bottom: 0;
    background: url('/campaign/images/hypersale/2026supersale/bg_head.png') no-repeat center;
    background-size: contain;
    margin-top: -44px;
    z-index: 5;
    position: relative;
}
.campaignBenefits-detail {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 36px;
}
.campaignBenefits-detail.first .item {
    position: relative;
    border-radius: 16px;
    background: #f8f8f8;
    width: calc(50% - 10px);
    padding: 24px;
}
.campaignBenefits-detail .item .content-wrap {
    position: relative;
    z-index: 1
}
.campaignBenefits-detail.second .item {
    width: calc(50% - 10px);
}
.campaignBenefits-detail.second {
    position: relative;
    border-radius: 16px;
    background: #f8f8f8;
    padding: 24px;
}
.campaignBenefits-detail.first .item::before,
.campaignBenefits-detail.second::before {
    content: '';
    display: block;
    width: 100%;
    height: 180px;
    background: #fff;
    border-radius: 16px 16px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.campaignBenefits-detail p.collap-head {
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    border-radius: 8px 8px 0 0;
    position: relative;
    line-height: 1;
    padding: 24px;
    text-align: center;
    cursor: pointer;
    margin: 0;
}
.campaignBenefits-detail p.collap-head.close {
    border-radius: 8px;
    margin-bottom: 0;
}
.campaignBenefits-detail p.collap-head.close::after {
    content: '';
    display: block;
    position: absolute;
    right: 32px;
    top: 33%;
    width: 0px;
    height: 0px;
    border-bottom: 14px solid #fff;
    border-right: 14px solid transparent;
    transform: rotate(-45deg);
}
.campaignBenefits-detail p.collap-head::after {
    content: '';
    display: block;
    position: absolute;
    right: 32px;
    top: 45%;
    width: 0px;
    height: 0px;
    border-bottom: 14px solid #fff;
    border-right: 14px solid transparent;
    transform: rotate(135deg);
}
.campaignBenefits-detail p.collap-head font {
    font-size: 32px;
    line-height: 0;
    display: inline-block;
    margin: 0 5px;
}
.item.forappbooking,
.item.formemberrank {
    background: #fff;
    border-radius: 8px;
}
.collap-content {
    padding: 24px 48px;
    border-radius: 0 0 8px 8px;
    background: #fff;
}
.campaignBenefits-detail .note {
    font-size: 12px;
    margin: 0;
}
.airtripapp {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.appinfo {
    position: relative;
    width: 59%;
    text-align: left;
    margin: 8px 0;
}
.qrcode {
    width: 40%;
    padding: 24px 24px;
    border-radius: 8px;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: right;
    gap: 40px;
}
.qrcode img {
    width: 125px;
    height: auto;
}
.item.formemberrank {
    margin-bottom: 24px;
}
.formemberrank .memberrank ul,
.memberrank-point ul {
    display: flex;
    flex-direction: row;
    gap: 32px;
    justify-content: center;
}
.formemberrank .memberrank ul li,
.memberrank-point ul li {
    width: 120px;
}
.formemberrank .memberrank ul li span,
.memberrank-point ul li span {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    border-radius: 4px;
    background: #EAEFF3;
    padding: 4px;
    letter-spacing: -2px;
}


.btn {
    position: relative;
    text-align: center;
    margin-top: 24px;
}
.btn a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 674px;
    height: 72px;
    padding: 16px;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    color: #fff !important;
    font-size: 24px;
    font-weight: 900;
    line-height: normal;
    margin: 0 auto;
    background: linear-gradient(90deg, #D7B372 0%, #C99944 100%);
    box-shadow: 0 5px 0 0 #977333;
    transition: 0.3s;
}
.btn a span {
    flex: 1 0 0;
    align-self: stretch;
    line-height: 40px;
}
.btn a img {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}
.btn a:hover {
   background: linear-gradient(90deg, #C99944 0%, #D7B372 100%);
    box-shadow: none;
}

.btn.applink {
    display: block;
    padding: 6px 8px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    margin-top: 6px;
}
.btn.applink::after {
    width: 16px;
    height: 16px;
    top: -2px;
}
.memberrank .btn a {
    width: 100%;
    background: #C99944;
    font-size: 20px;
    border-radius: 8px;
    box-shadow: none;
}
.memberrank .btn a span {
    line-height: 40px;
}
.memberrank .btn a:hover {
    background: #977333;
    color: #fff;
}
/* a.goOverview {
    display: block;
    width: 622px;
    height: 72px;
    max-width: 100%;
    margin: 0 auto;
    background: #D2B579 url('/campaign/images/hypersale/2026supersale/arrow_drop_down_black.svg') no-repeat 97% center;
    padding: 16px;
    border-radius: 16px;
    font-size: 24px;
    font-weight: bold;
    color: #333 !important;
    text-align: center;
}
a.goOverview:hover {
    background: #9E885B url('/campaign/images/hypersale/2026supersale/arrow_drop_down_black.svg') no-repeat 97% center;
} */
.searchbox-wrap {
    margin: 0 auto;
    padding: 40px 0 0;
    text-align: initial;
    position: relative;
    z-index: 105;
}
.topSearch.clearfix {
    display: none;
}

.container.searchbox {
    z-index: 2;
}

.coupon_cover {
    width: 674px;
    max-width: 100%;
    height: 162px;
    margin: 0 auto 24px auto;
    padding: 28px 40px;
    background: url('/campaign/images/hypersale/2026supersale/coupon_cover.png') no-repeat center;
    background-size: contain;
    display: flex;
    gap: 16px;
    flex-direction: row;
    justify-content: right;
}
.coupon_cover.double {
    width: 674px;
    max-width: 100%;
    height: 298px;
    margin: 0 auto 24px auto;
    padding: 28px 40px;
    background: url('/campaign/images/hypersale/2026supersale/coupon_hotel_cover.png') no-repeat center;
    background-size: contain;
    display: flex;
    gap: 25px;
    flex-direction: column;
}
.coupon_cover.double div.break {
    display: flex;
    gap: 16px;
    flex-direction: row;
    justify-content: right;
}
.coupon_cover p {
    padding: 0;
    margin: 0;
    text-align: center;
}
.coupon_cover p a {
    display: block;
    width: 134px;
    margin: 8px auto;
}
.coupon_cover p a.getcoupon {
    border-radius: 4px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    padding-left: 20px;
    background: #C99944 url('/campaign/images/hypersale/2026supersale/getcoupon_ico.svg') no-repeat;
    background-position: 14px 13px;
    background-size: 16px;
}
.coupon_cover p a.getcoupon:hover {
    background: #977333 url('/campaign/images/hypersale/2026supersale/getcoupon_ico.svg') no-repeat;
    background-position: 14px 13px;
    background-size: 16px;
}
.coupon_cover p a.showmodal {
    border-radius: 4px;
    line-height: 40px;
    font-size: 12px;
    font-weight: normal;
    color: #CA9143;
    border: 1px solid #CA9143;
}
.coupon_cover p a.showmodal:hover {
    background: #E5DCCC;
}
#domtour-content .coupon_cover p a.showmodal {
    margin-top: 36px;
}
.coupon_cover span.rippon {
    display: inline-block;
    padding: 0 16px;
    position: relative;
    background: #9C0C39;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    line-height: 20px;
}
.coupon_cover span.rippon::before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 6px solid #f8f7f7;
    border-right: 0;
    left: -1px;
    top: -4px;
}
.coupon_cover span.rippon::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 6px solid #f8f7f7;
    border-left: 0;
    right: -1px;
    top: -4px;
}
.coupon_cover span.f12 {
    color: #616161;
}
.coupon_cover .color9C0C39 {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.coupon_cover .f17 {
    color: #C99944;
}
.dom-over {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-top: -115px;
    justify-content: center;
}
.dom-over li {
    border-radius: 20px 20px 0 0;
    font-size: 24px;
    width: 280px;
    font-weight: 900;
    text-align: center;
    padding: 8px;
}
.dom-over li p {
    margin: 0;
}
.dom-over li:first-child {
    background: #9C0C39;
    color: #fff;
}
.dom-over li:first-child span {
    font-size: 14px;
    line-height: 30px;
    background: #fff;
    color: #9C0C39;
    display: inline-block;
    border-radius: 16px;
    padding: 0 12px;
}
.dom-over li:last-child {
    background: #F2E6D0;
    color: #9C0C39;
    border: 2px solid #9C0C39;
}
.dom-over li:last-child span {
    font-size: 14px;
    line-height: 30px;
    background: #9C0C39;
    color: #f2e6d0;
    display: inline-block;
    border-radius: 16px;
    padding: 0 12px;
}
.dom-over li a,
.dom-over li a:hover {
    color: #9C0C39;
    opacity: 1;
}


#feature-products {
    padding: 24px 38px;
    border-radius: 20px;
    margin-top: -32px;
}
/* #domair-content.feature-products {
    margin-top: 40px;
} */

.feature-products .container {
    z-index: 2;
    max-width: 100%;
}
.product-wrap {
    margin-bottom: 16px;
}
.feature-products h3 {
    display: inline-block;
    text-align: center;
    padding: 0 80px;
    font-size: 36px;
    color: #fff;
    position: relative;
    margin: 0 auto;
    vertical-align: middle;
    font-weight: 900;
}

.products-list {
    padding: 0 0 24px;
    display: flex;
    flex-direction: row;
    gap: 30px;
    flex-wrap: wrap;
}
.prod-item {
    width: 367px;
    max-width: 100%;
    background: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin: 0 auto;
    color: #333;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.prod-item .img {
    position: relative;
    line-height: 0;
}
.prod-item .img span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px 0 8px 0;
    background: #ffe97b;
    font-size: 14px;
    font-weight: 900;
    padding: 4px 8px;
}
.prod-item a.btn.prod {
    display: block;
    position: relative;
    padding: 8px;
    border-radius: 8px;
    margin: 24px auto 0;
    line-height: 1;
    font-size: 16px;
    font-weight: 900;
    color: #fff;
}
a.btn.prod::after {
    width: 46px;
    height: 46px;
    background-size: 46px 46px;
}
.prod-item a span.point {
    display: inline-block;
    background: #fff url('/campaign/images/hypersale/hypersale02/poin_ico.svg') no-repeat;
    background-size: 30px 30px;
    background-position: 8px center;
    color: #333;
    font-size: 12px;
    font-weight: 900;
    padding: 8px 8px 8px 42px;
    border-radius: 8px;
    margin-right: 8px;
}
.prod-item a span.point font {
    font-size: 16px;
}
.prod-item a span.point img {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}
.prod-item a.weblink.nopoint  span.point {
    opacity: 0;
}

.prod-item .text p {
    font-size: 16px;
    margin: 10px 0;
    height: 40px;
    color: #616161;
}
.prod-item .text p.auto {
    margin: 0;
    height: auto;
}
.prod-item .text .review {
    text-align: center;
    height: auto;
    margin-bottom: 24px;
}
.prod-item .text p.people_room span {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    padding: 8px;
    border-radius: 4px;
    color: #212121;
    background: #FDFAF6;
}
div.tag {
    text-align: center;
    background: linear-gradient(90deg, #D7B372 0%, #C99944 100%);
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 4px;
    padding: 6px 8px;
    line-height: 1;
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    justify-content: center;
}


#domair-content .prod-item .text .review,
#domdp-content .prod-item .text .review,
#rentacar-content .prod-item .text .review {
    margin-bottom: 24px;
}
.prod-item .text .review.mgb16 {
    margin-bottom: 16px;
}
.prod-item .text .review.mgb36 {
    margin-bottom: 36px;
}
.prod-item .text .review span {
    display: inline-block;
    padding: 4px 8px;
    margin: 0 5px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #666;
    border-radius: 16px;
}
.prod-item .text .review.blank {
    background: none;
    height: 0;
}
.prod-item .text .review.mgb0 {
    margin-bottom: 0;
}
.prod-item .text .rank span {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
}
.prod-item .text .rank img {
    height: 16px;
    width: auto !important;
}
.prod-item .text .review.org span{
    background: #f8f8f8;
    color: #666;
}
/* .prod-item .text .review.org span.m_sign {
    background: #FFE97B url(/campaign/images/hypersale/blackfriday/money_sign.svg) no-repeat 8px center;
    padding-left: 30px;
}
.prod-item .text .review.org span.point_sign {
    background: #FFE97B url(/campaign/images/hypersale/blackfriday/point_sign.svg) no-repeat 8px center;
    padding-left: 30px;
} */
.prod-item p.name {
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    color: #212121;
    height: auto !important;
    margin: 16px 0 0;
}
.prod-item p.h-name {
    text-align: left;
    height: auto;
    font-size: 16px;
    font-weight: normal;
    padding-left: 24px;
    background: url('/campaign/images/hypersale/2026supersale/domhotel_ico2.svg') no-repeat;
    background-position: left 2px;
    background-size: 16px;
    margin: 0;
}
.prod-item p span.air-name {
    display: inline-block;
    text-align: left;
    height: auto;
    font-size: 16px;
    font-weight: normal;
    padding-left: 24px;
    background: url('/campaign/images/hypersale/2026supersale/airplane_ico.svg') no-repeat;
    background-position: left 3px;
    background-size: 16px;
    margin: 0 0 8px 0;
}
.prod-item p span.meal {
    display: inline-block;
    text-align: left;
    height: auto;
    font-size: 16px;
    font-weight: normal;
    padding-left: 24px;
    background: url('/campaign/images/hypersale/2026supersale/meal_ico.svg') no-repeat;
    background-position: 5px 5px;
    background-size: 12px;
    margin: 0 0 8px 10px;
}
.prod-item p.local {
    text-align: left;
    margin:0
}


#domtour-content .prod-item .name {
    min-height: auto;
}
.prod-item .name.f20 {
    font-size: 20px;
}
.prod-item .des {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 900;
    height: auto !important;
}

.prod-item p.price {
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    color: #9C0C39;
    margin-bottom: 4px;
    font-family: -apple-system,blinkmacsystemfont,"Segoe UI","Hiragino Kaku Gothic ProN","BIZ UDPGothic",meiryo,sans-serif;
}
.prod-item .price span {
    font-size: 42px;
    line-height: 1;
    font-weight: 900;
    color: #9C0C39;
    font-family: -apple-system,blinkmacsystemfont,"Segoe UI","Hiragino Kaku Gothic ProN","BIZ UDPGothic",meiryo,sans-serif;
}
#domtour-content .prod-item .price span {
    font-size: 28px;
}
.prod-item .note {
    font-size: 12px;
    color: #666;
    line-height: 1.5;
    margin: 16px -16px -16px -16px;
    padding: 16px 5px;
    background: #f8f8f8;
    border-radius: 0 0 10px 10px;
    text-align: center;
}
.prod-item .note a {
    text-decoration: underline;
    color: #6F3D8C !important;
}
.pr-group {
    overflow: hidden;
    padding-bottom: 16px;
}
.gr-item {
    width: 33.3333%;
    float: left;
}
.prod-item p.blank {
    height: 14px;
}
div.noted {
    font-size: 14px;
    color: #616161;
    border-radius: 8px;
    background: #fff;
    padding: 16px;
    margin-top: 4px;
}
div.noted p:first-child {
    border-radius: 4px;
    background: #F2E6D0;
    color: #212121;
    line-height: 34px;
    margin-bottom: 16px;
}
div.noted.light {
    color: #666;
    background: rgba(255, 255, 255, 0.30);
}
.nav {
    padding: 24px 0;
    margin: 0 auto;
}
.nav ul {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
}
.nav ul li {
    width: 158px;
    color: #9C0C39;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    border-radius: 8px;
    padding: 56px 0 18px 0;
    background: #fff;
    position: relative;
}
.nav ul li.hasCoupon::before {
    content: '';
    width: 70px;
    height: 26px;
    display: block;
    position: absolute;
    top: -13px;
    left: calc(50% - 35px);
    background: url(/campaign/images/hypersale/2026supersale/coupon_ico.svg) no-repeat center;
}
.nav ul li.hasCoupon.tour::before {
    background: url(/campaign/images/hypersale/2026supersale/coupon_tour_ico.svg) no-repeat center;
}
.nav ul li:hover {
    background: #D79EB0;
    color: #9C0C39;
    cursor: pointer;
}
.nav .active {
    cursor: default;
    pointer-events: none;
}
/* .nav .nav-1 {
    background: #D79EB0 url(/campaign/images/hypersale/2026supersale/btn_1.svg) no-repeat center 14px;
    background-size: 24px auto;
}
.nav .nav-1:hover {
    background: #FFFFFF url(/campaign/images/hypersale/2026supersale/btn_1.svg) no-repeat center 14px;
    background-size: 24px auto;
} */
.nav .nav-2 {
    background: #D79EB0 url(/campaign/images/hypersale/2026supersale/domair_ico.svg) no-repeat center 20px;
    background-size: 32px auto;
}
.nav .nav-2:hover,
.nav .nav-2.active {
    background: #FFFFFF url(/campaign/images/hypersale/2026supersale/domair_ico.svg) no-repeat center 20px;
    background-size: 32px auto;
}
.nav .nav-3 {
    background: #D79EB0 url(/campaign/images/hypersale/2026supersale/domdp_ico.svg) no-repeat center 20px;
    background-size: 60px auto;
}
.nav .nav-3:hover,
.nav .nav-3.active {
    background: #FFFFFF url(/campaign/images/hypersale/2026supersale/domdp_ico.svg) no-repeat center 20px;
    background-size: 60px auto;
}
.nav .nav-4 {
    background: #D79EB0 url(/campaign/images/hypersale/2026supersale/domhotel_ico.svg) no-repeat center 20px;
    background-size: 32px auto;
}
.nav .nav-4:hover,
.nav .nav-4.active {
    background: #FFFFFF url(/campaign/images/hypersale/2026supersale/domhotel_ico.svg) no-repeat center 20px;
    background-size: 32px auto;
}
.nav .nav-5 {
    background: #D79EB0 url(/campaign/images/hypersale/2026supersale/domtour_ico.svg) no-repeat center 20px;
    background-size: 32px auto;
}
.nav .nav-5:hover,
.nav .nav-5.active {
    background: #FFFFFF url(/campaign/images/hypersale/2026supersale/domtour_ico.svg) no-repeat center 20px;
    background-size: 32px auto;
}
.nav .nav-6 {
    background: #D79EB0 url(/campaign/images/hypersale/2026supersale/rentacar_ico.svg) no-repeat center 20px;
    background-size: 32px auto;
}
.nav .nav-6:hover,
.nav .nav-6.active {
    background: #FFFFFF url(/campaign/images/hypersale/2026supersale/rentacar_ico.svg) no-repeat center 20px;
    background-size: 32px auto;
}
.nav .nav-7 {
    background: #D79EB0 url(/campaign/images/hypersale/2026supersale/train_ico.svg) no-repeat center 20px;
    background-size: 32px auto;
}
.nav .nav-7:hover,
.nav .nav-7.active {
    background: #FFFFFF url(/campaign/images/hypersale/2026supersale/train_ico.svg) no-repeat center 20px;
    background-size: 32px auto;
}
.nav .nav-8 {
    background: #D79EB0 url(/campaign/images/hypersale/2026supersale/bus_ico.svg) no-repeat center 20px;
    background-size: 32px auto;
}
.nav .nav-8:hover,
.nav .nav-8.active {
    background: #FFFFFF url(/campaign/images/hypersale/2026supersale/bus_ico.svg) no-repeat center 20px;
    background-size: 32px auto;
}

#dom-air, #dom-hotel, #dom-tour, #dom-bus, #dom-train, #domdp {
    background: rgb(69 73 75) !important;
}
.block-search li.active, .block-search li:hover, .block-search li:focus {
    background: rgb(69 73 75) !important;
}
.block-search li.active:after {
    margin-top: -3px !important;
}
.block-search li.active:before {
    margin-top: 0 !important;
    display: none;
}
.osH-date-picker-wrapper {
    z-index: 1000 !important;
}
.tab-item.dombus,
.tab-item.domtrain {
    pointer-events: none;
}
.tab-item.dombus img,
.tab-item.domtrain img {
    opacity: 0;
}

.booking-with-app,
.memberrank-point {
    position: relative;
    width: 1160px;
    max-width: 100%;
    margin: 40px auto 0;
    background: #fff;
    padding: 0 24px 24px 24px;
    border-radius: 8px;
}
.booking-with-app h3,
.memberrank-point h3 {
    font-size: 18px;
    line-height: 40px;
    border-radius: 8px 8px 0 0;
    color: #fff;
    text-align: center;
    margin: 0 -24px 24px -24px;
    background-color: #9C0C39;
}
.booking-with-app h3 span,
.memberrank-point h3 span {
    font-size: 24px;
}
.booking-with-app .airtripapp {
    padding-left: 40px;
    padding-right: 40px;
}
.booking-with-app {
    margin-top: 140px;
}
.booking-with-app::before {
    content: '';
    display: block;
    position: absolute;
    width: 200px;
    height: 98px;
    background: url(/campaign/images/hypersale/2026supersale/bird.png) no-repeat;
    background-position: top center;
    background-size: 100%;
    top: -98px;
    left: calc(50% - 100px);
}

.campaign-overview {
    padding: 40px 0;
    position: relative;
}
.campaign-overview .tit h3 {
    font-size: 19px;
    line-height: 40px;
    border-radius: 8px 8px 0 0;
    color: #fff;
    text-align: center;
    margin: 0 -24px 24px -24px;
    background-color: #C99944;
}
.campaign-overview a {
    color: #8ED0E9 !important;
}
.campaign-overview .container {
    padding: 0 24px 24px 24px;
    border-radius: 8px;
    z-index: 2;
    position: relative;
    color: #212121;
    width: 1240px;
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
}
.title-overview {
    color: #FFF;
    text-align: center;
    font-size: 36px;
    line-height: 1;
    font-style: normal;
    font-weight: 900;
    margin: 0 auto 40px;
}   
.overview-item {
    margin-bottom: 8px;
    font-size: 18px;
}
.overview-item.last {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;}

.title-overview-list {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    background: #9c0c39 url('/campaign/images/hypersale/2026supersale/overview_dot.svg') no-repeat;
    background-position: 8px center;
    background-size: 15px;
    padding: 4px 4px 4px 30px;
    border-radius: 4px;
    color: #fff;
}

.title-overview-list-sub{
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px;
    padding: 4px 8px;
    border-radius: 4px;
    background: #F2E6D0;
}
.title-overview-list-sub.normal {
    font-weight: normal;
    margin-top: 24px;
}
.overview-item li {
    margin-left: 32px;
    list-style-type: disc;
    color: #333;
    margin-bottom: 0;
}
.sns {
    margin-bottom: 40px;
    text-align: center;
}
.sns a {
    display: inline-block;
    margin: 0 8px;
    width: 48px
}

.block-breadcrumb {
    padding: 8px 0;
    background: #f5f5f5;
}
.block-breadcrumb li {
    color: #212121;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}
.block-breadcrumb li a {
    color: #212121 !important;
}
.block-breadcrumb .list-breadcrumb {
    margin: 0;
}
.block-breadcrumb .container {
    width: 1200px;
    max-width: 100%;
}
.footer {
    background: #9c0c39 !important;
    color: #fff;
    font-size: 11px;
    line-height: 1;
}

.footer_content { padding: 14px 0 !important;}

.back_to_top {
    position: fixed;
    width: 200px;
    height: 230px;
    right: 0;
    bottom: 24px;
    z-index: 50;
    cursor: pointer;
    background: url(/campaign/images/hypersale/2026supersale/gosearch.png) no-repeat;
    background-size: contain;
    background-position: top right;
}
.back_to_top:hover {
     background: url(/campaign/images/hypersale/2026supersale/gosearch_hover.png) no-repeat;
    background-size: contain;
    background-position: top right;
}

.modalbg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.coupon-modal {
    background: #fff;
    border-radius: 16px;
    padding: 24px 64px;
    width: 1200px;
    height: 744px;
    position: fixed;
    z-index: 1000;
    top: 10%;
    left: calc(50% - 600px);
}
.coupon-modal p {
    font-size: 16px;
    margin-bottom: 24px;
}
.coupon-modal strong {
    display: block;
}
.head-modal {
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 32px;
    margin-top: 16px;
}
.head-modal img {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto 24px;
}
.content-modal {
    max-height: 450px;
    overflow-y: auto;
}
.footer-modal {
    background: #F8F8F8;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0px;
    text-align: center;
    border-radius: 0 0 16px 16px;
}
.footer-modal span {
    display: inline-block;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    line-height: 68px;
}
.noScroll {
    height: -webkit-fill-available;
    max-height: 100vh;
    touch-action: none;
    -webkit-overflow-scrolling: none;
    overflow: hidden;
    position: relative;
    width: 100%;
    overscroll-behavior: none
}
@media screen and (max-width:1280px) {
    .back_to_top {
        position: fixed;
        width: 160px;
        height: 180px;
        right: 0;
        bottom: 24px;
        z-index: 50;
        cursor: pointer;
        background: url(/campaign/images/hypersale/2026supersale/gosearch.png) no-repeat;
        background-size: contain;
        background-position: top right;
    }
    .back_to_top:hover {
        background: url(/campaign/images/hypersale/2026supersale/gosearch_hover.png) no-repeat;
        background-size: contain;
        background-position: top right;
    }
}
@media screen and (max-width:767px) {
    .fz10-xs {font-size: 10px;}
    .f42-20 {font-size: 20px;}
    .block-banner { background: #9c0c39; min-height: 585px;}
    .no-web-link {cursor: pointer;pointer-events: all;}
    .visible-xs {display: block !important;}
    .hidden-xs {display: none !important;}
    .container {padding: 0 16px; max-width: 100%;}
    .keyvisual img {max-height: unset;}
    body.noscrB {position: relative;overflow: hidden;}
    .item a.btn:active, a.btn:visited,
    .item .btn-link a:active, .btn-link a:visited {color: #fff !important;}
    br.visible-xs {height: 0;padding: 0; margin: 0;}
    .boxShadow {
        background: #9c0c39;
        -webkit-box-shadow: 0px 0px 15px 0px rgb(37 48 65 / 5%);
        -moz-box-shadow: 0px 0px 15px 0px rgb(37 48 65 / 5%);
        box-shadow: 0px 0px 15px 0px rgb(37 48 65 / 5%);
    }
    .keyvisual {
        background: none;
    }
    .keyvisual::after {
        display: none;
    }
    .keyvisual picture {line-height: 0;}
    .keyvisual .text {
        font-size: 11px;
        padding: 4px 8px;
        line-height: 1.5;
    }
    .summary-offers {
        padding: 16px 16px 150px 16px;
        margin: 0 auto;
        background: #9C0C39 url(/campaign/images/hypersale/2026supersale/charator_sp_2.png) no-repeat;
        background-position: center bottom;
        background-size: contain;
    }
    .summary-offers .flex3Cols {
        margin-top: 8px;
        flex-direction: column;
        gap: 36px;
    }
    .summary-offers .flex3Cols div.item {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }
    .summary-offers div.item .tit {
        border-radius: 4px;
        font-size: 16px;
        padding: 4px;
    }
    .summary-offers div.item .tit.bg5 {
        font-size: 12px;
    }
    .summary-offers .flex3Cols div.item p {
        line-height: 1.5 !important;
        margin: 0 0 8px 0 !important;
    }
    .summary-offers .flex3Cols div.item p.f15 {
        font-size: 13px;
    }
    .summary-offers .flex3Cols div.item p.f18 {
        font-size: 14px;
    }
    .summary-offers .flex3Cols div.item p span.f18 {
        font-size: 16px;
    }
    .summary-offers .flex3Cols div.item p.note {
        font-size: 10px;
        letter-spacing: normal;
    }
    .summary-offers div.item:first-child {
        order: 2;
    }
    .summary-offers div.item:last-child {
        order: 3;
    }
    .summary-offers span.balloon {
        margin: -44px 0 0 0;
        position: absolute;
        left: calc(50% - 75px);
        padding: 0;
        width: 150px;
    }
    /* .summary-offers div.item:first-child .content-wrap,
    .summary-offers div.item:last-child .content-wrap {
        padding-top: 16px;
        padding-bottom: 0;
        text-align: center;
        font-size: 16px;
        font-weight: 800;
    } */
    
    #campaignBenefits {
        padding-top: 24px;
        padding-bottom: 0;
        background: #f1ede2 url(/campaign/images/hypersale/2026supersale/bg_speacialoffers_sp.png) no-repeat;
        background-position: top center;
        background-size: contain;
    }
    h3.campaignBenefits-title {
        font-size: 16px;
        line-height: 36px;
        margin-top: -62px;
        background: url('/campaign/images/hypersale/2026supersale/bg_head_sp.png') no-repeat center;
        background-size: inherit;
    }
    #campaignBenefits .container {
        padding: 42px 16px 0 16px;   
    }
    .campaignBenefits-content {
        margin-top: -18px;
    }
    .campaignBenefits-detail p.collap-head {
        font-size: 14px;
        padding: 15px 24px 15px 8px;
    }
    .campaignBenefits-detail p.collap-head font {
        font-size: 18px;
    }
    .campaignBenefits-detail {
        flex-direction: column;
        margin-bottom: 0;
        gap: 8px;
    }
    .campaignBenefits-detail p.collap-head.close::after {
        right: 16px;
        top: 36%;
        width: 0px;
        height: 0px;
        border-bottom: 8px solid #fff;
        border-right: 8px solid transparent;
        transform: rotate(-45deg);
    }
    .campaignBenefits-detail p.collap-head::after {
        right: 16px;
        top: 45%;
        width: 0px;
        height: 0px;
        border-bottom: 8px solid #fff;
        border-right: 8px solid transparent;
        transform: rotate(135deg);
    }
    .campaignBenefits-detail .note {
        font-size: 10px;
        margin: 0;
    }
    .collap-content {
        padding: 16px;
        border-radius: 0 0 8px 8px;
        background: #fff;
    }
    .memberrank p.f20 {
        font-size: 14px;
        text-align: left;
        margin-bottom: 16px;
    }
    .memberrank .btn {
        margin-top: 16px;
    }
    .memberrank .btn a {
        font-size: 14px;
        font-weight: 700;
        border-radius: 4px;
        padding: 8px 16px;
    }
    .memberrank .btn a span {
        line-height: 28px;
    }
    .formemberrank .memberrank ul, .memberrank-point ul {
        gap: 8px;
    }
    .formemberrank .memberrank ul li, .memberrank-point ul li {
        width: 72px;
        text-align: center;
        margin: 0;
    }
    .formemberrank .memberrank ul li img, .memberrank-point ul li img {
        max-width: 50px;
    }
    .formemberrank .memberrank ul li span, .memberrank-point ul li span {
        font-size: 12px;
    }
    .airtripapp {
        display: block;
        padding: 16px;
        height: auto;

    }
    .appinfo {
        width: 100%;
        overflow: hidden;
        margin-bottom: 16px;
        margin-top: 0;
    }
    .appinfo div.visible-xs div.text {
        padding: 0;
        width: calc(100% - 100px);
        float: left;
    }
    .appinfo div.img {
        float: right;
        width: 86px;
        height: auto;
    }
    .appbtns {
        clear: both;
        display: flex;
        flex-direction: row;
        gap: 10px;
        justify-content: center;
    }
    .appbtns a {
        width: auto;
        line-height: 0;
    }
    .appbtns img {
        height: auto;
        width: 140px;
    }
    p.appbtns-title {
        margin-bottom: 8px;
        padding-top: 8px;
        border-top: 1px solid #EDF0F5;
    }

    #cp-prod {
        padding-top: 0;
        position: relative;
        background: none;
    }
    .dom-over {
        display: flex;
        flex-direction: row;
        gap: 0;
        margin-top: 0;
        justify-content: center;
        background: #f2e6d0;
    }
    .dom-over li {
        margin: 0;
        padding: 10px 0 9px 0;
        width: 55%;
        font-size: 18px;
    }
    .dom-over li span {
        font-size: 12px !important;
        line-height: 24px !important;
        padding: 0 8px !important;
    }
    .dom-over li:first-child {
        border-radius: 0;
        background: url('/campaign/images/hypersale/2026supersale/dom_bg.svg') no-repeat right center;
    }
    .dom-over li:last-child {
        border: none;
        color: #212121;
        width: 45%;
    }
    .dom-over li:last-child a {
        color: #9C0C39;
    }
    #feature-products {
        padding: 0;
        border-radius: 0 0 20px 20px;
        margin-top: 0;
    }
    .feature-products {
        margin-top: 0;
        padding-top: 16px;
        padding-bottom: 0;
    }
    #domdp-content.feature-products,
    #domhotel-content.feature-products,
    #domair-content.feature-products,
    #rentacar-content.feature-products,
    #train-content.feature-products,
    #domtour-content.feature-products,
    #bus-content.feature-products {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 16px;
    }
    #domair-content.feature-products,
    #rentacar-content.feature-products,
    #train-content.feature-products,
    #bus-content.feature-products {
        padding-top: 16px;
    }
    .nav {
        width: 100%;
        border-radius: 0;
        padding: 24px 16px 0 16px;
        margin: 0;
        overflow-x: scroll;
    }
    .nav ul {
        gap: 6px;
        flex-wrap: nowrap;
        width: fit-content;
    }
    .nav ul li {
        width: 81px;
        height: 77px;
        font-size: 13px;
        padding: 44px 0 8px 0;
        margin: 0;
        border-radius: 8px;
    }

    .nav .nav-2,
    .nav .nav-2:hover,
    .nav .nav-2.active,
    .nav .nav-4,
    .nav .nav-4:hover,
    .nav .nav-4.active,
    .nav .nav-5,
    .nav .nav-5:hover,
    .nav .nav-5.active,
    .nav .nav-6,
    .nav .nav-6:hover,
    .nav .nav-6.active,
    .nav .nav-7,
    .nav .nav-7:hover,
    .nav .nav-7.active,
    .nav .nav-8,
    .nav .nav-8:hover,
    .nav .nav-8.active{
        background-size: 20px auto;
        background-position: center 16px;
    }
    .nav .nav-8,
    .nav .nav-8:hover,
    .nav .nav-8.active {
        line-height: 16px;
        padding: 38px 0 8px 0;
    }
    .nav .nav-3,
    .nav .nav-3:hover,
    .nav .nav-3.active {
        background-size: 40px auto;
        background-position: center 16px;
        line-height: 16px;
        padding: 38px 0 8px 0;
    }
    .nav ul li.hasCoupon::before {
        width: 48px;
        height: 18px;
        top: -8px;
        left: calc(50% - 24px);
        background: url(/campaign/images/hypersale/2026supersale/coupon_ico.svg) no-repeat center;
        background-size: cover;
    }
    .nav ul li.hasCoupon.tour::before {
        width: 48px;
        height: 18px;
        top: -8px;
        left: calc(50% - 24px);
        background: url(/campaign/images/hypersale/2026supersale/coupon_tour_ico.svg) no-repeat center;
        background-size: cover;
    }
    .coupon_cover {
        position: relative;
        width: auto;
        height: auto;
        padding: 16px;
        margin: 10px 16px 16px;
        flex-direction: column;
        gap: 4px;
        background: none;
    }
    .coupon_cover.double {
        width: auto;
        height: auto;
        padding: 16px;
        margin: 10px 16px 0;
        background: none;
        gap: 0;
    }
    .coupon_cover.double div.break {
        display: flex;
        gap: 4px;
        flex-direction: column;
        background: #fff;
        border-radius: 8px;
        padding-bottom: 16px;
    }
    .coupon_cover_head {
        position: relative;
        background: url(/campaign/images/hypersale/2026supersale/coupon_sp_cover_head.png) no-repeat center;
        background-size: cover;
        height: 51px;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        color: #fff;
        line-height: 51px;
        margin: 0 0 10px 0;
        z-index: 1;
    }
    .coupon_cover_head.second {
        border-radius: 8px 8px 0 0;
        border-top: 2px dashed #9C0C39;
    }
    .coupon_cover::before,
    .coupon_cover:after,
    .coupon_cover_head::before,
    .coupon_cover_head::after {
        content: '';
        display: block;
        position: absolute;
    }
    .coupon_cover:before {
        background: #27030E;
        height: 24px;
        width: 100%;
        border-radius: 14px;
        z-index: 0;
        top: 5px;
        left: 0;
    }
    .coupon_cover_head::before,
    .coupon_cover_head::after {
        width: 20px;
        height: 20px;
        border-radius: 10px;
        background: #9C0C39;
        bottom: -10px;
        z-index: 2;
    }
    .coupon_cover_head::before {
        left: -10px;
    }
    .coupon_cover_head::after {
        right: -10px;
    }

    .coupon_cover:after {
        width: auto;
        height: 75%;
        background: #f8f7f7;
        z-index: -1;
        left: 16px;
        bottom: 0;
        right: 16px;
        border-radius: 0 0 8px 8px;
    }
    .coupon_cover.double:after {
        display: none;
    }
    .coupon_cover .f14 {
        font-size: 12px;
    }
    .coupon_cover .f18 {
        font-size: 16px;
    }
    .coupon_cover .f17 {
        font-size: 16px;
        color: #9C0C39;
    }
    .coupon_cover .f20 {
        font-size: 18px;
    }
    .coupon_cover .f32 {
        font-size: 28px;
    }
    .coupon_cover p:last-child {
        display: flex;
        flex-direction: row;
        gap: 8px;
        margin: 0 16px;
    }
    .coupon_cover p a {
        margin: 0;
    }
    .coupon_cover p a.getcoupon {
        width: 184px;
        border-radius: 4px;
        line-height: 40px;
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        padding-left: 20px;
        background: #9C0C39 url(/campaign/images/hypersale/2026supersale/getcoupon_ico.svg) no-repeat;
        background-position: 38px 13px;
        background-size: 16px;
    }
    .coupon_cover p a.showmodal {
        width: calc(100% - 184px);
        border-color: #9C0C39;
        color: #9C0C39;
    }
    #domtour-content .coupon_cover p a.showmodal {
        width: 100%;
        margin: 0;
    }
    .booking-with-app, .memberrank-point {
        margin-left: 16px;
        margin-right: 16px;
        padding: 0 16px 16px 16px;
        width: auto;
    }
    .booking-with-app::before {
        width: 105px;
        height: 52px;
        top: -52px;
        left: calc(50% - 52px);
    }
    .booking-with-app {
        margin-top: 78px;
    }
    .memberrank-point {
        margin: 24px 16px;
    }
    .booking-with-app h3, .memberrank-point h3 {
        font-size: 14px;
        margin: 0 -16px 16px -16px;
        line-height: 34px;
    }
    .booking-with-app h3 span, .memberrank-point h3 span {
        font-size: 18px;
        color: #FFD600;
        font-weight: 900;
    }
    .booking-with-app .airtripapp {
        padding: 0;
    }
    .campaign-overview {
        margin-top: 24px;
        margin-bottom: 24px;
        padding: 0;
    }
    .campaign-overview .tit {
        text-align: center;
        margin-bottom: 24px;
    }
    .campaign-overview .container {
        padding: 0 16px 16px;
        border-radius: 8px;
        margin-left: 16px;
        margin-right: 16px;
        width: auto;
    }
    .campaign-overview .tit h3 {
        margin: 0 -16px 16px -16px;
        font-size: 14px;
        line-height: 30px;
    }
    .overview-item {
        font-size: 14px;
    }
    .title-overview-list {
        font-size: 14px;
        font-weight: bold;
        line-height: 22px;
    }
    .title-overview-list-sub {
        font-size: 14px;
        line-height: 22px;}

    .overview-item.last {
        margin-bottom: 0;
        padding-bottom: 0;}

    .overview-item li {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .block-breadcrumb {
        padding: 16px 0;
    }
    .block-breadcrumb li {
        color: #212121;
        margin: 0;
        font-size: 11px;
    }
    .sns {
        text-align: center;
        background: #fff;
        margin: 0;
        padding: 24px 16px;
        border-radius: 20px 20px 0 0;
    }
    .sns li {
        margin: 0
    }
    .btn.sp {
        margin: 16px;
    }
    .btn.sp.appview {
        display: none;
    }
    .btn a {
        font-size: 14px;
        font-weight: 900;
        padding: 2px 16px;
        border-radius: 8px;
        width: auto;
        height: auto;
        margin-left: 0;
        margin-right: 0;
    }
    .btn a img {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
    }
    .btn p {
        font-size: 12px;
        color: #FFF4B8;
        margin-bottom: 6px;
    }
    .feature-products .container {
        padding: 0;
    }
    .products-list {
        padding: 0 16px 16px 16px;
        position: relative;
        overflow: visible;
        flex-direction: column;
        gap: 16px;
    }
    .products-list.carousel {
        padding: 0;
    }
    
    .searchbox-wrap {
        margin-top: 0;
        padding: 0;
        border-top: 8px solid #fff;
        border-bottom: 0px solid #fff;
        background: #fff;
        position: relative;
        z-index: 105;
    }
    .container.searchbox {
        padding: 0;
    }
    #dom-air, #dom-hotel, #dom-tour, #dom-bus, #dom-train, #domdp {
        background: none !important;
    }
    .supersale2026 #list_tab {
        height: 80px !important;
        display: flex;
        flex-direction: row;
        gap: 8px;
        padding: 0 8px;
    }
    .supersale2026 ul.list-inline {
        padding: 0;
        background: #fff;
    }
    .supersale2026 li.tab-item {
        padding: 0;
    }
    .supersale2026 #list_tab li.tab-item p {
        color: #50a2d2;
        height: 80px;
        padding-top: 40px;
        background: #f5f5f5;
    }
    .supersale2026 #list_tab li.tab-item.active p {
        background: #50A2D2;
        border-radius: 8px;
        color: #fff !important;
        border: none !important;
    }
    .supersale2026 #list_tab li.tab-item.airtripwidget p {
        line-height: normal;
        background: #f5f5f5 url('/campaign/images/hypersale/2026supersale/flighthotel.svg') no-repeat;
        background-position: center 14px;
    }
    .supersale2026 #list_tab li.tab-item.dom-air p {
        line-height: normal;
        background: #f5f5f5 url('/campaign/images/hypersale/2026supersale/flightticket.svg') no-repeat;
        background-position: center 14px;
    }
    .supersale2026 #list_tab li.tab-item.dom-hotel p {
        line-height: normal;
        background: #f5f5f5 url('/campaign/images/hypersale/2026supersale/hotel.svg') no-repeat;
        background-position: center 14px;
    }
    .supersale2026 #list_tab li.tab-item.dom-tour p {
        line-height: normal;
        background: #f5f5f5 url('/campaign/images/hypersale/2026supersale/tour.svg') no-repeat;
        background-position: center 14px;
    }

    .supersale2026 #list_tab li.tab-item.airtripwidget.active p {
        line-height: normal;
        background: #50A2D2 url('/campaign/images/hypersale/2026supersale/flighthotel_w.svg') no-repeat;
        background-position: center 14px;
    }
    .supersale2026 #list_tab li.tab-item.dom-air.active p {
        line-height: normal;
        background: #50A2D2 url('/campaign/images/hypersale/2026supersale/flightticket_w.svg') no-repeat;
        background-position: center 14px;
    }
    .supersale2026 #list_tab li.tab-item.dom-hotel.active p {
        line-height: normal;
        background: #50A2D2 url('/campaign/images/hypersale/2026supersale/hotel_w.svg') no-repeat;
        background-position: center 14px;
    }
    .supersale2026 #list_tab li.tab-item.dom-tour.active p {
        line-height: normal;
        background: #50A2D2 url('/campaign/images/hypersale/2026supersale/tour_w.svg') no-repeat;
        background-position: center 14px;
    }


    .supersale2026 #osH_hotel_widget {
        padding-bottom: 16px;
    }
    .supersale2026 .domtour-search-wrapper .search-main-content-01 {
        margin-bottom: 0;
        padding-bottom: 16px;
    }
    .supersale2026 .domsearch-wrapper .topSearch.clearfix {
        display: none;
    }
    .feature-products::before {
        content: none;
        display: none;
    }
    .products-list.carousel .prod-item {
        width: 326px !important;
        margin: 0 16px 0 0;
    }
    .prod-item {
        width: 100%;
        position: relative;
        z-index: 2;
        border-width: 1px;
        border-color: #fff;
        border-radius: 8px;
        padding: 8px;
        background: #fff;
    }
    .prod-item .info-wrap {
        overflow: hidden;
    }
    .prod-item .img {
        float: left;
        width: 100px;
        height: 100px;
    }
    #domtour-content .prod-item .img {
        float: left;
        width: 100px;
        height: 134px;
    }
    #rentacar-content .prod-item .img {
        float: left;
        width: 100px;
        height: 120px;
    }
    .prod-item .img span {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 6px 0 6px 0;
        background: #ffe97b;
        font-size: 10px;
        font-weight: 900;
        padding: 2px 4px;
    }
    .prod-item .text {
        float: right;
        width: calc(100% - 108px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        justify-items: stretch;
        min-height: 100px;
        height: auto;
    }
    .prod-item .text p {
        width: 100%;
        height: auto;
        font-size: 14px;
        margin: 0 auto 2px auto;
        text-align: left;
    }
    .prod-item .text p.text-left.auto {
        font-size: 11px;
        line-height: 1;
    }
    .prod-item .text p.local.auto {
        margin-bottom: 2px;
    }
    .prod-item p.h-name {
        font-size: 12px;
        letter-spacing: -1px;
        padding-left: 18px;
        background: url(/campaign/images/hypersale/2026supersale/domhotel_ico2.svg) no-repeat;
        background-position: left 1px;
        background-size: 12px;
    }
    .prod-item .text p.people_room {
        text-align: right;
    }
    #domair-content .prod-item .text p.people_room {
        text-align: right;
        margin-bottom: 6px;
    }
    .prod-item .text p.people_room span {
        font-size: 12px;
        padding: 4px;
    }
    div.tag {
        font-size: 12px;
        padding: 4px 8px;
    }
    .prod-item .text .rank span {
        font-size: 11px;
        justify-content: left;
    }
    .prod-item .text .rank img {
        height: 11px;
        width: auto;
    }
    .prod-item p span.air-name,
    .prod-item p span.meal,
    .prod-item p.local {
        font-size: 12px;
        line-height: 1.2;
    }
    .prod-item p span.air-name {
        padding-left: 18px;
        background: url(/campaign/images/hypersale/2026supersale/airplane_ico.svg) no-repeat;
        background-position: left 0px;
        background-size: 12px;
    }
    .prod-item p span.meal {
        padding-left: 18px;
        background: url(/campaign/images/hypersale/2026supersale/meal_ico.svg) no-repeat;
        background-position: 2px 2px;
        background-size: 9px;
    }
    #domhotel-content .prod-item .text p {
        font-size: 14px;
    }
    .prod-item .text .review {
        margin-bottom: 0;
        text-align: left;
        line-height: 0;
    }
    .prod-item .text .review.blank {
        min-height: 20px;
    }
    .prod-item .text .review.mgb16,
    .prod-item .text .review.mgb36,
    #domair-content .prod-item .text .review, 
    #domdp-content .prod-item .text .review, 
    #rentacar-content .prod-item .text .review {
        margin-bottom: 0;
    }
    .prod-item .text .review img {
        width: auto !important;
        height: 10px;
        vertical-align: baseline;
        display: inline-block;
    }
    #domtour-content .prod-item .name {
        min-height: auto;
        font-size: 14px;
        line-height: 1.3;
    }
    .prod-item .name.f20 {
        font-size: 12px;
        line-height: 1.2;
        margin-bottom: 0;
        min-height: auto;
    }
    .prod-item p.price {
        font-size: 16px !important;
        text-align: right;
        margin-bottom: 0;
        font-family: -apple-system,blinkmacsystemfont,"Segoe UI","Hiragino Kaku Gothic ProN","BIZ UDPGothic",meiryo,sans-serif;
    }
    .prod-item p.price span {
        font-size: 28px;
        line-height: 1;
        font-family: -apple-system,blinkmacsystemfont,"Segoe UI","Hiragino Kaku Gothic ProN","BIZ UDPGothic",meiryo,sans-serif;
    }
    .prod-item p.price.inslider span {
        font-size: 22px;
    }
    #domtour-content .prod-item p.price {
        margin-top: 8px;
    }
    #domtour-content .prod-item p.price span {
        font-size: 20px;
    }
    .prod-item .text .review span {
        font-size: 10px;
        line-height: normal;
        padding: 2px 6px;
        font-weight: normal;
        margin: 0 4px 0.5rem 0;
    }
    
    .prod-item .note {
        font-size: 10px;
        min-height: inherit;
        padding: 8px;
        text-align: right;
        margin: 8px -8px -8px -8px;
        border-radius: 0 0 10px 10px;
    }
    div.noted {
        font-size: 12px;
        margin: 0 16px;
        padding: 8px;
        width: auto;
    }
    div.noted p:first-child {
        font-size: 14px;
        line-height: 30px;
    }
    .back_to_top {
        width: 100px;
        height: 110px;
    }

    .coupon-modal {
        background: #fff;
        border-radius: 16px;
        padding: 24px 16px;
        width: auto;
        margin: 0 16px;
        height: 555px;
        position: fixed;
        z-index: 1000;
        top: 10%;
        left: 0;
    }
    .coupon-modal p {
        font-size: 14px;
        margin-bottom: 18px;
    }
    .coupon-modal strong {
        display: block;
    }
    .head-modal {
        text-align: center;
        font-size: 20px;
        font-weight: 900;
        margin-bottom: 16px;
        margin-top: 8px;
    }
    .head-modal img {
        width: 64px;
        height: 64px;
        display: block;
        margin: 0 auto 8px;
    }
    .content-modal {
        max-height: 350px;
        overflow-y: auto;
    }
    .footer-modal {
        background: #F8F8F8;
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0px;
        text-align: center;
        border-radius: 0 0 16px 16px;
    }
    .footer-modal span {
        display: inline-block;
        cursor: pointer;
        font-size: 14px;
        font-weight: bold;
        line-height: 44px;
    }
      
}

@media screen and (max-width:414px) {}
@media screen and (max-width:389px) {
    .prod-item p span.air-name, .prod-item p span.meal, .prod-item p.local, .prod-item p.h-name {
        font-size: 11px;
    }
}
@media screen and (max-width:374px) {
    .prod-item .text p {
        font-size: 14px;
        margin: 0 auto;
    }
    .prod-item .name.f20 {
        font-size: 11px;
    }
    .prod-item p.price span {
        font-size: 24px;
        line-height: 1;
    }
    #domtour-content .prod-item p.price span {
        font-size: 18px;
    }
    #domdp-content .btn a {
        font-size: 14px;
    }
    .nav ul li {
        width: 70px;
        height: 62px;
        font-size: 11px;
    }
    #domtour-content .prod-item .name {
        min-height: auto;
        font-size: 10px;
        line-height: 1.3;
    }
}




/* Animation CSS */
/* Trigger  */
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    }
  
  /* Optional Delays, change values here  */
  .one { animation-delay: 0.2s; }
  .two { animation-delay: .6s; }
  .three { animation-delay: 1s; }
  .four { animation-delay: 1.4s; }
  
  /* Animations start here  */
  
  /* FADE IN  */
  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; } }
  .fadeIn { animation-name: fadeIn; }
  
  /* FADE IN UP */
  @keyframes fadeInUp {
    from { opacity: 0; transform: translate3d(0, 60px, 0); }
    to { opacity: 1; transform: none; } }
  .fadeInUp { animation-name: fadeInUp; }
  
  /* FADE IN UP BIG */
  @keyframes fadeInUpBig {
    from { opacity: 0; transform: translate3d(0, 100px, 0); }
    to { opacity: 1; transform: none; } }
  .fadeInUpBig { animation-name: fadeInUpBig; }

  /* FADE IN UP BIG */
  @keyframes fadeInUpBigBig {
    from { opacity: 0; transform: translate3d(0, 400px, 0); }
    to { opacity: 1; transform: none; } }
  .fadeInUpBigBig { animation-name: fadeInUpBigBig; }
  
  /* @end standaard animaties  */
  /* .keyimg,
  .summary-offers,
  .campaignBenefits-content,
  .domair-content-wrap,
  .domdp-content-wrap,
  .domhotel-content-wrap,
  .domtour-content-wrap,
  .train-content-wrap,
  .rentacar-content-wrap,
  .bus-content-wrap,
  .campaign-overview-wrap {
    opacity: 0;
  }
  .domair-content-wrap.affter-in-view,
  .domdp-content-wrap.affter-in-view,
  .domhotel-content-wrap.affter-in-view,
  .domtour-content-wrap.affter-in-view,
  .train-content-wrap.affter-in-view,
  .rentacar-content-wrap.affter-in-view,
  .bus-content-wrap.affter-in-view,
  .campaign-overview-wrap.affter-in-view {
    opacity: 1;
  } */
  .keyimg.in-view {
    animation: fadeInUp;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-fill-mode: both;
    backface-visibility: hidden;
    }
  
  .summary-offers.in-view {  
    animation: fadeInUp;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-fill-mode: both;
    backface-visibility: hidden;
  }
  .campaignBenefits-content.in-view,
  .domair-content-wrap.in-view,
  .domdp-content-wrap.in-view,
  .domhotel-content-wrap.in-view,
  .domtour-content-wrap.in-view,
  .train-content-wrap.in-view,
  .rentacar-content-wrap.in-view,
  .bus-content-wrap.in-view,
  .campaign-overview-wrap.in-view {
    animation: fadeInUpBigBig;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-fill-mode: both;
    backface-visibility: hidden;
    }