#lp-sp-foamy{ margin: 0 auto; width: 79.26023778vw; color: #3D3D3D;}
#lp-sp-foamy *{ box-sizing: border-box;}
#lp-sp-foamy .pc{ display: block;}
#lp-sp-foamy .sp{ display: none;}
#lp-sp-foamy .anchor{ position: relative;}
#lp-sp-foamy .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-sp-foamy figure{ margin: 0; padding: 0;}

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

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

#lp-sp-foamy h3{ display: flex; flex-direction: column; font-family: "A1 Mincho"; align-items: center;}
#lp-sp-foamy .sec-s p{ margin: 1.5em 0 0; text-align: justify; letter-spacing: .1em; font-size: 1.188903567vw; font-family: "A1 Mincho"; line-height: 2;}

@media only screen and (max-width: 736px) {
    #lp-sp-foamy .sec-s p{ font-size: 3.2vw; line-height: 1.75;}
}

#lp-sp-foamy .btn1{ display: flex; margin: 3.963011889vw 0 0; justify-content: center;}
#lp-sp-foamy .btn1 a{ display: flex; width: 21.79656539vw; height: 3.963011889vw; background: #000; color: #fff; font-size: 1.188903567vw; font-family: "A1 Mincho"; justify-content: center; align-items: center;}
#lp-sp-foamy .btn1 a span{ margin: 0 1em 0 0; padding: .25em 1em .25em 0; border-right: 1px solid;}
#lp-sp-foamy .btn1 a span img{ width: auto; height: 0.990752972vw;}

@media only screen and (max-width: 736px) {
    #lp-sp-foamy .btn1{ margin: 12vw 0 0;}
    #lp-sp-foamy .btn1 a{ width: 100%; height: 12vw; font-size: 3.733333333vw;}
    #lp-sp-foamy .btn1 a span{ border-right: 0.266666667vw solid;}
    #lp-sp-foamy .btn1 a span img{ height: 3.2vw;}
}

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

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

#lp-sp-foamy .slide1 .slick-prev,
#lp-sp-foamy .slide1 .slick-next{ width: 2.642007926vw; height: 10.5680317vw;}
#lp-sp-foamy .slide1 .slick-prev{ left: 0; z-index: 10;}
#lp-sp-foamy .slide1 .slick-next{ right: 0; transform: translate(0,-50%) scale(-1,1);}
#lp-sp-foamy .slide1 .slick-prev:before,
#lp-sp-foamy .slide1 .slick-next:before{ display: block; width: 100%; height: 100%; background: url("/static/mallDefault/contents/images/sp/fuuma-foamy/arrow.png") no-repeat center / contain; content: ""; opacity: 1;}

@media only screen and (max-width: 736px) {
    #lp-sp-foamy .slide1 .slick-prev,
    #lp-sp-foamy .slide1 .slick-next{ width: 5.333333333vw; height: 21.33333333vw;}
    #lp-sp-foamy .slide1 .slick-prev{ left: 0; z-index: 10;}
    #lp-sp-foamy .slide1 .slick-next{ right: 0; transform: translate(0,-50%) scale(-1,1);}
    #lp-sp-foamy .slide1 .slick-prev:before,
    #lp-sp-foamy .slide1 .slick-next:before{ display: block; width: 100%; height: 100%; background: url("/static/mallDefault/contents/images/sp/fuuma-foamy/arrow.png") no-repeat center / contain; content: ""; opacity: 1;}
}

#lp-sp-foamy .sec0{ position: relative; margin: 0 calc(50% - 50vw); background: #F0EFE9; color: #F0EFE9;}
#lp-sp-foamy .sec0 video{ width: 100%;}
#lp-sp-foamy .sec0 .blt{ position: absolute; top: 10%; right: 5%; width: 15%;}
#lp-sp-foamy .sec0 h2{ position: absolute; top: 50%; left: 50%; width: 75%; transform: translate(-50%,0);}
#lp-sp-foamy .sec0 h3{ position: absolute; bottom: 10%; left: 50%; display: flex; text-align: center; white-space: nowrap; letter-spacing: .1em; font-size: 2.642007926vw; line-height: 1.75; transform: translate(-50%,0);}
#lp-sp-foamy .sec0 h3 small{ font-size: 75%;}


