#lp-sp-leather{ margin: 0 auto; width: 1000px; color: #000; font-weight: 400; font-family: "zen-kaku-gothic-new", sans-serif;}
#lp-sp-leather *{ box-sizing: border-box;}
#lp-sp-leather .pc{ display: block;}
#lp-sp-leather .sp{ display: none;}
#lp-sp-leather .anchor{ position: relative; z-index: -1;}
#lp-sp-leather .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-sp-leather figure{ margin: 0; padding: 0;}

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

#lp-sp-leather .sec1{ display: flex; flex-direction: column; margin: 0 calc(50% - 50vw);}
#lp-sp-leather .sec1 .aside{ display: flex; width: 100%; height: 60px; background: #d1d1d1; justify-content: center; align-items: center;}
#lp-sp-leather .sec1 .aside ul{ display: flex; font-weight: 700; font-size: 16px; justify-content: center;}
#lp-sp-leather .sec1 .aside ul > li{ padding: 0 18px;}
#lp-sp-leather .sec1 .aside a{ position: relative; display: block; padding: 0 30px 0 0;}
#lp-sp-leather .sec1 .aside a:after{ position: absolute; top: 50%; right: 0; width: 13.11px; height: 13.11px; background: url("/static/mallDefault/contents/images/sp/eilersen_leather_cp/arrow1.png") no-repeat center / contain; content: ""; transform: translate(0,-50%);}
#lp-sp-leather .sec1 h2 ul{ display: flex;}
#lp-sp-leather .sec1 h2 ul > li:first-child{ display: flex; padding: 1.875vw 0 0; width: 55.46875vw; justify-content: center; align-items: flex-start;}
#lp-sp-leather .sec1 h2 ul > li:first-child img{ width: 39.77135417vw;}
#lp-sp-leather .sec1 h2 ul > li:last-child{ width: 44.53125vw;}

@media only screen and (max-width: 736px) {
    #lp-sp-leather .sec1{ flex-direction: column-reverse; margin: 0;}
    #lp-sp-leather .sec1 .aside{ height: 12vw;}
    #lp-sp-leather .sec1 .aside ul{ font-size: 3.466666667vw;}
    #lp-sp-leather .sec1 .aside ul > li{ padding: 0 3.466666667vw;}
    #lp-sp-leather .sec1 .aside a{ padding: 0 4.533333333vw 0 0;}
    #lp-sp-leather .sec1 .aside a:after{ width: 2.666666667vw; height: 2.666666667vw;}
    #lp-sp-leather .sec1 h2 ul{ flex-direction: column;}
    #lp-sp-leather .sec1 h2 ul > li:first-child{ padding: 5.333333333vw 0 8vw; width: 100%;}
    #lp-sp-leather .sec1 h2 ul > li:first-child img{ width: 100%;}
    #lp-sp-leather .sec1 h2 ul > li:last-child{ width: 100%;}
}

