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

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

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

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

#lp-sp-hgift .sec1{ padding: 155px 0 200px;}
#lp-sp-hgift .sec1 p{ text-align: center; letter-spacing: .1em; font-weight: 500; font-size: 22px; font-family: zen-kaku-gothic-new, sans-serif; line-height: 2.363636364;}
#lp-sp-hgift .sec1 nav{ margin: 100px 0 0;}
#lp-sp-hgift .sec1 nav ul{ display: flex; justify-content: center;}
#lp-sp-hgift .sec1 nav ul > li{ padding: 0 40px;}
#lp-sp-hgift .sec1 nav a{ position:  relative; display: flex; flex-direction: column; padding: 20px 0 40px; width: 260px; border-right: 2px solid; border-left: 2px solid; color: #405D58; text-align: center; letter-spacing: .1em; font-weight: 900; font-size: 14px; font-family: zen-kaku-gothic-new, sans-serif; line-height: 1.428571429; align-items: center;}
#lp-sp-hgift .sec1 nav ul > li:last-child a{ color: #D64A38;}
#lp-sp-hgift .sec1 nav a:after{ position: absolute; bottom: 10px; left: 50%; border-width: 11.3px 6.5px 0 6.5px; border-style: solid; border-color: #405D58 transparent transparent transparent; content: ""; transform: translate(-50%,0);}
#lp-sp-hgift .sec1 nav ul > li:last-child a:after{ border-color: #D64A38 transparent transparent transparent;}
#lp-sp-hgift .sec1 nav span{ margin: 0 0 1em;}
#lp-sp-hgift .sec1 nav span img{ width: auto; height: 65.51px;}
#lp-sp-hgift .sec1 .slide1-wrap{ margin: 140px auto 0; width: 367px;}

@media only screen and (max-width: 736px) {
    #lp-sp-hgift .sec1{ padding: 17.33333333vw 0 26.66666667vw;}
    #lp-sp-hgift .sec1 p{ letter-spacing: .05em; font-size: 4.266666667vw; line-height: 2.125;}
    #lp-sp-hgift .sec1 nav{ margin: 21.33333333vw 0 0;}
    #lp-sp-hgift .sec1 nav ul > li{ padding: 0 3.466666667vw;}
    #lp-sp-hgift .sec1 nav a{ padding: 9.333333333vw 0 12vw; width: 37.33333333vw; border: none; border-top: 0.533333333vw solid; border-bottom: 0.533333333vw solid; font-size: 2.933333333vw; line-height: 1.454545455;}
    #lp-sp-hgift .sec1 nav a:after{ bottom: 6.666666667vw; border-width: 2.666666667vw 1.333333333vw 0 1.333333333vw;}
    #lp-sp-hgift .sec1 nav span{ margin: 0 0 1em;}
    #lp-sp-hgift .sec1 nav span img{ height: 14.25066667vw;}
    #lp-sp-hgift .sec1 .slide1-wrap{ margin: 26.66666667vw auto 0; width: 66.66666667vw;}
}

#lp-sp-hgift .slide1{ opacity: 0; transition: opacity .3s linear;}
#lp-sp-hgift .slide1.slick-initialized{ opacity: 1;}
#lp-sp-hgift .slide2{ opacity: 0; transition: opacity .3s linear;}
#lp-sp-hgift .slide2.slick-initialized{ opacity: 1;}

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

