#lp-sp-gift{ background: #C9B18B; color: #000; font-family: "A1 Mincho";}
#lp-sp-gift *{ box-sizing: border-box; font-weight: normal;}
#lp-sp-gift .pc{ display: block;}
#lp-sp-gift .sp{ display: none;}
#lp-sp-gift .anchor{ position: relative; z-index: -1;}
#lp-sp-gift .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-sp-gift figure{ margin: 0; padding: 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .pc{ display: none;}
    #lp-sp-gift .sp{ display: block;}
    #lp-sp-gift .anchor{ position: relative; z-index: -1;}
    #lp-sp-gift .anchor:before{ display: block; margin-top: -18.4vw; width: 100%; height: 18.4vw; content: ""; vertical-align: top;}
}

#lp-sp-gift .sec0{ position: relative; padding: 70px 0 140px; background: #C9B18B;}
#lp-sp-gift .sec0 h2{ position: relative; margin: 0 auto; width: 1122px; height: 804px;}
#lp-sp-gift .sec0 h2 > *{ position: absolute;}
#lp-sp-gift .sec0 .main5{ bottom: 119px; left: 70px; width: 179px; opacity: 0;}
#lp-sp-gift .sec0 .main4{ bottom: 0; left: 0;}
#lp-sp-gift .sec0 .main4 ul{ display: flex; flex-direction: row-reverse; justify-content: flex-end;}
#lp-sp-gift .sec0 .main4 ul > li{ margin: 0 0 0 9px; width: 100px; opacity: 0;}
#lp-sp-gift .sec0 .main4 ul > li:last-child{ margin: 0;}
#lp-sp-gift .sec0 .main4 ul > li img{ box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16);}
#lp-sp-gift .sec0 .main3{ top: 0; left: 158px; width: 81.13px; opacity: 0;}
#lp-sp-gift .sec0 .main2{ right: 69px; bottom: 51px; width: 430px; opacity: 0;}
#lp-sp-gift .sec0 .main1{ top: 141px; right: 254px; width: 536.76px;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .sec0{ margin: -24.8vw 0 0; padding: 0 0 10.66666667vw;}
    #lp-sp-gift .sec0 h2{ margin: 0; width: 100vw; height: 154.6666667vw;}
    #lp-sp-gift .sec0 .main5{ bottom: 30.13333333vw; left: 5.333333333vw; width: 29.33333333vw;}
    #lp-sp-gift .sec0 .main4{ bottom: 28.26666667vw; left: 30.4vw;}
    #lp-sp-gift .sec0 .main4 .sp{ display: flex; flex-direction: column; align-items: flex-end;}
    #lp-sp-gift .sec0 .main4 ul + ul{ margin: 2.133333333vw 0 0;}
    #lp-sp-gift .sec0 .main4 ul > li{ margin: 0 0 0 1.6vw; width: 11.336vw;}
    #lp-sp-gift .sec0 .main4 ul > li:last-child{ margin: 0;}
    #lp-sp-gift .sec0 .main4 ul > li img{ box-shadow: 0px 0px 0.8vw rgba(0, 0, 0, 0.16);}
    #lp-sp-gift .sec0 .main3{ top: 0; left: 158px; width: 81.13px; opacity: 0;}
    #lp-sp-gift .sec0 .main3{ top: auto; bottom: 0; left: 6.933333333vw; width: 86.17066667vw;}
    #lp-sp-gift .sec0 .main2{ right: 9.066666667vw; bottom: 68.8vw; width: 59.58933333vw;}
    #lp-sp-gift .sec0 .main1{ top: 34.4vw; right: 9.066666667vw; width: 70.77333333vw;}
}

#lp-sp-gift .sec0 h2.fadein1 .main2{ animation: .9s fadein1 .3s ease-in-out forwards;}
#lp-sp-gift .sec0 h2.fadein1 .main3{ animation: 1.2s fadein1 1.2s ease-in-out forwards;}
#lp-sp-gift .sec0 h2.fadein1 .main4 .pc ul > li:first-child{ animation: .15s fadein1 1.2s ease-in forwards;}
#lp-sp-gift .sec0 h2.fadein1 .main4 .pc ul > li:nth-child(2){ animation: .15s fadein1 1.35s ease-in forwards;}
#lp-sp-gift .sec0 h2.fadein1 .main4 .pc ul > li:nth-child(3){ animation: .15s fadein1 1.5s ease-in forwards;}
#lp-sp-gift .sec0 h2.fadein1 .main4 .pc ul > li:nth-child(4){ animation: .15s fadein1 1.65s ease-in forwards;}
#lp-sp-gift .sec0 h2.fadein1 .main4 .pc ul > li:nth-child(5){ animation: .15s fadein1 1.8s ease-in forwards;}
#lp-sp-gift .sec0 h2.fadein1 .main4 .pc ul > li:nth-child(6){ animation: .15s fadein1 1.95s ease-in forwards;}
#lp-sp-gift .sec0 h2.fadein1 .main4 .pc ul > li:nth-child(7){ animation: .15s fadein1 2.1s ease-in forwards;}
#lp-sp-gift .sec0 h2.fadein1 .main4 .pc ul > li:last-child{ animation: .15s fadein1 2.25s ease-in forwards;}

#lp-sp-gift .sec0 h2.fadein1 .main4 .sp ul > li:first-child{ animation: .15s fadein1 1.2s ease-in forwards;}
#lp-sp-gift .sec0 h2.fadein1 .main4 .sp ul > li:nth-child(2){ animation: .15s fadein1 1.35s ease-in forwards;}
#lp-sp-gift .sec0 h2.fadein1 .main4 .sp ul > li:last-child{ animation: .15s fadein1 1.5s ease-in forwards;}

#lp-sp-gift .sec0 h2.fadein1 .main4 .sp ul + ul > li:first-child{ animation: .15s fadein1 1.65s ease-in forwards;}
#lp-sp-gift .sec0 h2.fadein1 .main4 .sp ul + ul > li:nth-child(2){ animation: .15s fadein1 1.8s ease-in forwards;}
#lp-sp-gift .sec0 h2.fadein1 .main4 .sp ul + ul > li:nth-child(3){ animation: .15s fadein1 1.95s ease-in forwards;}
#lp-sp-gift .sec0 h2.fadein1 .main4 .sp ul + ul > li:nth-child(4){ animation: .15s fadein1 2.1s ease-in forwards;}
#lp-sp-gift .sec0 h2.fadein1 .main4 .sp ul + ul > li:last-child{ animation: .15s fadein1 2.25s ease-in forwards;}

#lp-sp-gift .sec0 h2.fadein1 .main5{ animation: .6s fadein1-2 3s ease forwards;}

@keyframes fadein1 {
    0%{ opacity: 0;}
    100% { opacity: 1;}
}

@keyframes fadein1-2 {
    0%{ opacity: 0; transform: translateY(10px);}
    100% { opacity: 1; transform: translateY(0);}
}

.act2{ opacity: 0;}
.fadein2{ animation: 1.2s fadein2 .2s ease forwards;}

@keyframes fadein2 {
    0%{ opacity: 0;}
    100% { opacity: 1;}
}

/*
#lp-sp-gift .sec1 h2{ margin: 0 calc(50% - 50vw);}
#lp-sp-gift .sec1 h2 img{ margin: 0 auto; width: 1012px;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .sec1 h2{ margin: 0 calc(50% - 50vw);}
    #lp-sp-gift .sec1 h2 img{ margin: 0; width: 100%;}
}
*/

#lp-sp-gift .menu{ position: sticky; top: 102px; display: flex; flex-direction: column; margin: 0 0 0 auto; padding-left: 1.5625vw; align-items: flex-start;}
#lp-sp-gift .menu a{ position: relative; z-index: 30;}
#lp-sp-gift .menu .tl{ padding: 0 0 0 0.364583333vw;}
#lp-sp-gift .menu .tl a{ display: block; width: 9.811458333vw;}
#lp-sp-gift .menu ul{ margin: 1.5625vw 0 0; width: 9.270833333vw;}
#lp-sp-gift .menu ul > li + li{ margin: 1.041666667vw 0 0;}
#lp-sp-gift .menu ul a{ display: flex; padding: 0 0 0 0.364583333vw; height: 1.5625vw; font-size: 0.833333333vw; align-items: center;}
#lp-sp-gift .menu ul a:hover{ background: #B99D72;}