@media only screen and (max-width: 736px) {
    #lp-sp-foamy .sec0{ margin: 0;}
    #lp-sp-foamy .sec0 .blt{ top: 10%; right: 5%; width: 15%;}
    #lp-sp-foamy .sec0 h2{ top: auto; bottom: 0; left: 50%; width: 90%;}
}

#lp-sp-foamy .sec1{ position: relative; margin: 0 calc(50% - 50vw); padding: 3.963011889vw calc(50vw - 50%) 7.926023778vw; background: #F0EFE9; text-align: center; font-family: "A1 Mincho";}
#lp-sp-foamy .sec1 p{ margin: 0; text-align: center;}
#lp-sp-foamy .sec1 p + p{ margin: 2em 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-foamy .sec1{ margin: 0; padding: 8vw 8vw 16vw; color: #000;}
    #lp-sp-foamy .sec1 h3{ display: flex; text-align: center; white-space: nowrap; letter-spacing: .1em; font-size: 4vw; line-height: 1.75;}
    #lp-sp-foamy .sec1 h3 small{ font-size: 75%;}
    #lp-sp-foamy .sec1 p{ margin: 1.5em 0 0; text-align: justify;}
    #lp-sp-foamy .sec1 p + p{ margin: 1.5em 0 0;}
}

#lp-sp-foamy .pnav{ position: sticky; top: 67px; z-index: 20; margin: 0 calc(50% - 50vw); padding: 0 calc(50vw - 50%); border-bottom: 1px solid #3D3D3D; background: #F0EFE9; font-family: "A1 Mincho";}
#lp-sp-foamy .pnav ul{ display: flex; width: 100%;}
#lp-sp-foamy .pnav ul > li{ width: calc(100% / 3);}
#lp-sp-foamy .pnav a{ position: relative; display: flex; padding: 1.981505945vw 0; width: 100%; white-space: nowrap; letter-spacing: .1em; font-size: 0.990752972vw; cursor: pointer; justify-content: center; align-items: center;}
#lp-sp-foamy .pnav a:after{ position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: #3D3D3D; content: ""; transition: all .3s ease;}
#lp-sp-foamy .pnav a span{ margin: 0 1em 0 0;}
#lp-sp-foamy .pnav a span img{ width: auto; height: 1.585204756vw;}
#lp-sp-foamy .pnav a.active:after{ height: 0.396301189vw;}

@media only screen and (max-width: 1560px) {
    #lp-sp-foamy .pnav{ top: 134px;}
}

@media only screen and (max-width: 736px) {
    #lp-sp-foamy .pnav{ top: 18.4vw; margin: 0; padding: 0; border-bottom: 0.266666667vw solid #000;}
    #lp-sp-foamy .pnav a{ flex-direction: column; padding: 4vw 0; font-size: 2.666666667vw; justify-content: flex-start;}
    #lp-sp-foamy .pnav a span{ margin: 0 0 .5em;}
    #lp-sp-foamy .pnav a span img{ height: 3.2vw;}
    #lp-sp-foamy .pnav a.active:after{ height: 0.8vw;}
}

#lp-sp-foamy .sec2{ margin: 0 calc(50% - 50vw); padding: 9.907529723vw calc(50vw - 50%); background: #F0EFE9;}
#lp-sp-foamy .sec2 + .sec2{ padding: 0 calc(50vw - 50%) 9.907529723vw;}
#lp-sp-foamy .sec2 h3{ letter-spacing: .03em; font-weight: 400; font-size: 4.557463672vw; font-family: "garamond-premier-pro-display", serif;}
#lp-sp-foamy .sec2 h3 span{ margin: 0 0 .1em;}
#lp-sp-foamy .sec2 h3 span img{ width: auto; height: 1.78335535vw;}
#lp-sp-foamy .sec2 .cover{ margin: 3.963011889vw 0 0;}
#lp-sp-foamy .sec2 .dl1{ display: flex; margin: 5.944517834vw 0 0; letter-spacing: .1em; font-family: "A1 Mincho"; align-items: center;}
#lp-sp-foamy .sec2 .dl1 dt{ width: 50%; text-align: center; font-size: 1.78335535vw; line-height: 1.75;}
#lp-sp-foamy .sec2 .dl1 dd{ padding: 1.5em 0 1.5em 4.953764861vw; width: 50%; border-left: 0.033025099vw solid; text-align: justify; font-size: 1.188903567vw; line-height: 2;}
#lp-sp-foamy .sec2 .row{ display: flex; margin: 5.944517834vw 0 0; justify-content: space-between;}
#lp-sp-foamy .sec2 .row figure{ position: relative; z-index: 10; width: 39.63011889vw;}
#lp-sp-foamy .sec2 .row .detail{ width: 34.61030383vw;}