#lp-sp-hgift .sec2{ position: relative; padding: 200px 0; background: #405D58; color: #fff;}
#lp-sp-hgift .sec2 .blt1{ position: absolute; top: 50%; left: 50%; width: calc(100% - 36px); height: calc(100% - 58px); border-right: 2px solid #B29356; border-left: 2px solid #B29356; transform: translate(-50%,-50%);}
#lp-sp-hgift .sec2 .blt1:before,
#lp-sp-hgift .sec2 .blt1:after{ position: absolute; top: -12px; width: 6px; height: 6px; border-radius: 100%; background: #B29356; content: "";}
#lp-sp-hgift .sec2 .blt1:before{ left: -3px;}
#lp-sp-hgift .sec2 .blt1:after{ right: -3px;}
#lp-sp-hgift .sec2 .blt2{ position: absolute; top: 50%; left: 50%; width: calc(100% - 58px); height: calc(100% - 38px); border-top: 2px solid #B29356; border-bottom: 2px solid #B29356; transform: translate(-50%,-50%);}
#lp-sp-hgift .sec2 .blt2:before,
#lp-sp-hgift .sec2 .blt2:after{ position: absolute; bottom: -3px; width: 6px; height: 6px; border-radius: 100%; background: #B29356; content: "";}
#lp-sp-hgift .sec2 .blt2:before{ left: -12px;}
#lp-sp-hgift .sec2 .blt2:after{ right: -12px;}
#lp-sp-hgift .sec2 .slide1-wrap{ position: absolute; top: -40px; left: calc(50% - 680px); width: 272px;}
#lp-sp-hgift .sec2 h3{ display: flex; flex-direction: column; letter-spacing: .1em; font-weight: 900; font-size: 23px; font-family: zen-kaku-gothic-new, sans-serif; align-items: center; text-align:center; line-height: 30px;}
#lp-sp-hgift .sec2 h3 span{ margin: 0 0 1em; width: 528.08px;}
#lp-sp-hgift .sec2 .slide2-wrap{ margin: 100px 0 0;}
#lp-sp-hgift .sec2 .slide2 .slick-slide{ padding: 0 65px; width: 670px;}
#lp-sp-hgift .sec2 .slide2 p{ margin: 2em 0 0; letter-spacing: .05em; font-weight: 500; font-size: 18px; font-family: zen-kaku-gothic-new, sans-serif; line-height: 1.888888889;}
#lp-sp-hgift .sec2 .slide2 .view{ display: flex; margin: 20px 0 0; justify-content: flex-end;}
#lp-sp-hgift .sec2 .slide2 .view a{ display: flex; width: 130px; height: 32px; background: #b29356; justify-content: center; align-items: center;}
#lp-sp-hgift .sec2 .slide2 .view a > img{ width: 71.02px;}
#lp-sp-hgift .sec2 .slide2 .view a i{ margin: 0 0 0 1em; width: 8.88px;}
#lp-sp-hgift .sec2 .more-btn{ margin: 100px 0 0;}
#lp-sp-hgift .sec2 .more-btn a{ display: flex; width: 350px; height: 60px; border-radius: 30px; background: #d64a38; color: #fff; letter-spacing: .05em; font-weight: 700; font-size: 16px; font-family: zen-kaku-gothic-new, sans-serif; justify-content: center; align-items: center;}
#lp-sp-hgift .sec2 .more-btn a span{ margin: 0 .5em 0 0; width: 146.62px;}