@media only screen and (max-width: 736px) {
    
    #lp-sp-gift .menu{ position: fixed; top: 18.4vw; right: -83.46666667vw; z-index: 30;display: flex; margin: 0; padding: 10.66666667vw 0 10.66666667vw 10.66666667vw; width: 83.46666667vw; border: 1.333333333vw solid #000; border-right: none; background: #C9B18B; box-shadow: 0px 0.533333333vw 1.066666667vw rgba(0, 0, 0, 0.16); transition: right 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);}
    body.active #lp-sp-gift .menu{ right: 0; transition: right 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);}
    
    #lp-sp-gift .menu a{ z-index: auto;}
    #lp-sp-gift .menu .tl{ position: absolute; top: 8vw; right: 5.333333333vw; padding: 0;}
    #lp-sp-gift .menu .tl a{ width: 28.296vw;}
    #lp-sp-gift .menu ul{ margin: 0; width: auto;}
    #lp-sp-gift .menu ul > li + li{ margin: 2em 0 0;}
    #lp-sp-gift .menu ul a{ display: inline; padding: 0; height: auto; font-size: 4.266666667vw;}
}

#lp-sp-gift .sec{ margin: 0 auto; padding: 55px 0 135px; width: 960px;}
#lp-sp-gift .sec1{ margin: -460px auto 0; padding: 0 0 135px;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .sec{ margin: 0; padding: 10.66666667vw 5.333333333vw 16vw; width: 100%;}
    #lp-sp-gift .sec1{ margin: 0; padding: 0 5.333333333vw 26.66666667vw;}
}

#lp-sp-gift .sec h3{ display: flex; white-space: nowrap; font-weight: normal; font-size: 42px; justify-content: center; align-items: center;}
#lp-sp-gift .sec h3:before,
#lp-sp-gift .sec h3:after{ height: 42px; content: ""; flex-grow: 1;}
#lp-sp-gift .sec h3:before{ margin-right: 1em; border-right: 1px solid;}
#lp-sp-gift .sec h3:after{ margin-left: 1em; border-left: 1px solid;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .sec h3{ font-size: 6.933333333vw;}
    #lp-sp-gift .sec h3:before,
    #lp-sp-gift .sec h3:after{ height: 6.933333333vw;}
    #lp-sp-gift .sec h3:before{ border-right: 0.266666667vw solid;}
    #lp-sp-gift .sec h3:after{ border-left: 0.266666667vw solid;}
}

#lp-sp-gift .sec > p{ margin: 2em 0 0; text-align: center; letter-spacing: .08em; font-size: 20px; line-height: 1.8;}
#lp-sp-gift .sec > p small{ display: block; font-size: 14px; line-height: 1.857142857;}
#lp-sp-gift .sec .lead{ text-align: center;}
#lp-sp-gift .sec .lead p{ letter-spacing: .12em; font-size: 22px; line-height: 2.454545455;}
#lp-sp-gift .sec .lead p + p{ margin: 1em 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .sec > p{ margin: 2em 0 0; text-align: left; letter-spacing: .03em; font-size: 4.266666667vw; line-height: 1.625;}
    #lp-sp-gift .sec > p small{ font-size: 3.733333333vw; line-height: 1.857142857;}
    #lp-sp-gift .sec .lead{ text-align: left;}
    #lp-sp-gift .sec .lead p{ letter-spacing: .1em; font-size: 4.266666667vw; line-height: 1.75;}
}

#lp-sp-gift .list1{ display: flex; margin: 80px auto 0; width: 845px; justify-content: space-between;}
#lp-sp-gift .list1 > li{ display: flex; flex-direction: column; width: 189.51px; height: 189.51px; border-radius: 100%; background: #E3D2B6; font-size: 18px; line-height: 1.2; justify-content: center; align-items: center;}
#lp-sp-gift .list1 div{ display: flex; flex-direction: column; font-size: 20px; align-items: center;}
#lp-sp-gift .list1 div strong{ font-size: 36px;}
#lp-sp-gift .list1 > li:first-child div strong{ color: #A0442A;}
#lp-sp-gift .list1 > li:nth-child(2) div strong{ color: #9F8D44;}
#lp-sp-gift .list1 > li:nth-child(3) div strong{ color: #687B5E;}
#lp-sp-gift .list1 > li:nth-child(4) div strong{ color: #4D6581;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .list1{ margin: 0; padding: 8vw 3.733333333vw 0; width: 100%; flex-wrap: wrap;}
    #lp-sp-gift .list1 > li{ margin: 4vw 0 0; width: 38.104vw; height: 38.104vw; font-size: 4.533333333vw; line-height: 1.4;}
    #lp-sp-gift .list1 div{ flex-direction: row; font-size: 4.533333333vw; align-items: baseline;}
    #lp-sp-gift .list1 div strong{ font-size: 8.266666667vw;}
}

#lp-sp-gift .sec1 h4{ display: flex; margin: 140px 0 0; justify-content: center;}
#lp-sp-gift .sec1 h4 span{ padding: 0 0 .5em; border-bottom: 2px solid #000; letter-spacing: .1em; font-size: 34px;}
#lp-sp-gift .sec1 h4 + p{ white-space: nowrap; letter-spacing: .02em; line-height: 2.3;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .sec1 h4{ display: block; margin: 26.66666667vw 0 0; text-align: center;}
    #lp-sp-gift .sec1 h4 span{ display: inline; padding: 0; border-bottom: 0.4vw solid #000; letter-spacing: 0; font-size: 6.4vw; line-height: 1.833333333;}
    #lp-sp-gift .sec1 h4 + p{ white-space: normal; letter-spacing: 0; line-height: 1.75;}
}

#lp-sp-gift .sec1 h5{ display: flex; flex-direction: column; margin: 60px 0 0; font-size: 28px; align-items: center;}
#lp-sp-gift .sec1 h5 span{ margin: 0 0 .5em; background: linear-gradient(#E2D391 0%, #E2D391 100%); letter-spacing: .05em; font-size: 18px;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .sec1 h5{ margin: 13.33333333vw 0 0; font-size: 6.4vw;}
    #lp-sp-gift .sec1 h5 span{ margin: 0 0 1em; letter-spacing: .02em; font-size: 3.733333333vw;}
}

