#lp-sp-botanical{ color: #779174; font-family: "Gothic MB101 Regular";}
#lp-sp-botanical *{ box-sizing: border-box;}
#lp-sp-botanical .pc{ display: block;}
#lp-sp-botanical .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-botanical figure{ margin: 0; padding: 0;}
#lp-sp-botanical i,
#lp-sp-botanical em{ font-style: normal;}

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

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

#lp-sp-botanical h2,
#lp-sp-botanical .hero{ position: sticky; top: 67px; z-index: -1;}

@media only screen and (max-width: 1560px) {
    #lp-sp-botanical h2,
    #lp-sp-botanical .hero{ top: 134px;}
}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical h2,
    #lp-sp-botanical .hero{ top: 18.4vw; margin: -1px 0 0;}
}

#lp-sp-botanical .sec1{ position: relative; padding: 4.427083333vw 13.22916667vw 10.15625vw; background: #fff;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec1{ padding: 8vw 11.2vw 20vw;}
}

#lp-sp-botanical .sec1 .dl1 dt{ padding: 0 0 1em; letter-spacing: .25em; font-size: 1.302083333vw; font-family: "Gothic MB101 DemiBold"; line-height: 2.08;}
#lp-sp-botanical .sec1 .dl1 dd{ position: relative; display: flex; padding: 2.083333333vw 0 0; align-items: flex-end;}
#lp-sp-botanical .sec1 .dl1 dd:before{ position: absolute; top: 0; left: 0; width: 15.20833333vw; height: 1.441145833vw; background: url("/static/mallDefault/contents/images/sp/botanical_life/blt1.png") no-repeat center / contain; content: "";}
#lp-sp-botanical .sec1 .dl1 dd figure{ width: 7.864583333vw;}
#lp-sp-botanical .sec1 .dl1 dd .detail{ width: 19.89583333vw; font-family: "Gothic MB101 Medium";}
#lp-sp-botanical .sec1 .dl1 dd .detail .line1{ display: flex; flex-direction: column; letter-spacing: .051em; font-size: 0.572916667vw;}
#lp-sp-botanical .sec1 .dl1 dd .detail .line1 span{ margin: .75em 0 0; color: #8C8C8C; letter-spacing: .079em; font-size: 0.729166667vw;}
#lp-sp-botanical .sec1 .dl1 dd .detail .line2{ margin: 1em 0 0; letter-spacing: .15em; font-size: 0.625vw; line-height: 1.75;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec1 .dl1 dt{ padding: 0 0 1.25em; letter-spacing: .15em; font-size: 4vw; line-height: 1.733333333;}
    #lp-sp-botanical .sec1 .dl1 dd{ flex-direction: column; padding: 4vw 0 0; align-items: flex-start;}
    #lp-sp-botanical .sec1 .dl1 dd:before{ width: 77.67466667vw; height: 6.578666667vw; background: url("/static/mallDefault/contents/images/sp/botanical_life/blt1_sp.png") no-repeat center / contain;}
    #lp-sp-botanical .sec1 .dl1 dd figure{ display: flex; width: 100%; align-items: flex-end;}
    #lp-sp-botanical .sec1 .dl1 dd figure img{ width: 25.33333333vw;}
    #lp-sp-botanical .sec1 .dl1 dd figure figcaption{ display: flex; flex-direction: column; letter-spacing: .051em; font-size: 2.4vw;}
    #lp-sp-botanical .sec1 .dl1 dd figure figcaption span{ margin: .75em 0 0; color: #8C8C8C; letter-spacing: .079em; font-size: 3.2vw;}
    #lp-sp-botanical .sec1 .dl1 dd .detail{ width: 100%;}
    #lp-sp-botanical .sec1 .dl1 dd .detail .line2{ font-size: 2.933333333vw; line-height: 1.727272727;}
}

