@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');

#lp-sp-clearance{ margin: 0 auto; width: 960px;}
#lp-sp-clearance *{ box-sizing: border-box;}
#lp-sp-clearance .pc{ display: block;}
#lp-sp-clearance .sp{ display: none;}
#lp-sp-clearance .anchor{ position: relative; z-index: -1;}
#lp-sp-clearance .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-sp-clearance figure{ margin: 0; padding: 0;}
#lp-sp-clearance i{ font-style: normal;}

@media only screen and (max-width: 1560px) {
    #lp-sp-clearance .anchor:before{ margin-top: -134px; height: 134px;}
}

@media only screen and (max-width: 736px) {
    #lp-sp-clearance{ margin: 0; width: 100%;}
    #lp-sp-clearance .pc{ display: none;}
    #lp-sp-clearance .sp{ display: block;}
    #lp-sp-clearance .anchor:before{ margin-top: -18.4vw; height: 18.4vw;}
}

#lp-sp-clearance h2{ margin: 0 calc(50% - 50vw);}

@media only screen and (max-width: 736px) {
    #lp-sp-clearance h2{ margin: 0;}
}

#lp-sp-clearance .sec{ padding: 200px 0;}
#lp-sp-clearance .sec-bg{ margin: 0 calc(50% - 50vw); padding: 200px calc(50vw - 50%); background: #DDDDDD; color: #0A0A0A;}
#lp-sp-clearance .sec2{ padding: 0 0 150px; color: #0A0A0A; font-family: "Zen Kaku Gothic New", sans-serif;}
#lp-sp-clearance .sec5{ margin: 0 calc(50% - 50vw); padding: 150px calc(50vw - 50%) 130px; background: #A7D6D6; color: #0A0A0A; font-weight: 500; font-family: "Zen Kaku Gothic New", sans-serif;}

@media only screen and (max-width: 736px) {
    #lp-sp-clearance .sec{ padding: 32vw 0;}
    #lp-sp-clearance .sec-bg{ margin: 0; padding: 32vw 0;}
    #lp-sp-clearance .sec2{ padding: 0 0 32vw;}
    #lp-sp-clearance .sec5{ margin: 0; padding: 26.66666667vw 8vw;}
}

#lp-sp-clearance .sec2 h3{ padding: 150px 0 0;}
#lp-sp-clearance .sec2 h3 img{ margin: 0 auto; width: auto; height: 31.16px;}
#lp-sp-clearance .sec2 .tl{ margin: 50px 0 0; text-align: center; letter-spacing: .1em; font-weight: 700; font-size: 15px;}
#lp-sp-clearance .slide-cat-wrap{ margin: -10px calc(50% - 50vw) 0;}
#lp-sp-clearance .slide-cat{ opacity: 0; transition: opacity .3s linear;}
#lp-sp-clearance .slide-cat.slick-initialized{ opacity: 1;}
#lp-sp-clearance .slide-cat .slick-slide{ padding: 0 25px; width: 160px;}
#lp-sp-clearance .slide-cat figcaption{color: #FB2D6E; text-align: center; font-weight: 700; font-size: 12px; line-height: 1.333333333; }
#lp-sp-clearance .slide-cat .slick-prev,
#lp-sp-clearance .slide-cat .slick-next{ top: -5px; width: 14px; height: 16px; transform: none;}
#lp-sp-clearance .slide-cat .slick-prev.slick-disabled:before,
#lp-sp-clearance .slide-cat .slick-next.slick-disabled:before{ opacity: 1;}
#lp-sp-clearance .slide-cat .slick-prev:before,
#lp-sp-clearance .slide-cat .slick-next:before{ display: block; width: 14px; height: 16px; background: url("/static/mallDefault/contents/images/sp/2607_clearancesale/arrow1.png") no-repeat center / contain; content: ""; opacity: 1;}
#lp-sp-clearance .slide-cat .slick-prev{ left: calc(50% - 150px); transform: scale(-1,1);}
#lp-sp-clearance .slide-cat .slick-next{ right: calc(50% - 150px);}
#lp-sp-clearance .sec2 .btn1{ margin: 60px 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-clearance .sec2 h3{ padding: 32vw 0 0;}
    #lp-sp-clearance .sec2 h3 img{ height: 6.728vw;}
    #lp-sp-clearance .sec2 .tl{ margin: 12vw 0 0; font-size: 3.2vw;}
    #lp-sp-clearance .slide-cat-wrap{ margin: 0;}
    #lp-sp-clearance .slide-cat .slick-slide{ padding: 0 3.333333333vw; width: 25.33333333vw;}
    #lp-sp-clearance .slide-cat figcaption{ font-size: 2.4vw; line-height: 1.444444444; white-space: nowrap;}
    #lp-sp-clearance .slide-cat .slick-prev,
    #lp-sp-clearance .slide-cat .slick-next{ top: -2.4vw; width: 2.133333333vw; height: 2.666666667vw; z-index: 20;}
    #lp-sp-clearance .slide-cat .slick-prev:before,
    #lp-sp-clearance .slide-cat .slick-next:before{ width: 2.133333333vw; height: 2.666666667vw;}
    #lp-sp-clearance .slide-cat .slick-prev{ left: calc(50% - 31.2vw);}
    #lp-sp-clearance .slide-cat .slick-next{ right: calc(50% - 31.2vw);}
}

