#lp-sp-clock{ background: #eae8e5; text-align: center;}
#lp-sp-clock *{ box-sizing: border-box;}
#lp-sp-clock .pc{ display: block;}
#lp-sp-clock .sp{ display: none;}
.anchor{ position: relative; z-index: -1;}
.anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-sp-clock figure{ margin: 0; padding: 0;}
#lp-sp-clock p{ letter-spacing: .01em; line-height: 2;}

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

@media only screen and (max-width: 736px) {
    #lp-sp-clock{ font-size: 3.2vw;}
    #lp-sp-clock .pc{ display: none;}
    #lp-sp-clock .sp{ display: block;}
    .anchor:before{ margin-top: -18.4vw; height: 18.4vw;}
}

#lp-sp-clock .sec1{ margin: 0 auto; padding: 0 0 100px; width: 1200px;}
#lp-sp-clock .sec1 h2{ margin: 1em 0; font-weight: 500; font-size: 55px; font-family: futura-pt, sans-serif;}
#lp-sp-clock .sec1 nav{ margin: 50px 0 0;}
#lp-sp-clock .sec1 nav ul{ display: flex; justify-content: center;}
#lp-sp-clock .sec1 nav ul > li{ padding: 0 .5em;}
#lp-sp-clock .sec1 nav ul a{ display: flex; padding: 1.5em 0; width: 220px; background: #f4f4f4; color: #000; font-weight: bold; font-size: 16px; justify-content: center; align-items: center;}
#lp-sp-clock .sec1 nav ul i{ display: block; margin: 0 .75em 0 0; width: 10px; height: 7px; background: url("/static/mallDefault/contents/images/sp/clock-collection/arrow.png") no-repeat center / contain;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .sec1{ margin: 0; padding: 0 0 24vw; width: 100%;}
    #lp-sp-clock .sec1 h2{ font-size: 9.333333333vw;}
    #lp-sp-clock .sec1 nav{ margin: -1em 0 0; padding: 9.333333333vw 0 0;}
    #lp-sp-clock .sec1 nav ul{ padding: 0 .5em; justify-content: space-between; flex-wrap: wrap;}
    #lp-sp-clock .sec1 nav ul > li{padding: 1em .5em 0; width: 50%; }
    #lp-sp-clock .sec1 nav ul a{ display: flex; padding: 1.5em 0; width: 100%; font-size: 3.466666667vw;}
    #lp-sp-clock .sec1 nav ul i{ width: 2.666666667vw; height: 1.866666667vw;}
}

#lp-sp-clock .sec2{ margin: 0 auto; width: 1200px;}
#lp-sp-clock .sec2s1{ padding: 0 0 150px;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .sec2{ margin: 0; width: 100%;}
    #lp-sp-clock .sec2s1{ padding: 0 0 24vw;}
}

#lp-sp-clock .sec2 > figure{ margin: 0 auto; width: 960px;}
#lp-sp-clock .sec2 .tl1 + figure{ margin: 50px auto 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .sec2 > figure{ width: 80vw;}
    #lp-sp-clock .sec2 .tl1 + figure{ margin: 8vw auto 0;}
}

#lp-sp-clock .sec2 .tl1{ display: flex; flex-direction: column; font-size: 18px; align-items: center;}
#lp-sp-clock .sec2s2 .tl1{ margin: 0 0 100px;}
#lp-sp-clock .sec2 .tl1 span{ margin: 0 0 .5em; font-weight: 500; font-size: 50px; font-family: futura-pt, sans-serif;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .sec2 .tl1{ font-size: 4vw;}
    #lp-sp-clock .sec2s2 .tl1{ margin: 0 0 8vw;}
    #lp-sp-clock .sec2 .tl1 span{ margin: 0 0 .5em; font-size: 8vw;}
}

#lp-sp-clock .snav1{ margin: 25px 0 100px;}
#lp-sp-clock .snav1 ul{ display: flex; justify-content: center;}
#lp-sp-clock .snav1 ul > li{ padding: 0 .5em; width: 20%;}
#lp-sp-clock .snav1 figcaption{ display: flex; flex-direction: column; margin: 1em 0 0; align-items: center;}
#lp-sp-clock .snav1 figcaption span{ margin: 0 0 .5em; font-weight: 500; font-size: 20px; font-family: futura-pt, sans-serif;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .snav1{ margin: 4vw auto 24vw; width: 80vw;}
    #lp-sp-clock .snav1 ul{ justify-content: space-between;}
    #lp-sp-clock .snav1 ul > li{ padding: 0; width: calc(50% - .5em);}
    #lp-sp-clock .snav1 figcaption span{ margin: 0 0 .5em; font-size: 4.8vw;}
}

