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

#lp-sp-2512coupon{ margin: 0 auto; width: 1000px; color: #414141; font-weight: 500; font-family: "Zen Kaku Gothic New", sans-serif;}
#lp-sp-2512coupon *{ box-sizing: border-box;}
#lp-sp-2512coupon .pc{ display: block;}
#lp-sp-2512coupon .sp{ display: none;}
#lp-sp-2512coupon .anchor{ position: relative; z-index: -1;}
#lp-sp-2512coupon .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-sp-2512coupon figure{ margin: 0; padding: 0;}

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

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

#lp-sp-2512coupon .sec1{ position: relative; display: flex; flex-direction: column; margin: 0 calc(50% - 50vw); padding: 7.5vw 0 2.34375vw; background: #FFC33E; align-items: center;}
#lp-sp-2512coupon .sec1 h2{ width: 69.18802083vw;}
#lp-sp-2512coupon .sec1 .slide-wrap{ overflow: hidden; margin: calc(7.291666667vw - 2.239583333vw) 0 0; padding: 2.239583333vw 0 0; width: 100vw;}
#lp-sp-2512coupon .sec1 .slide1{ opacity: 0; transition: opacity .3s linear;}
#lp-sp-2512coupon .sec1 .slide1 .slick-list{ overflow: visible;}
#lp-sp-2512coupon .sec1 .slide1.slick-initialized{ opacity: 1;}
#lp-sp-2512coupon .sec1 .slide1 .slick-slide{ padding: 0 1.302083333vw; width: 28.85416667vw;}
#lp-sp-2512coupon .sec1 .slide1 .slick-slide img{ width: 100%;}
#lp-sp-2512coupon .sec1 .slide1 figure{ position: relative;}
#lp-sp-2512coupon .sec1 .slide1 figcaption{ position: absolute; top: -2.239583333vw; left: -1.510416667vw; width: 5.708333333vw;}
#lp-sp-2512coupon .sec1 .period{ margin: 2.291666667vw 0 0; width: 39.765625vw;}

@media only screen and (max-width: 736px) {
    #lp-sp-2512coupon .sec1{ margin: 0; padding: 14.4vw 0 6.666666667vw;}
    #lp-sp-2512coupon .sec1 h2{ width: 76.064vw;}
    #lp-sp-2512coupon .sec1 .slide-wrap{ margin: calc(5.066666667vw - 5.066666667vw) 0 0; padding: 5.066666667vw 0 0; width: 100vw;}
    #lp-sp-2512coupon .sec1 .slide1 .slick-slide{ padding: 0 2.933333333vw; width: 66.176vw;}
    #lp-sp-2512coupon .sec1 .slide1 figcaption{ top: -5.333333333vw; left: -3.466666667vw; width: 13.06666667vw;}
    #lp-sp-2512coupon .sec1 .period{ margin: 12vw 0 0; width: 63.2vw;}
}

#lp-sp-2512coupon .sec2{ position: relative; display: flex; flex-direction: column; margin: 0 calc(50% - 50vw); padding: 195px calc(50vw - 50%) 300px; background: #fff; align-items: center;}
#lp-sp-2512coupon .sec2 h3{ display: flex; flex-direction: column; align-items: center; text-align: center;}
#lp-sp-2512coupon .sec2 h3 .line1{ margin: 0 0 .5em; color: #FFC33E; letter-spacing: .05em; font-weight: 700; font-size: 50px;}
#lp-sp-2512coupon .sec2 h3 .line2{ margin: 0 0 1em; color: #414141; letter-spacing: .1em; font-weight: 900; font-size: 32px; line-height: 2;}
#lp-sp-2512coupon .sec2 h3 .line2 em{ display: inline-block; margin: 0 .1em; color: #FFC33E; font-weight: 900;}
#lp-sp-2512coupon .sec2 h3 .line3{ width: 724.5px;}
#lp-sp-2512coupon .sec2 .cap{ margin: 1.5em 0 0; letter-spacing: .07em; font-size: 16px;}

