#lp-sp-sporder{ margin: 0 auto; width: 900px; color: #4E2F31;}
#lp-sp-sporder *{ box-sizing: border-box;}
#lp-sp-sporder .pc{ display: block;}
#lp-sp-sporder .sp{ display: none;}
#lp-sp-sporder .anchor{ position: relative; z-index: -1;}
#lp-sp-sporder .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-sp-sporder figure{ margin: 0; padding: 0;}

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

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

#lp-sp-sporder nav{ position: sticky; top: 67px; z-index: 10;color: #414141; }
#lp-sp-sporder nav ul{ display: flex; justify-content: center;}
#lp-sp-sporder nav ul > li{ padding: 0 8px;}
#lp-sp-sporder nav a{ position: relative; display: flex; flex-direction: column; width: 264px; height: 76px; border: 1px solid #707070; border-top: none; border-radius: 0px 0px 40px 40px; background: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); font-size: 12px; font-family: "Gothic MB101 Medium"; justify-content: center; align-items: center;}
#lp-sp-sporder nav a span{ margin: 5px 0 0; font-weight: 600; font-size: 20px; font-family: proxima-nova, sans-serif;}

@media only screen and (max-width: 1560px) {
    #lp-sp-sporder nav{ top: 134px;}
}

@media only screen and (max-width: 736px) {
    #lp-sp-sporder nav{ top: 18.4vw;}
    #lp-sp-sporder nav ul > li{ padding: 0 0.8vw;}
    #lp-sp-sporder nav a{ width: 30.4vw; height: 12vw; border: 0.266666667vw solid #707070; border-top: none; border-radius: 0 0 3.733333333vw 3.733333333vw; box-shadow: 0 0.533333333vw 1.066666667vw rgba(0, 0, 0, 0.16); font-size: 2.133333333vw;}
    #lp-sp-sporder nav a span{ margin: 1.066666667vw 0 0; white-space: nowrap; font-size: 3.2vw;}
}

#lp-sp-sporder .sec0{ position: relative; margin: -76px calc(50% - 50vw) 0;}
#lp-sp-sporder .sec0 .slide{ display: flex;}
#lp-sp-sporder .sec0 .slide > li{ width: calc(100% / 3);}

@media only screen and (max-width: 736px) {
    #lp-sp-sporder .sec0{ margin: -12vw 0 0;}
    #lp-sp-sporder .sec0 .slide{ display: block; line-height: 0; opacity: 0; transition: opacity .3s linear;}
    #lp-sp-sporder .sec0 .slide.slick-initialized{ opacity: 1;}
}

#lp-sp-sporder .sec{ margin: 0 calc(50% - 50vw); padding: 200px calc(50vw - 50%);}
#lp-sp-sporder .sec1{ margin: 0 calc(50% - 50vw); padding: 30px calc(50vw - 50%) 200px;}
#lp-sp-sporder .sec-bg1{ background: #EBC39D;}
#lp-sp-sporder .sec-bg2{ background: #E6E1DE;}

@media only screen and (max-width: 736px) {
    #lp-sp-sporder .sec{ margin: 0; padding: 21.33333333vw 8vw 53.33333333vw;}
    #lp-sp-sporder .sec1{ margin: 0; padding: 5.333333333vw 8vw 53.33333333vw;}
}

#lp-sp-sporder .sec1 h2{ display: flex; flex-direction: column; text-align: center; font-size: 18px; font-family: "Gothic MB101 Bold"; align-items: center;}
#lp-sp-sporder .sec1 h2 span{ display: flex; margin: 15px 0 0; width: 830px; white-space: nowrap; font-size: 30px; align-items: center; justify-content: center; flex-grow: 1;}
#lp-sp-sporder .sec1 h2 span:before,
#lp-sp-sporder .sec1 h2 span:after{ width: 100%; height: 1px; background: #4E2F31; content: "";}
#lp-sp-sporder .sec1 h2 span:before{ margin: 0 15px 0 0;}
#lp-sp-sporder .sec1 h2 span:after{ margin: 0 0 0 15px;}
#lp-sp-sporder .sec1 .lead{ display: flex; flex-direction: column; margin: 50px 0 0; align-items: center;}
#lp-sp-sporder .sec1 .lead img{ width: 676.4px;}
#lp-sp-sporder .sec1 .lead .cap{ margin: 15px 0 0; letter-spacing: .03em; font-size: 16px; font-family: "Gothic MB101 Medium";}
#lp-sp-sporder .sec1 .lead .cap small{ font-size: 12px;}
#lp-sp-sporder .sec1 .link1{ margin: 60px 0 0; text-align: center;}
#lp-sp-sporder .sec1 .link1 a{ text-decoration: underline; letter-spacing: .07em; font-size: 26px; font-family: "Gothic MB101 Bold";}