#lp-sp-gift .list-point{ display: flex; margin: 0 auto; width: 810px; flex-wrap: wrap; justify-content: space-between;}
#lp-sp-gift .list-point > li{ margin: 30px 0 0;}
#lp-sp-gift .list-point a{ position: relative; display: flex; flex-direction: column; padding: 20px 0; width: 257.38px; height: 214.66px; background: url("/static/mallDefault/contents/images/sp/gift-catalog/2025/bg_point1.png") no-repeat center / contain; box-shadow: 3px 5px 0px rgba(0, 0, 0, 0.16); text-align: center; text-decoration: none; align-items: center; justify-content: space-between;}
#lp-sp-gift .list-point > li:nth-child(n+7) a{ padding: 20px 0 15px; width: 181.25px; height: 182.16px; background: url("/static/mallDefault/contents/images/sp/gift-catalog/2025/bg_point2.png") no-repeat center / contain;}
#lp-sp-gift .list-point i{ position: absolute; top: 0; left: -.25em; font-style: normal; font-size: 24px;}
#lp-sp-gift .list-point .arrow{ position: absolute; right: 8px; bottom: -10px; width: 27px; height: 27px; border-radius: 100%; background: #000000;}
#lp-sp-gift .list-point .arrow:after{ position: absolute; top: 50%; left: 50%; border-width: 10px 5px 0 5px; border-style: solid; border-color: #C4AB84 transparent transparent transparent; content: ""; transform: translate(-50%,-50%);}
#lp-sp-gift .list-point .tl1{ letter-spacing: .02em; font-size: 18px; line-height: 1.444444444;}
#lp-sp-gift .list-point > li:nth-child(n+7) .tl1{ font-size: 16px;}
#lp-sp-gift .list-point .tl1 span{ font-size: 12px;}
#lp-sp-gift .list-point .tl1 small{ font-size: 10px;}
#lp-sp-gift .list-point figure img{ margin: 0 auto;}
#lp-sp-gift .list-point figcaption{ margin: .5em 0 0; letter-spacing: .02em; font-size: 10px;}
#lp-sp-gift .list-point .ico1 img{ width: auto; height: 80.09px;}
#lp-sp-gift .list-point .ico2 img{ width: auto; height: 72.66px;}
#lp-sp-gift .list-point .ico3 img{ width: auto; height: 85.67px;}
#lp-sp-gift .list-point .ico4 img{ width: auto; height: 90px;}
#lp-sp-gift .list-point .ico5 img{ width: auto; height: 87.26px;}
#lp-sp-gift .list-point .ico6 img{ width: auto; height: 84.16px;}
#lp-sp-gift .list-point .ico7 img{ width: auto; height: 89.47px;}
#lp-sp-gift .list-point .ico8 img{ width: auto; height: 76.05px;}
#lp-sp-gift .list-point .ico9 img{ width: auto; height: 87.81px;}
#lp-sp-gift .list-point .ico10 img{ width: auto; height: 76.05px;}
#lp-sp-gift .list-point .tl2{ text-decoration: underline; letter-spacing: .02em; font-size: 16px;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .list-point{ margin: 0; width: 100%;}
    #lp-sp-gift .list-point > li{ margin: 6.666666667vw 0 0;}
    #lp-sp-gift .list-point a{ padding: 2.666666667vw 0 0; width: 42.66666667vw; height: 37.44533333vw; background: url("/static/mallDefault/contents/images/sp/gift-catalog/2025/bg_point_sp.png") no-repeat center / contain; box-shadow: 0.8vw 1.333333333vw 0px rgba(0, 0, 0, 0.16); justify-content: flex-start;}
    #lp-sp-gift .list-point > li:nth-child(n+7) a{ padding: 2.666666667vw 0 0; width: 42.66666667vw; height: 37.44533333vw; background: url("/static/mallDefault/contents/images/sp/gift-catalog/2025/bg_point_sp.png") no-repeat center / contain;}
    #lp-sp-gift .list-point i{ font-size: 5.333333333vw;}
    #lp-sp-gift .list-point .arrow{ right: 0.8vw; bottom: -2.133333333vw; width: 4.709333333vw; height: 4.709333333vw;}
    #lp-sp-gift .list-point .arrow:after{ border-width: 1.866666667vw 0.933333333vw 0 0.933333333vw;}
    #lp-sp-gift .list-point .tl1{ letter-spacing: -.03em; font-size: 3.733333333vw; line-height: 1.285714286;}
    #lp-sp-gift .list-point > li:nth-child(n+7) .tl1{ font-size: 3.733333333vw;}
    #lp-sp-gift .list-point .tl1 span{ letter-spacing: .03em; font-size: 2.666666667vw;}
    #lp-sp-gift .list-point .tl1 small{ font-size: 2.666666667vw;}
    #lp-sp-gift .list-point figure{ margin: 2.133333333vw 0 0;}
    #lp-sp-gift .list-point .ico4{ margin: 1.333333333vw 0 0;}
    #lp-sp-gift .list-point .ico6{ margin: 1.333333333vw 0 0;}
    #lp-sp-gift .list-point .ico8{ margin: 4vw 0 0;}
    #lp-sp-gift .list-point .ico10{ margin: 4vw 0 0;}
    #lp-sp-gift .list-point figcaption{ margin: 1em 0 0; font-size: 2.666666667vw;}
    #lp-sp-gift .list-point .ico1 img{ width: auto; height: 13.97066667vw;}
    #lp-sp-gift .list-point .ico2 img{ width: auto; height: 12.67466667vw;}
    #lp-sp-gift .list-point .ico3 img{ width: auto; height: 14.17066667vw;}
    #lp-sp-gift .list-point .ico4 img{ width: auto; height: 16vw;}
    #lp-sp-gift .list-point .ico5 img{ width: auto; height: 15.22133333vw;}
    #lp-sp-gift .list-point .ico6 img{ width: auto; height: 12.848vw;}
    #lp-sp-gift .list-point .ico7 img{ width: auto; height: 19.51733333vw;}
    #lp-sp-gift .list-point .ico8 img{ width: auto; height: 13.26666667vw;}
    #lp-sp-gift .list-point .ico9 img{ width: auto; height: 20.27733333vw;}
    #lp-sp-gift .list-point .ico10 img{ width: auto; height: 13.26666667vw;}
    #lp-sp-gift .list-point .tl2{ margin: 1.333333333vw 0 0; letter-spacing: -.06em; font-size: 3.2vw; line-height: 1.333333333;}
}

#lp-sp-gift .list-info{ margin: 45px auto 0; width: 800px;}
#lp-sp-gift .list-info > li + li{ margin: 45px 0 0;}
#lp-sp-gift .list-info time{ display: block; margin: 0 0 1em; letter-spacing: .05em; font-size: 16px;}
#lp-sp-gift .list-info .detail{ padding: 30px; background: #EDE9DF; text-align: left; letter-spacing: .02em; font-size: 14px; font-family: "Yu Gothic Pr6N M"; line-height: 1.857142857;}
#lp-sp-gift .list-info h4{ font-size: 16px; font-family: "Yu Gothic Pr6N D"; line-height: 2;}
#lp-sp-gift .list-info p{ margin: .5em 0 0;}
#lp-sp-gift .list-info p + p{ margin: 1em 0 0;}
#lp-sp-gift .list-info p + p small{ display: inline-block; line-height: 1.5;}
#lp-sp-gift .list-info p a{ text-decoration: underline;}
#lp-sp-gift .list-info figure{ margin: 30px 0 0;}
#lp-sp-gift .list-info figure ul{ display: flex; justify-content: space-between;}
#lp-sp-gift .list-info figure ul > li{ width: 352px;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .list-info{ margin: 8vw 0 0; width: 100%;}
    #lp-sp-gift .list-info > li + li{ margin: 4vw 0 0;}
    #lp-sp-gift .list-info time{ letter-spacing: .1em; font-size: 3.733333333vw;}
    #lp-sp-gift .list-info .detail{ padding: 5.333333333vw; font-size: 3.2vw; line-height: 1.833333333;}
    #lp-sp-gift .list-info h4{ font-size: 3.733333333vw; line-height: 1.857142857;}
    #lp-sp-gift .list-info figure{ margin: 8vw 0 0;}
    #lp-sp-gift .list-info figure ul > li{ width: 37.33333333vw;}
}