@media only screen and (max-width: 736px) {
    #lp-sp-hgift .sec2{ padding: 26.66666667vw 0 21.33333333vw;}
    #lp-sp-hgift .sec2 .blt1{ width: calc(100% - 5.333333333vw); height: calc(100% - 8.533333333vw); border-right: 0.266666667vw solid #B29356; border-left: 0.266666667vw solid #B29356;}
    #lp-sp-hgift .sec2 .blt1:before,
    #lp-sp-hgift .sec2 .blt1:after{ top: -1.866666667vw; width: 0.8vw; height: 0.8vw;}
    #lp-sp-hgift .sec2 .blt1:before{ left: -0.533333333vw;}
    #lp-sp-hgift .sec2 .blt1:after{ right: -0.533333333vw;}
    #lp-sp-hgift .sec2 .blt2{ width: calc(100% - 8.533333333vw); height: calc(100% - 5.333333333vw); border-top: 0.266666667vw solid #B29356; border-bottom: 0.266666667vw solid #B29356;}
    #lp-sp-hgift .sec2 .blt2:before,
    #lp-sp-hgift .sec2 .blt2:after{ bottom: -0.266666667vw; width: 0.8vw; height: 0.8vw;}
    #lp-sp-hgift .sec2 .blt2:before{ left: -1.866666667vw;}
    #lp-sp-hgift .sec2 .blt2:after{ right: -1.866666667vw;}
    #lp-sp-hgift .sec2 .slide1-wrap{ top: -6.666666667vw; left: 0; width: 37.33333333vw;}
    #lp-sp-hgift .sec2 h3{ font-size: 3.733333333vw;}
    #lp-sp-hgift .sec2 h3 span{ width: 48.07466667vw;}
    #lp-sp-hgift .sec2 .slide2-wrap{ margin: 13.33333333vw 0 0; padding: 0 16vw;}
    #lp-sp-hgift .sec2 .slide2 .slick-slide{ padding: 0; width: auto;}
    #lp-sp-hgift .sec2 .slide2 p{ margin: 1.5em 0 0; letter-spacing: .08em; font-size: 3.2vw; line-height: 1.833333333;}
    #lp-sp-hgift .sec2 .slide2 .view{ margin: 4vw 0 0;}
    #lp-sp-hgift .sec2 .slide2 .view a{ width: 22.4vw; height: 5.866666667vw;}
    #lp-sp-hgift .sec2 .slide2 .view a > img{ width: 13.176vw;}
    #lp-sp-hgift .sec2 .slide2 .view a i{ margin: 0 0 0 .5em; width: 1.6vw;}
    #lp-sp-hgift .sec2 .more-btn{ margin: 13.33333333vw 0 0;}
    #lp-sp-hgift .sec2 .more-btn a{ width: 74.66666667vw; height: 13.33333333vw; border-radius: 6.666666667vw; font-size: 3.733333333vw;}
    #lp-sp-hgift .sec2 .more-btn a span{ margin: 0 .5em 0 0; width: 33.51466667vw;}
}

#lp-sp-hgift .sec2 .slide2 .slick-prev,
#lp-sp-hgift .sec2 .slide2 .slick-next{ top: 260px; z-index: 10; width: 30px; height: 40px; transform: none;}
#lp-sp-hgift .sec2 .slide2 .slick-prev:before,
#lp-sp-hgift .sec2 .slide2 .slick-next:before{ display: block; width: 100%; height: 100%; background: url("/static/mallDefault/contents/images/sp/holiday-gift/arrow.png") no-repeat center / contain; content: ""; opacity: 1;}
#lp-sp-hgift .sec2 .slide2 .slick-prev{ left: calc(50% - 350px); transform: scale(-1,1);}
#lp-sp-hgift .sec2 .slide2 .slick-next{ right: calc(50% - 350px);}

@media only screen and (max-width: 736px) {
    #lp-sp-hgift .sec2 .slide2 .slick-prev,
    #lp-sp-hgift .sec2 .slide2 .slick-next{ top: 30.66666667vw; z-index: 10; width: 3.733333333vw; height: 5.333333333vw;}
    #lp-sp-hgift .sec2 .slide2 .slick-prev{ left: -8.533333333vw;}
    #lp-sp-hgift .sec2 .slide2 .slick-next{ right: -8.533333333vw;}
    
    #lp-sp-hgift .sec2 .slide2-2-wrap{ margin: 12vw 0 0;}
    #lp-sp-hgift .sec2 .slide2-2 .slick-slide{padding: 0 0.533333333vw; width: 22.4vw; }
}

#lp-sp-hgift .sec3{ padding: 195px 0 140px;}
#lp-sp-hgift .sec3 .slide1-wrap{ margin: 0 auto; width: 405.32px;}

@media only screen and (max-width: 736px) {
    #lp-sp-hgift .sec3{ padding: 26.66666667vw 0 16vw;}
    #lp-sp-hgift .sec3 .slide1-wrap{ margin: 0 auto; width: 74.78666667vw;}
}