#lp-sp-botanical .sec1 nav{ margin: 3.125vw calc(50% - 50vw) 0; padding: 4.427083333vw 0 5.208333333vw; background: #DDE3DC;}
#lp-sp-botanical .sec1 nav ul{ display: flex; justify-content: center;}
#lp-sp-botanical .sec1 nav ul > li{ padding: 0 3.90625vw; width: 20.83333333vw;}
#lp-sp-botanical .sec1 nav a{ position: relative; display: flex; flex-direction: column; padding: 0 0 2.760416667vw; width: 100%; align-items: center;}
#lp-sp-botanical .sec1 nav a:after{ position: absolute; bottom: 0; left: 50%; width: 13.02083333vw; height: 0.9375vw; background: url("/static/mallDefault/contents/images/sp/botanical_life/blt2.png") no-repeat center /contain; content: ""; transform: translate(-50%,0);}
#lp-sp-botanical .sec1 nav a:hover{ opacity: .6;}
#lp-sp-botanical .sec1 nav .line1{ display: flex; flex-direction: column; color: #8C8C8C; letter-spacing: .079em; font-weight: 500; font-size: 0.729166667vw; font-family: "acumin-pro", sans-serif; align-items: center;}
#lp-sp-botanical .sec1 nav .line1 i{ margin: 0 0 .25em; font-weight: 400; font-size: 3.125vw;}
#lp-sp-botanical .sec1 nav .line2{ margin: .25em 0 0; text-align: center; letter-spacing: .2em; font-size: 1.354166667vw; font-family: "Gothic MB101 Medium"; line-height: 1.576923077;}
#lp-sp-botanical .sec1 nav figure{ margin: 1.302083333vw 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec1 nav{ margin: 8vw calc(50% - 50vw) 0; padding: 14.66666667vw 11.2vw 21.33333333vw;}
    #lp-sp-botanical .sec1 nav ul{ flex-direction: column; width: 100%; justify-content: flex-start;}
    #lp-sp-botanical .sec1 nav ul > li{ padding: 0; width: 100%;}
    #lp-sp-botanical .sec1 nav a{ padding: 4vw 0 8vw; width: 100%; align-items: flex-start;}
    #lp-sp-botanical .sec1 nav a:after{ bottom: 0; left: 0; width: 100%; height: 2.970666667vw; background: url("/static/mallDefault/contents/images/sp/botanical_life/blt2_sp.png") no-repeat center / cover; transform: none;}
    #lp-sp-botanical .sec1 nav .line1{ flex-direction: row; padding: 0 0 0 1em; width: 100%; font-size: 3.2vw; align-items: baseline;}
    #lp-sp-botanical .sec1 nav .line1 i{ margin: 0 .1em 0 0; font-size: 13.33333333vw;}
    #lp-sp-botanical .sec1 nav .line2{ margin: .25em 0 0; padding: 0 0 0 1em; width: 100%; text-align: left; letter-spacing: .15em; font-size: 4.266666667vw; line-height: 1.5625;}
    #lp-sp-botanical .sec1 nav figure{ position: absolute; right: 0; bottom: 8vw; margin: 0; width: 26.66666667vw;}
}

#lp-sp-botanical .sec1 .dl2{ margin: 4.6875vw 0 0; text-align: center;}
#lp-sp-botanical .sec1 .dl2 dt{ letter-spacing: .25em; font-size: 0.833333333vw; line-height: 2.1875;}
#lp-sp-botanical .sec1 .dl2 dd{ padding: 4.6875vw 0 0;}
#lp-sp-botanical .sec1 .dl2 dd ul{ display: flex; justify-content: center;}
#lp-sp-botanical .sec1 .dl2 dd ul > li{ padding: 0 1.5625vw;}
#lp-sp-botanical .sec1 .dl2 dd a{ display: block; width: 16.24166667vw;}
#lp-sp-botanical .sec1 .dl2 dd a:hover{ opacity: .6;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec1 .dl2{ margin: 13.33333333vw 0 0;}
    #lp-sp-botanical .sec1 .dl2 dt{ letter-spacing: .06em; font-size: 3.2vw; line-height: 1.916666667;}
    #lp-sp-botanical .sec1 .dl2 dd{ padding: 8vw 0 0;}
    #lp-sp-botanical .sec1 .dl2 dd ul{ flex-direction: column; margin: 0 auto; width: 61.06666667vw; justify-content: flex-start;}
    #lp-sp-botanical .sec1 .dl2 dd ul > li{ padding: 0;}
    #lp-sp-botanical .sec1 .dl2 dd ul > li + li{ margin: 4vw 0 0;}
    #lp-sp-botanical .sec1 .dl2 dd a{ display: block; width: 100%;}
}

#lp-sp-botanical .sec2{ position: relative; padding: 0 14.6875vw 12.5vw; background: #fff;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec2{ padding: 0 11.2vw 24vw;}
}