@media only screen and (max-width: 736px) {
    #lp-sp-sporder .sec1 h2{ font-size: 3.2vw; line-height: 1.666666667;}
    #lp-sp-sporder .sec1 h2 span{ margin: 3.2vw 0 0; width: 77.33333333vw; font-size: 4.8vw; line-height: 1;}
    #lp-sp-sporder .sec1 h2 span:before,
    #lp-sp-sporder .sec1 h2 span:after{ height: 0.266666667vw;}
    #lp-sp-sporder .sec1 h2 span:before{ margin: 0 2.666666667vw 0 0;}
    #lp-sp-sporder .sec1 h2 span:after{ margin: 0 0 0 2.666666667vw;}
    #lp-sp-sporder .sec1 .lead{ margin: 8vw 0 0;}
    #lp-sp-sporder .sec1 .lead img{ width: 81.168vw;}
    #lp-sp-sporder .sec1 .lead .cap{ margin: 4vw 0 0; white-space: nowrap;letter-spacing: 0; font-size: 3vw; }
    #lp-sp-sporder .sec1 .lead .cap small{ font-size: 2.666666667vw;}
    #lp-sp-sporder .sec1 .link1{ margin: 8vw 0 0;}
    #lp-sp-sporder .sec1 .link1 a{ font-size: 4.266666667vw;}
}

#lp-sp-sporder .sec1 h3{ padding: 90px 0 0;}
#lp-sp-sporder .sec h3 img{ border-radius: 20px;}
#lp-sp-sporder .sec h3 + p{ margin: 80px 0 0; text-align: center; letter-spacing: .07em; font-size: 26px; font-family: "Gothic MB101 Bold"; line-height: 1.923076923;}

@media only screen and (max-width: 736px) {
    #lp-sp-sporder .sec1 h3{ padding: 16vw 0 0;}
    #lp-sp-sporder .sec h3 img{ border-radius: 2.666666667vw;}
    #lp-sp-sporder .sec h3 + p{ margin: 1.25em 0 0; font-size: 4.8vw; line-height: 1.666666667;}
}

#lp-sp-sporder .sec .item-wrap{ margin: 45px 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-sporder .sec .item-wrap{ margin: 6.666666667vw calc(50% - 50vw) 0;}
}

#lp-sp-sporder .sec .btn1{ display: flex; flex-direction: column; margin: 60px 0 0; align-items: center;}
#lp-sp-sporder .sec .btn1 ul{ display: flex; margin: -30px 0 0; width: 660px; flex-wrap: wrap; justify-content: center;}
#lp-sp-sporder .sec .btn1 ul > li{ padding: 30px 15px 0;}
#lp-sp-sporder .sec .btn1 a{ display: flex; padding: 0 75px; height: 60px; border-radius: 30px; background: #fff; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); letter-spacing: .05em; font-size: 18px; font-family: "Koburina Gothic W6 JIS2004"; justify-content: center; align-items: center;}
#lp-sp-sporder .sec .btn1 .knot a{ padding: 0; width: 300px;}
#lp-sp-sporder .sec .btn1 .knot img{ width: 55.6px;}
#lp-sp-sporder .sec .btn1 .jab a{ padding: 0; width: 300px;}
#lp-sp-sporder .sec .btn1 .jab img{ width: 53.94px;}
#lp-sp-sporder .sec .btn1 .fabricia a{ padding: 0; width: 300px;}
#lp-sp-sporder .sec .btn1 .fabricia img{ width: 135.89px;}
#lp-sp-sporder .sec .btn1 .cap{ margin: 25px 0 0; text-align: center; font-size: 14px; font-family: "A1 Gothic R"; line-height: 1.571428571;}