#lp-sp-leather .sec2{ padding: 120px 0 240px;}
#lp-sp-leather .sec2 h3{ display: flex; flex-direction: column; align-items: center;}
#lp-sp-leather .sec2 h3 .line1{ text-align: center; font-size: 30px; font-family: "A1 Mincho"; line-height: 1.75;}
#lp-sp-leather .sec2 h3 .line1 span{ text-decoration: underline;}
#lp-sp-leather .sec2 h3 .line2{ display: flex; margin: .5em 0 0; color: #1CA4F2; font-weight: 500; font-size: 75px; font-family: "garamond-premier-pro", serif; align-items: center; justify-content: center;}
#lp-sp-leather .sec2 h3 .line2 span{ display: flex; margin: 0 .5em 0 0; width: 265px; height: 50px; background: #1ca4f2; color: #fff; font-weight: 700; font-size: 23px; font-family: zen-kaku-gothic-new, sans-serif; justify-content: center; align-items: center;}
#lp-sp-leather .sec2 .list1{ display: flex; margin: 75px 0 135px; padding: 150px 0; border-top: 1px solid #707070; border-bottom: 1px solid #707070; justify-content: space-between;}
#lp-sp-leather .sec2 .list1 > li{ display: flex; flex-direction: column; width: 460px; align-items: center;}
#lp-sp-leather .sec2 .list1 figure{ width: 294px;}
#lp-sp-leather .sec2 .list1 p{ margin: 55px 0 0; width: 100%; font-weight: 500; font-size: 16px; line-height: 1.875;}
#lp-sp-leather .sec2 .dl1 dt{ display: flex; flex-direction: column; align-items: center;}
#lp-sp-leather .sec2 .dl1 dt .lg{ width: 93.22px;}
#lp-sp-leather .sec2 .dl1 dt span{ margin: .75em 0 0; letter-spacing: .03em; font-weight: 500; font-size: 44px; font-family: "garamond-premier-pro", serif;}
#lp-sp-leather .sec2 .dl1 dd{ display: flex; flex-direction: column; padding: 90px 0 0; align-items: center;}
#lp-sp-leather .sec2 .dl1 .line1-1{ letter-spacing: .1em; font-weight: 700; font-size: 19px;}
#lp-sp-leather .sec2 .dl1 .line1-2{ margin: .5em 0 0; font-weight: 500; font-size: 61px; font-family: "garamond-premier-pro", serif;}
#lp-sp-leather .sec2 .dl1 .line1-3{ margin: 1em 0 0; letter-spacing: .05em; font-weight: 500; font-size: 18px; font-family: "garamond-premier-pro", serif;}
#lp-sp-leather .sec2 .dl1 figure{ margin: 20px 0 0; width: 438.32px;}
#lp-sp-leather .sec2 .dl1 ul{ display: flex; margin: 45px 0 0; width: 100%; justify-content: space-between;}
#lp-sp-leather .sec2 .dl1 ul > li{ width: 460px;}
#lp-sp-leather .sec2 .dl1 ul .line2-1{ font-weight: 500; font-size: 30px; font-family: "garamond-premier-pro", serif;}
#lp-sp-leather .sec2 .dl1 ul .line2-2{ margin: 1em 0 0; font-weight: 700; font-size: 18px;}
#lp-sp-leather .sec2 .dl1 ul .line2-3{ display: flex; margin: 1em 0 0; letter-spacing: .05em; font-weight: 500; font-size: 25px; align-items: center;}
#lp-sp-leather .sec2 .dl1 ul .line2-3 del{ margin: 0 .5em 0 0;}
#lp-sp-leather .sec2 .dl1 ul .line2-3 span{ display: flex; margin: 0 0 0 1em; color: #1CA4F2; font-weight: 700; font-size: 15px; align-items: baseline;}
#lp-sp-leather .sec2 .dl1 ul .line2-3 em{ margin: 0 0 0 .5em; letter-spacing: .05em; font-weight: 500; font-size: 28px;}

@media only screen and (max-width: 736px) {
    #lp-sp-leather .sec2{ padding: 18.66666667vw 4vw 14.66666667vw;}
    #lp-sp-leather .sec2 h3 .line1{ font-size: 4.266666667vw; line-height: 1.625;}
    #lp-sp-leather .sec2 h3 .line2{ margin: .5em 0 0; font-size: 9.866666667vw;}
    #lp-sp-leather .sec2 h3 .line2 span{ width: 34.66666667vw; height: 6.666666667vw; font-size: 3.2vw;}
    #lp-sp-leather .sec2 .list1{ flex-direction: column; margin: 18.66666667vw 0; padding: 18.66666667vw 0 0; border-top: 0.266666667vw solid #707070; border-bottom: 0.266666667vw solid #707070; justify-content: flex-start; align-items: center;}
    #lp-sp-leather .sec2 .list1 > li{ padding: 0 0 10.66666667vw; width: 100%;}
    #lp-sp-leather .sec2 .list1 figure{ width: 53.33333333vw;}
    #lp-sp-leather .sec2 .list1 p{ margin: 6.666666667vw 0 0; width: 83.73333333vw; font-size: 3.2vw; line-height: 2;}
    #lp-sp-leather .sec2 .dl1 dt .lg{ width: 10.00266667vw;}
    #lp-sp-leather .sec2 .dl1 dt span{ margin: .5em 0 0; font-size: 5.866666667vw;}
    #lp-sp-leather .sec2 .dl1 dd{ padding: 13.33333333vw 0 0;}
    #lp-sp-leather .sec2 .dl1 .line1-1{ font-size: 2.666666667vw;}
    #lp-sp-leather .sec2 .dl1 .line1-2{ margin: .25em 0 0; font-size: 8vw;}
    #lp-sp-leather .sec2 .dl1 .line1-3{ margin: .75em 0 0; font-size: 3.2vw;}
    #lp-sp-leather .sec2 .dl1 figure{ margin: 4.533333333vw 0 0; width: 61.06666667vw;}
    #lp-sp-leather .sec2 .dl1 ul{ flex-direction: column; margin: 4.8vw 0 0; width: 100%; align-items: center;}
    #lp-sp-leather .sec2 .dl1 ul > li{ padding: 0 0 8vw; width: 73.33333333vw;}
    #lp-sp-leather .sec2 .dl1 ul .line2-1{ font-size: 5.333333333vw;}
    #lp-sp-leather .sec2 .dl1 ul .line2-2{ margin: 1em 0 0; font-size: 3.2vw;}
    #lp-sp-leather .sec2 .dl1 ul .line2-3{ margin: 1em 0 0; white-space: nowrap; font-size: 4.266666667vw;}
    #lp-sp-leather .sec2 .dl1 ul .line2-3 del{ margin: 0 .5em 0 0;}
    #lp-sp-leather .sec2 .dl1 ul .line2-3 span{ margin: 0 0 0 .5em; font-size: 2.666666667vw;}
    #lp-sp-leather .sec2 .dl1 ul .line2-3 em{ margin: 0 0 0 .25em; font-size: 4.8vw;}
}