@media only screen and (max-width: 736px) {
    #lp-sp-2512coupon .sec2{ margin: 0; padding: 23.2vw 8vw 21.33333333vw;}
    #lp-sp-2512coupon .sec2 h3{ margin: 0 calc(50% - 50vw); width: auto;}
    #lp-sp-2512coupon .sec2 h3 .line1{ letter-spacing: 0; font-size: 5.866666667vw;}
    #lp-sp-2512coupon .sec2 h3 .line2{ margin: 0 0 1em; font-size: 4vw; line-height: 2;}
    #lp-sp-2512coupon .sec2 h3 .line2 em{ margin: 0 .1em;}
    #lp-sp-2512coupon .sec2 h3 .line3{ width: 100%;}
    #lp-sp-2512coupon .sec2 .cap{ margin: 1em 0 0; letter-spacing: 0; font-size: 2.933333333vw;}
}

#lp-sp-2512coupon .sec2 .dl1{ display: flex; margin: 70px 0 0; width: 880px; height: 80px; border: 2px solid #414141; align-items: center;}
#lp-sp-2512coupon .sec2 .dl1 > dt{ display: flex; width: 338px; height: 100%; background: #414141; color: #fff; letter-spacing: .2em; font-weight: 700; font-size: 20px; justify-content: center; align-items: center;}
#lp-sp-2512coupon .sec2 .dl1 > dd{ display: flex; width: calc(100% - 338px); height: 100%; justify-content: center; align-items: center;}
#lp-sp-2512coupon .sec2 .dl1 > dd img{ width: 412.79px;}

@media only screen and (max-width: 736px) {
    #lp-sp-2512coupon .sec2 .dl1{ flex-direction: column; margin: 10.66666667vw 0 0; width: 100%; height: auto; border: 0.266666667vw solid #414141; align-items: center;}
    #lp-sp-2512coupon .sec2 .dl1 > dt{ width: 100%; height: 8vw; font-size: 2.666666667vw;}
    #lp-sp-2512coupon .sec2 .dl1 > dd{ padding: 4vw 0 4.533333333vw; width: 100%; height: auto;}
    #lp-sp-2512coupon .sec2 .dl1 > dd img{ width: 64.35733333vw;}
}

#lp-sp-2512coupon .sec2 .dl2{ margin: 100px 0 0; padding: 30px 0; width: 636px; border-top: 1px solid #707070; border-bottom: 1px solid #707070;}
#lp-sp-2512coupon .sec2 .dl2 > dt{ text-align: center; letter-spacing: .05em; font-size: 16px;}
#lp-sp-2512coupon .sec2 .dl2 > dd{ padding: 1em 0 0; font-weight: 400; font-size: 14px; line-height: 1.571428571;}

@media only screen and (max-width: 736px) {
    #lp-sp-2512coupon .sec2 .dl2{ margin: 16vw 0 0; padding: 2.666666667vw 0; width: 100%; border-top: 0.266666667vw solid #707070; border-bottom: 0.266666667vw solid #707070;}
    #lp-sp-2512coupon .sec2 .dl2 > dt{ text-align: left; font-size: 3.2vw; line-height: 1.666666667;}
    #lp-sp-2512coupon .sec2 .dl2 > dd{ padding: 1em 0 0; font-size: 2.666666667vw; line-height: 1.6;}
}

#lp-sp-2512coupon .sec2 .btn1{ margin: 100px 0 0;}
#lp-sp-2512coupon .sec2 .btn1 a{ display: flex; width: 260px; height: 50px; border: 1px solid #888; border-radius: 10px; background: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); letter-spacing: .15em; font-size: 20px; justify-content: center; align-items: center;}
#lp-sp-2512coupon .sec2 .btn1 a i{ margin: 0 0 0 .25em; width: 25.14px;}

@media only screen and (max-width: 736px) {
    #lp-sp-2512coupon .sec2 .btn1{ margin: 16vw 0 0;}
    #lp-sp-2512coupon .sec2 .btn1 a{ width: 45.33333333vw; height: 8vw; border: 0.266666667vw solid #888; border-radius: 1.333333333vw; box-shadow: 0.266666667vw 0.266666667vw 0.8vw rgba(0, 0, 0, 0.15); font-size: 3.2vw;}
    #lp-sp-2512coupon .sec2 .btn1 a i{ margin: 0 0 0 .25em; width: 4vw;}
}

