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

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

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

#lp-sp-bath .tl1{ position: relative; color: #FAF7F2;}
#lp-sp-bath .tl1 ul{ display: flex;}
#lp-sp-bath .tl1 ul > li{ width: 50%;}
#lp-sp-bath .tl1 figure{ position: relative;}
#lp-sp-bath .tl1 figcaption{ position: absolute; bottom: 1.041666667vw; left: 50%; white-space: nowrap; letter-spacing: .02em; font-size: 1.041666667vw; font-family: "MainichiNewspapersM Light"; transform: translate(-50%,0);}
#lp-sp-bath .tl1 h2{ position: absolute; top: 50%; left: 50%; width: 16.6625vw; font-size: 2.083333333vw; transform: translate(-50%,-50%);}

@media only screen and (max-width: 736px) {
    #lp-sp-bath .tl1 ul{ flex-direction: column;}
    #lp-sp-bath .tl1 ul > li{ width: 100%;}
    #lp-sp-bath .tl1 figcaption{ bottom: 2.666666667vw; font-size: 2.933333333vw;}
    #lp-sp-bath .tl1 h2{ top: 50%; left: -22vw; width: 56.53333333vw; font-size: 2.083333333vw; transform: translate(0,-70%) rotate(90deg);}
}

#lp-sp-bath .lead{ margin: 0 auto; width: 46.875vw;}
#lp-sp-bath .lead1{ padding: 10.41666667vw 0; color: #000; font-size: 1.302083333vw; line-height: 2;}
#lp-sp-bath .lead2{ padding: 7.8125vw 0; font-size: 1.145833333vw; line-height: 2.272727273;}
#lp-sp-bath .lead p{ letter-spacing: .15em; font-family: "MainichiNewspapersM Light";}
#lp-sp-bath .lead p + p{ margin: 3em 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-bath .lead{ margin: 0; width: 100%;}
    #lp-sp-bath .lead1{ padding: 21.33333333vw 10.66666667vw; font-size: 3.733333333vw; line-height: 2.142857143;}
    #lp-sp-bath .lead2{ padding: 21.33333333vw 10.66666667vw; border-right: 0.266666667vw solid #34281E; border-bottom: 0.266666667vw solid #34281E; border-left: 0.266666667vw solid #34281E; font-size: 3.733333333vw; line-height: 2.142857143;}
    #lp-sp-bath .lead p{ white-space: nowrap;}
    #lp-sp-bath .lead p + p{ margin: 2em 0 0;}
}

#lp-sp-bath .list{ display: flex;}
#lp-sp-bath .list1 > li{ width: calc(100% / 3);}
#lp-sp-bath .list2 > li{ width: 25%;}
#lp-sp-bath .list figure{ position: relative;}
#lp-sp-bath .list figcaption{ position: absolute; top: 3.125vw; left: 3.125vw; color: #fff; letter-spacing: .05em; font-weight: 700; font-size: 1.041666667vw; font-family: "helvetica-neue-lt-pro", sans-serif;}
#lp-sp-bath .list .detail{ border: 1px solid #34281E; border-left: none; line-height: 1.875;}
#lp-sp-bath .list > li:first-child .detail{ border-left: 1px solid #34281E;}
#lp-sp-bath .list1 .detail{ padding: 3.125vw;}
#lp-sp-bath .list2 .detail{ padding: 1.822916667vw 2.604166667vw;}
#lp-sp-bath .list h3{ letter-spacing: .05em; font-weight: 700; font-size: 0.729166667vw; font-family: "helvetica-neue-lt-pro", sans-serif;}
#lp-sp-bath .list p{ letter-spacing: .15em; font-size: 0.833333333vw; font-family: "MainichiNewspapersM Light";}

@media only screen and (max-width: 736px) {
    #lp-sp-bath .list{ flex-wrap: wrap;}
    #lp-sp-bath .list1 > li{ width: 100%;}
    #lp-sp-bath .list2 > li{ width: 50%;}
    #lp-sp-bath .list figcaption{ top: 10.66666667vw; left: 10.66666667vw; font-size: 3.733333333vw;}
    #lp-sp-bath .list .detail{ position: relative; border: 0.266666667vw solid #34281E; border-left: 0.266666667vw solid #34281E;}
    #lp-sp-bath .list > li:first-child .detail{ border-left: 0.266666667vw solid #34281E;}
    #lp-sp-bath .list1 .detail{ padding: 10.66666667vw;}
    #lp-sp-bath .list2 .detail{ padding: 8vw 5.333333333vw 0; height: 48vw; border: none;}
    #lp-sp-bath .list2 > li:first-child .detail{ border: none;}
    #lp-sp-bath .list2 > li:nth-child(odd) .detail{ border: 0.266666667vw solid #34281E; border-right: none;}
    #lp-sp-bath .list2 > li:nth-child(even) .detail{ border: 0.266666667vw solid #34281E; border-left: none;}
    #lp-sp-bath .list2 > li:nth-child(even) .detail:before{ position: absolute; top: 0; left: -0.133333333vw; width: 0.266666667vw; height: 100%; background: #34281E; content: "";}
    #lp-sp-bath .list h3{ font-size: 2.666666667vw;}
    #lp-sp-bath .list p{ font-size: 3.2vw; line-height: 1.833333333;}
    #lp-sp-bath .list h3 + p{ margin: 1em 0 0;}
}