#lp-sp-leather .sec3{ margin: 0 calc(50% - 50vw); padding: 0 0 240px;}
#lp-sp-leather .sec3 .list1{ display: flex; margin: 245px 0 0; justify-content: center;}
#lp-sp-leather .sec3 .list1 > li{ display: flex; flex-direction: column; padding: 0 50px; text-align: center; align-items: center;}
#lp-sp-leather .sec3 .list1 p{ font-size: 25px; font-family: "A1 Mincho"; line-height: 1.6;}
#lp-sp-leather .sec3 .list1 .btn1{ margin: 45px 0 0;}
#lp-sp-leather .btn1 a{ display: flex; margin: 0 auto; width: 350px; height: 80px; border-radius: 40px; background: #1ca4f2; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3); color: #fff; letter-spacing: .05em; font-weight: 700; font-size: 18px; justify-content: center; align-items: center;}
#lp-sp-leather .btn1s a{ border: 1px solid #888; background: #fff; color: #000;}
#lp-sp-leather .sec3 .cap1{ margin: 35px 0 0; text-align: center; letter-spacing: .08em; font-weight: 500; font-size: 16px;}

@media only screen and (max-width: 736px) {
    #lp-sp-leather .sec3{ margin: 0; padding: 0 0 26.66666667vw;}
    #lp-sp-leather .sec3 .list1{ flex-direction: column; margin: 13.33333333vw 0 0; align-items: center; justify-content: flex-start;}
    #lp-sp-leather .sec3 .list1 > li{ padding: 13.33333333vw 0 0;}
    #lp-sp-leather .sec3 .list1 p{ font-size: 4.266666667vw; line-height: 1.625;}
    #lp-sp-leather .sec3 .list1 .btn1{ margin: 5.333333333vw 0 0;}
    #lp-sp-leather .btn1 a{ width: 65.33333333vw; height: 13.33333333vw; border-radius: 6.666666667vw; box-shadow: 0.533333333vw 0.533333333vw 1.6vw rgba(0, 0, 0, 0.3); font-size: 4vw;}
    #lp-sp-leather .btn1s a{ border: 0.266666667vw solid #707070;}
    #lp-sp-leather .sec3 .cap1{ margin: 6.666666667vw 0 0; letter-spacing: 0; font-size: 2.666666667vw; line-height: 1.6;}
}