#lp-sp-2512coupon .sec2 .dl3{ display: flex; flex-direction: column; margin: 195px 0 0; padding: 110px 0; width: 100%; background: #FFC33E; text-align: center; justify-content: center;}
#lp-sp-2512coupon .sec2 .dl3 > dt{ letter-spacing: .05em; font-weight: 700; font-size: 28px;}
#lp-sp-2512coupon .sec2 .dl3 > dd{ padding: 65px 0 0;}
#lp-sp-2512coupon .sec2 .dl3 ul{ display: flex; justify-content: center;}
#lp-sp-2512coupon .sec2 .dl3 ul > li{ display: flex; flex-direction: column; padding: 0 50px; align-items: center;}
#lp-sp-2512coupon .sec2 .dl3 div{ margin: 0 0 1em; text-align: center; letter-spacing: .05em; font-size: 18px;}
#lp-sp-2512coupon .sec2 .dl3 a{ display: flex; width: 350px; height: 80px; border-radius: 40px; background: #3c81ef; 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-2512coupon .sec2 .dl3 ul > li:last-child a{ background: #fff; color: #888;}
#lp-sp-2512coupon .sec2 .dl3 i{ width: 19.85px;}
#lp-sp-2512coupon .sec2 .dl3 .cap{ margin: 3em 0 0; letter-spacing: .08em;}

@media only screen and (max-width: 736px) {
    #lp-sp-2512coupon .sec2 .dl3{ margin: 21.33333333vw 0 0; padding: 18.66666667vw 0 14.66666667vw;}
    #lp-sp-2512coupon .sec2 .dl3 > dt{ font-size: 3.733333333vw; line-height: 2;}
    #lp-sp-2512coupon .sec2 .dl3 > dd{ padding: 2.666666667vw 0 0;}
    #lp-sp-2512coupon .sec2 .dl3 ul{ flex-direction: column; justify-content: flex-start;}
    #lp-sp-2512coupon .sec2 .dl3 ul > li{ padding: 10.66666667vw 0 0;}
    #lp-sp-2512coupon .sec2 .dl3 div{ font-size: 3.2vw;}
    #lp-sp-2512coupon .sec2 .dl3 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-2512coupon .sec2 .dl3 i{ width: 3.901333333vw;}
    #lp-sp-2512coupon .sec2 .dl3 .cap{ margin: 10.66666667vw 0 0; letter-spacing: 0; font-size: 2.666666667vw;}
}

#lp-sp-2512coupon .sec3{ position: relative; margin: 0 calc(50% - 50vw); padding: 200px calc(50vw - 50%); background: #fff;}
#lp-sp-2512coupon .sec3-bg{ background: #F0F0F0;}
#lp-sp-2512coupon .sec3 h3{ display: flex; flex-direction: column; align-items: center;}
#lp-sp-2512coupon .sec3 h3 img{ width: auto; height: 52.8px;}
#lp-sp-2512coupon .sec3 h3 span{ margin: 1em 0 0; letter-spacing: .05em; font-weight: 700; font-size: 26px;}

@media only screen and (max-width: 736px) {
    #lp-sp-2512coupon .sec3{ margin: 0; padding: 21.33333333vw 8vw 26.66666667vw;}
    #lp-sp-2512coupon .sec3 h3 img{ height: 25.74133333vw;}
    #lp-sp-2512coupon .sec3 h3 span{ margin: 5.333333333vw 0 0; white-space: nowrap; font-size: 3.733333333vw;}
}

#lp-sp-2512coupon .sec3 .list-item{ display: flex; margin: -100px 0 0; padding: 100px 0 0; flex-wrap: wrap; justify-content: space-between;}
#lp-sp-2512coupon .sec3 .list-item > li{ position: relative; padding: 100px 0 0; width: 220px;}
#lp-sp-2512coupon .sec3 .list-item > li.wide1{ padding: 100px 40px 0 0; width: 480px;}
#lp-sp-2512coupon .sec3 .list-item > li.double{ width: 480px;}
#lp-sp-2512coupon .sec3 .list-item > li.wide2{ display: flex; flex-direction: column; width: 100%; align-items: center;}

#lp-sp-2512coupon .sec3 .list-item > li.double ul{ display: flex; justify-content: space-between;}
#lp-sp-2512coupon .sec3 .list-item > li.double ul > li{ width: 220px;}

