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

#lp-sp-bauhaus{ margin: 0 auto; width: 1100px; color: #000; font-weight: 500; font-family: "Zen Kaku Gothic New", sans-serif;}
#lp-sp-bauhaus *{ box-sizing: border-box;}
#lp-sp-bauhaus .pc{ display: block;}
#lp-sp-bauhaus .sp{ display: none;}
#lp-sp-bauhaus .anchor{ position: relative; z-index: -1;}
#lp-sp-bauhaus .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-sp-bauhaus figure{ margin: 0; padding: 0;}

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

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

#lp-sp-bauhaus h2{ margin: 0 calc(50% - 50vw);}

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

#lp-sp-bauhaus .lead{ margin: 160px auto 0; width: 900px;}
#lp-sp-bauhaus .lead p{text-align: justify; letter-spacing: .01em; font-size: 24px; line-height: 2.166666667; }
#lp-sp-bauhaus .lead p + p{ margin: 2em 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-bauhaus .lead{ margin: 14.66666667vw 0 0; width: 100%;}
    #lp-sp-bauhaus .lead p{ font-size: 4vw; line-height: 1.866666667;}
    #lp-sp-bauhaus .lead p + p{ margin: 2em 0 0;}
}

#lp-sp-bauhaus .logos{ margin: 85px auto 0; width: 530px;}

@media only screen and (max-width: 736px) {
    #lp-sp-bauhaus .logos{ margin: 16vw auto 0; width: 74.06933333vw;}
}

#lp-sp-bauhaus .list1{ display: flex; margin: 280px 0 0; justify-content: space-between; flex-wrap: wrap;}
#lp-sp-bauhaus .list1 > li{ margin: 60px 0 0; width: 520px;}
#lp-sp-bauhaus .list1 > li.wide{ margin: 0; width: 100%;}

@media only screen and (max-width: 736px) {
    #lp-sp-bauhaus .list1{ flex-direction: column; margin: 26.66666667vw 0 0; justify-content: flex-start; }
    #lp-sp-bauhaus .list1 > li{ margin: 0; width: 100%;}
    #lp-sp-bauhaus .list1 > li.wide{ margin: 0 0 8vw; width: 100%;}
}

#lp-sp-bauhaus .box{ padding: 70px 50px; border: 1px solid #707070; background: #fff; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.16);}
#lp-sp-bauhaus .wide .box{ padding: 120px 100px;}
#lp-sp-bauhaus .box + .box{ margin: 60px 0 0;}

@media only screen and (max-width: 736px) {
    #lp-sp-bauhaus .box{ padding: 10.66666667vw 9.333333333vw; border: 0.266666667vw solid #707070; box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);}
    #lp-sp-bauhaus .wide .box{ padding: 10.66666667vw 9.333333333vw;}
    #lp-sp-bauhaus .box + .box{ margin: 8vw 0 0;}
}

#lp-sp-bauhaus .box h3{ display: flex; flex-direction: column; font-weight: 700; font-size: 30px; line-height: 1.6;}
#lp-sp-bauhaus .box h3 span{ margin: 0 0 .75em; letter-spacing: .05em; font-size: 20px;}
#lp-sp-bauhaus .box h3 i{ margin: 0 0 .75em; width: 110px;}
#lp-sp-bauhaus .wide .box h3{ font-size: 42px; line-height: 1.547619048;}
#lp-sp-bauhaus .wide .box h3 span{ font-size: 24px;}

@media only screen and (max-width: 736px) {
    #lp-sp-bauhaus .box h3{ font-size: 5.333333333vw;}
    #lp-sp-bauhaus .box h3 span{ font-size: 3.2vw;}
    #lp-sp-bauhaus .box h3 i{ width: 18.4vw;}
    #lp-sp-bauhaus .wide .box h3{ font-size: 5.333333333vw; line-height: 1.6;}
    #lp-sp-bauhaus .wide .box h3 span{ font-size: 3.2vw;}
}

#lp-sp-bauhaus .box h3 + p{ margin: 50px 0 0; letter-spacing: .01em; font-size: 18px; line-height: 2.222222222;}

@media only screen and (max-width: 736px) {
    #lp-sp-bauhaus .box h3 + p{ margin: 8vw 0 0; font-size: 4vw; line-height: 1.866666667;}
}