#lp-sp-botanical .sec2 h2{ margin: 0 calc(50% - 50vw);}
#lp-sp-botanical .sec2 h2 img{ margin: 0 auto; width: 83.33333333vw;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec2 h2{ margin: 0;}
    #lp-sp-botanical .sec2 h2 img{ margin: 0; width: 100%;}
}

#lp-sp-botanical .sec2 .lead{ display: flex; margin: 4.166666667vw calc(50% - 50vw) 0; align-items: flex-end;}
#lp-sp-botanical .sec2 .lead figure{ width: 62.5vw;}
#lp-sp-botanical .sec2 .lead .detail{ display: flex; flex-direction: column; padding: 0 0 0 4.166666667vw; width: 23.4375vw;}
#lp-sp-botanical .sec2 .lead .detail i{ width: 6.019791667vw;}
#lp-sp-botanical .sec2 .lead .detail h4{ display: flex; flex-direction: column; margin: .5em 0 0; white-space: nowrap; letter-spacing: .15em; font-size: 2.604166667vw; line-height: 1.48;}
#lp-sp-botanical .sec2 .lead .detail h4 span{ margin: 1em 0 0; color: #B4B4B4; letter-spacing: .09em; font-weight: 600; font-size: 0.677083333vw; font-family: acumin-pro, sans-serif; line-height: 1.538461538;}
#lp-sp-botanical .sec2 .lead .detail p{ margin: 3.125vw 0 0; letter-spacing: .15em; font-size: 0.9375vw; line-height: 2.111111111;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec2 .lead{ flex-direction: column; margin: 6.666666667vw 0 0; align-items: flex-start;}
    #lp-sp-botanical .sec2 .lead figure{ margin: 6.666666667vw calc(50% - 50vw) 0; width: auto;}
    #lp-sp-botanical .sec2 .lead .detail{ margin: 5.333333333vw 0 0; padding: 0; width: 100%; align-items: center;}
    #lp-sp-botanical .sec2 .lead .detail i{ width: 28.22933333vw;}
    #lp-sp-botanical .sec2 .lead h4{ display: flex; flex-direction: column; margin: 0; white-space: nowrap; letter-spacing: .15em; font-size: 7.466666667vw; line-height: 1.25;}
    #lp-sp-botanical .sec2 .lead h4 span{ margin: 1em 0 0; color: #B4B4B4; letter-spacing: .09em; font-weight: 600; font-size: 2.933333333vw; font-family: acumin-pro, sans-serif; line-height: 1.454545455;}
    #lp-sp-botanical .sec2 .lead .detail p{ margin: 1.5em 0 0; letter-spacing: .1em; font-size: 4.133333333vw; line-height: 2.057877814;}
}

#lp-sp-botanical .sec2 .list-point{ display: flex; margin: 5.989583333vw -2.03125vw 0;}
#lp-sp-botanical .sec2 .list-point.line1{ justify-content: flex-end;}
#lp-sp-botanical .sec2 .list-point.line2{ justify-content: flex-start;}
#lp-sp-botanical .sec2 .list-point.line3{ justify-content: center;}
#lp-sp-botanical .sec2 .list-point + .list-point{ margin: 4.166666667vw -2.03125vw 0}
#lp-sp-botanical .sec2 .list-point > li{ display: flex; flex-direction: column; padding: 0 2.03125vw; width: 25%; align-items: center;}
#lp-sp-botanical .sec2 .list-point i{ width: 10.03125vw;}
#lp-sp-botanical .sec2 .list-point h5{ margin: .5em 0 0; width: 100%; color: #8C8C8C; text-align: center; letter-spacing: .02em; font-size: 1.041666667vw; font-family: "Gothic MB101 Bold"; line-height: 1.7;}
#lp-sp-botanical .sec2 .list-point figure{ margin: 2.604166667vw 0 0; width: 100%;}
#lp-sp-botanical .sec2 .list-point p{ margin: 1.5em 0 0; width: 100%; color: #8C8C8C; letter-spacing: .15em; font-size: 0.729166667vw; line-height: 2.142857143;}
#lp-sp-botanical .sec2 .list-point p a{ text-decoration: underline;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec2 .list-point{ flex-direction: column; margin: 0; padding: 12vw 5.6vw 0;}
    #lp-sp-botanical .sec2 .list-point.line1{ justify-content: flex-start;}
    #lp-sp-botanical .sec2 .list-point.line2{ justify-content: flex-start;}
    #lp-sp-botanical .sec2 .list-point.line3{ justify-content: flex-start;}
    #lp-sp-botanical .sec2 .list-point + .list-point{ margin: 0; padding: 0 5.6vw;}
    #lp-sp-botanical .sec2 .list-point > li{ margin: 12vw 0 0; padding: 0; width: 100%;}
    #lp-sp-botanical .sec2 .list-point i{ width: 26.22933333vw;}
    #lp-sp-botanical .sec2 .list-point h5{ margin: 1em 0 0; letter-spacing: .06em; font-size: 4.8vw; line-height: 1.444444444;}
    #lp-sp-botanical .sec2 .list-point figure{ margin: 6.666666667vw auto 0; width: 66.4vw;}
    #lp-sp-botanical .sec2 .list-point p{ margin: 1.5em 0 0; letter-spacing: .05em; font-size: 3.733333333vw; line-height: 1.714285714;}
    #lp-sp-botanical .sec2 .list-point p a{ text-decoration: underline;}
}