#lp-sp-hgift .sec4{ display: flex; flex-direction: column; padding: 200px 0; background: #E2CBA6; align-items: center;}
#lp-sp-hgift .sec4 h3{ position: relative; display: flex; flex-direction: column; padding: 100px 0 60px; width: 900px; color: #D64A38; letter-spacing: .1em; font-weight: 900; font-size: 23px; font-family: zen-kaku-gothic-new, sans-serif; align-items: center; text-align:center; line-height: 30px;}
#lp-sp-hgift .sec4 h3:before,
#lp-sp-hgift .sec4 h3:after{ position: absolute; left: 0; width: 100%; height: 10px; background: url("/static/mallDefault/contents/images/sp/holiday-gift/blt.png") no-repeat center / contain; content: "";}
#lp-sp-hgift .sec4 h3:before{ top: 0;}
#lp-sp-hgift .sec4 h3:after{ bottom: 0; transform: scale(1,-1);}
#lp-sp-hgift .sec4 h3 span{ margin: 0 0 1.5em; width: 558.56px;}
#lp-sp-hgift .sec4 h3 .slide1-wrap{ margin: 25px 0 0; width: 120px;}
#lp-sp-hgift .sec4 .style-wrap{ margin: 100px 0 0; width: 900px;}
#lp-sp-hgift .btn1{ position: relative; margin: 100px 0 0; display: flex; justify-content: center;}
#lp-sp-hgift .btn1 a{ display: flex; width: 350px; height: 60px; border-radius: 30px; background: #d64a38; color: #fff; letter-spacing: .05em; font-weight: 700; font-size: 16px; font-family: zen-kaku-gothic-new, sans-serif; justify-content: center; align-items: center;}
#lp-sp-hgift .btn1 a span{ margin: 0 .5em 0 0; width: 146.62px;}

@media only screen and (max-width: 736px) {
    #lp-sp-hgift .sec4{ padding: 21.33333333vw 0 26.66666667vw;}
    #lp-sp-hgift .sec4 h3{ padding: 18.66666667vw 0 12vw; width: 86.13333333vw; font-size: 4vw;}
    #lp-sp-hgift .sec4 h3:before,
    #lp-sp-hgift .sec4 h3:after{ height: 1.866666667vw; background: url("/static/mallDefault/contents/images/sp/holiday-gift/blt_sp.png") no-repeat center / contain;}
    #lp-sp-hgift .sec4 h3 span{ margin: 0 0 1.5em; width: 50.824vw;}
    #lp-sp-hgift .sec4 h3 .slide1-wrap{ margin: 4.8vw 0 0; width: 26.66666667vw;}
    #lp-sp-hgift .sec4 .style-wrap{ margin: 14.66666667vw 0 0; width: 100%;}
    #lp-sp-hgift .btn1{ margin: 13.33333333vw 0 0;}
    #lp-sp-hgift .btn1 a{ width: 74.66666667vw; height: 13.33333333vw; border-radius: 6.666666667vw; font-size: 3.733333333vw;}
    #lp-sp-hgift .btn1 a span{ margin: 0 .5em 0 0; width: 33.51466667vw;}
}

#lp-sp-hgift .sec6{ padding-bottom: 150px; background: #E2CBA6;}
#lp-sp-hgift .sec6 h3{ display: flex; flex-direction: column; letter-spacing: .1em; font-weight: 900; font-size: 23px;　color:#D64A38; font-family: zen-kaku-gothic-new, sans-serif; align-items: center; text-align:center; line-height: 30px;}
#lp-sp-hgift .sec6 .hacobune-app-container{ background: #E2CBA6; }

@media only screen and (max-width: 736px) {
	#lp-sp-hgift .sec6 h3{ font-size: 3.733333333vw;}
}

#lp-sp-hgift .sec5{ padding: 150px 0;}
#lp-sp-hgift .sec5 .bn{ margin: 0 auto; width: 500px;}

@media only screen and (max-width: 736px) {
    #lp-sp-hgift .sec5{ padding: 0;}
    #lp-sp-hgift .sec5 .bn{ margin: 0; width: auto;}
}