#lp-sp-gift .list-lineup{ display: flex; flex-wrap: wrap; justify-content: space-between;}
#lp-sp-gift .list-lineup > li{ margin: 115px 0 0; width: 450px;}
#lp-sp-gift .list-lineup .detail{ padding: 0 30px 30px; background: #fff;}
#lp-sp-gift .list-lineup .tl{ display: flex; justify-content: space-between; align-items: flex-end;}
#lp-sp-gift .list-lineup .tl figure{ position: relative; width: 186.5px; height: calc(194.8px - 35px);}
#lp-sp-gift .list-lineup .tl figure img{ position: absolute; bottom: 0; left: 0; width: 186.5px; box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.29);}
#lp-sp-gift .list-lineup .tl .info{ display: flex; flex-direction: column; width: 172px; align-items: center;}
#lp-sp-gift .list-lineup .tl .info h4{ display: flex; flex-direction: column; letter-spacing: .2em; font-size: 30px; align-items: center;}
#lp-sp-gift .list-lineup .tl .info h4 span{ margin: .5em 0 0; letter-spacing: 0; font-size: 20px;}
#lp-sp-gift .list-lineup .tl-tsukikage .info h4{ letter-spacing: .05em;}
#lp-sp-gift .list-lineup .tl .info .cap{ display: flex; margin: 25px 0 0; width: 100%; height: 31px; border: 1px solid #707070; letter-spacing: .08em; font-size: 16px; justify-content: center; align-items: center;}
#lp-sp-gift .list-lineup .price{ display: flex; margin: 20px 0 0; white-space: nowrap; letter-spacing: .1em; align-items: baseline; font-feature-settings: "palt" 1;}
#lp-sp-gift .list-lineup .price div{ display: flex; font-size: 26px; align-items: baseline;}
#lp-sp-gift .list-lineup .price div span{ font-size: 20px;}
#lp-sp-gift .list-lineup .price div small{ font-size: 14px;}
#lp-sp-gift .list-lineup .price p{ margin: 0 0 0 .5em; font-size: 14px;}
#lp-sp-gift .list-lineup .detail > figure{ position: relative; margin: 20px auto 0; width: 378px;}
#lp-sp-gift .list-lineup .detail > figure a{ position: absolute; bottom: -14px; left: -7px; display: flex; width: 191.5px; height: 43px; border-radius: 21.5px; background: #434342; color: #ede9df; letter-spacing: .03em; font-size: 14px; filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.3)); justify-content: center; align-items: center;}
#lp-sp-gift .list-lineup .detail > figure a:after{ position: absolute; top: 50%; right: 10px; border-width: 5px 0 5px 9px; border-style: solid; border-color: transparent transparent transparent #EDE9DF; content: ""; transform: translate(0,-50%);}
#lp-sp-gift .list-lineup .list-btn{ display: flex; margin: 30px 0 0; justify-content: space-between;}
#lp-sp-gift .list-lineup .list-btn a{ position: relative; display: flex; width: 192px; height: 43px; border-radius: 21.5px; background: #cbab7f; color: #393937; letter-spacing: -.06em; font-size: 14px; justify-content: center; align-items: center;}
#lp-sp-gift .list-lineup .list-btn a:after{ position: absolute; top: 50%; right: 10px; border-width: 5px 0 5px 9px; border-style: solid; border-color: transparent transparent transparent #393937; content: ""; transform: translate(0, -50%);}
#lp-sp-gift .list-lineup .link{ display: flex; margin: 20px 0 0; justify-content: center;}
#lp-sp-gift .list-lineup .link a{ position: relative; display: flex; text-decoration: underline; letter-spacing: .06em; font-size: 16px;}
#lp-sp-gift .list-lineup .link a:after{ position: absolute; top: 50%; right: -16px; width: 5.78px; height: 9.28px; background: url("/static/mallDefault/contents/images/sp/gift-catalog/2025/arrow1.png") no-repeat center / contain; content: ""; transform: translate(0,-50%);}
#lp-sp-gift .list-lineup .note{ margin: 1em 0 0; letter-spacing: .02em; font-size: 12px;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .list-lineup{ flex-direction: column; justify-content: flex-start;}
    #lp-sp-gift .list-lineup > li{ margin: 26.66666667vw 0 0; width: 100%;}
    #lp-sp-gift .list-lineup .detail{ padding: 0 5.333333333vw 5.333333333vw;}
    #lp-sp-gift .list-lineup .tl figure{ width: 36.8vw; height: calc(38.552vw - 10.4vw);}
    #lp-sp-gift .list-lineup .tl figure img{ width: 36.8vw; box-shadow: 0.533333333vw 0.533333333vw 0.8vw rgba(0, 0, 0, 0.29);}
    #lp-sp-gift .list-lineup .tl .info{ width: 36.8vw;}
    #lp-sp-gift .list-lineup .tl .info h4{ font-size: 6.4vw;}
    #lp-sp-gift .list-lineup .tl .info h4 span{ font-size: 4.266666667vw;}
    #lp-sp-gift .list-lineup .tl-tsukikage .info h4{ letter-spacing: .02em;}
    #lp-sp-gift .list-lineup .tl .info .cap{ margin: 2.666666667vw 0 0; height: 6.4vw; border: 0.266666667vw solid #707070; font-size: 3.733333333vw;}
    #lp-sp-gift .list-lineup .price{ flex-direction: column; margin: 4.8vw 0 0;}
    #lp-sp-gift .list-lineup .price div{ font-size: 6.933333333vw;}
    #lp-sp-gift .list-lineup .price div span{ font-size: 5.333333333vw;}
    #lp-sp-gift .list-lineup .price div small{ font-size: 3.733333333vw;}
    #lp-sp-gift .list-lineup .price p{ margin: .5em 0 0; font-size: 3.733333333vw;}
    
    #lp-sp-gift .list-lineup .detail > figure{ margin: 4vw auto 0; width: 73.6vw;}
    #lp-sp-gift .list-lineup .detail > figure a{ bottom: -8.5vw; left: -1.333333333vw; width: 55.2vw; height: 11.73333333vw; border-radius: 5.866666667vw; letter-spacing: -.05em; font-size: 4.266666667vw; filter: drop-shadow(0.533333333vw 0.533333333vw 0px rgba(0, 0, 0, 0.3));}
    #lp-sp-gift .list-lineup .detail > figure a:after{ right: 5.333333333vw; border-width: 1.333333333vw 0 1.333333333vw 2.4vw;}
    
    #lp-sp-gift .list-lineup .list-btn{ flex-direction: column; margin: 0; padding: 8.8vw 0 0; justify-content: flex-start;}
    #lp-sp-gift .list-lineup .list-btn > li{ margin: 3.2vw 0 0;}
    #lp-sp-gift .list-lineup .list-btn a{ width: 100%; height: 14.93333333vw; border-radius: 7.466666667vw; letter-spacing: 0; font-size: 4.266666667vw;}
    #lp-sp-gift .list-lineup .list-btn a:after{ right: 4.266666667vw; border-width: 1.333333333vw 0 1.333333333vw 2.4vw;}
    #lp-sp-gift .list-lineup .link{ margin: 5.333333333vw 0 0;}
    #lp-sp-gift .list-lineup .link a{ font-size: 4.266666667vw;}
    #lp-sp-gift .list-lineup .link a:after{ right: -4vw; width: 1.541333333vw; height: 9.28vw;}
    #lp-sp-gift .list-lineup .note{ letter-spacing: -.02em; font-size: 3.733333333vw; line-height: 1.5;}
}

#lp-sp-gift .btn1{ display: flex; margin: 45px 0 0; justify-content: center;}
#lp-sp-gift .btn1 a{ position: relative; display: flex; margin: 0 auto; padding: 0 50px; height: 60px; border-radius: 30px; background: #4d4d4c; color: #ede9df; white-space: nowrap; font-size: 20px; line-height: 1.2; justify-content: center; align-items: center;}
#lp-sp-gift .btn1 a:after{ position: absolute; top: 50%; right: 20px; border-width: 9px 0 9px 15px; border-style: solid; border-color: transparent transparent transparent #EDE9DF; content: ""; transform: translate(0, -50%);}
#lp-sp-gift .btn1s1 a{ background: #ECC267; color: #fff;}
#lp-sp-gift .btn1s1 a:after{ border-color: transparent transparent transparent #fff;}
#lp-sp-gift .btn1s2 a{ border: 1px solid; background: none; color: #000000;}
#lp-sp-gift .btn1s2 a:after{ border-color: transparent transparent transparent #000000;}
#lp-sp-gift .btn1s3 a{ padding: 0; width: 332px; height: 80px; border-radius: 40px; font-size: 22px; line-height: 1.363636364;}
#lp-sp-gift .btn1s3 a:after{ border-width: 9px 0 9px 15px;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .btn1{ margin: 10.66666667vw 0 0;}
    #lp-sp-gift .btn1 a{ margin: 0; padding: 0; width: 78.66666667vw; height: 16.53333333vw; border-radius: 8.266666667vw; font-size: 4.8vw;}
    #lp-sp-gift .btn1 a:after{ right: 4vw; border-width: 1.866666667vw 0 1.866666667vw 2.933333333vw;}
    #lp-sp-gift .btn1s3 a{ width: 78.66666667vw; height: 16.53333333vw; border-radius: 8.266666667vw; font-size: 4.8vw; line-height: 1;}
    #lp-sp-gift .btn1s3 a:after{ border-width: 1.866666667vw 0 1.866666667vw 2.933333333vw;}
}

#lp-sp-gift .box1{ position: relative; margin: 170px 0 0; padding: 70px 45px; background: #fff; text-align: center;}
/*#lp-sp-gift .box1:after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.35); content: "";}*/
#lp-sp-gift .box1 h4{ display: flex; flex-direction: column; font-size: 36px; align-items: center;}
#lp-sp-gift .box1 h4 span{ margin: 0 0 .75em; font-size: 21px;}
#lp-sp-gift .box1 > p{ margin: 2em 0 0; font-size: 18px; line-height: 1.8;}
#lp-sp-gift .box1 > p + p{ margin: 2em 0 0;}
#lp-sp-gift .box1 > p small{ display: block; font-size: 14px; line-height: 1.714285714;}
#lp-sp-gift .box1 .list-kids{ display: flex; margin: 45px 0 0; justify-content: space-between;}
#lp-sp-gift .box1 .list-kids > li{ width: 160px;}
#lp-sp-gift .box1 .list-kids a{ display: block;}
#lp-sp-gift .box1 .list-kids figcaption{ padding: 1em 0 0; text-align: left; font-size: 12px; line-height: 1.75;}
#lp-sp-gift .box1 .list-kids .more{ margin: 1em 0 0;}
#lp-sp-gift .box1 .list-kids .more a{ display: flex; width: 100%; height: 40px; background: #ECC267; color: #fff; font-size: 12px; justify-content: center; align-items: center;}
#lp-sp-gift .box1 .note{ display: flex; margin: 45px 0 0; padding: 45px; border: 1px solid #b9b9b9; justify-content: space-between; align-items: center;}
#lp-sp-gift .box1 .note .detail{ display: flex; flex-direction: column; width: calc(50% - 45px); align-items: center; justify-content: center;}
#lp-sp-gift .box1 .note .detail h4{ line-height: 1.2;}
#lp-sp-gift .box1 .note .detail h4 .line1{ font-size: 14px;}
#lp-sp-gift .box1 .note .detail h4 .line2{ margin: .75em 0 0; color: #63aad4; font-size: 24px; font-family: "TBRGothic DB";}
#lp-sp-gift .box1 .note .detail h4 .line3{ margin: .75em 0 0; color: #f3a4a9; font-size: 18px; font-family: "TBRGothic DB";}
#lp-sp-gift .box1 .note .detail p{ margin: 2em 0 0; text-align: left; font-size: 14px; line-height: 1.8;}
#lp-sp-gift .box1 .note figure{ width:50%;}
#lp-sp-gift .box1 .info{ position: absolute; top: 120px; left: 50%; z-index: 5; padding: 1.5em; border: 2px solid #f00; background: #fff; color: #f00; text-align: center; white-space: nowrap; line-height: 1.5; transform: translate(-50%,0);}
#lp-sp-gift .box1 .info dt{ font-size: 20px;}
#lp-sp-gift .box1 .info dd{ font-size: 16px;}