#lp-sp-botanical .sec2 .note{ position: relative; display: flex; margin: 4.6875vw 0 0; padding: 2.083333333vw 0 0 4.947916667vw; width: 100%; height: 18.22916667vw; background: url("/static/mallDefault/contents/images/sp/botanical_life/bg1.jpg") no-repeat center / contain; color: #FAFAFA; align-items: flex-start;}
#lp-sp-botanical .sec2 .note .tl{ letter-spacing: .2em; font-weight: 700; font-size: 0.833333333vw; font-family: "acumin-pro-semi-condensed", sans-serif; writing-mode: vertical-rl;}
#lp-sp-botanical .sec2 .note dl{ margin: 0 0 0 20px; padding: 0 0 0 30px; border-left: 1px solid #FAFAFA;}
#lp-sp-botanical .sec2 .note dl dt{ letter-spacing: .19em; font-size: 16px; font-family: "Gothic MB101 Bold"; line-height: 1.75;}
#lp-sp-botanical .sec2 .note dl dd p{ margin: 1.5em 0 0; width: 30.52083333vw; letter-spacing: .15em; font-size: 0.625vw; line-height: 1.916666667;}
#lp-sp-botanical .sec2 .note .btn1{ margin: 1.041666667vw 0 0;}
#lp-sp-botanical .sec2 .note .btn1 a{ display: flex; width: 16.40625vw; height: 2.174479167vw; border: 1px solid #fafafa; border-radius: 1.0875vw; background: rgba(130,120,110,.6); box-shadow: 0.104166667vw 0.104166667vw 0.208333333vw #000; color: #FAFAFA; letter-spacing: .15em; font-size: 0.625vw; font-family: "Gothic MB101 Bold"; justify-content: center; align-items: center;}
#lp-sp-botanical .sec2 .note .btn1 a:hover{ background: rgba(250,250,250,.4);}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec2 .note{ margin: 18.66666667vw -4.266666667vw 0; padding: 10.66666667vw 0 16vw; width: auto; height: auto; background: #82786E; align-items: flex-start; flex-wrap: wrap;}
    #lp-sp-botanical .sec2 .note .tl{ padding: 0 0 0 6.666666667vw; font-size: 3.733333333vw;}
    #lp-sp-botanical .sec2 .note dl{ margin: 0 0 0 2.666666667vw; padding: 0 0 0 6.666666667vw; border-left: 0.266666667vw solid #FAFAFA;}
    #lp-sp-botanical .sec2 .note dl dt{ font-size: 3.733333333vw; line-height: 2;}
    #lp-sp-botanical .sec2 .note dl dd p{ margin: 9.333333333vw 0 0; width: 54.4vw; font-size: 3.2vw; line-height: 1.916666667;}
    #lp-sp-botanical .sec2 .note figure{ margin: 10.66666667vw 0 0;}
    #lp-sp-botanical .sec2 .note .btn1{ margin: 8vw 0 0; width: 100%;}
    #lp-sp-botanical .sec2 .note dl dd .btn1{ display: none;}
    #lp-sp-botanical .sec2 .note .btn1 a{ margin: 0 auto; width: 69.33333333vw; height: 10.66666667vw; border: 0.266666667vw solid #fafafa; border-radius: 5.333333333vw; box-shadow: 0.533333333vw 0.533333333vw 0.8vw #000; font-size: 3.2vw;}
}

#lp-sp-botanical .sec3{ position: relative; padding: 8.333333333vw 14.32291667vw; background: #DDE3DC; color: #8C8C8C;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec3{ padding: 13.33333333vw 11.2vw 26.66666667vw;}
}

