#lp-sp-sporder{ margin: 0 auto; width: 900px;}
#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 h2{ margin: 0 calc(50% - 50vw);}
#lp-sp-sporder nav{ position: sticky; top: calc(67px + 25px); margin: -20px 0 0; color: #414141; z-index: 10;}
#lp-sp-sporder nav ul{ display: flex; justify-content: center;}
#lp-sp-sporder nav ul > li{ padding: 0 10px;}
#lp-sp-sporder nav ul a{ position: relative; display: flex; flex-direction: column; padding: 0 0 10px; width: 264px; height: 76px; border: 1px solid #707070; border-radius: 38px; 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 ul a span{ margin: 5px 0 0; font-weight: 600; font-size: 22px; font-family: proxima-nova, sans-serif;}
#lp-sp-sporder nav ul a:after{ position: absolute; bottom: 9px; left: 50%; border-width: 9px 7px 0 7px; border-style: solid; border-color: #4B4B4B transparent transparent transparent; content: ""; transform: translate(-50%,0);}

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

@media only screen and (max-width: 736px) {
    #lp-sp-sporder h2{ margin: 0;}
    #lp-sp-sporder nav{ top: calc(18.4vw + 4vw); margin: -4vw 0 0;}
    #lp-sp-sporder nav ul > li{ padding: 0 1.066666667vw;}
    #lp-sp-sporder nav ul a{ padding: 0 3.2vw 1.6vw; min-width: 20.53333333vw; width: auto; height: 12.8vw; border: 0.266666667vw solid #707070; border-radius: 6.4vw; box-shadow: 0px 0.533333333vw 1.066666667vw rgba(0, 0, 0, 0.16); font-size: 2.133333333vw;}
    #lp-sp-sporder nav ul a span{ margin: 1.066666667vw 0 0; white-space: nowrap; letter-spacing: -.02em; font-size: 3.733333333vw;}
    #lp-sp-sporder nav ul a:after{ bottom: 1.6vw; border-width: 1.6vw 1.2vw 0 1.2vw;}
}

#lp-sp-sporder .sec{ margin: 0 calc(50% - 50vw); padding: 200px calc(50vw - 50%);}
#lp-sp-sporder .sec1{ margin: -56px calc(50% - 50vw) 0; padding: 150px calc(50vw - 50%) 200px;}
#lp-sp-sporder .sec-bg1{ background: #e9ebb1; color: #414141;}
#lp-sp-sporder .sec-bg2{ background: #EAEBE4; color: #414141;}

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

#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 .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); color: #39574a; 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: 155px -75px 0; justify-content: center;}
#lp-sp-sporder .sec .list1 > li{ display: flex; flex-direction: column; padding: 0 75px; 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; 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; letter-spacing: .07em; font-size: 20px; font-family: "Gothic MB101 Bold";}
#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{ display: flex; margin: 30px 0 0; justify-content: center;}
#lp-sp-sporder .sec .list1 .btn2 a{ display: flex; width: 232px; height: 40px; border-radius: 20px; background: #39574a; 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;}

@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{ padding: 32vw 0 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{ margin: 6.666666667vw 0 0;}
    #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 .sec4 h3{ color: #2f2f2f; 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 #414141; color: #414141; 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 #414141; 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/2601_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;}
}