#lp-sp-bath .btn1 a{ display: flex; height: 5.208333333vw; align-items: center; justify-content: center;}
#lp-sp-bath .btn1 .line1{ letter-spacing: .05em; font-weight: 700; font-size: 1.041666667vw; font-family: "helvetica-neue-lt-pro", sans-serif;}
#lp-sp-bath .btn1 .line2{ display: flex; margin: 0 0 0 2.083333333vw; letter-spacing: .15em; font-size: 0.729166667vw; font-family: "MainichiNewspapersM Light"; justify-content: center; align-items: center;}
#lp-sp-bath .btn1 .line2 i{ margin: 0 .5em 0 0; width: 0.9375vw;}

@media only screen and (max-width: 736px) {
    #lp-sp-bath .btn1 a{ width: 100vw; height: 26.66666667vw;}
    #lp-sp-bath .btn1 .line1{ display: flex; padding: 0 2.666666667vw 0 0; width: 50vw; font-size: 4vw; justify-content: flex-end;}
    #lp-sp-bath .btn1 .line2{ margin: 0; padding: 0 0 0 5.333333333vw; width: 50vw; font-size: 3.2vw; justify-content: flex-start;}
    #lp-sp-bath .btn1 .line2 i{ margin: 0 .5em 0 0; width: 4.266666667vw;}
}

#lp-sp-bath .tl2{ display: flex;}
#lp-sp-bath .tl2 > *{ width: 50%;}
#lp-sp-bath .tl2 .row1 a{ position: relative; display: block;}
#lp-sp-bath .tl2 .row1 h3{ position: absolute; top: 50%; left: 50%; width: 15.33645833vw; transform: translate(-50%,-50%);}
#lp-sp-bath .tl2 .row1 dl{ position: absolute; right: 3.385416667vw; bottom: 2.34375vw; color: #fff;}
#lp-sp-bath .tl2 .row1 dt{ letter-spacing: .05em; font-weight: 700; font-size: 0.729166667vw; font-family: "helvetica-neue-lt-pro", sans-serif;}
#lp-sp-bath .tl2 .row1 dd{ padding: .75em 0 0; letter-spacing: .15em; font-size: 0.833333333vw; font-family: "MainichiNewspapersM Light"; line-height: 1.875;}
#lp-sp-bath .tl2 .row2{ display: flex; flex-direction: column; padding: 0 0 0 9.791666667vw; background: url("/static/mallDefault/contents/images/sp/bath-collection/img4-2-bg.jpg") no-repeat center / 50vw 50vw; letter-spacing: .15em; font-family: "MainichiNewspapersM Light"; justify-content: center;}
#lp-sp-bath .tl2 .row2 figure{ width: 19.31875vw;}
#lp-sp-bath .tl2 .row2 h4{ margin: 2.34375vw 0 0; font-size: 1.5625vw; line-height: 1.333;}
#lp-sp-bath .tl2 .row2 p{ margin: 2.083333333vw 0 0; width: 29.89583333vw; font-size: 0.833333333vw; line-height: 1.875;}
#lp-sp-bath .tl2 .row2 .btn2{ margin: 2.083333333vw 0 0;}
#lp-sp-bath .tl2 .row2 .btn2 a{ display: flex; font-size: 0.729166667vw;}
#lp-sp-bath .tl2 .row2 .btn2 i{ margin: 0 1em 0 0; width: 0.9140625vw;}

