body{
    background: #FCF3B2;
    position: relative;
}
img{max-width: 100%;height: auto;}
.bg_img{position: absolute;z-index: -1;}
.bg_img.bg_img1{left: 48px;top: 1482px;}
.bg_img.bg_img2{right: 47px;top: 1839px;}
.bg_img.bg_img3{left: 68px;top: 2709px;}
.bg_img.bg_img4{right: 104px;top: 3275px;}
.bg_img.bg_img5{bottom: 2329px;left: 48px;}
.bg_img.bg_img6{bottom: 821px;right: 68px;}
.banner{
    margin: 0 auto 100px;
}
.banner img{
    display: block;
    margin: 0 auto;
    width: 100%;
}
.banner>img{
    margin: 0 auto;
    display: block;
}
.bottom_ads {
    display: none !important;
}
h1,h2{
    font-weight: bold;
    font-size: 40px;
    color: #FFFFFF;
    line-height: 72px;
    letter-spacing: 1px;
}
h1 span,h2 span{
    color: #FAE878;
    font-weight: bolder;
}
h1 p,h2 p{
    font-weight: 400;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 43px;
}
.title_img{
    display: block;
    margin: 49px auto 34px;
    width: initial;
    max-width: 100%;
    text-align: center;
}
.title_img#part1{
    padding: 18px 0 14px;
    background: url(/img/year-end-sale/title1.svg) no-repeat center;
}
.title_img#part2{
    padding: 18px 0 14px;
    background: url(/img/year-end-sale/title2.svg) no-repeat center;
}
.title_img#part3{
    padding: 18px 0 14px;
    background: url(/img/year-end-sale/title3.svg) no-repeat center;
}
.title_img#part4{
    padding: 18px 0 14px;
    background: url(/img/year-end-sale/title4.svg) no-repeat center;
}
.title_img#part5{
    padding: 18px 0 14px;
    background: url(/img/year-end-sale/title5.svg) no-repeat center;
}
.title_img#part6{
    padding: 18px 162px 14px;
    max-width: 798px;
    background: url(/img/year-end-sale/title6.svg) no-repeat center;
}
.title-special{
    background: #d9bf77;
    border-radius: 20px;
    max-width: 884px;
    box-sizing: border-box;
    margin: auto;
    text-align: center;
    color: #222222;
    line-height: 72px;
    font-size: 40px;
    width: 98%;
    padding-bottom: 18px;
    margin: 100px auto 50px;
}
.title-special h2{margin-bottom: 0;padding-bottom: 0;}
.title-special p{
    font-size: 24px;
    line-height: 43px;
}