#lp-sp-botanical .sec3 h3{ display: flex; color: #779174; letter-spacing: .09em; font-weight: 600; font-size: 1.875vw; font-family: acumin-pro, sans-serif; align-items: center; justify-content: center;}
#lp-sp-botanical .sec3 h3:before,
#lp-sp-botanical .sec3 h3:after{ margin: 0 2.604166667vw 0 0; width: 0.6875vw; height: 3.0359375vw; background: url("/static/mallDefault/contents/images/sp/botanical_life/blt_ttl.png") no-repeat center / contain; content: "";}
#lp-sp-botanical .sec3 h3:after{ margin: 0 0 0 2.604166667vw; transform: scale(-1, 1);}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec3 h3{ font-size: 5.333333333vw;}
    #lp-sp-botanical .sec3 h3:before,
    #lp-sp-botanical .sec3 h3:after{ margin: 0 6.666666667vw 0 0; width: 2.194666667vw; height: 7.413333333vw; background: url("/static/mallDefault/contents/images/sp/botanical_life/blt_ttl_sp.png") no-repeat center / contain;}
    #lp-sp-botanical .sec3 h3:after{ margin: 0 0 0 6.666666667vw;}
}

#lp-sp-botanical .sec3 .list-goods{ display: flex; margin: 0.78125vw 0 0; justify-content: center; flex-wrap: wrap;}
#lp-sp-botanical .sec3 .list-goods > li{ padding: 3.125vw 2.1875vw 0; width: 20%;}
#lp-sp-botanical .sec3 .list-goods a{ display: flex; flex-direction: column; width: 100%; align-items: center;}
#lp-sp-botanical .sec3 .list-goods figure{ position: relative; width: 5.208333333vw; height: 5.208333333vw;}
#lp-sp-botanical .sec3 .list-goods figure img{ position: absolute; bottom: 0; left: 50%; width: 5.208333333vw; transition: transform .3s ease; transform: translate(-50%,0) scale(1);}
#lp-sp-botanical .sec3 .list-goods a:hover figure img{ transform: translate(-50%,0) scale(1.15);}
#lp-sp-botanical .sec3 .list-goods h4{ margin: 0.78125vw 0 0; letter-spacing: .15em; font-size: 0.833333333vw; font-family: "Gothic MB101 Medium";}
#lp-sp-botanical .sec3 .list-goods h4 span{ display: block; margin: 1em 0 0; text-align: center; font-size: 0.625vw;}
#lp-sp-botanical .sec3 .list-goods .btn1{ display: flex; margin: 0.78125vw 0 0; width: 9.895833333vw; height: 1.5625vw; border: 1px solid #8c8c8c; border-radius: 0.78125vw; background: rgba(221,227,220,.6); box-shadow: 1px 1px 1px #3c3c00; color: #8c8c8c; letter-spacing: 0.2em; font-weight: 500; font-size: 0.677083333vw; font-family: acumin-pro, sans-serif; transition: background .3s ease; justify-content: center; align-items: center;}
#lp-sp-botanical .sec3 .list-goods a:hover .btn1{ background: #8C8C8C; color: #fff;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec3 .list-goods{ margin: 0; justify-content: space-between;}
    #lp-sp-botanical .sec3 .list-goods > li{ padding: 8vw 0 0; width: 35.73333333vw;}
    #lp-sp-botanical .sec3 .list-goods figure{ width: 26.66666667vw; height: 26.66666667vw;}
    #lp-sp-botanical .sec3 .list-goods figure img{ width: 26.66666667vw;}
    #lp-sp-botanical .sec3 .list-goods h4{ margin: .5em 0 0; min-height: 12vw; text-align: center; font-size: 3.2vw; line-height: 1.75;}
    #lp-sp-botanical .sec3 .list-goods h4 em{ white-space: nowrap; font-size: 4vw; line-height: 1.4;}
    #lp-sp-botanical .sec3 .list-goods h4 span{ display: inline; margin: 0 0 0 .5em; text-align: center; font-size: 3.2vw;}
    #lp-sp-botanical .sec3 .list-goods .btn1{ margin: 4vw 0 0; width: 100%; height: 9.066666667vw; border: 0.266666667vw solid #8c8c8c; border-radius: 4.533333333vw; box-shadow: 0.533333333vw 0.533333333vw 0.8vw #3c3c00; letter-spacing: 0.1em; font-size: 3.466666667vw;}
}