#lp-sp-bauhaus .period{ display: flex; margin: 30px 0 0; flex-wrap: wrap; justify-content: center;}
#lp-sp-bauhaus .period dl{ display: flex; flex-direction: column; padding: 45px 40px 0; text-align: center; align-items: center;}
#lp-sp-bauhaus .period dl.wide{ width: 100%;}
#lp-sp-bauhaus .period dt{ letter-spacing: .05em; font-weight: 400; font-size: 18px;}
#lp-sp-bauhaus .period dd{ display: flex; flex-direction: column; padding: 15px 0 0; letter-spacing: .05em; font-weight: 700; font-size: 24px; align-items: center;}
#lp-sp-bauhaus .period dd time{ display: block; padding: 10px 0 0; width: 415.39px;}
#lp-sp-bauhaus .period dd .cap{ margin: 1em 0 0; letter-spacing: .05em; font-weight: 400; font-size: 15px; line-height: 1.6;}

@media only screen and (max-width: 736px) {
    #lp-sp-bauhaus .period{ flex-direction: column; margin: 4vw 0 0;}
    #lp-sp-bauhaus .period dl{ padding: 5.333333333vw 0 0; width: 100%; text-align: left; align-items: flex-start;}
    #lp-sp-bauhaus .period dl.wide{ padding: 5.333333333vw 0 0;}
    #lp-sp-bauhaus .period dt{ font-size: 3.2vw;}
    #lp-sp-bauhaus .period dd{ padding: 1.6vw 0 0; font-size: 3.733333333vw; align-items: flex-start;}
    #lp-sp-bauhaus .period dd time{ padding: 1.066666667vw 0 0; width: 64.272vw;}
    #lp-sp-bauhaus .period dd .cap{ margin: 1em 0 0; font-size: 3.2vw; line-height: 1.666666667;}
}

#lp-sp-bauhaus .btn1{ display: flex; flex-direction: column; margin: 60px 0 0; align-items: center;}
#lp-sp-bauhaus .btn1 a{ position: relative; display: flex; width: 700px; height: 100px; border: 3px solid #a1c5dc; border-radius: 50px; background: #fff; font-size: 26px; font-family: "Futo Go B101"; filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.3)); justify-content: center; align-items: center;}
#lp-sp-bauhaus .btn1 a span{ position: absolute; top: 50%; left: 50px; letter-spacing: .03em; font-weight: 700;  font-size: 14px; font-family: "Roboto", sans-serif; transform: translate(0,-50%);}
#lp-sp-bauhaus .btn1 dl{ margin: 30px 0 0; text-align: center;}
#lp-sp-bauhaus .btn1 dl dt{ letter-spacing: .05em; font-weight: 700; font-size: 24px;}
#lp-sp-bauhaus .btn1 dl dd{ margin: 15px 0 0; letter-spacing: .01em; font-size: 14px; line-height: 1.714285714;}

@media only screen and (max-width: 736px) {
    #lp-sp-bauhaus .btn1{ margin: 9.333333333vw 0 0;}
    #lp-sp-bauhaus .btn1 a{ flex-direction: column; width: 100%; height: 21.33333333vw; border: 0.8vw solid #a1c5dc; border-radius: 10.66666667vw; font-size: 4.266666667vw; filter: none;}
    #lp-sp-bauhaus .btn1 a span{ position: relative; top: auto; left: auto; margin: 0 0 1em; font-size: 3.2vw; transform: none;}
    #lp-sp-bauhaus .btn1 dl{ margin: 2.666666667vw 0 0;}
    #lp-sp-bauhaus .btn1 dl dt{ font-size: 3.466666667vw;}
    #lp-sp-bauhaus .btn1 dl dd{ margin: 8vw 0 0; text-align: left; font-size: 2.933333333vw; line-height: 1.636363636;}
}

#lp-sp-bauhaus .flex{ display: flex; margin: 70px auto 0; width: 670px;}
#lp-sp-bauhaus .flex > figure{ padding: 0 40px 0 0; width: 50%;}
#lp-sp-bauhaus .flex > .detail{ width: 50%;}
#lp-sp-bauhaus .flex > .detail p{ letter-spacing: .01em; font-size: 14px; line-height: 1.714285714;}

@media only screen and (max-width: 736px) {
    #lp-sp-bauhaus .flex{ flex-direction: column; margin: 16vw 0 0; width: 100%;justify-content: flex-start; align-items: center; }
    #lp-sp-bauhaus .flex > figure{ padding: 0; width: 100%;}
    #lp-sp-bauhaus .flex > .detail{ margin: 5.333333333vw 0 0; width: 100%;}
    #lp-sp-bauhaus .flex h4{ font-size: 4.266666667vw;}
    #lp-sp-bauhaus .flex > .detail p{ margin: 0; font-size: 2.933333333vw; line-height: 1.636363636;}
}