.slick-dotted.slick-slider{ margin-bottom: 0;}
.slick-dots{ bottom: -15px;}
.slick-dots li{ margin: 0 4px; width: 8px; height: 8px;}
.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: #ddd; content: ''; opacity: 1;}
.slick-dots li.slick-active button:before{ background: #999; opacity: 1;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .box1{ margin: 25.33333333vw 0 0; padding: 10.66666667vw 6.4vw 16vw;}
    #lp-sp-gift .box1 h4{ font-size: 6.4vw;}
    #lp-sp-gift .box1 h4 span{ font-size: 4.266666667vw;}
    #lp-sp-gift .box1 > p{ margin: 2em 0 0; text-align: left; font-size: 4.266666667vw; line-height: 1.625;}
    #lp-sp-gift .box1 > p small{ font-size: 3.733333333vw;}
    #lp-sp-gift .box1 .list-kids{ margin: 0 -1.333333333vw; padding: 4vw 0 0; justify-content: flex-start; flex-wrap: wrap;}
    #lp-sp-gift .box1 .list-kids > li{ padding: 8vw 1.333333333vw 0; width: 50%;}
    #lp-sp-gift .box1 .list-kids figcaption{ font-size: 2.666666667vw; line-height: 1.75;}
    #lp-sp-gift .box1 .list-kids .more a{ height: 8vw; font-size: 2.666666667vw;}
    #lp-sp-gift .box1 .note{ flex-direction: column; margin: 8vw 0 0; padding: 8vw 4vw; border: 0.266666667vw solid #b9b9b9; align-items: center; justify-content: flex-start;}
    #lp-sp-gift .box1 .note .detail{ width: 100%;}
    #lp-sp-gift .box1 .note .detail h4 .line1{ font-size: 3.2vw;}
    #lp-sp-gift .box1 .note .detail h4 .line2{ margin: .75em 0 0; color: #63aad4; font-size: 5.333333333vw; font-family: "TBRGothic DB";}
    #lp-sp-gift .box1 .note .detail h4 .line3{ margin: .75em 0 0; color: #f3a4a9; font-size: 4.266666667vw; font-family: "TBRGothic DB";}
    #lp-sp-gift .box1 .note .detail p{ margin: 1.5em 0 0; font-size: 3.2vw; line-height: 1.8;}
    #lp-sp-gift .box1 .note figure{ margin: 4vw 0 0; width: 100%;}
    #lp-sp-gift .box1 .info{ top: 5.5em;}
    #lp-sp-gift .box1 .info dt{ font-size: 4.8vw;}
    #lp-sp-gift .box1 .info dd{ font-size: 3.733333333vw;}
    .slick-dots{ bottom: -4vw;}
    .slick-dots li{ margin: 0 0.8vw; width: 1.6vw; height: 1.6vw;}
}

#lp-sp-gift .cap1{ margin: 4em 0 0; text-align: center; letter-spacing: .08em; font-size: 14px;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .cap1{ margin: 8vw 0 0; text-align: left; font-size: 3.733333333vw; line-height: 1.857142857;}
}

#lp-sp-gift .box2{ margin: 70px 0 0; padding: 50px; background: #E3D5B6; text-align: center;}
#lp-sp-gift .box2 h4{ font-size: 36px;}
#lp-sp-gift .box2 p{ margin: 1.5em 0 0; letter-spacing: .08em; font-size: 20px; line-height: 1.8;}
#lp-sp-gift .box2 .list-wrap{ display: flex; margin: 45px 0 0; justify-content: space-between;}
#lp-sp-gift .box2 .list-wrap > li{ width: 200px;}
#lp-sp-gift .box2 .list-wrap h5{ margin: 0 0 1em; font-size: 16px;}
#lp-sp-gift .box2 .list-wrap figcaption{ padding: 1em 0 0; font-size: 12px; line-height: 1.75;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .box2{ margin: 8vw 0 0; padding: 10.66666667vw 6.4vw;}
    #lp-sp-gift .box2 h4{ font-size: 5.866666667vw;}
    #lp-sp-gift .box2 p{ text-align: left; font-size: 4.266666667vw; line-height: 1.75;}
    #lp-sp-gift .box2 .list-wrap{ margin: 0 -2.133333333vw; justify-content: flex-start; flex-wrap: wrap;}
    #lp-sp-gift .box2 .list-wrap > li{ padding: 10.66666667vw 2.133333333vw 0; width: 50%;}
    #lp-sp-gift .box2 .list-wrap h5{ margin: 0 0 1em; white-space: nowrap; font-size: 3.2vw;}
    #lp-sp-gift .box2 .list-wrap figcaption{ padding: .5em 0 0; text-align: left; font-size: 3.2vw; line-height: 1.75;}
}

#lp-sp-gift .dl-faq{ margin: 45px 0 0; border-top: 1px solid #AC9877; text-align: center;}
#lp-sp-gift .dl-faq dt{ position: relative; padding: 1em 0; border-bottom: 1px solid #AC9877; font-size: 18px; cursor: pointer;}
#lp-sp-gift .dl-faq dt:before,
#lp-sp-gift .dl-faq dt:after{ position: absolute; top: 50%; right: 15px; width: 10px; height: 2px; background: #AC9877; content: ""; transform: translate(0,-50%);}
#lp-sp-gift .dl-faq dt:after{ transition: transform .3s ease; transform: translate(0,-50%) rotate(90deg);}
#lp-sp-gift .dl-faq dt.active:after{ transform: translate(0,-50%) rotate(0);}
#lp-sp-gift .dl-faq dd{ display: none; padding: 1em 0 3em; font-size: 14px; line-height: 1.75;}
#lp-sp-gift .dl-faq dd figure{ margin: 2em auto 0; width: 70%;}
#lp-sp-gift .dl-faq dd .btn1{ margin: 2em 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .dl-faq{ margin: 8vw 0 0; border-top: 0.266666667vw solid #AC9877;}
    #lp-sp-gift .dl-faq dt{ border-bottom: 0.266666667vw solid #AC9877; font-size: 3.733333333vw; line-height: 1.5;}
    #lp-sp-gift .dl-faq dt:before,
    #lp-sp-gift .dl-faq dt:after{ right: 3.2vw; width: 3.2vw; height: 0.533333333vw;}
    #lp-sp-gift .dl-faq dd{ padding: 1em 1em 2em; text-align: left; font-size: 3.733333333vw;}
    #lp-sp-gift .dl-faq dd figure{ width: 100%;}
}

#lp-sp-gift .dl-ex{ position: relative; margin: 80px auto 0; width: 750px;}
#lp-sp-gift .dl-ex + .dl-ex:after{ position: absolute; top: -40px; left: 50%; border-width: 16px 10px 0 10px; border-style: solid; border-color: #E3D5B6 transparent transparent transparent; content: ""; transform: translate(-50%,0);}
#lp-sp-gift .dl-ex > dt{ position: relative; display: flex; width: 100%; letter-spacing: .08em; font-size: 24px; justify-content: center; align-items: baseline;}
#lp-sp-gift .dl-ex > dt:before{ position: absolute; bottom: -5px; left: 0; width: 100%; height: 40px; background: #E3D5B6; content: "";}
#lp-sp-gift .dl-ex > dt > span{ position: relative;}
#lp-sp-gift .dl-ex > dt > i{ position: relative; margin: 0 40px 0 0; padding: 0 30px 0 0; font-style: normal; font-size: 54px;}
#lp-sp-gift .dl-ex > dt > i:after{ position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 64px; background: #000; content: ""; transform: translate(0,-50%) rotate(45deg);}
#lp-sp-gift .dl-ex > dd{ text-align: center;}
#lp-sp-gift .dl-ex > dd > p{ margin: 2em 0 0; letter-spacing: .08em; font-size: 18px; line-height: 1.777777778;}
#lp-sp-gift .dl-ex > dd > .cap{ margin: 1em 0 0; letter-spacing: .05em; font-size: 14px; line-height: 1.857142857;}
#lp-sp-gift .dl-ex > dd > figure{ margin: 40px 0 0;}
#lp-sp-gift .dl-ex > dd > figure img{ margin: 0 auto; width: 238px;}