#lp-sp-botanical .sec3 > p{ margin: 3.90625vw 0 0; text-align: center; letter-spacing: .15em; font-size: 0.833333333vw; font-family: "Gothic MB101 Medium"; line-height: 2;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec3 > p{ margin: 14.66666667vw 0 0; padding: 0 5.6vw; text-align: left; font-size: 3.2vw; line-height: 1.75;}
}

#lp-sp-botanical .sec3 .note{ display: flex; margin: 3.125vw auto 0; width: 54.84375vw; background: #8C8C8C; color: #FAFAFA; align-items: center;}
#lp-sp-botanical .sec3 .note figure{ width: 21.92708333vw;}
#lp-sp-botanical .sec3 .note .detail{ display: flex; flex-direction: column; width: calc(100% - 21.92708333vw); align-items: center; justify-content: center;}
#lp-sp-botanical .sec3 .note .detail dt{ display: flex; flex-direction: column; letter-spacing: .2em; font-size: 0.625vw; font-family: "Koburina Gothic W6 JIS2004"; align-items: center;}
#lp-sp-botanical .sec3 .note .detail dt span{ margin: 1.041666667vw 0 0; width: 12.83489583vw;}
#lp-sp-botanical .sec3 .note .detail dd{ padding: 1.041666667vw 0 0;}
#lp-sp-botanical .sec3 .note .detail dd p{ text-align: center; letter-spacing: .1em; font-size: 0.625vw; font-family: "Koburina Gothic W3 JIS2004"; line-height: 1.666666667;}
#lp-sp-botanical .sec3 .note .detail dd .btn1{ margin: 1.041666667vw 0 0;}
#lp-sp-botanical .sec3 .note .detail dd .btn1 a{ display: flex; margin: 0 auto; width: 10vw; height: 1.354166667vw; border: 1px solid #fdfafa; border-radius: 0.677083333vw; background: rgba(140,140,140,.6); box-shadow: 2px 2px 2px #000; color: #fff; letter-spacing: .05em; font-size: 0.625vw; font-family: "Koburina Gothic W3 JIS2004"; justify-content: center; align-items: center;}
#lp-sp-botanical .sec3 .note .detail dd .btn1 a:hover{ background: rgba(2550,250,250,.5);}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec3 .note{ flex-direction: column; margin: 18.66666667vw auto 0; padding: 0 0 12vw; width: 66.4vw;}
    #lp-sp-botanical .sec3 .note figure{ width: 100%;}
    #lp-sp-botanical .sec3 .note .detail{ margin: 9.333333333vw 0 0; width: 48vw; justify-content: flex-start;}
    #lp-sp-botanical .sec3 .note .detail dt{ text-align: center; letter-spacing: .05em; font-size: 3.466666667vw; line-height: 1.538461538;}
    #lp-sp-botanical .sec3 .note .detail dt span{ margin: 9.333333333vw 0 0; width: 100%;}
    #lp-sp-botanical .sec3 .note .detail dd{ padding: 10.66666667vw 0 0;}
    #lp-sp-botanical .sec3 .note .detail dd p{ text-align: left; font-size: 3.466666667vw; line-height: 1.769230769;}
    #lp-sp-botanical .sec3 .note .detail dd .btn1{ margin: 8vw 0 0;}
    #lp-sp-botanical .sec3 .note .detail dd .btn1 a{ width: 38.4vw; height: 9.6vw; border: 0.266666667vw solid #fdfafa; border-radius: 4.8vw; box-shadow: 0.533333333vw 0.533333333vw 0.8vw #000; letter-spacing: .02em; font-size: 3.466666667vw;}
}

#lp-sp-botanical .sec4{ position: relative; padding: 9.375vw 14.6875vw 8.854166667vw; background: #DDE3DC;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec4{ padding: 14.66666667vw 0 18.66666667vw;}
}

