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

#lp-brand-eauk{ position: relative; padding: 0 0 165px; 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-summer-onepiece/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-summer-onepiece/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 .cnt3{ padding: 0 0 55px;}
#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 .cnt3{ padding: 0;}
    #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: 365px;}
#lp-brand-eauk .cnt2 .fig1 img{ width: 354px;}
#lp-brand-eauk .cnt3 .fig1 img{ width: 330px;}

@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: 210px; left: 136px; text-align: right;}
#lp-brand-eauk .cnt1 .fig1 .cap2{ top: 160px; right: 110px;}
#lp-brand-eauk .cnt1 .fig1 .cap3{ right: 196px; bottom: 85px;}
#lp-brand-eauk .cnt2 .fig1 .cap1{ top: 180px; left: 180px; text-align: right;}
#lp-brand-eauk .cnt2 .fig1 .cap2{ top: 185px; right: 200px;}
#lp-brand-eauk .cnt2 .fig1 .cap3{ right: 176px; bottom: 55px;}
#lp-brand-eauk .cnt3 .fig1 .cap1{ top: 190px; left: 200px; text-align: right;}
#lp-brand-eauk .cnt3 .fig1 .cap2{ right: 165px; bottom: 185px;}

@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; text-orientation: upright;}
    #lp-brand-eauk .cnt1 .fig1 .cap1{ top: 2vw; right: 18vw; left: auto; text-align: left;}
    #lp-brand-eauk .cnt1 .fig1 .cap2{ top: 6vw; right: auto; left: 15vw;}
    #lp-brand-eauk .cnt1 .fig1 .cap3{ right: 18vw; bottom: -13.33333333vw;}
    #lp-brand-eauk .cnt2 .fig1 .cap1{ top: 4vw; left: 19vw; text-align: left;}
    #lp-brand-eauk .cnt2 .fig1 .cap2{ top: 0; right: 16.53333333vw;}
    #lp-brand-eauk .cnt2 .fig1 .cap3{ right: 16.53333333vw; bottom: -2.666666667vw;}
    #lp-brand-eauk .cnt3 .fig1 .cap1{ top: 2vw; left: 20vw; text-align: left;}
    #lp-brand-eauk .cnt3 .fig1 .cap2{ right: 16.53333333vw; bottom: 4.666666667vw;}
}

#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: 313px; 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 .dl-bn{ display: flex; flex-direction: column; margin: 0 auto; width: 870px; align-items: center;}
#lp-brand-eauk .dl-bn > dt{ text-decoration: underline; letter-spacing: .25em; font-weight: 400; font-size: 16px; font-family: "chainprinter", sans-serif;}
#lp-brand-eauk .dl-bn > dd + dt{ margin: 110px 0 0;}
#lp-brand-eauk .dl-bn > dd{ padding: 27.5px 0 0; width: 100%;}
#lp-brand-eauk .dl-bn .bn1{ display: flex; padding: 70px 0; background: #ece8e0; justify-content: center;}
#lp-brand-eauk .dl-bn .bn1 figure{ width: 245px;}
#lp-brand-eauk .dl-bn .bn1 dl{ padding: 0 0 0 3em; white-space: nowrap; letter-spacing: .33em; font-weight: 400; font-family: "Shippori Mincho", serif;}
#lp-brand-eauk .dl-bn .bn1 dt{ font-size: 16px; line-height: 1.625;}
#lp-brand-eauk .dl-bn .bn1 dd{ margin: 1em 0 0; font-size: 14px; line-height: 1.614285714;}

@media only screen and (max-width: 736px) {
    #lp-brand-eauk .dl-bn{ margin: 0 auto; width: 68.66666667vw;}
    #lp-brand-eauk .dl-bn > dt{ font-size: 2.133333333vw;}
    #lp-brand-eauk .dl-bn > dd + dt{ margin: 14.66666667vw 0 0;}
    #lp-brand-eauk .dl-bn > dd{ padding: 4vw 0 0;}
    #lp-brand-eauk .dl-bn .bn1{flex-direction: column;  padding: 8vw 0; justify-content: flex-start; align-items: center;}
    #lp-brand-eauk .dl-bn .bn1 figure{ width: 50.4vw;}
    #lp-brand-eauk .dl-bn .bn1 dl{ padding: 6vw 0 0; text-align: center; letter-spacing: .2em;}
    #lp-brand-eauk .dl-bn .bn1 dt{ font-size: 3.2vw; line-height: 1.416666667;}
    #lp-brand-eauk .dl-bn .bn1 dd{ margin: 1.5em 0 0; letter-spacing: .1em; font-size: 2.666666667vw; line-height: 1.714285714;}
}