#lp-sp-gift .dl-info{ margin: 60px auto 0; padding: 30px 30px 45px; width: 672px; border-radius: 10px; background: #ede9df;}
#lp-sp-gift .dl-info dt{ padding: 0 0 1em; border-bottom: 1px solid #707070; text-align: center; letter-spacing: .08em; font-size: 20px;}
#lp-sp-gift .dl-info dd{ padding: 25px 0 0;}
#lp-sp-gift .dl-info dd ul{ display: flex; justify-content: space-between;}
#lp-sp-gift .dl-info dd ul > li{ position: relative; display: flex;}
#lp-sp-gift .dl-info dd ul > li + li:after{ position: absolute; top: 24px; left: -30px; width: 19.35px; height: 15.55px; background: url("/static/mallDefault/contents/images/sp/gift-catalog/2025/arrow2.png") no-repeat center / contain; content: "";}
#lp-sp-gift .dl-info dd .line1{ display: flex; flex-direction: column; letter-spacing: .05em; font-size: 38px;}
#lp-sp-gift .dl-info dd .line1 span{ margin: 0 0 .5em; font-size: 10px;}
#lp-sp-gift .dl-info dd p{ padding: 1em 0 0 .5em; text-align: left; white-space: nowrap; letter-spacing: .05em; font-size: 14px; line-height: 1.571428571;}
#lp-sp-gift .dl-info dd p a{ color: #8E2E31; text-decoration: underline;}
#lp-sp-gift .dl-info dd figure{ margin: 0 0 0 20px; padding: 1em 0 0; width: 157px;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .dl-ex{ margin: 18.66666667vw 0 0; width: 100%;}
    #lp-sp-gift .dl-ex + .dl-ex:after{ top: -10.66666667vw; border-width: 4.266666667vw 2.666666667vw 0 2.666666667vw;}
    #lp-sp-gift .dl-ex > dt{flex-direction: column;  letter-spacing: .02em; font-size: 5.866666667vw; justify-content: flex-start;}
    #lp-sp-gift .dl-ex > dt:before{ bottom: -2.666666667vw; left: -5.333333333vw; width: 100vw; height: 12vw;}
    #lp-sp-gift .dl-ex > dt > i{ margin: 0; padding: 0 8vw 0 0; font-size: 14.4vw;}
    #lp-sp-gift .dl-ex > dt > i:after{ width: 0.266666667vw; height: 16vw;}
    #lp-sp-gift .dl-ex > dt > span{ margin: .15em 0 0; width: 100%; text-align: center;}
    #lp-sp-gift .dl-ex > dd{ text-align: left;}
    #lp-sp-gift .dl-ex > dd > p{ margin: 1.5em 0 0; letter-spacing: .05em; font-size: 4.266666667vw; line-height: 1.75;}
    #lp-sp-gift .dl-ex > dd > .cap{ font-size: 3.733333333vw; line-height: 1.857142857;}
    #lp-sp-gift .dl-ex > dd > figure{ margin: 10.66666667vw 0 0;}
    #lp-sp-gift .dl-ex > dd > figure img{ width: 63.46666667vw;}
    
    #lp-sp-gift .dl-info{ margin: 14.66666667vw auto 0; padding: 5.866666667vw 3.2vw 12vw; width: 89.33333333vw; border-radius: 3.733333333vw;}
    #lp-sp-gift .dl-info dt{ border-bottom: 0.266666667vw solid #707070; letter-spacing: .05em; font-size: 4.266666667vw; line-height: 1.75;}
    #lp-sp-gift .dl-info dd{ padding: 9.066666667vw 0 0 5.333333333vw;}
    #lp-sp-gift .dl-info dd ul{ flex-direction: column; justify-content: flex-start;}
    #lp-sp-gift .dl-info dd ul > li{ flex-wrap: wrap;}
    #lp-sp-gift .dl-info dd ul > li + li{ margin: 17.33333333vw 0 0;}
    #lp-sp-gift .dl-info dd ul > li + li:after{ top: -11.46666667vw; left: 50%; width: 4.146666667vw; height: 5.16vw; background: url("/static/mallDefault/contents/images/sp/gift-catalog/2025/arrow2_sp.png") no-repeat center / contain; transform: translate(-50%,0);}
    #lp-sp-gift .dl-info dd .line1{ font-size: 10.13333333vw;}
    #lp-sp-gift .dl-info dd .line1 span{ font-size: 2.666666667vw;}
    #lp-sp-gift .dl-info dd p{ padding: 0 0 0 6.666666667vw; width: 61.33333333vw; white-space: normal; font-size: 3.733333333vw;}
    #lp-sp-gift .dl-info dd figure{ margin: 5.333333333vw 0 0; padding: 0 0 0 16vw; width: 100%;}
    #lp-sp-gift .dl-info dd figure img{ width: 41.86666667vw;}
}

#lp-sp-gift .list-design{ margin: 70px auto 0; width: 920px; border-top: .8px solid #000000; text-align: center;}
#lp-sp-gift .list-design > li{ padding: 40px 0; border-bottom: .8px solid #000000;}
#lp-sp-gift .list-design h4{ display: flex; margin: 0 0 28px; letter-spacing: .08em; font-size: 20px; justify-content: center;}
#lp-sp-gift .list-design h4 span{ display: flex; margin: 0 .5em 0 0; width: 53px; height: 23px; border-radius: 5px; background: #8e2e31; color: #c9b18b; letter-spacing: .08em; font-size: 16px; justify-content: center; align-items: center;}
#lp-sp-gift .list-design img{ margin: 0 auto; width: auto; height: 194px;}
#lp-sp-gift .list-design .img_design4 img{ height: 150px;}
#lp-sp-gift .list-design figcaption{ margin: 1.5em 0 0; letter-spacing: .08em; font-size: 16px; line-height: 1.75;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .list-design{ margin: 16vw 0 0; width: 100%; border-top: 0.213333333vw solid #000000;}
    #lp-sp-gift .list-design > li{ padding: 7.466666667vw 0; border-bottom: 0.213333333vw solid #000000;}
    #lp-sp-gift .list-design h4{ margin: 0 0 4vw; letter-spacing: .02em; font-size: 4.8vw;}
    #lp-sp-gift .list-design h4 span{ margin: 0 .5em 0 0; width: 10.13333333vw; height: 4.533333333vw; border-radius: 1.066666667vw; font-size: 3.2vw;}
    #lp-sp-gift .list-design img{ height: 29.272vw;}
    #lp-sp-gift .list-design .img_design4 img{ height: 24vw;}
    #lp-sp-gift .list-design figcaption{ margin: 1.5em 0 0; letter-spacing: .02em; font-size: 3.733333333vw; line-height: 1.714285714;}
}

#lp-sp-gift .sec6 h4{ margin: 90px 0 0; text-align: center; letter-spacing: .08em; font-size: 26px;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .sec6 h4{ margin: 16vw 0 0; white-space: nowrap;letter-spacing: 0; font-size: 6.4vw; line-height: 1.5;}
}

#lp-sp-gift .list-brand{ display: flex; margin: 0 auto; width: 920px; flex-wrap: wrap; justify-content: space-between;}
#lp-sp-gift .list-brand > li{ margin: 50px 0 0; width: 211px;}
#lp-sp-gift .list-brand figure{ min-height: 275px;}
#lp-sp-gift .list-brand h5{ text-align: center; letter-spacing: .08em; font-size: 14px; font-family: "Yu Gothic Pr6N D";}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .list-brand{ margin: 0; padding: 2.666666667vw 0 0; width: 100%;}
    #lp-sp-gift .list-brand > li{ margin: 6.4vw 0 0; width: 41.86666667vw;}
    #lp-sp-gift .list-brand figure{ min-height: 54.66666667vw;}
    #lp-sp-gift .list-brand h5{ font-size: 2.666666667vw;}
}

