@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap');

#lp-brand-eauk{ position: relative; padding: 0 0 65px; font-weight: 400; font-family: "Shippori Mincho", serif;}
#lp-brand-eauk .pc{ display: block;}
#lp-brand-eauk .sp{ display: none;}
#lp-brand-eauk .anchor{ position: relative; z-index: -1;}
#lp-brand-eauk .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}
#lp-brand-eauk figure{ margin: 0; padding: 0;}

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

@media only screen and (max-width: 736px) {
    #lp-brand-eauk{ padding: 0 0 17.33333333vw;}
    #lp-brand-eauk *{ box-sizing: border-box;}
    #lp-brand-eauk .pc{ display: none;}
    #lp-brand-eauk .sp{ display: block;}
    #lp-brand-eauk .anchor:before{ margin-top: -18.4vw; height: 18.4vw;}
}

#lp-brand-eauk h2{ position: relative; width: 100%; height: 58.59375vw; background: url("/static/mallDefault/contents/images/sp/eauk-tweed-setup/main.jpg") no-repeat center / contain;}
#lp-brand-eauk h2 img{ position: absolute; top: 110px; left: 110px; width: 470px;}

@media only screen and (max-width: 1440px) {
    #lp-brand-eauk h2 img{ top: 5.859375vw; left: 5.859375vw; width: 33.47370313vw;}
}

@media only screen and (max-width: 736px) {
    #lp-brand-eauk h2{ height: 130.6666667vw; background: url("/static/mallDefault/contents/images/sp/eauk-tweed-setup/main_sp.jpg") no-repeat center / contain;}
    #lp-brand-eauk h2 img{ top: 6vw; left: 5.333333333vw; width: 45.64vw;}
}

#lp-brand-eauk .dl1{ margin: 110px 0 0; text-align: center; font-feature-settings: "palt" 1;}
#lp-brand-eauk .dl1 dt{ letter-spacing: .25em; font-size: 35px; line-height: 1.5;}
#lp-brand-eauk .dl1 dd{ padding: 20px 0 0; letter-spacing: .19em; font-size: 18px; line-height: 1.9;}

@media only screen and (max-width: 736px) {
    #lp-brand-eauk .dl1{ margin: 17.33333333vw 0 0;}
    #lp-brand-eauk .dl1 dt{ letter-spacing: .1em; font-size: 5.333333333vw;}
    #lp-brand-eauk .dl1 dd{ padding: 2vw 0 0; letter-spacing: .23em; font-size: 2.8vw; line-height: 1.88;}
}

#lp-brand-eauk nav{ position: relative; margin: 110px 0 165px;}
#lp-brand-eauk nav:before{ position: absolute; bottom: 128px; left: 50%; z-index: -1; width: 540.11px; height: 2px; content: ""; transform: translate(-50%,0);}
#lp-brand-eauk nav ul{display: flex;  padding: 0 1em 0 0; text-align: center; justify-content: center;}
#lp-brand-eauk nav ul > li{ padding: 0 3px;}
#lp-brand-eauk nav a{ display: flex; flex-direction: column; align-items: center;}
#lp-brand-eauk nav i{ font-style: normal; font-size: 50px; font-family: "chainprinter", sans-serif;}
#lp-brand-eauk nav figure{ margin: 55px 0 0; width: 150px;}
#lp-brand-eauk nav p{ display: flex; flex-direction: column; margin: 27px 0 0; letter-spacing: .25em; font-size: 16px; font-family: "chainprinter", sans-serif; line-height: 1.625; align-items: center;}
#lp-brand-eauk nav p span{ font-family: "Shippori Mincho", serif;}

@media only screen and (max-width: 736px) {
    #lp-brand-eauk nav{ margin: 8.666666667vw 0 17.33333333vw;}
    #lp-brand-eauk nav:before{ bottom: 25.33333333vw; width: 71.02533333vw; height: 0.265333333vw;}
    #lp-brand-eauk nav ul{ padding: 0;}
    #lp-brand-eauk nav ul > li{ padding: 0 0.133333333vw;}
    #lp-brand-eauk nav i{ font-size: 6.133333333vw;}
    #lp-brand-eauk nav figure{ margin: 8.666666667vw 0 0; width: 19.808vw;}
    #lp-brand-eauk nav p{ margin: 8vw 0 0; font-size: 2.933333333vw; line-height: 1.454545455;}
}

#lp-brand-eauk .cnt{ margin: 0 auto; width: 1140px;}
#lp-brand-eauk .cnt h3{ display: flex; flex-direction: column; text-align: center; letter-spacing: .4em; font-size: 30px; line-height: 1.666666667; align-items: center;}
#lp-brand-eauk .cnt h3 i{ margin: 0 0 55px; font-style: normal; font-size: 78px; font-family: "chainprinter", sans-serif; line-height: 1;}