#lp-sp-bauhaus .drop{ position: relative; margin: 40px 0 0;}
#lp-sp-bauhaus .drop .inner{ overflow: hidden; height: 156px;}
#lp-sp-bauhaus .drop .inner.open{ height: auto;}
#lp-sp-bauhaus .drop p{ letter-spacing: .01em; font-size: 18px; line-height: 1.833333333;}
#lp-sp-bauhaus .drop p + p{ margin: 1em 0 0;}
#lp-sp-bauhaus .drop .more{ position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; color: #00A0E9; text-align: right; letter-spacing: .1em; font-size: 18px; cursor: pointer;}
#lp-sp-bauhaus .drop .more:before{ position: absolute; top: -90px; left: 0; width: 100%; height: 90px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%); content: "";}
#lp-sp-bauhaus .drop .more.open{ display: none;}

@media only screen and (max-width: 736px) {
    #lp-sp-bauhaus .drop{ margin: 8vw 0 0;}
    #lp-sp-bauhaus .drop .inner{ height: 35.46666667vw;}
    #lp-sp-bauhaus .drop p{ font-size: 4vw; line-height: 1.866666667;}
    #lp-sp-bauhaus .drop p + p{ margin: 1.5em 0 0;}
    #lp-sp-bauhaus .drop .more{ font-size: 3.2vw;}
    #lp-sp-bauhaus .drop .more:before{ top: -19.2vw; height: 19.2vw;}
}

#lp-sp-bauhaus .box > figure{ margin: 60px -40px 0; width: auto;}
#lp-sp-bauhaus .wide .box > figure{ margin: 60px 0 0;}
#lp-sp-bauhaus .box > figure ul > li + li{ margin: 150px 0 0;}
#lp-sp-bauhaus .box figcaption{ margin: 40px 0 0; padding: 0 40px; letter-spacing: .01em; font-size: 15px; line-height: 1.866666667;}
#lp-sp-bauhaus .box figure ul + figcaption{ margin: 60px 0 0; font-size: 18px; line-height: 1.833333333;}

@media only screen and (max-width: 736px) {
    #lp-sp-bauhaus .box > figure{ margin: 12vw -8vw 0;}
    #lp-sp-bauhaus .wide .box > figure{ margin: 9.333333333vw -8vw 0;}
    #lp-sp-bauhaus .box > figure ul > li + li{ margin: 10.66666667vw 0 0;}
    #lp-sp-bauhaus .box figcaption{ margin: 10.66666667vw 0 0; padding: 0 8vw; font-size: 4vw; line-height: 1.866666667;}
    #lp-sp-bauhaus .box figure ul + figcaption{ margin: 9.333333333vw 0 0; font-size: 2.933333333vw; line-height: 1.636363636;}
}

#lp-sp-bauhaus .prof{ margin: 40px 0 0;}
#lp-sp-bauhaus .prof dt{ position: relative;}
#lp-sp-bauhaus .prof dt i{ position: absolute; top: 0; right: 0; width: 105px;}
#lp-sp-bauhaus .prof dt .line1{ display: flex; letter-spacing: .03em; font-weight: 700; font-size: 36px; font-family: "Roboto", sans-serif; align-items: baseline;}
#lp-sp-bauhaus .prof dt .line1 span{ margin: 0 0 0 .5em; font-weight: 300; font-style: italic; font-size: 28px;}
#lp-sp-bauhaus .prof dt .line2{ margin: 1em 0 0; letter-spacing: .03em; font-weight: 400; font-size: 16px;}
#lp-sp-bauhaus .prof dt .line3{ margin: 2em 0 0; font-size: 18px;}
#lp-sp-bauhaus .prof dd{ padding: 20px 0 0;}
#lp-sp-bauhaus .prof dd p{ letter-spacing: .01em; font-size: 15px; line-height: 1.866666667;}
#lp-sp-bauhaus .prof dd .line1{ letter-spacing: .03em; font-weight: 300; font-size: 20px; font-family: "Roboto", sans-serif;}
#lp-sp-bauhaus .prof dd .line2{ margin: .5em 0 0; letter-spacing: .03em; font-weight: 400; font-size: 20px;}
#lp-sp-bauhaus .prof dd .line3{ margin: 1em 0 0; letter-spacing: .03em; font-weight: 400; font-size: 16px; line-height: 1.8;}
#lp-sp-bauhaus .prof dd .line4{ margin: .75em 0 0; letter-spacing: .03em; font-weight: 300; font-size: 30px; font-family: "Roboto", sans-serif;}
#lp-sp-bauhaus .prof dd .line4 small{ margin: 0 0 0 .5em; font-size: 16px;}
#lp-sp-bauhaus .prof + .cap{ margin: 2em 0 0; letter-spacing: .01em; font-size: 15px; line-height: 1.866666667;}