#lp-sp-gift .list-brand-cat{ display: flex; margin: 0 auto; width: 920px; justify-content: space-between;}
#lp-sp-gift .list-brand-cat > li{ margin: 50px 0 0; width: 275px;}
#lp-sp-gift .list-brand-cat h5{ margin: 1em 0 0; text-align: center; font-size: 18px; line-height: 1.555555556;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .list-brand-cat{ flex-direction: column; margin: 8vw 0 0; width: 100%; align-items: center; justify-content: flex-start;}
    #lp-sp-gift .list-brand-cat > li{ margin: 0; width: 100%;}
    #lp-sp-gift .list-brand-cat > li + li{ margin: 13.33333333vw 0 0;}
    #lp-sp-gift .list-brand-cat h5{ font-size: 4.8vw; line-height: 1.444444444;}
}

#lp-sp-gift .list-brand-cafe{ display: flex; margin: 0 auto; width: 920px; justify-content: space-between;}
#lp-sp-gift .list-brand-cafe > li{ margin: 50px 0 0; width: 211px;}
#lp-sp-gift .list-brand-cafe figure{ position: relative;}
#lp-sp-gift .list-brand-cafe figure.new:after{ position: absolute; top: 10px; right: -6px; width: 75px; height: 34px; background: url("/static/mallDefault/contents/images/sp/gift-catalog/2025/ico_new.png") no-repeat center / contain; content: "";}
#lp-sp-gift .list-brand-cafe h5{ display: flex; flex-direction: column; margin: 20px 0 0; align-items: center;}
#lp-sp-gift .list-brand-cafe h5 > div{ display: flex; flex-direction: column; min-height: 33.18px; justify-content: center; align-items: center;}
#lp-sp-gift .list-brand-cafe h5 > div img{ width: auto;}
#lp-sp-gift .list-brand-cafe h5 .logo1 img{ height: 17.13px;}
#lp-sp-gift .list-brand-cafe h5 .logo2 img{ height: 33.18px;}
#lp-sp-gift .list-brand-cafe h5 .logo3 img{ height: 18.05px;}
#lp-sp-gift .list-brand-cafe h5 span{ margin: 1em 0 0; text-align: center; font-size: 14px; line-height: 1.428571429;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .list-brand-cafe{ margin: 0; padding: 2.666666667vw 0 0; width: 100%; flex-wrap: wrap;}
    #lp-sp-gift .list-brand-cafe > li{ margin: 5.333333333vw 0 0; width: 41.86666667vw;}
    #lp-sp-gift .list-brand-cafe figure.new:after{ top: 1.866666667vw; right: -1.066666667vw; width: 14.83466667vw; height: 6.725333333vw;}
    #lp-sp-gift .list-brand-cafe h5{ margin: 4vw 0 0;}
    #lp-sp-gift .list-brand-cafe h5 > div{ min-height: 6.562666667vw;}
    #lp-sp-gift .list-brand-cafe h5 .logo1 img{ height: 3.386666667vw;}
    #lp-sp-gift .list-brand-cafe h5 .logo2 img{ height: 6.562666667vw;}
    #lp-sp-gift .list-brand-cafe h5 .logo3 img{ height: 3.570666667vw;}
    #lp-sp-gift .list-brand-cafe h5 span{ margin: .5em 0 0; white-space: nowrap; font-size: 3.2vw; line-height: 1.5;}
}

#lp-sp-gift .sec7{ margin: 0 auto 190px; padding: 70px 0 85px; background: #EDE9DF; box-shadow: inset 0px 3px 6px 0 rgba(0,0,0,0.16);}
#lp-sp-gift .sec7 .tl{ margin: 0 auto; width: 255.24px; height: 57.97px; background: url("/static/mallDefault/contents/images/sp/gift-catalog/2025/blt_ranking.png") no-repeat bottom center / contain;}
#lp-sp-gift .sec7 .tl span{ display: block; text-align: center; letter-spacing: .06em; font-size: 22px; transform: rotate(-3deg);}
#lp-sp-gift .sec7 h3{ margin: .5em 0 0; text-align: center; font-size: 36px;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .sec7{ margin: 10.66666667vw 0 16vw; padding: 12vw 0 9.333333333vw; box-shadow: inset 0px 0.8vw 1.6vw 0 rgba(0,0,0,0.16);}
    #lp-sp-gift .sec7 .tl{ width: 61.16533333vw; height: 10.976vw;}
    #lp-sp-gift .sec7 .tl span{ font-size: 5.333333333vw; transform: translate(0,-30%) rotate(-3deg);}
    #lp-sp-gift .sec7 h3{ font-size: 8vw;}
}

#lp-sp-gift .ranking{ margin: 40px 0 0; opacity: 0; transition: opacity .3s linear;}
#lp-sp-gift .ranking.slick-initialized{ opacity: 1;}
#lp-sp-gift .ranking .slick-slide{ padding: 0 40px;}
#lp-sp-gift .ranking .block{ position: relative; display: flex; flex-direction: column; align-items: center;}
#lp-sp-gift .ranking .block figure{ overflow: hidden; width: 364px; height: 364px; border-radius: 100%; background: #fff;}
#lp-sp-gift .ranking .block > span{ position: absolute; top: 270px; left: 0; display: flex; padding: 1em 0 0; width: 84px; height: 84px; border-radius: 100%; color: #EDE9DF; font-size: 20px; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.25)); justify-content: center; align-items: baseline;}
#lp-sp-gift .ranking .block > span i{ font-style: normal; font-size: 46px;}
#lp-sp-gift .ranking .block .rank1{ background: #8F393C;}
#lp-sp-gift .ranking .block .rank2{ background: #B29619;}
#lp-sp-gift .ranking .block .rank3{ background: #4C5D3D;}
#lp-sp-gift .ranking .block .rank4{ background: #A7A59F;}
#lp-sp-gift .ranking .block .rank5{ background: #24394E;}
#lp-sp-gift .ranking .block h4{ display: flex; flex-direction: column; margin: .5em 0 0; text-align: center; font-size: 30px; line-height: 1.2; align-items: center;}
#lp-sp-gift .ranking .block h4 span{ letter-spacing: -.1em; font-size: 22px;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .ranking{ margin: 4vw 0 0;}
    #lp-sp-gift .ranking .slick-slide{ padding: 0 4vw;}
    #lp-sp-gift .ranking .block figure{ width: 58.13333333vw; height: 58.13333333vw;}
    #lp-sp-gift .ranking .block > span{ top: 42.66666667vw; padding: 1em 0 0; width: 13.33333333vw; height: 13.33333333vw; font-size: 3.2vw; filter: drop-shadow(0px 0px 1.333333333vw rgba(0, 0, 0, 0.25));}
    #lp-sp-gift .ranking .block > span i{ font-size: 7.466666667vw;}
    #lp-sp-gift .ranking .block h4{ margin: .5em 0 0; width: 100%; font-size: 5.6vw; align-items: center;}
    #lp-sp-gift .ranking .block h4 span{ font-size: 4.8vw;}
}

#lp-sp-gift .sec8 h4{ margin: 70px 0 0; text-align: center; letter-spacing: .02em; font-size: 28px;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .sec8 h4{ margin: 18.66666667vw 0 0; white-space: nowrap; letter-spacing: 0; font-size: 6.4vw;}
}