#lp-sp-botanical .sec4 h3{ display: flex; color: #779174; letter-spacing: .09em; font-size: 1.875vw; font-family: "Gothic MB101 Medium"; align-items: center; justify-content: center;}
#lp-sp-botanical .sec4 h3:before,
#lp-sp-botanical .sec4 h3:after{ margin: 0 2.604166667vw 0 0; width: 0.6875vw; height: 3.0359375vw; background: url("/static/mallDefault/contents/images/sp/botanical_life/blt_ttl2.png") no-repeat center / contain; content: "";}
#lp-sp-botanical .sec4 h3:after{ margin: 0 0 0 2.604166667vw; transform: scale(-1, 1);}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec4 h3{ text-align: center; letter-spacing: .07em; font-size: 5.066666667vw; line-height: 1.684210526;}
    #lp-sp-botanical .sec4 h3:before,
    #lp-sp-botanical .sec4 h3:after{ margin: 0 4vw 0 0; width: 2.194666667vw; height: 17.56vw; background: url("/static/mallDefault/contents/images/sp/botanical_life/blt_ttl2_sp.png") no-repeat center / contain;}
    #lp-sp-botanical .sec4 h3:after{ margin: 0 0 0 4vw; transform: scale(-1, 1);}
}

#lp-sp-botanical .sec4 .lead{ display: flex; flex-direction: column; margin: 1.822916667vw 0 0; align-items: center;}
#lp-sp-botanical .sec4 .lead i{ width: 6.469270833vw;}
#lp-sp-botanical .sec4 .lead p{ margin: 1.822916667vw 0 0; color: #82786E; text-align: center; letter-spacing: .15em; font-size: 0.833333333vw; font-family: "Gothic MB101 Medium"; line-height: 2;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec4 .lead{ margin: 2.666666667vw 0 0;}
    #lp-sp-botanical .sec4 .lead i{ width: 24.66933333vw;}
    #lp-sp-botanical .sec4 .lead p{ margin: 9.333333333vw 0 0; padding: 0 16.8vw; text-align: left; font-size: 3.733333333vw; line-height: 1.928571429;}
}

#lp-sp-botanical .sec4 .wrap-youtube{ margin: 4.427083333vw 0 0;}
#lp-sp-botanical .sec4 .wrap-youtube .hacobune-mix-list-item-figure-thumbnail[data-v-c028f742]{ z-index: initial;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec4 .wrap-youtube{ margin: 10.66666667vw 0 0;}
}

#lp-sp-botanical .sec4 .btn1{ margin: 3.90625vw 0 0;}
#lp-sp-botanical .sec4 .btn1 a{ display: flex; margin: 0 auto; width: 18.75vw; height: 2.916666667vw; border: 1px solid #8c8c8c; border-radius: 1.458333333vw; background: rgba(221,227,220,.6); box-shadow: 2px 2px 2px #3c3c00; color: #8c8c8c; letter-spacing: 0.2em; font-weight: 500; font-size: 0.989583333vw; font-family: acumin-pro, sans-serif; justify-content: center; align-items: center;}
#lp-sp-botanical .sec4 .btn1 a:hover{ background: #8C8C8C; color: #FDFAFA;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec4 .btn1{ margin: 9.333333333vw 0 0;}
    #lp-sp-botanical .sec4 .btn1 a{ width: 66.93333333vw; height: 9.6vw; border: 0.266666667vw solid #8c8c8c; border-radius: 4.8vw; box-shadow: 0.533333333vw 0.533333333vw 0.8vw #3c3c00; letter-spacing: .1em; font-size: 4.533333333vw;}
}

#lp-sp-botanical .sec5{ position: relative; padding: 5.208333333vw 25vw 8.333333333vw; background: #DDE3DC;}
#lp-sp-botanical .sec5:before{ position: absolute; top: 0; left: 50%; width: 70.625vw; height: 1px; background: #707070; content: ""; transform: translate(-50%,0);}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec5{ margin: -1px 0 0; padding: 21.33333333vw 11.2vw 25.06666667vw;}
    #lp-sp-botanical .sec5:before{ width: 86.13333333vw; height: 0.266666667vw;}
}

#lp-sp-botanical .sec5 h3{ display: flex; color: #779174; letter-spacing: .09em; font-weight: 600; font-size: 1.875vw; font-family: acumin-pro, sans-serif; align-items: center; justify-content: center;}
#lp-sp-botanical .sec5 h3:before,
#lp-sp-botanical .sec5 h3:after{ margin: 0 2.604166667vw 0 0; width: 0.6875vw; height: 3.0359375vw; background: url("/static/mallDefault/contents/images/sp/botanical_life/blt_ttl.png") no-repeat center / contain; content: "";}
#lp-sp-botanical .sec5 h3:after{ margin: 0 0 0 2.604166667vw; transform: scale(-1, 1);}
#lp-sp-botanical .sec5 .wrap-vsm{ margin: 3.125vw 0 0;}
#lp-sp-botanical .sec5 .wrap-vsm .hacobune-mix-list-item-figure-thumbnail[data-v-c028f742]{ z-index: initial;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .sec5 h3{ font-size: 5.333333333vw;}
    #lp-sp-botanical .sec5 h3:before,
    #lp-sp-botanical .sec5 h3:after{ margin: 0 6.666666667vw 0 0; width: 2.194666667vw; height: 7.413333333vw; background: url("/static/mallDefault/contents/images/sp/botanical_life/blt_ttl_sp.png") no-repeat center / contain;}
    #lp-sp-botanical .sec5 h3:after{ margin: 0 0 0 6.666666667vw;}
    #lp-sp-botanical .sec5 .wrap-vsm{ margin: 8vw 0 0;}
}