@media only screen and (max-width: 736px) {
    #lp-sp-2512coupon .sec3 .list-item{ margin: 0; padding: 0;}
    #lp-sp-2512coupon .sec3 .list-item > li{ margin: 9.333333333vw 0 0; padding: 0; width: 40vw;}
    #lp-sp-2512coupon .sec3 .list-item > li.wide1{ margin: 13.33333333vw 0 0; padding: 0 0 4vw; width: 100%;}
    #lp-sp-2512coupon .sec3 .list-item > li.double{ width: 100%;}
    #lp-sp-2512coupon .sec3 .list-item > li.wide2{ margin: 13.33333333vw 0 0; padding: 0;}
}

#lp-sp-2512coupon .sec3 .list-item figure{ position: relative;}
#lp-sp-2512coupon .sec3 .list-item figure a{ position: relative; display: block;}
#lp-sp-2512coupon .sec3 .list-item .double figure .link1,
#lp-sp-2512coupon .sec3 .list-item .double figure .link2{ position: absolute; top: 0; display: block; width: 220px; height: 220px; cursor: pointer;}
#lp-sp-2512coupon .sec3 .list-item .double figure .link1{ left: 0;}
#lp-sp-2512coupon .sec3 .list-item .double figure .link2{ right: 0;}
#lp-sp-2512coupon .sec3 .list-item figcaption{ position: absolute; bottom: -42px; left: 50%; width: 164px; transform: translate(-50%,0);}

@media only screen and (max-width: 736px) {
    #lp-sp-2512coupon .sec3 .list-item .double figure .link1,
    #lp-sp-2512coupon .sec3 .list-item .double figure .link2{ width: 40vw; height: 40vw;}
    #lp-sp-2512coupon .sec3 .list-item figcaption{ bottom: -8vw; width: 30.192vw;}
}

#lp-sp-2512coupon .sec3 .list-item .detail{ position: relative; display: flex; flex-direction: column; padding: 75px 0 0; white-space: nowrap; letter-spacing: .05em; font-size: 16px; line-height: 1.6875;}
#lp-sp-2512coupon .sec3 .list-item > li.double .detail{ padding: 20px 0 0;}
#lp-sp-2512coupon .sec3 .list-item > li.double ul .detail{ padding: 75px 0 0;}
#lp-sp-2512coupon .sec3 .list-item > li.double_s ul .detail{ padding: 20px 0 0;}
#lp-sp-2512coupon .sec3 .list-item .detail h4{ display: flex; align-items: center;}
#lp-sp-2512coupon .sec3 .list-item .detail h4 i{ margin: 0 10px; width: 19px;}
#lp-sp-2512coupon .sec3 .list-item .detail .price{ display: flex; color: #414141; font-size: 20px; align-items: center;}
#lp-sp-2512coupon .sec3 .list-item .detail .price del{ font-weight: 500;}
#lp-sp-2512coupon .sec3 .list-item .detail .price i{ margin: 0 10px; width: 19px;}

@media only screen and (max-width: 736px) {
    #lp-sp-2512coupon .sec3 .list-item .detail{ padding: 13.33333333vw 0 0; font-size: 3.2vw; line-height: 1.666666667;}
    #lp-sp-2512coupon .sec3 .list-item > li.double .detail{ padding: 6.666666667vw 0 0;}
    #lp-sp-2512coupon .sec3 .list-item > li.double ul .detail{ padding: 13.33333333vw 0 0;}
    #lp-sp-2512coupon .sec3 .list-item > li.double_s ul .detail{ padding: 5.333333333vw 0 0;}
    #lp-sp-2512coupon .sec3 .list-item .detail h4 i{ margin: 0 2.133333333vw; width: 3.466666667vw;}
    #lp-sp-2512coupon .sec3 .list-item .detail .price{ font-size: 3.733333333vw;}
    #lp-sp-2512coupon .sec3 .list-item .detail .price i{ margin: 0 2.133333333vw; width: 3.466666667vw;}
}

#lp-sp-2512coupon .sec3 .list-item .deco{ position: absolute; right: 60px; bottom: 0; width: 164px;}
#lp-sp-2512coupon .sec3 .list-item > li.double_s .deco{ right: auto; bottom: 2.5em; left: 0; width: 226px;}

@media only screen and (max-width: 736px) {
    #lp-sp-2512coupon .sec3 .list-item .deco{ right: 0; bottom: 0; width: 30.12533333vw;}
    #lp-sp-2512coupon .sec3 .list-item > li.double_s .deco{ right: -3.733333333vw; bottom: -18.66666667vw; left: auto; width: 42.23466667vw;}
}