@media only screen and (max-width: 736px) {
    #lp-sp-bath .tl2{ flex-direction: column;}
    #lp-sp-bath .tl2 > *{ width: 100%;}
    #lp-sp-bath .tl2 .row1 h3{ top: 26.66666667vw; width: 44.53333333vw; transform: translate(-50%,0);}
    #lp-sp-bath .tl2 .row1 dl{ right: 0; bottom: 8vw; padding: 0 10.66666667vw; width: 100%;}
    #lp-sp-bath .tl2 .row1 dt{ font-size: 2.666666667vw;}
    #lp-sp-bath .tl2 .row1 dd{ padding: 1em 0 0; font-size: 3.2vw; line-height: 1.833333333;}
    #lp-sp-bath .tl2 .row2{ padding: 16vw 10.66666667vw; background: url("/static/mallDefault/contents/images/sp/bath-collection/img4-2-bg_sp.jpg") repeat-y top center / 100vw 214.6666667vw;}
    #lp-sp-bath .tl2 .row2 figure{ width: 100%;}
    #lp-sp-bath .tl2 .row2 h4{ margin: 10.66666667vw 0 0; font-size: 3.733333333vw; line-height: 2.142857143;}
    #lp-sp-bath .tl2 .row2 p{ margin: 5.333333333vw 0 0; width: 100%; font-size: 3.2vw; line-height: 1.833333333;}
    #lp-sp-bath .tl2 .row2 .btn2{ margin: 5.333333333vw 0 0;}
    #lp-sp-bath .tl2 .row2 .btn2 a{ display: flex; font-size: 3.2vw; align-items: center;}
    #lp-sp-bath .tl2 .row2 .btn2 i{ margin: 0 .5em 0 0; width: 4.266666667vw;}
}

#lp-sp-bath .blt{ display: flex; height: 4.166666667vw; background: #34281E; color: #FAF7F2; letter-spacing: .02em; font-size: 1.041666667vw; font-family: "MainichiNewspapersM Light"; justify-content: center; align-items: center;}

@media only screen and (max-width: 736px) {
    #lp-sp-bath .blt{ height: 26.66666667vw; text-align: center; font-size: 3.2vw; line-height: 1.333333333;}
}

#lp-sp-bath aside{ position: relative; display: flex;}
#lp-sp-bath aside:after{ position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #34281E; content: ""; transform: translate(-50%,0);}
#lp-sp-bath aside > *{ display: flex; width: 50%; height: 15.625vw; justify-content: center; align-items: center;}
#lp-sp-bath aside ul{ display: flex; justify-content: center;}
#lp-sp-bath aside ul > li{ padding: 0 1.5625vw;}
#lp-sp-bath aside ul > li a{ display: flex; flex-direction: column; align-items: center;}
#lp-sp-bath aside ul .logo1{ display: flex; flex-direction: column; width: 13.76458333vw; height: 4.075520833vw; align-items: center; justify-content: center;}
#lp-sp-bath aside ul .logo2{ width: 7.522395833vw;}
#lp-sp-bath aside ul .line2{ display: flex; flex-direction: column; margin: 1.5625vw 0 0; letter-spacing: .15em; font-size: 0.729166667vw; font-family: "MainichiNewspapersM Light"; align-items: center;}
#lp-sp-bath aside ul .line2 i{ margin: 0 0 1em; width: 0.9140625vw;}
#lp-sp-bath aside dl{ display: flex; flex-direction: column; align-items: center;}
#lp-sp-bath aside dt{ width: 10.9375vw;}
#lp-sp-bath aside dd{ display: flex; flex-direction: column; padding: 2.083333333vw 0 0; letter-spacing: .05em; font-weight: 700; font-size: 0.729166667vw; font-family: "helvetica-neue-lt-pro", sans-serif; align-items: center;}
#lp-sp-bath aside dd i{ margin: 0 0 1em; width: 0.9375vw;}

@media only screen and (max-width: 736px) {
    #lp-sp-bath aside{ flex-direction: column; border: 0.266666667vw solid #34281E;}
    #lp-sp-bath aside:after{ content: none;}
    #lp-sp-bath aside > *{ width: 100%; height: 120vw;}
    #lp-sp-bath aside ul{ flex-direction: column; margin: -8vw 0; align-items: center;}
    #lp-sp-bath aside ul > li{ padding: 8vw 0;}
    #lp-sp-bath aside ul .logo1{ width: 55.60533333vw; height: 4.44vw;}
    #lp-sp-bath aside ul .logo2{ width: 38.51466667vw;}
    #lp-sp-bath aside ul .line2{ margin: 5.333333333vw 0 0; letter-spacing: .1em; font-size: 2.933333333vw;}
    #lp-sp-bath aside ul .line2 i{ margin: 0 0 1em; width: 4.266666667vw;}
    #lp-sp-bath aside > div{ border-top: 0.266666667vw solid #34281E;}
    #lp-sp-bath aside dt{ width: 43.73333333vw;}
    #lp-sp-bath aside dd{ padding: 12vw 0 0; font-size: 3.733333333vw;}
    #lp-sp-bath aside dd i{ margin: 0 0 1em; width: 4.266666667vw;}
}