.summer-promotion-banner{position:relative;display:flex;justify-content:center;padding-bottom:40px;background:#e0edd2}.banner-content{display:flex;flex-direction:column;align-items:flex-end;position:absolute;top:6.771vw;left:37.5vw}.summer-promotion-title{font-size:calc(24px + 1.875vw);line-height:1;font-weight:500}.summer-promotion-text{font-size:calc(14px + .521vw);line-height:1;margin:1.563vw 0}.summer-promotion-time{width:calc(100px + 7.552vw);height:calc(20px + 1.563vw);line-height:calc(20px + 1.563vw);font-size:calc(14px + .729vw);font-weight:500;text-align:center;border-radius:50px;background-color:#f3bc52}.summer-promotion-nav{width:calc(400px + 57.292vw);display:grid;grid-template-columns:repeat(5,1fr);column-gap:1.563vw;position:absolute;bottom:20px;margin:auto;z-index:2}.nav-item{width:calc(65px + 10.417vw);height:calc(20px + 2.604vw);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50px;background:#fff;color:#345701;cursor:pointer}.nav-item:last-child{margin-right:0}.nav-item:hover{background-color:#b6e572}.nav-item-name{font-size:calc(10px + .417vw);font-weight:700;line-height:1;margin-bottom:10px}.nav-item-time{font-size:calc(10px + .313vw);font-weight:500;line-height:1}.summer-promotion-img{width:100%}.summer-promotion-img .mb-img{display:none}.summer-promotion-img img{vertical-align:bottom}@media screen and (max-width:1000px){.summer-promotion-banner{padding-bottom:80px}.summer-promotion-nav{width:600px;grid-template-columns:repeat(3,1fr);column-gap:20px;row-gap:10px;bottom:0}.nav-item{width:200px;height:55px}}@media screen and (max-width:900px){.banner-content{top:4.444vw;left:27.778vw}}@media screen and (max-width:768px){.banner-content{display:flex;flex-direction:column;align-items:center;text-align:center;top:7.813vw;left:auto}.summer-promotion-title{width:45.573vw;font-size:5.208vw}.summer-promotion-text{width:62.5vw;font-size:3.646vw;line-height:1.3;margin:3.906vw 0}.summer-promotion-time{width:calc(100px + 18.88vw);height:calc(20px + 3.908vw);line-height:calc(20px + 3.908vw);font-size:calc(14px + 1.823vw)}.summer-promotion-nav{width:430px;grid-template-columns:repeat(2,1fr);column-gap:30px;row-gap:15px;bottom:-60px}.nav-item{width:200px;height:55px}.nav-item-name{font-size:16px}.nav-item-time{font-size:14px}.summer-promotion-img .mb-img{width:100%;display:block}.summer-promotion-img .pc-img{display:none}}@media screen and (max-width:500px){.banner-content{top:7.813vw;left:auto}.summer-promotion-title{width:280px;font-size:30px}.summer-promotion-text{width:240px;font-size:14px;margin:10px 0}.summer-promotion-time{width:120px;height:25px;line-height:25px;font-size:14px}.summer-promotion-nav{width:360px;column-gap:3vw;bottom:-60px}.nav-item{width:170px;height:45px}.nav-item-name{font-size:13px;margin-bottom:5px}.nav-item-time{font-size:12px}}.summer-promotion-nav.fix_top{width:100%;position:fixed;top:0;left:0;bottom:unset;z-index:100;background:#fff;padding:0 10.417vw}.summer-promotion-nav.fix_top .nav-item{border-radius:0}.active{background-color:#b6e572}@media screen and (max-width:1400px){.summer-promotion-nav.fix_top .nav-item{width:14.286vw}}@media screen and (max-width:1000px){.summer-promotion-nav.fix_top{grid-template-columns:repeat(5,1fr);padding:0 10px}.summer-promotion-nav.fix_top .nav-item{width:17vw}}@media screen and (max-width:768px){.summer-promotion-nav.fix_top{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:10px;column-gap:0;padding:20px 3.906vw;background:linear-gradient(180deg,#e0edd2,#f6fcf0)}.summer-promotion-nav.fix_top .nav-item{width:49%;height:40px}.summer-promotion-nav.fix_top .nav-item:nth-child(3){width:25%}.summer-promotion-nav.fix_top .nav-item:nth-child(4){width:33%}.summer-promotion-nav.fix_top .nav-item:nth-child(5){width:38%}.summer-promotion-nav.fix_top .nav-item .nav-item-name{font-size:calc(8px + 1.042vw);margin-bottom:0}.summer-promotion-nav.fix_top .nav-item .nav-item-time{display:none}}@media screen and (max-width:500px){.summer-promotion-nav.fix_top{row-gap:5px;padding:10px}.summer-promotion-nav.fix_top .nav-item{padding:0 3px}.summer-promotion-nav.fix_top .nav-item .nav-item-name{font-size:12px;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/section-summer-promotion-banner.css.map */