#lp-sp-leather .sec4{ margin: 0 calc(50% - 50vw); padding: 135px calc(50vw - 50%) 120px; border: 1px solid #707070; background: #E8E8E8;}
#lp-sp-leather .sec4 h3{ display: flex; flex-direction: column; text-align: center; font-size: 26px; font-family: "A1 Mincho"; line-height: 1.615384615; align-items: center;}
#lp-sp-leather .sec4 h3 i{ margin: 0 0 1em; width: 93.22px;}
#lp-sp-leather .sec4 .slide-wrap{ margin: 110px calc(50% - 50vw) 0;}
#lp-sp-leather .sec4 .slide{ opacity: 0; transition: opacity 1s ease;}
#lp-sp-leather .sec4 .slide.slick-initialized{ opacity: 1;}
#lp-sp-leather .sec4 .slide .slick-slide{ padding: 0 10px;}
#lp-sp-leather .sec4 .slide .slick-slide img{ width: auto; height: 300px;}
#lp-sp-leather .sec4 p{ margin: 100px 0 0; font-size: 16px; line-height: 1.875;}
#lp-sp-leather .sec4 .btn1{ margin: 80px 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-leather .sec4{ position: relative; margin: 0; padding: 32vw 0 26.66666667vw; border: none; background: none;}
    #lp-sp-leather .sec4:before,
    #lp-sp-leather .sec4:after{ position: absolute; left: 50%; width: 84vw; height: 0.266666667vw; background: #707070; content: ""; transform: translate(-50%,0);}
    #lp-sp-leather .sec4:before{ top: 0;}
    #lp-sp-leather .sec4:after{ bottom: 0;}
    #lp-sp-leather .sec4 h3{ font-size: 4.266666667vw; line-height: 1.625;}
    #lp-sp-leather .sec4 h3 i{ margin: 0 0 1.5em; width: 30.56vw;}
    #lp-sp-leather .sec4 .slide-wrap{ margin: 17.33333333vw 0 0;}
    #lp-sp-leather .sec4 .slide .slick-slide{ padding: 0 1.866666667vw;}
    #lp-sp-leather .sec4 .slide .slick-slide img{ width: auto; height: 57.06666667vw;}
    #lp-sp-leather .sec4 p{ margin: 6.666666667vw auto 0; width: 83.73333333vw; font-size: 3.2vw; line-height: 2;}
    #lp-sp-leather .sec4 .btn1{ margin: 16vw 0 0;}
}

#lp-sp-leather .sec5{ margin: 0 calc(50% - 50vw); padding: 195px calc(50vw - 50%) 150px;}
#lp-sp-leather .sec5 h3{ color: #414141; text-align: center; font-weight: 700; font-size: 20px;}
#lp-sp-leather .sec5 .dl-shop{ margin: 100px auto 0; width: 800px; border-bottom: 1px solid #888888; text-align: left; letter-spacing: .15em; font-weight: 400; font-size: 19px;}
#lp-sp-leather .sec5 .dl-shop dt{ position: relative; padding: 20px; border-top: 1px solid #888888; cursor: pointer;}
#lp-sp-leather .sec5 .dl-shop dt:after{ position: absolute; top: 50%; right: 20px; width: 36px; height: 6px; background: url("/static/mallDefault/contents/images/sp/eilersen_leather_cp/arrow.png") no-repeat center / contain; content: ""; transition: transform .3s ease; transform: translate(0,-50%);}
#lp-sp-leather .sec5 .dl-shop dt.active:after{ transform: translate(0,-50%) rotate(90deg);}
#lp-sp-leather .sec5 .dl-shop dd{ display: none; padding: 0 20px 20px; font-size: 14px;}
#lp-sp-leather .sec5 .dl-shop ul + h4{ margin: 30px 0 0;}
#lp-sp-leather .sec5 .dl-shop ul > li{ padding: 10px 0 0;}
#lp-sp-leather .sec5 .dl-shop ul > li:before{ padding: 0 10px 0 0; content: "▶︎"; font-size: 12px;}
#lp-sp-leather .sec5 .cap{ margin: 80px 0 0; text-align: center; letter-spacing: .1em; font-size: 14px; line-height: 1.571428571;}

@media only screen and (max-width: 736px) {
    #lp-sp-leather .sec5{ margin: 0; padding: 13.33333333vw 8vw 16vw;}
    #lp-sp-leather .sec5 h3{ font-size: 3.733333333vw; letter-spacing: .1em;}
    #lp-sp-leather .sec5 .dl-shop{ margin: 13.33333333vw 0 0; width: 100%; border-bottom: 0.266666667vw solid #DBDBDB; font-size: 3.733333333vw;}
    #lp-sp-leather .sec5 .dl-shop dt{ padding: 4vw 0; border-top: 0.266666667vw solid #DBDBDB;}
    #lp-sp-leather .sec5 .dl-shop dt:after{ right: 2vw; width: 7.066666667vw; height: 1.221333333vw;}
    #lp-sp-leather .sec5 .dl-shop dd{ padding: 0 0 4vw; font-size: 3.2vw;}
    #lp-sp-leather .sec5 .dl-shop ul + h4{ margin: 4vw 0 0;}
    #lp-sp-leather .sec5 .dl-shop ul > li{ padding: 2vw 0 0;}
    #lp-sp-leather .sec5 .dl-shop ul > li:before{ padding: 0 2vw 0 0; font-size: 2.133333333vw;}
    #lp-sp-leather .sec5 .cap{ margin: 8vw 0 0; text-align: left; letter-spacing: 0; font-size: 2.666666667vw; line-height: 1.6;}
}