#lp-sp-clearance .list1{ display: flex; margin: 50px 0 0; justify-content: center;}
#lp-sp-clearance .list1 > li{ padding: 0 30px; width: 492px;}
#lp-sp-clearance .list1 figcaption{ margin: 1em 0 0; text-align: center; letter-spacing: .1em; font-weight: 500; font-size: 18px;}

@media only screen and (max-width: 736px) {
    #lp-sp-clearance .list1{ flex-direction: column; margin: 0; justify-content: flex-start; align-items: center;}
    #lp-sp-clearance .list1 > li{ margin: 10.66666667vw 0 0; padding: 0; width: 84vw;}
    #lp-sp-clearance .list1 figcaption{ font-size: 3.466666667vw;}
}

#lp-sp-clearance .sec3 > h3{ color: #fb2d6e; text-align: center; letter-spacing: .2em; font-size: 40px; font-family: "Gothic MB101 Bold";}
#lp-sp-clearance .sec3 > h3 img{ margin: 0 auto; width: auto; height: 38.14px;}
#lp-sp-clearance .sec3 > h3 + p{ margin: 1.75em 0 0; text-align: center; color: #0A0A0A; letter-spacing: .15em; font-weight: 500; font-size: 18px; font-family: "Zen Kaku Gothic New", sans-serif;}

@media only screen and (max-width: 736px) {
    #lp-sp-clearance .sec3 > h3{ letter-spacing: .15em; font-size: 7.466666667vw;}
    #lp-sp-clearance .sec3 > h3 img{ height: 6.944vw;}
    #lp-sp-clearance .sec3 > h3 + p{ margin: 1.75em 0 0; font-size: 3.466666667vw; line-height: 1.692307692;}
}

#lp-sp-clearance .item-wrap{ margin: 80px 0 0; color: #000;}

@media only screen and (max-width: 736px) {
    #lp-sp-clearance .item-wrap{ margin: 13.33333333vw 0 0;}
}

#lp-sp-clearance .btn1{ margin: 80px 0 0;}
#lp-sp-clearance .btn1 a{ display: flex; margin: 0 auto; width: 380px; height: 62px; border-radius: 31px; background: #FB2D6E; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); color: #fff; letter-spacing: .1em; font-size: 16px; font-family: "Gothic MB101 Bold"; justify-content: center; align-items: center;}

@media only screen and (max-width: 736px) {
    #lp-sp-clearance .btn1{ margin: 13.33333333vw 0 0;}
    #lp-sp-clearance .btn1 a{ width: 69.33333333vw; height: 11.73333333vw; border-radius: 5.866666667vw; box-shadow: 0.533333333vw 0.533333333vw 1.333333333vw rgba(0, 0, 0, 0.3); font-size: 3.466666667vw;}
}

#lp-sp-clearance .dl1{ display: flex; flex-direction: column; padding: 80px 0 65px; border: 4px solid #FB2D6E; border-radius: 10px; align-items: center;}
#lp-sp-clearance .dl1 dt{ letter-spacing: .1em; font-weight: 500; font-size: 16px;}
#lp-sp-clearance .dl1 dd{ display: flex; flex-direction: column; padding: 20px 0 0; align-items: center;}
#lp-sp-clearance .dl1 dd time{ width: 445.48px;}
#lp-sp-clearance .dl1 dd .btn1{ margin: 40px 0 0;}
#lp-sp-clearance .dl1 dd .cap1{ margin: 50px 0 0; text-align: center; letter-spacing: .1em; font-size: 14px; line-height: 1.714285714;}

@media only screen and (max-width: 736px) {
    #lp-sp-clearance .dl1{ padding: 13.33333333vw 0 10.66666667vw; border: 0.533333333vw solid #fb2d6e; border-radius: 2.666666667vw;}
    #lp-sp-clearance .dl1 dt{ font-size: 3.733333333vw;}
    #lp-sp-clearance .dl1 dd{ padding: 4.8vw 0 0;}
    #lp-sp-clearance .dl1 dd time{ width: 68.37866667vw;}
    #lp-sp-clearance .dl1 dd .btn1{ margin: 9.333333333vw 0 0;}
    #lp-sp-clearance .dl1 dd .cap1{ margin: 9.333333333vw 0 0; letter-spacing: .08em; font-size: 2.666666667vw; line-height: 2;}
}

#lp-sp-clearance .cap2{ margin: 80px 0 0; letter-spacing: .1em; font-size: 14px; line-height: 1.857142857;}

@media only screen and (max-width: 736px) {
    #lp-sp-clearance .cap2{ margin: 13.33333333vw 0 0; letter-spacing: .08em; font-size: 2.666666667vw; line-height: 2;}
}