.openBtn {--duration: .32s;}
.openBtn:hover{
    --y: -16px;}
.openBtn div span:nth-child(1){    transition-delay: 0.05s;}
.openBtn div span:nth-child(2){    transition-delay: 0.1s;}
.openBtn div span:nth-child(3){    transition-delay: 0.15s;}
.openBtn div span:nth-child(4){    transition-delay: 0.2s;}
.openBtn div span:nth-child(5){    transition-delay: 0.25s;}
.openBtn div span:nth-child(6){    transition-delay: 0.3s;}
.openBtn div span:nth-child(7){    transition-delay: 0.35s;}
.openBtn div span:nth-child(8){    transition-delay: 0.4s;}
.openBtn div span:nth-child(9){    transition-delay: 0.45s;}
.openBtn div span:nth-child(10){    transition-delay: 0.45s;}
.openBtn div span:nth-child(11){    transition-delay: 0.55s;}
.openBtn div {
    display: flex;
    overflow: hidden;
    text-shadow:0 16px 0 #fff}
.openBtn div span {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-style: normal;
    transition: transform var(--duration) ease;
    transform: translateY(var(--m)) translateZ(0);}
.openBtn:hover span {
--m: calc(16px * -1);
}
.tit h3{font-size: 40px;line-height: 1.4;font-weight: 500;}
.tit p{font-size: 20px;line-height: 1.7;font-weight: 500;}
.sec_tab{background: #FFF9EA;text-align: center;padding-bottom: 60px;}
.sec_tab .tit{text-align: center;color: #222;}
.sec_tab .tit p{margin-top: 20px;}
.sec_tab .tit p strong{color: #FF522C;font-weight: 700;}
.sec_tab .inner_wrap{padding-bottom: 0;}
.short-lst{position: sticky;top: 72px;left: 0;background: #FFF9EA;box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.10);z-index:2;}
.short-lst ul{max-width: 1062px;margin: 0 auto;display: flex;gap: 0 24px;color: #222;}
.short-lst ul li a{display: block;width: 100%;height: 100%;}
.short-lst ul li a:hover div{opacity: 1;}
.short-lst ul li a:hover p:after{width: 100%;}
.short-lst ul.__ani{height: 72px;}
.short-lst ul.__ani li div{opacity: 0;display: none;}
.short-lst ul.__ani li.active div{opacity: 0;}
.short-lst ul li{position: relative;width: 157px;text-align: center;display: flex;align-items: center;justify-content: center;}
.short-lst ul li div{opacity: 0.6;transition: all .5s ease;}
.short-lst ul li p{font-size: 18px;line-height: 72px;font-weight: 600;}
.short-lst ul li.active p{color: #FF522C;}
.short-lst ul li p:after{content: '';display: block;position: absolute;bottom: 0;left: 0;height: 4px;background: #ff522c;transition: all .3s ease;width: 0;}
.short-lst ul li.active p:after{width: 100%;}
.short-lst ul li.active div{opacity: 1;}
#sale{background: #FF522C;}
#sale .tit h3{display: inline-block;color: #fff;font-size: 24px;line-height: 1.4;font-weight: 700;position: relative;padding-left: 37px;}
#sale .tit h3:before{content: '';animation:thunder 2s ease infinite;display: block;width: 29px;height: 29px;position: absolute;top: 0;left: 0;background: url(/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/ico_thunder_y.png) 50% 50% no-repeat;background-size: 29px 29px;}
.sale-swiper{overflow: hidden;}
.swiper-box{position: relative;padding: 0 61px;margin-top: 84px;}
.sale-swiper .swiper-wrapper{flex-wrap: wrap;flex-direction: column;height: 616px;}
.sale-swiper .swiper-slide{display: flex;background: #fff;height: 296px;}
.sale-swiper .swiper-slide:nth-child(2n){margin-top: 24px !important;}
.sale-swiper .swiper-slide>div{max-width: 370px;width: calc(100% / 3);}
.sale-swiper .swiper-slide .thumbs{position: relative;max-width: 418px;font-size: 0;}
.sale-swiper .swiper-slide .thumbs img{display: block;height: 100%;object-fit: cover;}
.sale-swiper .swiper-slide .movein{position: absolute;right: 0;top: 0;font-size: 20px;line-height: 1.3;font-weight: 700;background: #FFCF4A;height: 79px;width: 79px;display: flex;align-items: center;justify-content: center;}
.sale-swiper .swiper-slide .txt-box{padding: 24px;min-width: 340px;}
.sale-swiper .swiper-slide .profile{display: flex;gap: 0 24px}
.sale-swiper .swiper-slide .txt-box img{width: 78px;height: 78px;}
.sale-swiper .swiper-slide .txt-box h4{font-size: 24px;line-height: 1.7;font-weight: 500;}
.sale-swiper .swiper-slide .txt-box h4 strong{display: block;}
.sale-swiper .swiper-slide .txt-box p{margin-top: 20px;font-size: 18px;font-weight: 400;line-height: 1.7;}
.sale-swiper .swiper-slide .list-box{padding: 20px 24px;border-left: 1px solid #e4e4e4;min-width: 300px;}
.sale-swiper .swiper-slide .list-box .ico-box{display: flex;gap: 0 18px;max-width: 328px;}
.sale-swiper .swiper-slide .list-box .ico-box p{font-size: 14px;line-height: 1.7;font-weight: 700;text-align: center;}
.sale-swiper .swiper-slide .list-box h2{font-size: 20px;font-weight: 700;line-height: 170%;margin: 16px 0 4px;}
.swiper-box .swiper-button-prev:hover,.swiper-box .swiper-button-next:hover{opacity: 1;}
.swiper-box .swiper-button-prev{background: url(/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/ico_slide_prev.png) 50% 50% no-repeat;background-size: 20px 40px;opacity: 0.6;transition: opacity .3s ease;}
.swiper-box .swiper-button-next{background: url(/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/ico_slide_next.png) 50% 50% no-repeat;background-size: 20px 40px;opacity: 0.6;transition: opacity .3s ease}
.swiper-box .swiper-button-disabled{opacity: 0;}
.swiper-box .tag-box{margin-top: 16px;padding-top: 16px;border-top: 1px solid #E4E4E4;}
.swiper-pagination{left: 50%;transform: translateX(-50%);margin-top: 24px;}
.swiper-pagination-bullet{background: rgba(255,255,255,0.4);width: 10px;height: 10px;margin-left: 8px;opacity: 1;}
.swiper-pagination-bullet-active{background: rgba(255,255,255,1);}

.short-list{display: flex;gap:40px 24px;flex-wrap: wrap;justify-content: center;}
.short-list li{max-width: 302px;border: 1px solid #D9D9D9;width: calc(25% - 18px);}
.short-list li.sold_out .thumbs:before{content: 'SOLD OUT';width: 100%;height: 100%;background:rgba(0,0,0,0.5);position: absolute;top:0;left: 0;font-size: 24px;line-height: 1.4;font-weight: 700;color: #fff;display: flex;justify-content: center;align-items: center;}
.short-list li.sold_out .movein{display: none;}
.short-list li .thumbs{position: relative;font-size: 0;line-height: 0;}
.short-list li .movein{width: 58px;height: 58px;position: absolute;right: 0;top: 0;font-size: 16px;line-height: 1.3;font-weight: 700;background: #FF522C;color: #fff;display: flex;justify-content: center;align-items: center;}
.list-box h2{font-size: 20px;line-height: 1.7;font-weight: 700;}
.list-box{padding: 16px 24px;}

.lst_office .tit {padding-bottom: 24px;border-bottom: 1px solid #D9D9D9;margin-bottom: 60px;}
.lst_office + .lst_office{margin-top: 120px;}
.lst_office .tit h3{display: inline-block;font-size: 24px;font-weight: 700;line-height: 140%;padding-left: 37px;position: relative;}
.lst_office .tit h3::before{content: '';animation:thunder 2s ease infinite;display: block;width: 29px;height: 29px;position: absolute;top: 0;left: 0;background: url(/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/ico_thunder.png) 50% 50% no-repeat;background-size: 29px 29px;}

.tag-box{display: flex;gap: 0 6px;}
.tag{padding: 0 8px;font-size: 16px;line-height: 1.7;font-weight: 700;color: #fff;background: #FF8D74;border-radius: 3px;display: inline-block;}
.tag2{padding: 0 8px;font-size: 16px;line-height: 1.7;font-weight: 700;color: #fff;background: #56B8FF;border-radius: 3px;display: inline-block;}
.tag3{padding: 0 8px;font-size: 16px;line-height: 1.7;font-weight: 700;color: #fff;background: #60CB98;border-radius: 3px;display: inline-block;}
.tag4{padding: 0 8px;font-size: 16px;line-height: 1.7;font-weight: 700;color: #fff;background: #8278FF;border-radius: 3px;display: inline-block;}
.tag5{padding: 0 8px;font-size: 16px;line-height: 1.7;font-weight: 700;color: #fff;background: #EA65F6;border-radius: 3px;display: inline-block;}
.list-box >span{margin: 4px 0 8px;}
.list-box span + span{margin-left: 8px;}
.pay{color: #777;font-size: 18px;font-weight: 400;line-height: 1.7;}
.pay span{font-weight: 700;color: inherit}

.sec_lst .btn_group{width: 100%;}

.sec_benefit{background: #222;}
.sec_benefit .tit h3{color: #fff;}
.sec_benefit ul{display: flex;margin: 76px 0; gap:0 24px}
.sec_benefit ul li{padding: 30px 16px;border-radius: 8px;width: 194px;display: flex;overflow: hidden;flex-direction: column;justify-content: flex-start;align-items: center;color: #0C1123;gap:16px 0;text-align: center;transition: all .5s ease;}
.sec_benefit ul li:nth-child(1){background: linear-gradient(98deg, #FFC0B2 0% ,#FFCAB0 100%);transform: translateX(0);z-index: 1;}
.sec_benefit ul li:nth-child(2){background: linear-gradient(98deg, #FFC6B1 0% ,#FFD0B0 100%);transform: translateX(-80%)}
.sec_benefit ul li:nth-child(3){background: linear-gradient(98deg, #FFCCB0 0% ,#FFD6AF 100%);transform: translateX(-160%)}
.sec_benefit ul li:nth-child(4){background: linear-gradient(98deg, #FFD2AF 0% ,#FFDCAE 100%);transform: translateX(-240%)}
.sec_benefit ul li:nth-child(5){background: linear-gradient(98deg, #FFD8AE 0% ,#FFE2AD 100%);transform: translateX(-320%)}
.sec_benefit ul li:nth-child(6){background: linear-gradient(98deg, #FFDEAE 0% ,#FFE8AC 100%);transform: translateX(-400%)}
.sec_benefit ul.__start li{transform: translateX(0);}
.sec_benefit ul li span{font-size: 20px;line-height: 1.7;font-weight: 700;}
.sec_benefit ul li h4{font-size: 24px;line-height: 1.4;font-weight: 700;}
.sec_benefit ul li p{font-size: 18px;line-height: 1.7;font-weight: 400;}
.sec_benefit .btn_group{width: 100%;}
.sec_benefit .btn_group a{background: #fff;color: #222;}
@keyframes thunder{
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-10deg);
        transform: scale3d(.9,.9,.9) rotate(-10deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(10deg);
        transform: scale3d(1.1,1.1,1.1) rotate(10deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-10deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-10deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@media (max-width: 960px){
    .aside-list{
        width: 100%;
    }
    .sec_visual .inner_wrap{
        overflow: hidden;
    }
    .inner_wrap{
        padding: 80px 20px;
    }
    .tit h3{
        font-size: 28px;
        line-height: 1.4;
    }
    .tit p{
        font-size: 18px;
    }
    .short-lst{
        overflow-x: scroll;
        overflow-y: visible;
        top: 60px;
    }
    .short-lst ul{
        width: 642px;
        padding:0 20px;
        gap: 0 12px
    }
    .short-lst ul li{
        width: 92px;
    }
    .short-lst ul.__ani{
        height: 44px;
    }
    .short-lst ul li p{
        font-size: 14px;
        line-height: 44px;
    }
    .sale-swiper .swiper-wrapper{
        flex-wrap: nowrap;
        flex-direction: row;
        height: auto;
    }
    .sale-swiper .swiper-slide{
        height: 707px;
        flex-direction: column;
    }
    .sale-swiper .swiper-slide .thumbs{
        width: 100%;
    }
    .swiper-box{
        padding: 0;
    }
    .short-list{
        gap: 24px 12px;
    }
    .short-list li{
        max-width: 162px;
        width: calc(50% - 6px);
    }
    .sale-swiper .swiper-slide .txt-box{
        padding: 12px 20px;
    }
    .sale-swiper .swiper-slide .txt-box img{
        width: 67px;
        height: 67px;
    }
    .sale-swiper .swiper-slide .txt-box h4{
        font-size: 22px;
        line-height: 1.4;
    }
    .sale-swiper .swiper-slide .txt-box p{
        margin-top: 16px;
        font-size: 16px;
    }
    .sale-swiper .swiper-slide .list-box{
        padding: 16px 0;
        border-top: 1px solid #e4e4e4;
        margin: 0 auto;
        border-left: none;
        width: calc(100% - 40px);
    }
    .sale-swiper .swiper-slide>div{
        width: 100%;
    }
    .sale-swiper .swiper-slide .list-box h2{
        border-top: 1px solid #e4e4e4;
        font-size: 18px;
        padding-top: 16px;
    }
    .sale-swiper .swiper-slide .list-box .ico-box{
        gap: 0 5px;
        width: 100%;
    }
    .pay{font-size: 16px;}
    .list-box{padding: 12px;}
    .swiper-box .tag-box{
        margin-top: 0;
        padding-top: 0;
        border-top: none;
        position: absolute;
        top: 193px;
    }
    .list-box >span{
        margin: 0 0 4px;
    }
    .list-box span + span{margin-left: 4px;}
    .tag, .tag2, .tag3, .tag4, .tag5{
        font-size: 12px;
        padding:0 4px;
    }
    .sec_benefit ul{
        gap: 20px 12px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .sec_benefit ul li{
        max-width: 162px;
        width: calc(50% - 6px);
    }
    .short-list li .movein{
        font-size: 12px;
        width: 40px;
        height: 40px;
    }
    .swiper-box .swiper-button-prev,.swiper-button-next{display: none;}
    .list-box h2{font-size: 16px;}
    .short-list li .pay{font-size: 14px;}
    .lst_office + .lst_office{margin-top: 80px;}
    .lst_office .tit h3{
        padding-left: 30px;
    }
    .lst_office .tit h3::before{
        width: 26px;
        height: 26px;
        background-size: 26px 26px;
    }
    .lst_office .tit{margin-bottom: 40px;}
}