#lp-sp-botanical .pagetop{ position: fixed; right: 6.25vw; bottom: 6.25vw; width: 2.083333333vw;}
#lp-sp-botanical .pagetop a{ display: block;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .pagetop{ right: 5.066666667vw; bottom: 21.06666667vw; width: 6.133333333vw;}
}

#lp-sp-botanical .fnav{ position: fixed; bottom: 0; left: 0; width: 100%;}
#lp-sp-botanical .fnav ul{ display: flex; justify-content: space-between;}
#lp-sp-botanical .fnav ul > li{ margin: 0 -2.083333333vw 0 0; width: 52.08333333vw;}
#lp-sp-botanical .fnav ul > li:last-child{ margin: 0 0 0 -2.083333333vw;}
#lp-sp-botanical .fnav a{ position: relative; display: flex; padding: .5em 7.291666667vw 0 0; width: 100%; height: 4.270833333vw; background: no-repeat center; background-image: url("/static/mallDefault/contents/images/sp/botanical_life/bg_fnav.png"),url("/static/mallDefault/contents/images/sp/botanical_life/bg_fnav_hover.png"); background-size: cover, 0 0; color: #FAFAFA; letter-spacing: .3em; font-size: 1.354166667vw; align-items: center; justify-content: flex-end;}
#lp-sp-botanical .fnav ul > li:last-child a{ padding: .5em 0 0 5.989583333vw; background-image: url("/static/mallDefault/contents/images/sp/botanical_life/bg_fnav2.png"),url("/static/mallDefault/contents/images/sp/botanical_life/bg_fnav2_hover.png"); justify-content: flex-start;}
#lp-sp-botanical .fnav a:hover{ background-size: 0 0, cover;}
#lp-sp-botanical .fnav a span{ position: relative; display: flex; margin: 0 0 0 1.5625vw; font-size: 0.833333333vw; font-family: acumin-pro-semi-condensed, sans-serif; align-items: center;}
#lp-sp-botanical .fnav a i{ margin: 0 0 0 .5em; width: 0.957291667vw; height: 0.855208333vw; background: url("/static/mallDefault/contents/images/sp/botanical_life/arrow2.png") no-repeat center / contain;}

@media only screen and (max-width: 736px) {
    #lp-sp-botanical .fnav{ background: url("/static/mallDefault/contents/images/sp/botanical_life/bg_fnav_sp.png") no-repeat center / contain;}
    #lp-sp-botanical .fnav ul > li{ margin: 0; width: 50vw;}
    #lp-sp-botanical .fnav ul > li:last-child{ margin: 0;}
    #lp-sp-botanical .fnav a{ padding: 0 12vw 0 0; width: 100%; height: 16vw; background: none; letter-spacing: .1em; font-size: 4vw;}
    #lp-sp-botanical .fnav ul > li:last-child a{ padding: 0 0 0 10.66666667vw; background: none; justify-content: flex-start;}
    #lp-sp-botanical .fnav a:hover{ background: none;}
    #lp-sp-botanical .fnav a span{ display: none;}
    #lp-sp-botanical .fnav a i{ margin: 0 0 0 .5em; width: 2.533333333vw; height: 2.424vw;}
}

#lp-sp-botanical .act1 { opacity: 0; transform: translateY(150px);}
#lp-sp-botanical .fadein1 { animation: fadein1 3s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;}
@keyframes fadein1 {
    0% { opacity: 0; transform: translateY(150px);}
    100% { opacity: 1; transform: translateY(0);}
}

#lp-sp-botanical .act2 { opacity: 0;}
#lp-sp-botanical .fadein2 { animation: fadein2 1.5s ease-in-out 1 forwards;}
@keyframes fadein2 {
    0% { opacity: 0;}
    100% { opacity: 1;}
}