@media only screen and (max-width: 736px) {
    #lp-brand-eauk .cnt{ width: 88.93333333vw;}
    #lp-brand-eauk .cnt h3{ font-size: 4.666666667vw; line-height: 1.285714286;}
    #lp-brand-eauk .cnt h3 i{ margin: 0 0 8vw; font-size: 12.188vw;}
}

#lp-brand-eauk .fig1{ position: relative; margin: 55px 0 0;}
#lp-brand-eauk .fig1 img{ margin: 0 auto;}
#lp-brand-eauk .cnt1 .fig1 img{ width: 640px;}
#lp-brand-eauk .cnt2 .fig1 img{ width: 700px;}
#lp-brand-eauk .cnt3 .fig1 img{ width: 710px;}

@media only screen and (max-width: 736px) {
    #lp-brand-eauk .fig1{ margin: 8.666666667vw calc(50% - 50vw) 0; width: 100vw;}
    #lp-brand-eauk .cnt1 .fig1 img{ width: 100%;}
    #lp-brand-eauk .cnt2 .fig1 img{ width: 100%;}
    #lp-brand-eauk .cnt3 .fig1 img{ width: 100%;}
}

#lp-brand-eauk .fig1 figcaption{ position: absolute; letter-spacing: .4em; font-size: 16px; font-family: "Yu Gothic Pr6N M"; line-height: 1.625;}
#lp-brand-eauk .cnt1 .fig1 .cap1{ top: 50px; left: 25px; text-align: right;}
#lp-brand-eauk .cnt1 .fig1 .cap2{ bottom: 65px; left: 25px; text-align: right;}
#lp-brand-eauk .cnt1 .fig1 .cap3{ top: 60px; right: 120px;}
#lp-brand-eauk .cnt2 .fig1 .cap1{ top: 175px; left: 25px; text-align: right;}
#lp-brand-eauk .cnt2 .fig1 .cap2{ top: 130px; right: 25px;}
#lp-brand-eauk .cnt3 .fig1 .cap1{ top: 110px; left: 20px; text-align: right;}
#lp-brand-eauk .cnt3 .fig1 .cap2{ top: 40px; right: 110px;}

@media only screen and (max-width: 736px) {
    #lp-brand-eauk .fig1 figcaption{ letter-spacing: .25em; font-size: 2.933333333vw; line-height: 1.454545455; writing-mode: vertical-rl;}
    #lp-brand-eauk .cnt1 .fig1 .cap1{ top: 1.333333333vw; left: 14.66666667vw; text-align: left;}
    #lp-brand-eauk .cnt1 .fig1 .cap2{top: 16vw; right: 13.33333333vw;  bottom: auto; left: auto; text-align: left;}
    #lp-brand-eauk .cnt1 .fig1 .cap3{ top: auto; right: auto; bottom: 13.33333333vw; left: 14.66666667vw;}
    #lp-brand-eauk .cnt2 .fig1 .cap1{ top: 8vw; left: 15.33333333vw; text-align: left;}
    #lp-brand-eauk .cnt2 .fig1 .cap2{ top: auto; right: 13.33333333vw;bottom: 9.333333333vw; }
    #lp-brand-eauk .cnt3 .fig1 .cap1{ top: 4vw; left: 16vw; text-align: left;}
    #lp-brand-eauk .cnt3 .fig1 .cap2{ top: auto; right: 16vw;bottom: 16vw; }
}

#lp-brand-eauk .fig2{ margin: 165px 0 0;}

@media only screen and (max-width: 736px) {
    #lp-brand-eauk .fig2{ margin: 17.33333333vw 0 0;}
}

#lp-brand-eauk .item-wrap{ margin: 110px 0 0; padding: 0 130px;}
#lp-brand-eauk .item-wrap ul{ display: flex; overflow: hidden; margin: 0 -15px; justify-content: center;}
#lp-brand-eauk .item-wrap ul > li{ padding: 0 15px; width: 25%;}
#lp-brand-eauk .item-wrap a{ display: block;}
#lp-brand-eauk .item-wrap p{ margin: 25px 0 0; letter-spacing: .15em; font-size: 12px; font-family: "Yu Gothic Pr6N M"; line-height: 1.833333333;}

@media only screen and (max-width: 736px) {
    #lp-brand-eauk .item-wrap{ margin: 8.666666667vw 0 0; padding: 0;}
    #lp-brand-eauk .item-wrap ul{ margin: 0; justify-content: space-between; flex-wrap: wrap;}
    #lp-brand-eauk .item-wrap ul > li{ padding: 8.666666667vw 0 0; width: 41.33333333vw;}
    #lp-brand-eauk .item-wrap p{ margin: 4.266666667vw 0 0; font-size: 2.4vw; line-height: 1.65;}
}