/* sale_box */
img.title{max-width: 90%;height: auto;margin: 36px auto;display: block;}
.sale_box{display: flex;justify-content: space-between;margin: 52px auto;}
.sale_box .left img{max-width: 562px;height: auto;width: 100%;}
.sale_box .right{background-color: transparent;border-radius: 0px 15px 15px 0px;background-color: #C89E3A;border-width: 1px;border-color: #C89E3A;border-style: solid;margin-top: 0;width: 100%;box-sizing: border-box;padding:  18px 26px;color: #fff;position: relative;}
.sale_box .right .off{position: absolute;top: 0;right: 0;max-width: 160px;height: auto;}
.sale_box .product_name{color: #FFFFFF;font-size: 34px;font-weight: 600;}
.sale_box .product_name_small{color: #FFFFFF;font-size: 28px;font-weight: 600;margin-top: 6px;}

.sale_box .for_sys{font-size: 14px;font-weight: 500;margin: 16px 0;}
.sale_box .info{font-size: 17px;margin: 20px 0;line-height: 20px;}
.price{font-size: 40px;font-weight: 900;color: #C61410;line-height: 50px;margin-bottom: 0;}
.price del,.price span{font-size: 14px;color: #fff;font-weight: 400;line-height: 19px;}
.tax{font-size: 14px;font-weight: 500;margin: 16px 0 0;}
.buy_btn{max-width: 320px;}
.buy_btn a{border-radius: 36px;line-height: 44px;padding: 0 16px;min-width: 136px;box-sizing: border-box;display: inline-block;text-align: center;font-size: 16px;margin: 6px;transition: transform 0.2s;font-weight: 600;}
.buy_btn a:hover{transform:scale(1.08);}
.buy_btn a.win_buy{background: #C61410;color: #fff;}
.buy_btn a.mac_buy{background-color: #fff;color: #C61410;}

.buy_btn a i{display: inline-block;width: 20px;height: 21px;margin-right: 4px;vertical-align: -5px;}
.buy_btn a.win_buy i{background: url(/img/matsuri-summer-sale/windows-white.svg) no-repeat;}
.buy_btn a.mac_buy i{background: url(/img/year-end-sale/mac.svg) no-repeat;}

/* sale_box */
.sale_box+h2{margin:0 auto 34px;}
.single_product{display: flex;margin: 0 auto 100px;flex-wrap: wrap;gap: 30px;justify-content: center;overflow: visible;}
.single_product li{background-color: #C89E3A;border-width: 1px;border-color: #C89E3A;border-style: solid;border-radius: 15px;box-sizing: border-box;padding: 12px 16px 26px 16px;max-width: 360px;width: 100%;color: #fff;margin: 30px 0 0;}
.single_product li .top{display: flex;align-items: center;}
.single_product li .top p{margin-left: 16px;font-size: 20px;color: #fff;font-weight: bold;}
.single_product li .top .product-box p:last-child{
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px;
}
.single_product li .top img{max-width: 60px;height: auto;}
.single_product li p.info{font-size: 16px;color: #fff;line-height: 28px;margin: 10px 0;}
.single_product li .price{margin-bottom: 0;}
.single_product li .tax{margin-top: 10px;}

.single_product.single_product_two{max-width: 880px;}
.single_product.single_product_two li{max-width: 420px;width: 420px;padding: 30px 16px 30px 16px;}


/* bundle_product */
.bundle_product{max-width: 1057px;display: flex;justify-content: space-between;margin: 64px auto 52px;}
.bundle_product li{border-radius: 12px;box-sizing: border-box;max-width: 242px;width: 100%;color: #fff;text-align: center;background-color: #C89E3A;border: 1px solid #C89E3A;}
.bundle_product li .top{background: #C9151E;padding: 16px;}
.bundle_product li .bottom{padding: 20px 20px 30px;}
.bundle_product .name{margin: 0 auto 10px;font-weight: bold;font-size: 18px;color: #FEFCF7;line-height: 26px;text-align: center;}
.bundle_product .sys{margin:0 auto 20px;font-weight: 400;font-size: 16px;color: #FEFCF7;text-align: center;line-height: 16px;}
.bundle_product .big_price{color: #C61410;margin: 0 0 10px;font-weight: bold;font-size: 36px;color: #C61410;line-height: 36px;}
.bundle_product del{font-size: 16px;color: #fff;font-weight: 300;margin: 0 auto 16px;display: block;line-height: 19px;}
.bundle_product .info{font-weight: 300;line-height: 22px;margin-bottom: 16px;font-size: 17px;}
.bundle_product .buy_btn{margin-left: auto;margin-right: auto;}
.bundle_product.four_part li{border-radius: 12px;overflow: hidden;}



/* three_bundle */
.three_bundle{display: flex;justify-content: space-between;background-color: #C89E3A;border-width: 1px;border-color: #C89E3A;max-width: 1057px;border-style: solid;border-radius: 24px;box-sizing: border-box;color: #fff;box-sizing: border-box;padding: 40px 20px;align-items: center;position: relative;margin: 52px auto;}
.three_bundle .left{max-width: 560px;width: 100%;text-align: center;}
.three_bundle .right{max-width: 560px;width: 100%;position: relative;}
.three_bundle .off{position: absolute;top: 0px;right: 8px;max-width: 150px;height: auto;}
.three_bundle .tag-img{position: absolute;top: -8px;left: -4px;}
.three_bundle .product_name{font-size: 24px;line-height: 32px;font-weight: 600;max-width: 374px;}
.three_bundle .for_sys{font-size: 14px;font-weight: 500;margin: 8px 0 22px;}
.three_bundle .price{font-size: 36px;margin-bottom: 16px;line-height: 44px;}
.three_bundle .price del{font-size: 16px;line-height: 19px;}
.three_bundle .buy_btn a{margin:0;}
.three_bundle .buy_btn a:nth-child(1){margin-right: 10px;}

/* nitice */
.notice {text-align: center; margin: 100px auto 0;background: #C89E3A;padding:50px 0;}
.notice .title{color: #fff;font-size: 32px;font-weight: bold;margin: 0 auto 30px;}
.notice ul li{color: #fff;font-size: 24px;font-weight: bold;line-height: 32px;margin-top: 20px;}
.notice ul li a{color: #fff;text-decoration: underline;}
.bottom_ads{display: none;}

.right_anchor{position: fixed;top: 60%;right: 10px;z-index: 12;width: 328px;}
.right_content{border: 2px solid #C89E3A;border-radius: 10px;padding: 15px 10px;gap: 24px;justify-content: center;background: #FAE878;}
.right_content a,.right_content h1{display: block;font-size: 18px;color: #222;font-weight: bold;line-height: 42px;text-align: center;text-decoration: none;box-sizing: content-box;}
.right_content a{height: 40px;font-weight: bold;margin: 0;color: #222;font-weight: 700;width: 100%;font-size: 16px;}
.right_content a:first-child,.right_content a:last-child{margin: 0px 0px;}
.right_content a.active{border-radius: 3px;border-radius: 10px;height: 40px;line-height: 40px;background: #C9151E;color: #fff;}
.right_content a.active h1{color: #fff;}
@media screen and (max-width:1500px){
    .right_anchor{display: none;}
}
@media (max-width: 1400px){
    .banner{background: url(/img/year-end-sale/banner.svg) no-repeat center 0;min-height: 651px;margin-bottom: 56px;}
    .banner img{display: none;}
}
@media (max-width: 1200px){
    .bg_img{display: none;}
}
@media (max-width: 1140px){
    h1,h2{font-size: 34px;line-height: 42px;}
    h1 p,h2 p{font-size: 18px;line-height: 24px;}
    .three_bundle,.single_product,.bundle_product,.sale_box{flex-wrap: wrap;}
    .sale_box .right{margin-top: 0;}
    .sale_box .left{display: none;}
    .sale_box .right{border-radius: 15px;}
    .single_product{max-width: 780px;gap: 0;margin-bottom: 56px;}
    .single_product li{margin: 30px 15px 0;}
    .single_product{justify-content: center;}
    .bundle_product{justify-content: center;}
    .bundle_product li{margin: 20px 12px;}
    .three_bundle .left,.three_bundle .right{max-width: none;}
    .three_bundle .right{text-align: center;}
    .three_bundle .product_name,.three_bundle .buy_btn{max-width: none;margin-left: auto;margin-right: auto;}
    .banner{padding: 100px 0px 90px;}
    .title_img{margin: 30px auto 30px;background: #C61410!important;border-radius: 100px;padding: 10px 20px!important;box-sizing: border-box;width: 94%;}
    .bundle_product{margin-top: 30px;}
    .notice{margin-top: 56px;}
}
@media (max-width:760px){
    h1,h2{margin: 0px auto 30px;font-size: 34px;line-height: 42px;}
    .banner{padding: 60px 0px 50px;}
    .three_bundle,.single_product,.bundle_product,.sale_box{margin: 40px auto;}
    .off{display: none;}
    .single_product{justify-content: center;margin: 40px auto 0;}
    .single_product li{margin: 0px auto 30px;}
    .bundle_product li{margin: 20px auto;}
    .title-special{margin: 60px auto 40px;}
}
@media (max-width:720px){
    .banner{min-height: 400px;background-size: auto 100%;}
    .single_product{gap: 0;}
    .single_product li:last-child{margin-bottom: 0;}
}
@media (max-width:460px){
    h1,h2{font-size: 28px;line-height: 36px;}
    .title-special p{font-size: 20px;line-height: 32px;}
}