#lp-sp-gift .list-scene{ display: flex; margin: -20px auto 0; width: 920px; flex-wrap: wrap; justify-content: space-between;}
#lp-sp-gift .list-scene > li{ padding: 60px 0 0;}
#lp-sp-gift .list-scene .box{ position: relative; padding: 35px 20px; width: 450px; border-radius: 10px; background: #e2cca8; color: #4D4D4C;}
#lp-sp-gift .list-scene > li:first-child .box{ padding: 45px 35px 40px; background: #EDE9DF; color: #4C8096;}
#lp-sp-gift .list-scene > li:nth-child(2) .box{ padding: 45px 35px 40px; background: #E6CDCE; color: #B24A4E;}
#lp-sp-gift .list-scene > li:nth-child(n+3) .box{ width: 290px;}
#lp-sp-gift .list-scene > li .box:after{ position: absolute; bottom: -25px; border-width: 43px 13.5px 0 13.5px; border-style: solid; border-color: #E2CCA8 transparent transparent transparent; content: "";}
#lp-sp-gift .list-scene > li:first-child .box:after{ left: 180px; border-color: #EDE9DF transparent transparent transparent; transform: rotate(-15deg);}
#lp-sp-gift .list-scene > li:nth-child(2) .box:after{ right: 80px; border-color: #E6CDCE transparent transparent transparent; transform: rotate(15deg);}
#lp-sp-gift .list-scene > li:nth-child(n+3) .box:after{ content: none;}
#lp-sp-gift .list-scene h5{ white-space: nowrap; letter-spacing: .05em; font-size: 24px;}
#lp-sp-gift .list-scene > li:first-child h5,
#lp-sp-gift .list-scene > li:nth-child(2) h5{ letter-spacing: .08em; font-size: 32px;}
#lp-sp-gift .list-scene p{ margin: 1em 0 0; letter-spacing: .03em; font-size: 16px; line-height: 1.875;}
#lp-sp-gift .list-scene p span{ display: inline-block; width: 129px; height: 26px; border-radius: 6px; background: #D0C389; color: #000; text-align: center; letter-spacing: 0; font-size: 16px; line-height: 26px;}
#lp-sp-gift .list-scene figure{ display: flex; flex-direction: row-reverse; margin: 30px 0 0; align-items: center; justify-content: center;}
#lp-sp-gift .list-scene figure ul{ display: flex;}
#lp-sp-gift .list-scene figure ul > li{ display: flex; flex-direction: column; padding: 0 0 0 16px; align-items: flex-end;}
#lp-sp-gift .list-scene figure ul span{ margin: .5em 0 0; padding: 0 .25em 0 0; letter-spacing: .02em; font-size: 12px;}
#lp-sp-gift .list-scene figure img{ width: auto; height: 112px;}
#lp-sp-gift .list-scene figure figcaption{ letter-spacing: .02em; font-size: 20px; line-height: 1.55;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .list-scene{ flex-direction: column; margin: 0 auto; width: 80vw;}
    #lp-sp-gift .list-scene > li:first-child{ padding: 6.666666667vw 8vw 0 0; width: 80vw;}
    #lp-sp-gift .list-scene > li:nth-child(2){ padding: 12vw 8vw 0 0; width: 80vw;}
    #lp-sp-gift .list-scene > li:nth-child(3){ padding: 8vw 0 0; width: 100%;}
    #lp-sp-gift .list-scene > li:nth-child(4){ padding: 4vw 0 0; width: 100%;}
    #lp-sp-gift .list-scene > li:nth-child(5){ padding: 4vw 0 0; width: 100%;}
    #lp-sp-gift .list-scene .box{ padding: 4vw; width: 100%; border-radius: 2.666666667vw;}
    #lp-sp-gift .list-scene > li:first-child .box{ padding: 6.666666667vw;}
    #lp-sp-gift .list-scene > li:nth-child(2) .box{ padding: 6.666666667vw;}
    #lp-sp-gift .list-scene > li .box:after{ bottom: -5.333333333vw; border-width: 6.4vw 2vw 0 2vw;}
    #lp-sp-gift .list-scene > li:first-child .box:after{ left: 50%; transform: translate(-50%,0) rotate(-15deg);}
    #lp-sp-gift .list-scene > li:nth-child(2) .box:after{ right: auto; left: 50%; transform: translate(-50%,0) rotate(15deg);}
    #lp-sp-gift .list-scene h5{ letter-spacing: 0; font-size: 5.333333333vw;}
    #lp-sp-gift .list-scene > li:first-child h5,
    #lp-sp-gift .list-scene > li:nth-child(2) h5{ letter-spacing: 0; font-size: 5.866666667vw;}
    #lp-sp-gift .list-scene p{ letter-spacing: .02em; font-size: 3.2vw; line-height: 1.666666667;}
    #lp-sp-gift .list-scene > li:first-child p,
    #lp-sp-gift .list-scene > li:nth-child(2) p{ letter-spacing: .03em; font-size: 3.733333333vw; line-height: 1.714285714;}
    #lp-sp-gift .list-scene p span{ width: 28.26666667vw; height: 5.066666667vw; border-radius: 1.6vw; letter-spacing: .02em; font-size: 3.2vw; line-height: 5.066666667vw;}
    #lp-sp-gift .list-scene figure{ margin: 9.066666667vw calc(50% - 50vw) 0; padding: 0 0 0 10.66666667vw; width: 100vw;}
    #lp-sp-gift .list-scene figure ul > li{ padding: 0 0 0 1.333333333vw;}
    #lp-sp-gift .list-scene figure ul span{ margin: .5em 0 0; padding: 0 .5em 0 0; font-size: 3.2vw;}
    #lp-sp-gift .list-scene figure img{ width: auto; height: 29.91733333vw;}
    #lp-sp-gift .list-scene figure figcaption{ padding: 0 1.333333333vw 0 0; font-size: 3.733333333vw; line-height: 1.571428571;}
}

#lp-sp-gift .sec9{ width: 1192px;}
#lp-sp-gift .sec9 h4{ margin: 2em 0 0; text-align: center; font-size: 36px;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .sec9{ width: 100%;}
    #lp-sp-gift .sec9 h4{ margin: 2em 0 0; font-size: 5.866666667vw;}
}

#lp-sp-gift .list-wrapping{ display: flex; margin: 80px 0 0; padding: 0 0 25px; justify-content: space-between;}
#lp-sp-gift .list-wrapping > li{ width: 283px;}
#lp-sp-gift .list-wrapping .box{ position: relative; display: flex; flex-direction: column; padding: 40px 25px 25px; background: #EDE9DF; align-items: center;}
#lp-sp-gift .list-wrapping .box h5{ position: absolute; top: -21px; left: 50%; display: flex; width: 240px; height: 42px; border-radius: 21px; background: #6e9298; color: #EDE9DF; font-size: 18px; transform: translate(-50%,0); justify-content: center; align-items: center;}
#lp-sp-gift .list-wrapping .box figure{ margin: 0 -25px; width: auto;}
#lp-sp-gift .list-wrapping .box p{ margin: 1.5em 0 0; letter-spacing: .02em; font-size: 16px; line-height: 1.625;}
#lp-sp-gift .list-wrapping .note{ margin: 1em 0 0; text-align: center; letter-spacing: .08em; font-size: 14px; line-height: 1.857142857;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .list-wrapping{ margin: 0 -1.333333333vw; padding: 0; flex-wrap: wrap;}
    #lp-sp-gift .list-wrapping > li{ margin: 8vw 0 0; width: 44.41866667vw;}
    #lp-sp-gift .list-wrapping .box{ padding: 6.933333333vw 4vw 0; min-height: 68.86666667vw;}
    #lp-sp-gift .list-wrapping .box h5{ top: -3.733333333vw; width: 45.86666667vw; height: 6.592vw; border-radius: 13.33333333vw; font-size: 3.733333333vw;}
    #lp-sp-gift .list-wrapping .box figure{ margin: 0 -4vw; width: auto;}
    #lp-sp-gift .list-wrapping .box p{ margin: 1em 0 0; font-size: 3.2vw; line-height: 1.5;}
    #lp-sp-gift .list-wrapping .note{ margin: .5em 0 0; letter-spacing: .02em; font-size: 3.2vw; line-height: 1.333333333;}
}

#lp-sp-gift .sec10 figure{ margin: 55px auto 0; width: 624px;}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .sec10 figure{ margin: 13.33333333vw 0 0; width: 100%;}
}

#lp-sp-gift .bn{ position: fixed; right: 1.5625vw; bottom: 1.822916667vw; z-index: 30;}
#lp-sp-gift .bn a{ display: block; width: 14.84375vw; filter: drop-shadow(4px 4px 4px rgba(47, 41, 38, 0.2));}

@media only screen and (max-width: 736px) {
    #lp-sp-gift .bn{ right: 0; bottom: 0; z-index: 10;}
    #lp-sp-gift .bn a{ width: 100vw; box-shadow: 0 0 2.666666667vw rgba(152, 107, 85, 0.8); filter: none;}
}

.menu-button{ display: none;}

@media only screen and (max-width: 736px) {
    .menu-button{ position: sticky; top: 18.4vw; right: 0; z-index: 30; display: block; margin: 0 0 0 auto; width: 11.2vw; height: 24.8vw; filter: drop-shadow(0px 0.533333333vw 1.066666667vw rgba(0, 0, 0, 0.24)); cursor: pointer; transition: right 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);}
    body.active .menu-button{ right: 83.46666667vw;}

    .menu-overlay{ position: fixed; top: 0; left: 0; z-index: 20; display: none; width: 100%; height: 100%; background-color: rgba(51,51,51,.5);}
    body.active .menu-overlay{ display: block;}
    
    body.active{ overflow-y: hidden;}
}