@media only screen and (max-width: 736px) {
    #lp-sp-sporder .sec .btn1{ margin: 10.66666667vw calc(50% - 50vw) 0;}
    #lp-sp-sporder .sec .btn1 ul{ margin: -4vw -2.666666667vw 0; width: 100%;}
    #lp-sp-sporder .sec .btn1 ul > li{ padding: 4vw 2.666666667vw 0;}
    #lp-sp-sporder .sec .btn1 a{ padding: 0 10.66666667vw; height: 11.73333333vw; border-radius: 5.866666667vw; box-shadow: 0.533333333vw 0.533333333vw 2.133333333vw rgba(0, 0, 0, 0.1); letter-spacing: .15em; font-size: 3.2vw;}
    #lp-sp-sporder .sec .btn1 .knot a{ width: 39.2vw;}
    #lp-sp-sporder .sec .btn1 .knot img{ width: 11.12vw;}
    #lp-sp-sporder .sec .btn1 .jab a{ width: 39.2vw;}
    #lp-sp-sporder .sec .btn1 .jab img{ width: 10.78933333vw;}
    #lp-sp-sporder .sec .btn1 .fabricia a{ width: 39.2vw;}
    #lp-sp-sporder .sec .btn1 .fabricia img{ width: 26.57333333vw;}
    #lp-sp-sporder .sec .btn1 .all a{ width: 100%;}
    #lp-sp-sporder .sec .btn1 .cap{ margin: 6.666666667vw 0 0; padding: 0 8vw; text-align: left; font-size: 2.666666667vw; line-height: 1.6;}
}

#lp-sp-sporder .sec .list1{ display: flex; margin: 0 -75px; justify-content: center; flex-wrap: wrap;}
#lp-sp-sporder .sec .list1 > li{ position: relative; display: flex; flex-direction: column; margin: 150px 0 0; padding: 0 75px 70px; width: 50%;}
#lp-sp-sporder .sec .list1 figure{ width: 100%;}
#lp-sp-sporder .sec .list1 .cat{ display: flex; margin: 30px 0 0; width: 67px; height: 24px; border-radius: 4px; background: #fff; color: #414141; font-weight: 600; font-size: 14px; font-family: proxima-nova, sans-serif; justify-content: center; align-items: center;}
#lp-sp-sporder .sec .list1 h4{ margin: 15px 0 0; color: #4E2F31; letter-spacing: .07em; font-size: 20px; font-family: "Gothic MB101 Bold"; line-height: 1.5;}
#lp-sp-sporder .sec .list1 p{ margin: 20px 0 0; letter-spacing: .03em; font-size: 14px; font-family: "Gothic MB101 Regular"; line-height: 2;}
#lp-sp-sporder .sec .list1 .btn2{ position: absolute; bottom: 0; left: 50%; display: flex; transform: translate(-50%,0); justify-content: center;}
#lp-sp-sporder .sec .list1 .btn2 a{ display: flex; width: 232px; height: 40px; border-radius: 20px; background: #4e2f31; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); color: #fff; letter-spacing: .05em; font-size: 14px; font-family: "Koburina Gothic W3 JIS2004"; justify-content: center; align-items: center;}
#lp-sp-sporder .sec .list1 .cap{ margin: 30px 0 0; font-size: 14px; font-family: "A1 Gothic R"; line-height: 1.571428571;}
#lp-sp-sporder .sec .list1 + .cap{ margin: 70px 0 0; text-align: center;font-size: 14px; font-family: "A1 Gothic R"; line-height: 1.571428571;}

@media only screen and (max-width: 736px) {
    #lp-sp-sporder .sec .list1{ display: block; margin: 5.333333333vw 0 0;}
    #lp-sp-sporder .sec .list1 > li{ margin: 32vw 0 0; padding: 0; width: 100%;}
    #lp-sp-sporder .sec .list1 figure{ width: 100%;}
    #lp-sp-sporder .sec .list1 .cat{ margin: 8vw 0 0; width: 17.86666667vw; height: 6.4vw; border-radius: 1.066666667vw; font-size: 3.733333333vw;}
    #lp-sp-sporder .sec .list1 h4{ margin: 4vw 0 0; white-space: nowrap; font-size: 5.333333333vw;}
    #lp-sp-sporder .sec .list1 h4 span{ font-size: 4.266666667vw;}
    #lp-sp-sporder .sec .list1 p{ margin: 5.333333333vw 0 0; font-size: 3.733333333vw;}
    #lp-sp-sporder .sec .list1 .btn2{ position: relative; bottom: auto; left: auto; margin: 6.666666667vw 0 0; transform: none;}
    #lp-sp-sporder .sec .list1 .btn2 a{ width: 53.33333333vw; height: 11.73333333vw; border-radius: 5.866666667vw; box-shadow: 0.533333333vw 0.533333333vw 2.133333333vw rgba(0, 0, 0, 0.1); letter-spacing: .03em; font-size: 3.2vw;}
    #lp-sp-sporder .sec .list1 .cap{ margin: 6.666666667vw 0 0; font-size: 3.2vw;}
    #lp-sp-sporder .sec .list1 + .cap{ margin: 13.33333333vw 0 0; text-align: left;font-size: 3.2vw; }
}