#lp-sp-2512coupon .sec3 .list-item > li.wide1 figure a{ filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.16));}
#lp-sp-2512coupon .sec3 .list-item > li.wide1 figcaption{ top: 30px; right: -30px; bottom: auto; left: auto; width: 226px; transform: none;}
#lp-sp-2512coupon .sec3 .list-item > li.wide1 .detail{ flex-direction: row; padding: 1em 0 0; align-items: baseline; justify-content: flex-start;}
#lp-sp-2512coupon .sec3 .list-item > li.wide1s .detail{ align-items: flex-end;}
#lp-sp-2512coupon .sec3 .list-item > li.wide1 .detail .price{ margin: 0 0 0 .5em;}
#lp-sp-2512coupon .sec3 .list-item > li.wide2 figure{ width: 636px;}
#lp-sp-2512coupon .sec3 .list-item > li.wide2 .detail{ width: 636px;}

@media only screen and (max-width: 736px) {
    #lp-sp-2512coupon .sec3 .list-item > li.wide1 figure a{ filter: drop-shadow(0.533333333vw 0.533333333vw 2.666666667vw rgba(0, 0, 0, 0.16));}
    #lp-sp-2512coupon .sec3 .list-item > li.wide1 figcaption{ top: 7.2vw; right: -3.733333333vw; left: auto; width: 42.13333333vw;}
    #lp-sp-2512coupon .sec3 .list-item > li.wide1s .detail{ flex-direction: column; align-items: flex-start;}
    #lp-sp-2512coupon .sec3 .list-item > li.wide1s .detail .price{ margin: 0;}
    #lp-sp-2512coupon .sec3 .list-item > li.wide1s.wide1s-row .detail{ flex-direction: row; align-items: flex-end;}
    #lp-sp-2512coupon .sec3 .list-item > li.wide1s.wide1s-row .detail .price{ margin: 0 0 0 .5em;}
    #lp-sp-2512coupon .sec3 .list-item > li.wide2 figure{ width: 100%;}
    #lp-sp-2512coupon .sec3 .list-item > li.wide2 .detail{ flex-direction: row; width: 100%; align-items: flex-end; justify-content: flex-start;}
    #lp-sp-2512coupon .sec3 .list-item > li.wide2s .detail{ display: block;}
    #lp-sp-2512coupon .sec3 .list-item > li.wide2s .detail > *{ display: inline;}
}