@media only screen and (max-width: 736px) {
    #lp-sp-bauhaus .prof{ margin: 10.66666667vw 0 0;}
    #lp-sp-bauhaus .prof dt i{ top: auto; right: 0; bottom: 0; width: 19.46666667vw;}
    #lp-sp-bauhaus .prof dt .line1{ font-size: 6.4vw;}
    #lp-sp-bauhaus .prof dt .line1 span{ margin: 0 0 0 .5em; font-size: 5.333333333vw;}
    #lp-sp-bauhaus .prof dt .line2{ margin: 1em 0 0; font-size: 2.933333333vw;}
    #lp-sp-bauhaus .prof dt .line3{ margin: 1.5em 0 0; letter-spacing: -.02em; font-size: 3.733333333vw;}
    #lp-sp-bauhaus .prof dd{ padding: 5.333333333vw 0 0;}
    #lp-sp-bauhaus .prof dd p{ font-size: 2.933333333vw; line-height: 1.636363636;}
    #lp-sp-bauhaus .prof dd .line1{ font-size: 3.733333333vw;}
    #lp-sp-bauhaus .prof dd .line2{ margin: .5em 0 0; font-size: 3.733333333vw;}
    #lp-sp-bauhaus .prof dd .line3{ margin: 1em 0 0; font-size: 2.933333333vw; line-height: 1.8;}
    #lp-sp-bauhaus .prof dd .line4{ margin: .75em 0 0; font-size: 5.333333333vw;}
    #lp-sp-bauhaus .prof dd .line4 small{ margin: 0 0 0 .5em; font-size: 2.933333333vw;}
    #lp-sp-bauhaus .prof + .cap{ margin: 2em 0 0; font-size: 2.933333333vw; line-height: 1.636363636;}
}

#lp-sp-bauhaus .scroll{ margin: 40px -40px 0; width: auto;}
#lp-sp-bauhaus .slide{ line-height: 0; opacity: 0; transition: opacity 1s ease;}
#lp-sp-bauhaus .slide.slick-initialized{ opacity: 1;}
#lp-sp-bauhaus .slide .slick-slide{ padding: 0 8px 0 0; width: 337px;}

.slick-next,
.slick-prev { z-index: 5; width: 30px; height: 30px;}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before { opacity: 1}
.slick-next:before,
.slick-prev:before { display: block; width: 100%; height: 100%; background: url("/static/mallDefault/contents/images/sp/scandinavia-bauhaus/arrow.png") no-repeat center / contain; content: ""; opacity: 1;}
.slick-prev { left: 10px; transform: translate(0,-50%) scale(-1,1);}
.slick-next { right: 10px;}

@media only screen and (max-width: 736px) {
    #lp-sp-bauhaus .scroll{ margin: 10.66666667vw -8vw 0;}
    #lp-sp-bauhaus .slide .slick-slide{ padding: 0 1.6vw 0 0; width: 68.26666667vw;}
    .slick-next,
    .slick-prev { width: 8vw; height: 8vw;}
    .slick-prev { left: 0;}
    .slick-next { right: 0;}
}

#lp-sp-bauhaus .box h3.type2{ letter-spacing: .05em; font-size: 20px; line-height: 1;}
#lp-sp-bauhaus .box h3.type2 span{ margin: 0 0 .5em; letter-spacing: .03em; font-size: 36px; font-family: "Roboto", sans-serif; line-height: 1.5;}
#lp-sp-bauhaus .box h3.type2 + p{ margin: 40px 0 0; letter-spacing: .01em; font-size: 18px; line-height: 1.833333333;}
#lp-sp-bauhaus .box .cap2{ margin: 1em 0 0; letter-spacing: .01em; font-size: 14px; line-height: 2;}