#lp-sp-sporder .sec .note1{ position: relative; margin: 160px 0 0;}
#lp-sp-sporder .sec .note1 figcaption{ position: absolute; top: 50%; left: 40px; display: flex; flex-direction: column; transform: translate(0,-50%); justify-content: center; align-items: flex-start;}
#lp-sp-sporder .sec .note1 h4{ letter-spacing: .03em; font-size: 32px; font-family: "Gothic MB101 DemiBold"; line-height: 1.4375;}
#lp-sp-sporder .sec .note1 p{ margin: 1em 0 0; letter-spacing: .06em; font-size: 14px; font-family: "Gothic MB101 Regular"; line-height: 2.142857143;}

@media only screen and (max-width: 736px) {
    #lp-sp-sporder .sec .note1{ margin: 17.33333333vw 0 0;}
    #lp-sp-sporder .sec .note1 figcaption{ top: 20vw; left: 0; padding: 0 7.466666667vw; width: 100%; transform: none; justify-content: flex-start;}
    #lp-sp-sporder .sec .note1 h4{ font-size: 7.466666667vw; line-height: 1.428571429;}
    #lp-sp-sporder .sec .note1 p{ margin: 1em 0 0; letter-spacing: .02em; font-size: 3.733333333vw; line-height: 2;}
}

#lp-sp-sporder .sec4 h3{ text-align: center; letter-spacing: .07em; font-size: 26px; font-family: "Gothic MB101 Bold";}
#lp-sp-sporder .dl-shop{ margin: 110px auto 0; width: 800px; border-bottom: 1px solid; text-align: left; letter-spacing: .15em; font-weight: 400; font-size: 19px; font-family: "Gothic MB101 Regular";}
#lp-sp-sporder .dl-shop dt{ position: relative; padding: 20px; border-top: 1px solid; cursor: pointer;}
#lp-sp-sporder .dl-shop dt:after{ position: absolute; top: 50%; right: 20px; width: 36px; height: 6px; background: url("/static/mallDefault/contents/images/sp/2610_specialorder/arrow.png") no-repeat center / contain; content: ""; transition: transform .3s ease; transform: translate(0,-50%);}
#lp-sp-sporder .dl-shop dt.active:after{ transform: translate(0,-50%) rotate(90deg);}
#lp-sp-sporder .dl-shop dd{ display: none; padding: 0 20px 20px; font-size: 14px;}
#lp-sp-sporder .dl-shop ul + h4{ margin: 30px 0 0;}
#lp-sp-sporder .dl-shop ul > li{ padding: 10px 0 0; line-height: 1.5;}
#lp-sp-sporder .dl-shop ul > li:before{ padding: 0 10px 0 0; content: "▶︎"; font-size: 12px;}
#lp-sp-sporder .dl-shop + .cap{ margin: 70px 0 0; text-align: center; font-size: 14px; font-family: "Gothic MB101 Regular"; line-height: 1.785714286;}

@media only screen and (max-width: 736px) {
    #lp-sp-sporder .sec4 h3{ letter-spacing: .06em; font-size: 3.733333333vw;}
    #lp-sp-sporder .dl-shop{ margin: 8vw 0 0; width: 100%; font-size: 3.733333333vw;}
    #lp-sp-sporder .dl-shop dt{ padding: 4vw 0;}
    #lp-sp-sporder .dl-shop dt:after{ right: 2vw; width: 7.066666667vw; height: 1.221333333vw;}
    #lp-sp-sporder .dl-shop dd{ padding: 0 0 4vw; font-size: 3.2vw;}
    #lp-sp-sporder .dl-shop ul + h4{ margin: 4vw 0 0;}
    #lp-sp-sporder .dl-shop ul > li{ padding: 2vw 0 0;}
    #lp-sp-sporder .dl-shop ul > li:before{ padding: 0 2vw 0 0; font-size: 2.133333333vw;}
    #lp-sp-sporder .dl-shop + .cap{ margin: 8vw 0 0; text-align: left; letter-spacing: 0; font-size: 3.2vw; line-height: 1.666666667;}
}