@media only screen and (max-width: 736px) {
    #lp-sp-foamy .sec2{ margin: 0; padding: 16vw 8vw;}
    #lp-sp-foamy .sec2 + .sec2{ padding: 0 8vw 16vw;}
    #lp-sp-foamy .sec2 h3{ letter-spacing: .03em; font-size: 7.2vw;}
    #lp-sp-foamy .sec2 h3 span{ margin: 0 0 .25em;}
    #lp-sp-foamy .sec2 h3 span img{ height: 3.2vw;}
    #lp-sp-foamy .sec2 .cover{ margin: 8vw calc(50% - 50vw) 0; width: auto;}
    #lp-sp-foamy .sec2 .dl1{ flex-direction: column; margin: 4vw 0 0; width: 100%;}
    #lp-sp-foamy .sec2 .dl1 dt{ width: 100%; font-size: 4.8vw; line-height: 1.5;}
    #lp-sp-foamy .sec2 .dl1 dd{ margin: 1em 0 0; padding: 0; width: 100%; border-left: none; font-size: 3.2vw; line-height: 1.75;}
    #lp-sp-foamy .sec2 .row{ flex-direction: column; margin: 12vw 0 0; width: 100%; justify-content: flex-start;}
    #lp-sp-foamy .sec2 .row figure{ width: 100%;}
    #lp-sp-foamy .sec2 .row .detail{ width: 100%;}
}

.slide2-thumb{ position: relative; margin: 0.330250991vw 0 0;}
.slide2-thumb .slick-slide{ padding: 0 0.396301189vw 0 0; width: 5.944517834vw; opacity: .5; cursor: pointer;}
.slide2-thumb .slick-current{ opacity: 1;}
.slide2-thumb .slick-track{ transform: unset !important;}

@media only screen and (max-width: 736px) {
    .slide2-thumb{ margin: 1vw 0 0;}
    .slide2-thumb .slick-slide{ padding: 0 1.5vw 0 0; width: 16vw;}
}

#lp-sp-foamy .sec3{ margin: 0 calc(50% - 50vw); padding: 9.907529723vw calc(50vw - 50%); background: #D5D7CA;}
#lp-sp-foamy .sec3 h3{ letter-spacing: .1em; font-size: 1.188903567vw;}
#lp-sp-foamy .sec3 h3 span{ margin: 0 0 1em;}
#lp-sp-foamy .sec3 h3 span img{ width: auto; height: 2.774108322vw;}

@media only screen and (max-width: 736px) {
    #lp-sp-foamy .sec3{ margin: 0; padding: 16vw 8vw;}
    #lp-sp-foamy .sec3 h3{ font-size: 3.2vw;}
    #lp-sp-foamy .sec3 h3 span img{ height: 5.6vw;}
}

#lp-sp-foamy .sec3 .list1{ margin: 3.963011889vw 0 0;}
#lp-sp-foamy .sec3 .list1 > li{ padding: 7.926023778vw 0 0;}
#lp-sp-foamy .sec3 .list1 > li:first-child{ padding: 0;}
#lp-sp-foamy .sec3 .list1 .number{ display: flex; margin: 0 0 3.963011889vw; width: 100%; font-size: 3.764861295vw; align-items: center;}
#lp-sp-foamy .sec3 .list1 .number:after{ margin: 0 0 0 1em; width: 100%; height: 1px; background: #000; content: ""; flex-grow: 1;}
#lp-sp-foamy .sec3 .list1 .row{ display: flex; flex-direction: row-reverse; justify-content: space-between;}
#lp-sp-foamy .sec3 .list1 > li:nth-child(even) .row{ flex-direction: row;}
#lp-sp-foamy .sec3 .list1 figure{ position: relative; z-index: 10; width: 39.63011889vw;}
#lp-sp-foamy .sec3 .list1 .detail{ width: 34.61030383vw;}
#lp-sp-foamy .sec3 .list1 .detail h4{ letter-spacing: .1em; font-size: 1.78335535vw; font-family: "A1 Mincho"; line-height: 1.75;}