@media only screen and (max-width: 736px) {
    #lp-sp-bauhaus .box h3.type2{ font-size: 3.2vw;}
    #lp-sp-bauhaus .box h3.type2 span{ margin: 0 0 .5em; font-size: 6.4vw;}
    #lp-sp-bauhaus .box h3.type2 + p{ margin: 8vw 0 0; font-size: 4vw; line-height: 1.866666667;}
    #lp-sp-bauhaus .box .cap2{ margin: 1em 0 0; font-size: 2.933333333vw; line-height: 1.636363636;}
}

#lp-sp-bauhaus .list2{ display: flex; padding: 185px 0 0; justify-content: space-between; flex-wrap: wrap;}
#lp-sp-bauhaus .list2 > li{ margin: 15px 0 0; padding: 0 0 40px; width: 252px; border: 1px solid #707070;}
#lp-sp-bauhaus .list2 h4{ display: flex; flex-direction: column; align-items: center;}
#lp-sp-bauhaus .list2 h4 img{ width: auto; height: 125px;}
#lp-sp-bauhaus .list2 h4 span{ font-size: 15px; font-family: "Futo Go B101";}

@media only screen and (max-width: 736px) {
    #lp-sp-bauhaus .list2{ padding: 22.66666667vw 0 0;}
    #lp-sp-bauhaus .list2 > li{ margin: 2.666666667vw 0 0; padding: 0 0 6.666666667vw; width: calc(50% - 1.333333333vw); border: 0.266666667vw solid #707070;}
    #lp-sp-bauhaus .list2 a{ display: block; width: 100%;}
    #lp-sp-bauhaus .list2 h4 img{ height: 22.66666667vw;}
    #lp-sp-bauhaus .list2 h4 span{ font-size: 2.666666667vw;}
}

#lp-sp-bauhaus .shopinfo{ display: flex; margin: 165px calc(50% - 50vw) 0; padding: 200px calc(50vw - 50%) 250px; background: #EDEDED; justify-content: space-between;}
#lp-sp-bauhaus .shopinfo .detail{ font-weight: 300; font-family: "fot-tsukuaoldmin-pr6n", sans-serif;}
#lp-sp-bauhaus .shopinfo h3{ font-size: 35px;}
#lp-sp-bauhaus .shopinfo address{ margin: 1.5em 0 0; font-size: 18px; line-height: 2;}
#lp-sp-bauhaus .shopinfo address small{ margin: 0 0 0 1em; font-size: 12px;}
#lp-sp-bauhaus .shopinfo address span{ display: block; margin: 2em 0 0; font-size: 14px;}
#lp-sp-bauhaus .shopinfo aside{ display: flex; margin: 70px 0 0;}
#lp-sp-bauhaus .shopinfo aside a{ display: flex; font-size: 16px; align-items: center;}
#lp-sp-bauhaus .shopinfo aside i{ display: block; margin: 0 15px 0 0; width: 35.24px;}
#lp-sp-bauhaus .shopinfo figure{ width: 500px;}
#lp-sp-bauhaus .shopinfo figure iframe{ width: 100%; height: 100%;}

@media only screen and (max-width: 736px) {
    #lp-sp-bauhaus .shopinfo{ flex-direction: column; margin: 26.66666667vw calc(50% - 50vw) 0; padding: 26.66666667vw 10.66666667vw; justify-content: flex-start;}
    #lp-sp-bauhaus .shopinfo .detail{ width: 100%;}
    #lp-sp-bauhaus .shopinfo h3{ font-size: 5.333333333vw;}
    #lp-sp-bauhaus .shopinfo address{ margin: 1em 0 0; font-size: 3.733333333vw; line-height: 1.857142857;}
    #lp-sp-bauhaus .shopinfo address small{ font-size: 2.666666667vw;}
    #lp-sp-bauhaus .shopinfo address span{ margin: 1em 0 0; font-size: 2.666666667vw;}
    #lp-sp-bauhaus .shopinfo aside{ margin: 5.333333333vw 0 0;}
    #lp-sp-bauhaus .shopinfo aside a{ font-size: 4.266666667vw;}
    #lp-sp-bauhaus .shopinfo aside i{ margin: 0 3.2vw 0 0; width: 9.397333333vw;}
    #lp-sp-bauhaus .shopinfo figure{ margin: 13.33333333vw 0 0; width: 100%;}
    #lp-sp-bauhaus .shopinfo figure iframe{ width: 100%; height: 48vw;}
}