#lp-sp-clock .sec2 > p,
#lp-sp-clock .sec2-1 > p{ margin: 25px 0 0;}
#lp-sp-clock .sec2 > figure + p{ margin: 50px 0 0;}
#lp-sp-clock .sec2s2 > p{ margin: 25px 0 100px;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .sec2 > p,
    #lp-sp-clock .sec2-1 > p{ margin: 4vw 0 0;}
    #lp-sp-clock .sec2 h3 + p{ margin: 8vw calc(50% - 50vw) 0; width: 100vw;}
    #lp-sp-clock .sec2 > figure + p{ margin: 8vw 0 0;}
    #lp-sp-clock .sec2s2 > p{ margin: 4vw 0 16vw;}
    #lp-sp-clock .sec2s2 h3 + p{ margin: 4vw calc(50% - 50vw) 0; width: 100vw;}
}

#lp-sp-clock .snav2{ margin: 50px 0 100px;}
#lp-sp-clock .snav2 ul{ display: flex; justify-content: center;}
#lp-sp-clock .snav2 ul > li{ padding: 0 1.5em;}
#lp-sp-clock .snav2 a{ text-decoration: underline; font-size: 16px;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .snav2{ margin: 8vw 0 24vw;}
    #lp-sp-clock .snav2 ul{ flex-direction: column; justify-content: flex-start; align-items: center;}
    #lp-sp-clock .snav2 ul > li{ padding: 0;}
    #lp-sp-clock .snav2 ul > li + li{ margin: 2em 0 0;}
    #lp-sp-clock .snav2 a{ text-decoration: underline; font-size: 3.733333333vw;}
}

#lp-sp-clock .sec2-1{ padding: 0 0 150px;}
#lp-sp-clock .sec2-1 > figure{ margin: 0 auto 50px; width: 960px;}
#lp-sp-clock .sec2-1 h3{ display: flex; flex-direction: column; font-size: 18px; align-items: center;}
#lp-sp-clock .sec2-1 h3 span{ margin: 0 0 .5em; font-weight: 500; font-size: 50px; font-family: futura-pt, sans-serif;}
#lp-sp-clock .sec2-1s1 h3{ font-size: 14px;}
#lp-sp-clock .sec2-1s1 h3 span{ margin: 0 0 .75em; font-weight: bold; font-size: 20px; font-family: '游ゴシック',YuGothic,"游ゴシック体 Pr6N M","Yu Gothic Pr6N M",'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;}
#lp-sp-clock .sec2-1s2 h3{ font-weight: bold; font-size: 20px; font-family: '游ゴシック',YuGothic,"游ゴシック体 Pr6N M","Yu Gothic Pr6N M",'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .sec2-1{ padding: 0 0 24vw;}
    #lp-sp-clock .sec2-1 > figure{ margin: 0 auto 8vw; width: 80vw;}
    #lp-sp-clock .sec2-1 h3{ font-size: 4vw;}
    #lp-sp-clock .sec2-1 h3 span{ margin: 0 0 .5em; font-size: 8vw;}
    #lp-sp-clock .sec2-1s1 h3{ font-size: 3.2vw;}
    #lp-sp-clock .sec2-1s1 h3 span{ margin: 0 0 .75em; font-size: 4.8vw;}
    #lp-sp-clock .sec2-1s2 h3{ font-size: 4vw;}
}

#lp-sp-clock .link1{ margin: 1em 0 0;}
#lp-sp-clock .link1 a{ text-decoration: underline;}

@media only screen and (max-width: 736px) {
}

#lp-sp-clock .sec2-1 h4{ display: flex; flex-direction: column; margin: 100px 0 0; align-items: center;}
#lp-sp-clock .sec2-1 h4 span{ margin: 0 0 .5em; font-weight: 500; font-size: 35px; font-family: futura-pt, sans-serif;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .sec2-1 h4{ margin: 24vw 0 0;}
    #lp-sp-clock .sec2-1 h4 span{ margin: 0 0 .5em; font-size: 8vw;}
}