@media only screen and (max-width: 736px) {
    #lp-sp-foamy .sec3 .list1{ margin: 8vw 0 0; width: 100%;}
    #lp-sp-foamy .sec3 .list1 > li{ padding: 16vw 0 0;}
    #lp-sp-foamy .sec3 .list1 > li:first-child{ padding: 0;}
    #lp-sp-foamy .sec3 .list1 .number{ margin: 0 0 8vw; font-size: 6.4vw;}
    #lp-sp-foamy .sec3 .list1 .number:after{ margin: 0 0 0 .5em; height: 0.266666667vw;}
    #lp-sp-foamy .sec3 .list1 .row{ flex-direction: column; justify-content: flex-start;}
    #lp-sp-foamy .sec3 .list1 > li:nth-child(even) .row{ flex-direction: column;}
    #lp-sp-foamy .sec3 .list1 figure{ width: 100%;}
    #lp-sp-foamy .sec3 .list1 .detail{ padding: 8vw 0 0; width: 100%;}
    #lp-sp-foamy .sec3 .list1 .detail h4{ margin: 0 -8vw; text-align: center; font-size: 4.8vw; line-height: 1.5;}
}

#lp-sp-foamy .sec4{ margin: 0 calc(50% - 50vw); padding: 9.907529723vw calc(50vw - 50%); background: #F0EFE9;}
#lp-sp-foamy .sec4 h3{ letter-spacing: .1em; font-size: 1.188903567vw;}
#lp-sp-foamy .sec4 h3 span{ margin: 0 0 1em;}
#lp-sp-foamy .sec4 h3 span img{ width: auto; height: 2.774108322vw;}
#lp-sp-foamy .sec4 .item-wrap{ margin: 5.944517834vw 0 0;}
#lp-sp-foamy .sec4 dl{ margin: 4em 0 0; text-align: justify; letter-spacing: .1em; font-size: 1.188903567vw; font-family: "A1 Mincho"; line-height: 2;}
#lp-sp-foamy .sec4 dl dt{ font-size: 1.585204756vw;}
#lp-sp-foamy .sec4 dl dd{ padding: .5em 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-foamy .sec4{ margin: 0; padding: 16vw 8vw;}
    #lp-sp-foamy .sec4 h3{ font-size: 3.2vw;}
    #lp-sp-foamy .sec4 h3 span img{ height: 5.6vw;}
    #lp-sp-foamy .sec4 .item-wrap{ margin: 8vw calc(50% - 50vw) 0; width: auto;}
    #lp-sp-foamy .sec4 dl{ margin: 3em 0 0; width: 100%; text-align: justify; font-size: 3.2vw; line-height: 1.75;}
    #lp-sp-foamy .sec4 dl dt{ font-size: 3.733333333vw;}
    #lp-sp-foamy .sec4 dl dd{ padding: .5em 0 0;}
}

#lp-sp-foamy .sec5{ margin: 0 calc(50% - 50vw); padding: 9.907529723vw calc(50vw - 50%); background: #D9D7D0;}
#lp-sp-foamy .sec5 h3{ text-align: center;}
#lp-sp-foamy .sec5 h3 img{ width: auto; height: 2.774108322vw;}
#lp-sp-foamy .sec5 figure{ margin: 3.963011889vw auto 0; width: 59.44517834vw;}

@media only screen and (max-width: 736px) {
    #lp-sp-foamy .sec5{ margin: 0; padding: 16vw 8vw;}
    #lp-sp-foamy .sec5 h3 img{ height: 5.6vw;}
    #lp-sp-foamy .sec5 figure{ margin: 8vw 0 0; width: 100%;}
}