#lp-sp-2512coupon .sec4{ position: relative; margin: 0 calc(50% - 50vw); padding: 300px calc(50vw - 50%) 185px;}
#lp-sp-2512coupon .sec4 h3{ display: flex; text-align: center; white-space: nowrap; letter-spacing: .06em; font-weight: 700; font-size: 20px; flex-grow: 1; align-items: center;}
#lp-sp-2512coupon .sec4 h3:before,
#lp-sp-2512coupon .sec4 h3:after{ width: 100%; height: 1px; border-top: 1px dashed #D1D1D1; content: "";}
#lp-sp-2512coupon .sec4 h3:before{ margin-right: .5em;}
#lp-sp-2512coupon .sec4 h3:after{ margin-left: .5em;}
#lp-sp-2512coupon .sec4 h3 + p{ margin: 100px 0 0; text-align: center; letter-spacing: .05em; font-weight: 700; font-size: 28px; line-height: 1.642857143;}
#lp-sp-2512coupon .sec4 .tab-wrap{ display: flex; margin: 100px 0 0; padding: 0 28px; text-align: center; flex-wrap: wrap; justify-content: space-between;}
#lp-sp-2512coupon .sec4 .list-tab{ display: flex; width: 100%; justify-content: space-between;}
#lp-sp-2512coupon .sec4 .list-tab > li{ display: flex; width: 393.21px; justify-content: center;}
#lp-sp-2512coupon .sec4 .list-tab span{ display: flex; flex-direction: column; padding: 0 0 10px; width: 240px; border-bottom: 2px solid #414141; letter-spacing: .05em; font-weight: 700; font-size: 18px; align-items: center;}
#lp-sp-2512coupon .sec4 .list-tab span i{ margin: 0 0 15px;}
#lp-sp-2512coupon .sec4 .list-tab span img{ width: auto; height: 40px;}
#lp-sp-2512coupon .sec4 .tab-content{ padding: 85px 0 0; width: 393.21px;}
#lp-sp-2512coupon .sec4 .tab-content p{ letter-spacing: .1em; font-size: 18px; line-height: 1.666666667;}
#lp-sp-2512coupon .sec4 .tab-content figure{ margin: 40px 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-2512coupon .sec4{ margin: 0; padding: 42.66666667vw 8vw;}
    #lp-sp-2512coupon .sec4 h3{ display: block; text-align: center; letter-spacing: .1em; font-size: 3.733333333vw;}
    #lp-sp-2512coupon .sec4 h3:before,
    #lp-sp-2512coupon .sec4 h3:after{ content: none;}
    #lp-sp-2512coupon .sec4 h3 + p{ margin: 5.333333333vw 0 0; font-size: 3.2vw; line-height: 2;}
    #lp-sp-2512coupon .sec4 .tab-wrap{ display: block; margin: 13.33333333vw 0 0; padding: 0;}
    #lp-sp-2512coupon .sec4 .list-tab > li{ width: 40vw;}
    #lp-sp-2512coupon .sec4 .list-tab span{ padding: 0 0 2.666666667vw; width: 100%; border-bottom: 0.533333333vw solid #fff; font-size: 3.2vw;}
    #lp-sp-2512coupon .sec4 .list-tab .select span{ border-bottom: 0.533333333vw solid #FACA28;}
    #lp-sp-2512coupon .sec4 .list-tab span i{ margin: 0 0 3.2vw;}
    #lp-sp-2512coupon .sec4 .list-tab span img{ height: 6.568vw;}
    #lp-sp-2512coupon .sec4 .tab-content{ display: none; flex-direction: column; padding: 13.33333333vw 0 0; width: 100%; align-items: center;}
    #lp-sp-2512coupon .sec4 .tab-content.select{ display: flex;}
    #lp-sp-2512coupon .sec4 .tab-content p{ font-size: 3.2vw; line-height: 1.833333333;}
    #lp-sp-2512coupon .sec4 .tab-content figure{ margin: 1.866666667vw 0 0; width: 100%;}
}

#lp-sp-2512coupon .sec5{ position: relative; margin: 0 calc(50% - 50vw); padding: 0 calc(50vw - 50%) 180px; background: #fff;}
#lp-sp-2512coupon .sec5 h3{ display: flex; text-align: center; white-space: nowrap; letter-spacing: .06em; font-weight: 700; font-size: 20px; flex-grow: 1; align-items: center;}
#lp-sp-2512coupon .sec5 h3:before,
#lp-sp-2512coupon .sec5 h3:after{ width: 100%; height: 1px; border-top: 1px dashed #D1D1D1; content: "";}
#lp-sp-2512coupon .sec5 h3:before{ margin-right: .5em;}
#lp-sp-2512coupon .sec5 h3:after{ margin-left: .5em;}

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

#lp-sp-2512coupon .sec5 .cap{ margin: 80px 0 0; text-align: center; font-weight: 400; font-size: 14px; line-height: 1.571428571;}
#lp-sp-2512coupon .sec5 .logo{ margin: 130px 0 0;}
#lp-sp-2512coupon .sec5 .logo img{ margin: 0 auto; width: 771.88px;}
#lp-sp-2512coupon .sec5 .bn{ margin: 180px 0 0;}
#lp-sp-2512coupon .sec5 .bn img{ margin: 0 auto; width: 793px;}

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

    #lp-sp-2512coupon .sec5 .cap{ margin: 8vw 0 0; text-align: left; font-size: 2.666666667vw; line-height: 1.6;}
    #lp-sp-2512coupon .sec5 .logo{ margin: 13.33333333vw 0 0;}
    #lp-sp-2512coupon .sec5 .logo img{ margin: 0 auto; width: 76vw;}
    
    #lp-sp-2512coupon .sec5 .bn{ margin: 16vw 0 0;}
    #lp-sp-2512coupon .sec5 .bn img{ margin: 0; width: 100%;}
}

#lp-sp-2512coupon .app{ position: fixed; top: 50%; right: 0; z-index: 10; transform: translate(0,-50%);}
#lp-sp-2512coupon .app a{ display: block; width: 15.625vw;}

@media only screen and (max-width: 736px) {
    #lp-sp-2509coupon .app a{  width:12.26666667vw;}
}