#lp-brand-eauk .info1{ display: flex; flex-direction: row-reverse; margin: 140px 0 0; padding: 0 130px; justify-content: space-between;}
#lp-brand-eauk .info1 figure{ width: 435px;}
#lp-brand-eauk .info1 .detail{ display: flex; flex-direction: column; width: 300px; justify-content: space-between;}
#lp-brand-eauk .info1 .detail .set{ padding: 55px 0 0;}
#lp-brand-eauk .info1 .detail .set h4{ letter-spacing: .4em; font-size: 24px; line-height: 1.833333333;}
#lp-brand-eauk .info1 .detail .set .line1{ margin: 15px 0 0; letter-spacing: .25em; font-size: 12px; font-family: "chainprinter", sans-serif; line-height: 1.833333333;}
#lp-brand-eauk .info1 .detail p{ text-align: justify; text-justify: inter-word; letter-spacing: .25em; font-size: 14px; font-family: "Yu Gothic Pr6N M"; line-height: 1.714285714;}

@media only screen and (max-width: 736px) {
    #lp-brand-eauk .info1{ flex-direction: column; margin: 17.33333333vw 0 0; padding: 0; align-items: center; justify-content: flex-start;}
    #lp-brand-eauk .info1 figure{ width: 53.33333333vw;}
    #lp-brand-eauk .info1 .detail{ display: block; margin: 8vw 0 0; padding: 0 9.6vw; width: 100%; justify-content: space-between;}
    #lp-brand-eauk .info1 .detail .set{ padding: 0;}
    #lp-brand-eauk .info1 .detail .set h4{ letter-spacing: .25em; font-size: 4vw; line-height: 1.666666667;}
    #lp-brand-eauk .info1 .detail .set .line1{ margin: 2.666666667vw 0 0; font-size: 2.133333333vw; line-height: 1.625;}
    #lp-brand-eauk .info1 .detail p{ margin: 8vw 0 0; font-size: 2.933333333vw; line-height: 1.909090909;}
}

#lp-brand-eauk .info2{ display: flex; flex-direction: row; margin: 110px auto; padding: 55px 100px; width: calc(100% - 260px); border-top: 1px solid #231815; border-bottom: 1px solid #231815; align-items: center;}
#lp-brand-eauk .info2 figure{ width: 245px;}
#lp-brand-eauk .info2 .detail{ display: flex; flex-direction: column; margin: 0 0 0 82.5px; justify-content: space-between;}
#lp-brand-eauk .info2 .detail .set h4{ text-decoration: underline; letter-spacing: .25em; font-size: 14px; font-family: "chainprinter", sans-serif;}
#lp-brand-eauk .info2 .detail .set .line1{ margin: 45px 0 0; letter-spacing: .3em; font-size: 20px; line-height: 1.5;}
#lp-brand-eauk .info2 .detail .set .line2{ margin: 10px 0 0; letter-spacing: .15em; font-size: 12px; font-family: "Yu Gothic Pr6N M";line-height: 1.833333333; }
#lp-brand-eauk .info2 .detail p{ margin: 45px 0 0; letter-spacing: .25em; font-size: 12px; font-family: "Yu Gothic Pr6N M"; line-height: 2;}

@media only screen and (max-width: 736px) {
    #lp-brand-eauk .info2{flex-direction: column; margin: 17.33333333vw auto; padding: 8.666666667vw 0; width: 100%; border-top: 0.133333333vw solid #231815; border-bottom: 0.133333333vw solid #231815; }
    #lp-brand-eauk .info2 figure{ width: 41.33333333vw;}
    #lp-brand-eauk .info2 .detail{ display: block; margin: 8.666666667vw 0 0; text-align: center;}
    #lp-brand-eauk .info2 .detail .set h4{ font-size: 2.4vw;}
    #lp-brand-eauk .info2 .detail .set .line1{ margin: 4vw 0 0; letter-spacing: .4em; font-size: 3.2vw; line-height: 1.416666667;}
    #lp-brand-eauk .info2 .detail .set .line2{ margin: 4vw 0 0; font-size: 2.4vw; line-height: 2;}
    #lp-brand-eauk .info2 .detail p{ margin: 6vw 0 0; font-size: 2.666666667vw;}
}

#lp-brand-eauk .bn{ margin: 165px auto 0; width: 870px;}
#lp-brand-eauk .bn a{ display: flex; flex-direction: column; align-items: center;}
#lp-brand-eauk .bn span{ margin: 55px 0 0; text-decoration: underline; letter-spacing: .25em; font-size: 16px; font-family: "chainprinter", sans-serif;}

@media only screen and (max-width: 736px) {
    #lp-brand-eauk .bn{ margin: 17.33333333vw auto 0; width: 68.66666667vw;}
    #lp-brand-eauk .bn span{ margin: 8.666666667vw 0 0; font-size: 2.133333333vw;}
}