#lp-sp-clock .list1{ display: flex; margin: 50px -.5em 0; justify-content: center;}
#lp-sp-clock .list1 > li{ padding: 0 .5em; width: 20%;}
#lp-sp-clock .list1 .tl2{ font-weight: 500; font-size: 20px; font-family: futura-pt, sans-serif;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .list1{ margin: 0 auto; width: 80vw; justify-content: space-between; flex-wrap: wrap;}
    #lp-sp-clock .list1 > li{ padding: 8vw 0 0; width: calc(50% - .5em);}
    #lp-sp-clock .list1 .tl2{ font-size: 4.8vw;}
}

#lp-sp-clock .sec2-1 h5{ margin: 100px 0 0; font-weight: bold; font-size: 20px;}
#lp-sp-clock .sec2-1 > h5:first-of-type{ margin: 100px 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .sec2-1 h5{ margin: 24vw 0 0; font-size: 4.8vw;}
    #lp-sp-clock .sec2-1 > h5:first-of-type{ margin: 24vw 0 0;}
}

#lp-sp-clock .slide-wrap{ margin: 25px auto 0; width: 620px;}
#lp-sp-clock .slide{ opacity: 0; transition: opacity 1s ease;}
#lp-sp-clock .slide.slick-initialized{ opacity: 1;}
#lp-sp-clock .slide-wrap + p{ margin: 50px auto 0; padding: 0 1em; width: 620px; text-align: left;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .slide-wrap{ margin: 4vw auto 0; width: 80vw;}
    #lp-sp-clock .slide-wrap + p{ margin: 10vw auto 0; padding: 0; width: 80vw;}
}

#lp-sp-clock .item-wrap{ margin: 25px 0 0; text-align: left;}
#lp-sp-clock .item-wrap p{ letter-spacing: normal; line-height: normal;}

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

#lp-sp-clock .btn1{ margin: 50px 0 0;}
#lp-sp-clock .btn1 a{ display: flex; margin: 0 auto; width: 190px; height: 44px; border: 1px solid; border-radius: 22px; font-weight: bold; font-size: 13px; justify-content: center; align-items: center;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .btn1{ margin: 8vw 0 0;}
    #lp-sp-clock .btn1 a{ width: 40vw; height: 11.2vw; border: 1px solid; border-radius: 5.6vw; font-size: 3.2vw;}
}

#lp-sp-clock .btn2{ margin: 100px 0 0;}
#lp-sp-clock .btn2 a{ display: flex; margin: 0 auto; padding: 1.5em 0; width: 500px; background: #f4f4f4; color: #000; font-weight: bold; font-size: 16px; justify-content: center; align-items: center;}
#lp-sp-clock .btn2 i{ margin: 0 .75em 0 0; width: 6px; height: 11px; background: url("/static/mallDefault/contents/images/sp/clock-collection/arrow_2.png") no-repeat center / contain;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .btn2{ margin: 16vw 0 0;}
    #lp-sp-clock .btn2 a{ padding: 1.5em 0; width: 80vw; font-size: 3.466666667vw;}
    #lp-sp-clock .btn2 i{ margin: 0 .75em 0 0; width: 1.6vw; height: 2.933333333vw;}
}

#lp-sp-clock .sec2-2{ padding: 0 0 150px;}
#lp-sp-clock p + .sec2-2{ margin: 100px 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .sec2-2{ padding: 0 0 24vw;}
    #lp-sp-clock p + .sec2-2{ margin: 16vw 0 0;}
}

#lp-sp-clock .row{ display: flex; width: 85%; justify-content: center;}
#lp-sp-clock .row dl{ display: flex; flex-direction: column; padding: 0 0 0 30px; width: 55%;}
#lp-sp-clock .row dt{ width: 75%;}
#lp-sp-clock .row dd{ display: flex; flex-direction: column; text-align: left; align-items: flex-start;}
#lp-sp-clock .row dd p{ margin: 25px 0 0;}
#lp-sp-clock .btn3{ margin: 15px 0 0;}
#lp-sp-clock .btn3 a{ display: flex; padding: .5em 1em; border: 1px solid #426fc4; color: #426fc4; letter-spacing: .01em; justify-content: center; align-items: center;}
#lp-sp-clock .mark{ display: flex; margin: 15px 0 0; padding: .5em 1em; border: 1px solid #426fc4; color: #426fc4; letter-spacing: .01em; justify-content: center; align-items: center;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .row{flex-direction: column;  margin: 0 auto; width: 95%; justify-content: flex-start;}
    #lp-sp-clock .row dl{ padding: 8vw 0 0; width: 100%;}
    #lp-sp-clock .row dt{ width: 50%;}
    #lp-sp-clock .row dd{ display: flex; flex-direction: column; text-align: left; align-items: flex-start;}
    #lp-sp-clock .row dd p{ margin: 1em 0 0;}
    #lp-sp-clock .btn3{ margin: 4vw 0 0;}
    #lp-sp-clock .mark{ margin: 4vw 0 0;}
}

#lp-sp-clock .visumo-wrap{ margin: 50px 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .visumo-wrap{ margin: 16vw auto 0; width: 95%;}
}

#lp-sp-clock .sec2-1s2{ margin: 0 auto; width: 620px;}
#lp-sp-clock .sec2-1s2 dl{ display: flex; flex-direction: column; margin: 100px 0 0; align-items: center;}
#lp-sp-clock .sec2-1s2 > p{ margin: 25px calc(50% - 50vw) 0;}
#lp-sp-clock .sec2-1s2 dl dt{ border-bottom: 1px solid; font-weight: bold; font-size: 16px;}
#lp-sp-clock .sec2-1s2 dl dd + dt{ margin: 100px 0 0;}
#lp-sp-clock .sec2-1s2 dl dd{ margin: 1em 0 0; text-align: left; letter-spacing: .01em; line-height: 2;}
#lp-sp-clock .sec2-1s2 figure{ margin: 100px auto 0; width: 620px;}
#lp-sp-clock .sec2-1s2 figure dl{ margin: 25px 0 0; padding: 0 1em;}
#lp-sp-clock .sec2-1s2 dl ul{ margin: 0 0 0 1em; list-style: disc;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .sec2-1s2{ width: 80vw;}
    #lp-sp-clock .sec2-1s2 dl{ margin: 8vw 0 0;}
    #lp-sp-clock .sec2-1s2 > p{ margin: 4vw calc(50% - 50vw) 0;}
    #lp-sp-clock .sec2-1s2 dl dt{ font-size: 3.733333333vw;}
    #lp-sp-clock .sec2-1s2 dl dd + dt{ margin: 16vw 0 0;}
    #lp-sp-clock .sec2-1s2 dl dd{ margin: 1em 0 0; text-align: left; letter-spacing: .01em; line-height: 2;}
    #lp-sp-clock .sec2-1s2 figure{ margin: 8vw 0 0; width: 100%;}
    #lp-sp-clock .sec2-1s2 figure dl{ margin: 4vw 0 0; padding: 0;}
    #lp-sp-clock .sec2-1s2 dl ul{ margin: 0 0 0 1em; list-style: disc;}
}

#lp-sp-clock .pagetop{ position: fixed; right: 50px; bottom: 1.0625vw; visibility: hidden; opacity: 0; transition: opacity .8s,visibility .8s;}
#lp-sp-clock .pagetop.show{ visibility: visible; opacity: 1;}
#lp-sp-clock .pagetop a{ display: block; /*width: 3.59375vw;*/ width: 52px;}

@media only screen and (max-width: 736px) {
    #lp-sp-clock .pagetop{ right: 2.133333333vw; bottom: 2.133333333vw;}
    #lp-sp-clock .pagetop a{ width: 9.866666667vw;}
}

.slick-dotted.slick-slider{ margin-bottom: 0;}
.slick-dots{ bottom: -18px;}
.slick-dots li{margin: 0 6px; width: 6px; height: 6px; }
.slick-dots li button{padding: 0; width: 100%; height: 100%; }
.slick-dots li button:before{ display: block; width: 100%; height: 100%; border-radius: 100%; background: #000; content: ''; opacity: .25;}
.slick-dots li.slick-active button:before{ opacity: .75;}