@charset "UTF-8"; :root { --color-white: rgba(255, 255, 255, 1); --color-black: rgba(0, 0, 0, 1); --color-black60: rgba(0, 0, 0, .6); --color-black50: rgba(0, 0, 0, .5); --color-bdr: #d9d9d9; --color-gray: #666666; --border-r2: 2px; --fs-copyright: 1.2rem; --fs-title-h2: 3.2rem; --fs-title-h3: 3.2rem; --fs-archives-title: 5.2rem; --fs-collaboration-about-title: 1.4rem; --fs-52-175: min(13.23vw,52px); --fs-77-175: min(19.59vw,77px); --fs-26-42: min(6.62vw,26px); --fs-32-56: 3.2rem; --fs-24-32: 2.4rem; --fs-20-24: 2.0rem; --fs-18-20: 1.8rem; --fs-16-43: min(4.07vw,16px); --fs-14-16: 1.4rem; --fs-13-16: 1.3rem; --fs-13-14: 1.3rem; --fs-13-12: 1.3rem; --fs-12-14: 1.2rem; --fs-11-14: 1.1rem; --fs-11-12: 1.1rem; --fs-10-12: 1.0rem; --fs-10-11: 1.0rem; --fs-9-10: 0.9rem; --fs-32: 3.2rem; --fs-20: 2.0rem; --fs-14: 1.4rem; --fs-13: 1.3rem; --fs-12: 1.2rem; --fs-11: 1.1rem; --fs-10: 1.0rem; --inner-width: calc(100% - 40px); --color-v2-blue: #6295C5; --color-v2-yellow: #EFDD6F; --color-v2-green: #467761; --color-v2-gold: #5E5D5B; --color-v2-red: #B85D6F; } @media all and (min-width: 769px) { :root { --fs-copyright: 1.2rem; --fs-collaboration-about-title: min(1.56vw,20px); --fs-archives-title: 13.36vw; --fs-77-175: 13.67vw; --fs-52-175: 13.67vw; --fs-26-42: min(3.28vw,42px); --fs-32-56: min(4.38vw,56px); --fs-24-32: min(2.5vw,32px); --fs-20-24: min(1.88vw,24px); --fs-18-20: min(1.56vw,20px); --fs-16-43: min(3.36vw,43px); --fs-14-16: min(1.25vw,16px); --fs-13-16: min(1.25vw,16px); --fs-13-14: min(1.09vw,14px); --fs-13-12: min(0.94vw,12px); --fs-12-14: min(1.09vw,14px); --fs-11-14: min(1.09vw,14px); --fs-11-12: min(0.94vw,12px); --fs-10-12: min(0.94vw,12px); --fs-10-11: min(0.86vw,11px); --fs-11: min(0.86vw,11px); --fs-9-10: min(0.78vw,10px); --grid-margin: 72px; } } /*** The new CSS reset - version 1.11.2 (last updated 15.11.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ .lpEyeperformance { /* Reapply the pointer cursor for anchor tags */ /* Remove list styles (bullets/numbers) */ /* For images to not be able to exceed their container */ /* removes spacing between cells in tables */ /* Safari - solving issue when using user-select:none on the text input doesn't working */ /* revert the 'white-space' property for textarea elements on Safari */ /* minimum style to allow to style meter element */ /* preformatted text - use only for this feature */ /* reset default text opacity of input placeholder */ /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ /* apply back the draggable feature - exist only in Chromium and Safari */ /* Revert Modal native behavior */ /* Remove details summary webkit styles */ /* Preferred box-sizing value */ } .lpEyeperformance a, .lpEyeperformance button { cursor: revert; } .lpEyeperformance ol, .lpEyeperformance ul, .lpEyeperformance menu, .lpEyeperformance summary { list-style: none; } .lpEyeperformance img { max-inline-size: 100%; max-block-size: 100%; } .lpEyeperformance table { border-collapse: collapse; } .lpEyeperformance input, .lpEyeperformance textarea { -webkit-user-select: auto; } .lpEyeperformance textarea { white-space: revert; } .lpEyeperformance meter { -webkit-appearance: revert; appearance: revert; } .lpEyeperformance :where(pre) { all: revert; box-sizing: border-box; } .lpEyeperformance ::placeholder { color: unset; } .lpEyeperformance :where([hidden]) { display: none; } .lpEyeperformance :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } .lpEyeperformance :where([draggable=true]) { -webkit-user-drag: element; } .lpEyeperformance :where(dialog:modal) { all: revert; box-sizing: border-box; } .lpEyeperformance ::-webkit-details-marker { display: none; } .lpEyeperformance *, .lpEyeperformance *::before, .lpEyeperformance *::after { box-sizing: border-box; } *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Fix mobile Safari increase font-size on landscape mode */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } html { font-size: 62.5%; } body { font-size: 14px; font-size: 1.4rem; } /* Small Devices, Tablets */ :root { --vh: 100vh; } .color__isBlack { background: var(--color-black); } .lpEyeperformance { font-family: "dnp-shuei-gothic-gin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "游ゴシック", YuGothic, sans-serif; font-weight: 400; font-style: normal; line-height: 128%; color: var(--color-black); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overscroll-behavior-y: none; touch-action: manipulation; overflow-wrap: anywhere; word-break: normal; line-break: strict; } .lpEyeperformance a { color: #000; text-decoration: none; text-decoration-thickness: 1px; } .lpEyeperformance li { list-style: none; } .lpEyeperformance h1, .lpEyeperformance h2, .lpEyeperformance h3, .lpEyeperformance h4, .lpEyeperformance h5, .lpEyeperformance h6 { font-weight: normal; } .lpEyeperformance footer { width: 100%; padding: 240px 0 24px 0; } .lpEyeperformance footer:has(#archives) { padding: 0 0 24px 0; } .lpEyeperformance footer .footer__title { width: 100%; overflow: hidden; margin-bottom: 40px; } .lpEyeperformance footer .footer__title p { width: 101.2%; margin-left: -0.56%; } .lpEyeperformance .footer__copy { width: calc(100% - 40px); margin-inline: auto; } .lpEyeperformance .footer__copy p { font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; font-size: var(--fs-copyright); color: var(--color-black60); } .lpEyeperformance .footer__copy.footer__copy--isWhite p { color: var(--color-white); } .lpEyeperformance #archives .archives__inner { width: calc(100% - 10px); margin-inline: auto; padding: 72px 0 144px 0; border-top: 1px solid rgba(255, 255, 255, 0.5); } .lpEyeperformance #archives h3 { width: calc(100% - 32px); margin-inline: auto; color: var(--color-white); font-size: var(--fs-32); font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; line-height: 1; margin-bottom: 48px; } .lpEyeperformance footer.color_isBlack2 { background: #1A1A1A; } .lpEyeperformance footer.color_isBlack2 .footer__copy p { color: rgba(255, 255, 255, 0.6); } .lpEyeperformance footer .about .about__inner { padding: 72px 0 72px 0; width: calc(100% - 42px); margin-inline: auto; } .lpEyeperformance footer .about :is(h3) { color: var(--color-white); } .lpEyeperformance footer .about .about__title { margin-bottom: 46px; } .lpEyeperformance footer .about .about__title h3 { font-size: var(--fs-32); font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; } .lpEyeperformance footer .about p { font-size: var(--fs-13-12); line-height: 1.84; margin-bottom: 2em; } .lpEyeperformance footer .about p:nth-last-of-type(1) { margin-bottom: 0px; } .lpEyeperformance footer .about a { text-decoration: underline; letter-spacing: 0em; text-underline-offset: 4px; } @media all and (min-width: 769px) { .lpEyeperformance footer { padding: 335px 0 16px 0; } .lpEyeperformance footer:has(#archives) { padding: 0 0 20px 0; } .lpEyeperformance footer .footer__title { margin-bottom: 18px; } .lpEyeperformance footer .footer__title p { width: 100.7%; margin-left: -0.35%; } .lpEyeperformance footer .about .about__inner { padding: 148px 0 148px 0; /* width: calc(100% - 96px);*/ width: 92.5%; } .lpEyeperformance footer .about .about__cols { display: flex; } .lpEyeperformance footer .about .about__cols .about__title { width: 50.17%; } .lpEyeperformance footer .about .about__cols .about__content { width: 49.83%; position: relative; padding: 0; left: auto; bottom: auto; } .lpEyeperformance footer .about .about__cols .about__content .aboutContent__inner { width: 100%; } .lpEyeperformance footer .about .about__title { margin-bottom: 46px; } .lpEyeperformance footer .about .about__title h3 { font-size: var(--fs-32); font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; } .lpEyeperformance footer .about p { font-size: var(--fs-13-12); line-height: 1.84; margin-bottom: 2em; } .lpEyeperformance footer .about p:nth-last-of-type(1) { margin-bottom: 0px; } .lpEyeperformance footer .about a { text-decoration: underline; letter-spacing: 0em; text-underline-offset: 4px; } .lpEyeperformance #archives .archives__inner { /* width: calc(100% - 96px);*/ width: 92.5%; margin-inline: auto; padding: 148px 0 342px 0; } .lpEyeperformance #archives h3 { width: 100%; margin-bottom: 56px; } .lpEyeperformance .footer__copy { width: calc(100% - 32px); } } @media all and (min-width: 1280px) { .lpEyeperformance footer .about .about__inner { width: calc(100% - 96px); } .lpEyeperformance #archives .archives__inner { width: calc(100% - 96px); } .lpEyeperformance .footer__copy { width: calc(100% - 32px); } } .lpEyeperformance img { width: 100%; height: auto; vertical-align: bottom; } .lpEyeperformance .f-acumin { font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; } .lpEyeperformance picture { display: block; } .lpEyeperformance main { width: 100%; } .lpEyeperformance .section__title h2 { font-size: var(--fs-title-h2); font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; line-height: 0.8; } .lpEyeperformance .section__title h3 { font-size: var(--fs-title-h3); } .lpEyeperformance :is(.featureItems__titleIcon, .fv__collaborationTitleIcon, .c-icon) { position: relative; display: block; } .lpEyeperformance :is(.featureItems__titleIcon, .fv__collaborationTitleIcon, .c-icon) svg { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .lpEyeperformance .backToTop { position: fixed; top: 25px; left: 20px; z-index: 2; } .lpEyeperformance .backToTop a { font-size: var(--fs-20); color: var(--color-white); font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; } .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) { position: relative; z-index: 2; position: absolute; bottom: 32px; width: 100%; overflow: hidden; } .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain).c-vol2 { transform: translate3d(0, 0, 0) !important; margin-top: 7.89vw; bottom: auto; top: 50%; } .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain).c-vol2 :is(h1, h2) { color: var(--color-white); padding-left: min(2.04vw,8px); white-space: nowrap; } .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain).c-vol2 :is(h1, h2) span { line-height: 0.8; } :is(.lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain).c-vol2 :is(h1, h2) span.featureItems__titleZoff, .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain).c-vol2 :is(h1, h2) span.fv__collaborationTitleZoff) { display: flex; width: min(44.53vw,175px); justify-content: space-between; align-items: center; margin-bottom: 3px; margin-left: 4px; } :is(.lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain).c-vol2 :is(h1, h2) span.featureItems__titleZoff, .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain).c-vol2 :is(h1, h2) span.fv__collaborationTitleZoff) span:has(img) { width: min(33.59vw,132px); aspect-ratio: 132/54; } :is(.lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain).c-vol2 :is(h1, h2) span.featureItems__titleName, .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain).c-vol2 :is(h1, h2) span.fv__collaborationTitleName) { font-size: var(--fs-77-175); height: 0.8em; font-family: "acumin-pro", sans-serif; font-weight: 300; font-style: normal; letter-spacing: 0.04em; letter-spacing: -0.03em; display: block; } :is(.lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain).c-vol2 :is(h1, h2) span.featureItems__titleJob, .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain).c-vol2 :is(h1, h2) span.fv__collaborationTitleJob) { font-size: var(--fs-26-42); position: absolute; right: 0.15em; bottom: min(11.7vw,46px); white-space: nowrap; } .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain).c-vol2 :is(h1, h2) span.fv__collaborationTitleJob { bottom: min(13.99vw,55px); } .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain).c-vol2 :is(h1, h2) :is(.featureItems__titleIcon, .fv__collaborationTitleIcon) { width: min(6.11vw,24px); height: min(6.11vw,24px); } .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) { color: var(--color-white); padding-left: min(4.07vw,16px); white-space: nowrap; } .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) :is(.featureItems__titleInner, .fv__collaborationTitleInner) { position: relative; line-height: 1; width: fit-content; display: block; } .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span { line-height: 0.8; } :is(.lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.featureItems__titleZoff, .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.fv__collaborationTitleZoff) { display: flex; width: min(30.53vw,120px); justify-content: space-between; align-items: center; margin-bottom: 3px; margin-left: 4px; } :is(.lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.featureItems__titleZoff, .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.fv__collaborationTitleZoff) span:has(img) { width: min(22.9vw,90px); aspect-ratio: 90/37; } :is(.lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.featureItems__titleName, .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.fv__collaborationTitleName) { font-size: var(--fs-52-175); height: 0.8em; font-family: "acumin-pro", sans-serif; font-weight: 300; font-style: normal; letter-spacing: 0.04em; letter-spacing: -0.03em; display: block; } :is(.lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.featureItems__titleJob, .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.fv__collaborationTitleJob) { display: block; font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; letter-spacing: -0.024em; font-size: var(--fs-16-43); position: absolute; right: 0.15em; bottom: min(11.7vw,46px); white-space: nowrap; } .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) :is(.featureItems__titleIcon, .fv__collaborationTitleIcon) { width: min(4.58vw,18px); height: min(4.58vw,18px); } .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) :is(.featureItems__titleIcon, .fv__collaborationTitleIcon) svg { fill: var(--color-white); } .lpEyeperformance .fv__collaboration { width: 100%; } .lpEyeperformance .fv__collaboration .section__inner { width: 100%; position: relative; } .lpEyeperformance .fv__collaboration .fv__collaborationImg { width: 100%; position: relative; } .lpEyeperformance .fv__collaboration .fv__collaborationImg figure { width: 100%; aspect-ratio: 393/590; } .lpEyeperformance .fv__collaboration .fv__collaborationImg img { width: 100%; height: 100%; object-fit: cover; } .lpEyeperformance .fv__collaboration .fv__collaborationTitle { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } .lpEyeperformance .fv__collaboration .fv__collaborationTitle :is(p, h1) { color: var(--color-white); font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; } .lpEyeperformance .fv__collaboration .fv__collaborationTitle p { font-size: var(--fs-20); margin-bottom: 28px; } .lpEyeperformance .fv__collaboration .fv__collaborationContent { padding: 38px 20px 62px 20px; } .lpEyeperformance .fv__collaboration .fv__collaborationContent h2 { font-size: var(--fs-20-24); line-height: 1.4; color: var(--color-white); margin-bottom: 18px; } .lpEyeperformance .fv__collaboration .fv__collaborationContent p { font-size: var(--fs-14-16); color: var(--color-white); line-height: 1.74; } .lpEyeperformance .grids__list { width: calc(100% - 8px); margin-inline: auto; padding-top: 4px; position: relative; } .lpEyeperformance .grids__list ul li { width: 100%; margin-bottom: 11px; } .lpEyeperformance .grids__list ul li:last-child { margin-bottom: 0px; } .lpEyeperformance .grids__list ul [data-movie].pause { visibility: hidden; } .lpEyeperformance .grids__list ul :is(h3, p, a span) { line-height: 1; font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; } .lpEyeperformance .grids__list ul figure { border-radius: var(--border-r2); overflow: hidden; } .lpEyeperformance .grids__list ul h3 { font-size: var(--fs-11-12); } .lpEyeperformance .grids__list ul p { font-size: var(--fs-11-12); display: flex; align-items: flex-end; } .lpEyeperformance .grids__list ul p span { font-size: var(--fs-9-10); margin-left: 2px; scale: 0.9; transform-origin: bottom left; display: block; } .lpEyeperformance .grids__list ul p.grids__listInfoPrice span { color: rgba(245, 245, 245, 0.6); } .lpEyeperformance .grids__list ul p.grids__listInfoPrice span.ja { font-size: var(--fs-10-11); color: var(--color-white); scale: 1; vertical-align: middle; line-height: 1; position: relative; top: 0.1em; font-family: "dnp-shuei-gothic-gin-std", sans-serif; font-weight: 400; font-style: normal; } .lpEyeperformance .grids__list ul a { display: block; } .lpEyeperformance .grids__list ul a span { font-size: var(--fs-11-12); position: relative; display: block; padding-bottom: 4px; } .lpEyeperformance .grids__list ul a span:after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0px; left: 0px; } .lpEyeperformance .grids__list ul .grids__listInfo { width: 100%; display: flex; justify-content: space-between; margin-top: 3px; } .lpEyeperformance .grids__list ul .grids__listInfoRight { display: flex; justify-content: flex-end; align-items: flex-start; } .lpEyeperformance .grids__list ul .grids__listInfoRight a { margin-left: 6px; } .lpEyeperformance .items__list { width: calc(100% - 8px); margin-inline: auto; position: relative; } .lpEyeperformance .items__list ul { display: flex; flex-wrap: wrap; column-gap: 3px; row-gap: 32px; } .lpEyeperformance .items__list ul li { width: calc(50% - 1.5px); } .lpEyeperformance .items__list ul li p.items__listInfoPrice { font-size: var(--fs-12); } .lpEyeperformance .items__list ul li p.items__listInfoPrice span { font-size: var(--fs-10); color: rgba(245, 245, 245, 0.6); } .lpEyeperformance .items__list ul li p.items__listInfoPrice span.ja { font-family: "dnp-shuei-gothic-gin-std", sans-serif; font-weight: 400; font-style: normal; color: var(--color-white); font-size: var(--fs-11); } .lpEyeperformance .items__list ul figure { border-radius: var(--border-r2); overflow: hidden; margin-bottom: 8px; aspect-ratio: 191/266; } .lpEyeperformance .items__list ul :is(h3, p, a) { font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; } .lpEyeperformance .items__list ul h3 { font-size: var(--fs-12-14); line-height: 0.9; } .lpEyeperformance .items__list ul .items__listInfoLink { display: flex; align-items: center; margin-top: 10px; } .lpEyeperformance .items__list ul .items__listInfoLink p:nth-of-type(1) { display: flex; } .lpEyeperformance .items__list ul .items__listInfoLink p:nth-of-type(1) a { margin-right: 10px; } .lpEyeperformance .items__list ul .items__listInfoLink p:nth-of-type(1):after { content: ""; width: 1px; height: 1em; background: rgba(217, 217, 217, 0.6); display: block; position: relative; top: 0.2em; margin-right: 10px; } .lpEyeperformance .items__list ul .items__listInfoLink p span { font-size: var(--fs-12); position: relative; display: block; width: fit-content; font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; } .lpEyeperformance .items__list ul .items__listInfoLink p span:after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0px; left: 0px; } .lpEyeperformance .about { position: relative; } .lpEyeperformance .about .section__inner { padding: 64px 0 0 0; width: var(--inner-width); margin-inline: auto; } .lpEyeperformance .about :is(h2, h3, p, dt, dd, a) { color: var(--color-white); } .lpEyeperformance .about .section__title { margin-bottom: 46px; } .lpEyeperformance .about .section__title h2 { font-size: var(--fs-32); font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; } .lpEyeperformance .about h3 { font-size: var(--fs-20); font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; margin-bottom: 16px; } .lpEyeperformance .about p { font-size: var(--fs-13-12); line-height: 1.75; } .lpEyeperformance .about a { text-decoration: underline; letter-spacing: 0em; text-underline-offset: 4px; } .lpEyeperformance .about :is(.creator__stylist, .creator__profile) { margin-bottom: 40px; width: 77%; max-width: 272px; } .lpEyeperformance .about .creator__credit dl { display: flex; } .lpEyeperformance .about .creator__credit dl.creator__creditList--marginTop { margin-top: 1.5em; } .lpEyeperformance .about .creator__credit dl :is(dt, dd) { font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; font-size: var(--fs-14); line-height: 1.42; } .lpEyeperformance .about .creator__credit dl dt { width: 178px; } .lpEyeperformance .about .creator__credit dl dd { width: calc(100% - 178px); } .lpEyeperformance .archives__list ul { width: 100%; } .lpEyeperformance .archives__list ul li { width: 100%; } .lpEyeperformance .archives__list ul li:last-child { margin-bottom: 0px; } .lpEyeperformance .archives__list ul figure { width: 100%; aspect-ratio: 1/1; } .lpEyeperformance .archives__list ul a { width: 100%; display: block; position: relative; } .lpEyeperformance .archives__list ul .archivesList__title { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; } .lpEyeperformance .archives__list ul .archivesList__title h4 { line-height: 0.8; color: var(--color-white); } .lpEyeperformance .archives__list ul :is(.archivesList__titleIcon, .c-icon) { position: relative; display: block; } .lpEyeperformance .archives__list ul :is(.archivesList__titleIcon, .c-icon) svg { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; fill: var(--color-white); } .lpEyeperformance .archives__list ul :is(.archivesList__titleInner) { position: relative; line-height: 1; width: fit-content; display: block; } .lpEyeperformance .archives__list ul span { line-height: 0.8; } :is(.lpEyeperformance .archives__list ul span.archivesList__titleZoff) { display: flex; width: min(30.53vw,120px); justify-content: space-between; align-items: center; margin-bottom: 3px; margin-left: 4px; } :is(.lpEyeperformance .archives__list ul span.archivesList__titleZoff) span:has(img) { width: min(22.9vw,90px); aspect-ratio: 90/37; } :is(.lpEyeperformance .archives__list ul span.archivesList__titleName) { font-size: var(--fs-archives-title); white-space: nowrap; height: 0.8em; font-family: "acumin-pro", sans-serif; font-weight: 300; font-style: normal; letter-spacing: 0.04em; letter-spacing: -0.03em; display: block; } :is(.lpEyeperformance .archives__list ul span.archivesList__titleJob) { display: block; font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; letter-spacing: -0.024em; font-size: var(--fs-16-43); position: absolute; right: 0.15em; bottom: min(11.7vw,46px); white-space: nowrap; } .lpEyeperformance .archives__list ul :is(.archivesList__titleIcon) { width: min(4.58vw,18px); height: min(4.58vw,18px); } .lpEyeperformance .archives__list ul :is(.archivesList__titleIcon) svg { fill: var(--color-white); } @media all and (min-width: 769px) { .lpEyeperformance .backToTop { top: 41px; left: 48px; } .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) { margin-bottom: 0px; bottom: 46px; width: 100%; } .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) { width: 100%; padding-left: 2.73vw; } .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span { line-height: 0.8; } :is(.lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.featureItems__titleZoff, .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.fv__collaborationTitleZoff) { width: 31.25vw; margin-bottom: 10px; position: relative; left: 0.86vw; } :is(.lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.featureItems__titleZoff, .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.fv__collaborationTitleZoff) span:has(img) { width: 23.75vw; } :is(.lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.featureItems__titleName, .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.fv__collaborationTitleName) { letter-spacing: -0.0365em; } :is(.lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.featureItems__titleJob, .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.fv__collaborationTitleJob) { display: block; font-size: var(--fs-16-43); position: absolute; right: 0.25em; letter-spacing: -0.025em; bottom: 11.95vw; white-space: nowrap; } .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) :is(.featureItems__titleIcon, .fv__collaborationTitleIcon) { width: 55px; height: 55px; } .lpEyeperformance :is(.featureItems__title) { margin-bottom: 0px; bottom: 46px; width: 100%; overflow: visible; } .lpEyeperformance :is(.featureItems__title).c-vol2 { display: flex; margin-top: 5.47vw; } .lpEyeperformance :is(.featureItems__title).c-vol2 :is(h1, h2) { width: 100%; padding-left: 0.94vw; } .lpEyeperformance :is(.featureItems__title).c-vol2 :is(h1, h2) .fv__collaborationTitleInner, .lpEyeperformance :is(.featureItems__title).c-vol2 :is(h1, h2) .featureItems__titleInner { width: 100%; display: flex; column-gap: 1.09vw; } .lpEyeperformance :is(.featureItems__title).c-vol2 :is(h1, h2) span { line-height: 0.8; } :is(.lpEyeperformance :is(.featureItems__title).c-vol2 :is(h1, h2) span.featureItems__titleZoff, .lpEyeperformance :is(.featureItems__title).c-vol2 :is(h1, h2) span.fv__collaborationTitleZoff) { width: 29.53vw; margin-bottom: 0px; left: 0; } :is(.lpEyeperformance :is(.featureItems__title).c-vol2 :is(h1, h2) span.featureItems__titleZoff, .lpEyeperformance :is(.featureItems__title).c-vol2 :is(h1, h2) span.fv__collaborationTitleZoff) span:has(img) { width: 23.83vw; aspect-ratio: 90/37; } :is(.lpEyeperformance :is(.featureItems__title).c-vol2 :is(h1, h2) span.featureItems__titleName, .lpEyeperformance :is(.featureItems__title).c-vol2 :is(h1, h2) span.fv__collaborationTitleName) { letter-spacing: -0.0325em; } :is(.lpEyeperformance :is(.featureItems__title).c-vol2 :is(h1, h2) span.featureItems__titleJob, .lpEyeperformance :is(.featureItems__title).c-vol2 :is(h1, h2) span.fv__collaborationTitleJob) { position: absolute; right: 0.85em; letter-spacing: -0.025em; bottom: 10vw; white-space: nowrap; } .lpEyeperformance :is(.featureItems__title).c-vol2 :is(h1, h2) :is(.featureItems__titleIcon, .fv__collaborationTitleIcon) { width: 4.3vw; height: 4.3vw; } .lpEyeperformance :is(.fv__collaborationTitleMain) { margin-bottom: 0px; bottom: 46px; width: 100%; overflow: visible; } .lpEyeperformance :is(.fv__collaborationTitleMain).c-vol2 { display: flex; margin-top: 5.47vw; } .lpEyeperformance :is(.fv__collaborationTitleMain).c-vol2 :is(h1, h2) { width: 100%; padding-left: 0; } .lpEyeperformance :is(.fv__collaborationTitleMain).c-vol2 :is(h1, h2) .fv__collaborationTitleInner { width: 100%; display: flex; column-gap: 1.41vw; } .lpEyeperformance :is(.fv__collaborationTitleMain).c-vol2 :is(h1, h2) span { line-height: 0.8; } :is(.lpEyeperformance :is(.fv__collaborationTitleMain).c-vol2 :is(h1, h2) span.featureItems__titleZoff, .lpEyeperformance :is(.fv__collaborationTitleMain).c-vol2 :is(h1, h2) span.fv__collaborationTitleZoff) { width: 30vw; margin-bottom: 0px; left: 1px; } :is(.lpEyeperformance :is(.fv__collaborationTitleMain).c-vol2 :is(h1, h2) span.featureItems__titleZoff, .lpEyeperformance :is(.fv__collaborationTitleMain).c-vol2 :is(h1, h2) span.fv__collaborationTitleZoff) span:has(img) { width: 24.45vw; aspect-ratio: 313/129.64; } :is(.lpEyeperformance :is(.fv__collaborationTitleMain).c-vol2 :is(h1, h2) span.featureItems__titleName, .lpEyeperformance :is(.fv__collaborationTitleMain).c-vol2 :is(h1, h2) span.fv__collaborationTitleName) { letter-spacing: -0.022em; } :is(.lpEyeperformance :is(.fv__collaborationTitleMain).c-vol2 :is(h1, h2) span.featureItems__titleJob, .lpEyeperformance :is(.fv__collaborationTitleMain).c-vol2 :is(h1, h2) span.fv__collaborationTitleJob) { position: absolute; right: 0.32em; letter-spacing: -0.01em; bottom: 10vw; white-space: nowrap; } .lpEyeperformance :is(.fv__collaborationTitleMain).c-vol2 :is(h1, h2) :is(.featureItems__titleIcon, .fv__collaborationTitleIcon) { width: 4.3vw; height: 4.3vw; } .lpEyeperformance .fv__collaboration { position: relative; } .lpEyeperformance .fv__collaboration .fv__collaborationImg figure { aspect-ratio: 1280/720; } .lpEyeperformance .fv__collaboration .fv__collaborationContent { padding: 47px 48px 86px 48px; } .lpEyeperformance .fv__collaboration .fv__collaborationContent h2 { line-height: 1.5; margin-bottom: 20px; } .lpEyeperformance .fv__collaboration .fv__collaborationContent p { line-height: 2; } .lpEyeperformance .fv__collaboration .fv__collaborationContent br.is-spOnly { display: none; } .lpEyeperformance .grids__list ul li { margin-bottom: 0px; position: absolute; } .lpEyeperformance .grids__list ul figure { margin-bottom: 6px; } .lpEyeperformance .grids__list ul h3 { line-height: 1; margin-bottom: 3px; } .lpEyeperformance .grids__list ul p { display: flex; } .lpEyeperformance .grids__list ul p span { margin-left: 2px; scale: 1; transform-origin: bottom left; } .lpEyeperformance .grids__list ul p.grids__listInfoPrice span.ja { top: 0px; } .lpEyeperformance .grids__list ul .grids__listInfo { width: 100%; display: block; justify-content: revert; margin-top: 0px; } .lpEyeperformance .grids__list ul .grids__listInfoRight { display: block; justify-content: revert; } .lpEyeperformance .grids__list ul .grids__listInfoRight a { margin-left: 0px; } .lpEyeperformance .grids__list ul .grids__listInfoRight a span { width: fit-content; } .lpEyeperformance .grids__list ul .grids__listInfoLink { margin-top: 16px; } .lpEyeperformance .items__list ul { column-gap: 4px; row-gap: 56px; } .lpEyeperformance .items__list ul li { width: calc(25% - 3px); } .lpEyeperformance .items__list ul figure { margin-bottom: 8px; aspect-ratio: 315/440; } .lpEyeperformance .items__list ul .items__listInfoLink { margin-top: 10px; } .lpEyeperformance .about .section__inner { padding: 84px 0 0 0; width: calc(100% - 96px); } .lpEyeperformance .about .section__title { margin-bottom: 53px; } .lpEyeperformance .about h3 { margin-bottom: 25px; } .lpEyeperformance .about p { line-height: 2; } .lpEyeperformance .about a { text-decoration: underline; text-underline-offset: 4px; } .lpEyeperformance .about .section__content { display: flex; } .lpEyeperformance .about .section__content .section__contentLeft { width: 50%; } .lpEyeperformance .about .section__content .section__contentRight { width: 50%; } .lpEyeperformance .about .creator__stylist { width: 100%; max-width: 293px; margin-bottom: 0px; } .lpEyeperformance .about .creator__profile { width: 100%; max-width: 100%; margin-bottom: 61px; } .lpEyeperformance .about .creator__credit h3 { margin-bottom: 28px; } .lpEyeperformance .about .creator__credit dl dt { width: 50%; } .lpEyeperformance .about .creator__credit dl dd { width: 50%; } .lpEyeperformance .archives__list ul figure { width: 100%; aspect-ratio: 1184/560; } .lpEyeperformance .archives__list ul a { width: 100%; display: block; position: relative; } .lpEyeperformance .archives__list ul .archivesList__title { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; } .lpEyeperformance .archives__list ul .archivesList__title h4 { font-size: var(--fs-archives-title); font-family: "acumin-pro", sans-serif; font-weight: 300; font-style: normal; letter-spacing: 0.04em; line-height: 0.8; color: var(--color-white); } .lpEyeperformance .archives__list ul :is(.archivesList__titleInner) { position: relative; line-height: 1; width: fit-content; display: block; } .lpEyeperformance .archives__list ul span { line-height: 0.8; } :is(.lpEyeperformance .archives__list ul span.archivesList__titleZoff) { width: 31.25vw; margin-bottom: 10px; position: relative; left: 0.86vw; } :is(.lpEyeperformance .archives__list ul span.archivesList__titleZoff) span:has(img) { width: 23.75vw; } :is(.lpEyeperformance .archives__list ul span.archivesList__titleName) { letter-spacing: -0.0365em; } :is(.lpEyeperformance .archives__list ul span.archivesList__titleJob) { display: block; font-size: var(--fs-16-43); position: absolute; right: 0.25em; letter-spacing: -0.025em; bottom: 11.95vw; white-space: nowrap; } .lpEyeperformance .archives__list ul :is(.archivesList__titleIcon) { width: 55px; height: 55px; } } html.wf-loading .lpEyeperformance main { opacity: 0; } html.wf-active .lpEyeperformance main { opacity: 1; transition: opacity 0.6s ease; } .lpEyeperformance section { width: 100%; position: relative; } .lpEyeperformance p.logo { position: fixed; width: 58px; height: 24px; z-index: 10; top: 20px; left: 20px; } .lpEyeperformance p.logo a { display: block; } .lpEyeperformance p.logo img { aspect-ratio: 58/24; } .lpEyeperformance .fv h1 { width: 100%; display: block; } .lpEyeperformance .fv :is(.fv__main, .section__content, .fv__mainMovie, .player) { width: 100%; aspect-ratio: 1/1; } .lpEyeperformance .fv .section__content { position: relative; overflow: hidden; } .lpEyeperformance .fv .fv__title { position: absolute; width: 100.5%; bottom: 16px; left: -0.25%; z-index: 2; } .lpEyeperformance .fv .fv__title h1 { aspect-ratio: 300/49; } .lpEyeperformance .fv .fv__mainMovie { position: relative; overflow: hidden; visibility: hidden; } .lpEyeperformance .fv .fv__mainMovie :is(video, iframe) { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; pointer-events: none; } .lpEyeperformance .fv.active .fv__mainMovie { visibility: visible; } .lpEyeperformance .featureItems { margin-top: 56px; position: relative; } .lpEyeperformance .featureItems .section__inner { padding: 0px 0 144px 0; } .lpEyeperformance .featureItems .featureItems__kv { width: calc(100% - 8px); display: block; margin-inline: auto; position: relative; aspect-ratio: 385/577; margin-bottom: 56px; } .lpEyeperformance .featureItems .featureItems__kv figure { overflow: hidden; } .lpEyeperformance .featureItems .featureItems__kv p.featureItems_titleVol { min-height: 0.8em; font-size: var(--fs-52-175); line-height: 0.8; color: var(--color-white); position: absolute; top: 28px; left: 18px; z-index: 2; letter-spacing: -0.03em; font-family: "acumin-pro", sans-serif; font-weight: 300; font-style: normal; letter-spacing: 0.04em; } .lpEyeperformance .featureItems .featureItems__kv .featureItems__kvLink { position: absolute; z-index: 2; bottom: 40px; left: 50%; transform: translate3d(-50%, 0, 0); } .lpEyeperformance .featureItems .featureItems__kv .featureItems__kvLink .featureItems__kvLinkButton { display: block; background: var(--color-black50); height: 32px; display: flex; align-items: center; border-radius: var(--border-r2); overflow: hidden; } .lpEyeperformance .featureItems .featureItems__kv .featureItems__kvLink .featureItems__kvLinkButton span { display: block; padding: 0 32px; color: var(--color-white); font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; font-size: var(--fs-14); } .lpEyeperformance .featureItems .featureItems__list_vol2 { width: 100%; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul li { font-size: var(--fs-10-12); } .lpEyeperformance .featureItems .featureItems__list_vol2 ul li.is_blue { background: var(--color-v2-blue); } .lpEyeperformance .featureItems .featureItems__list_vol2 ul li.is_yellow { background: var(--color-v2-yellow); } .lpEyeperformance .featureItems .featureItems__list_vol2 ul li.is_yellow :is(h3, p, a) { color: var(--color-black); } .lpEyeperformance .featureItems .featureItems__list_vol2 ul li.is_yellow .featureItems__listContent { position: relative; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul li.is_yellow .featureItems__listContent .featureItems__info a { text-decoration-color: rgba(0, 0, 0, 0.3); } .lpEyeperformance .featureItems .featureItems__list_vol2 ul li.is_yellow .featureItems__listContent .featureItems__info p:nth-of-type(1):after { background: var(--color-black); } .lpEyeperformance .featureItems .featureItems__list_vol2 ul li.is_green { background: var(--color-v2-green); } .lpEyeperformance .featureItems .featureItems__list_vol2 ul li.is_gold { background: var(--color-v2-gold); } .lpEyeperformance .featureItems .featureItems__list_vol2 ul li.is_red { background: var(--color-v2-red); } .lpEyeperformance .featureItems .featureItems__list_vol2 ul :is(h3, p, a) { color: var(--color-white); font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; letter-spacing: 0.44px; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul h3 { font-size: var(--fs-11-14); line-height: 1; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul p.featureItems__listPrice { font-size: var(--fs-11-12); line-height: 1.16; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul p.featureItems__listPrice small { font-size: 1rem; display: inline-block; transform-origin: center left; font-family: "acumin-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.02em; padding-left: 6px; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul .featureItems__listContent { padding: 7px 4px; width: 100%; position: relative; display: flex; justify-content: space-between; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul .featureItems__listContent:before { content: ""; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.1); position: absolute; top: 0px; left: 0px; display: block; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul .featureItems__listContent h3 { margin-bottom: 3px; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul .featureItems__listContent .featureItems__info { display: flex; align-items: center; column-gap: 9px; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul .featureItems__listContent .featureItems__info p { line-height: 1; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul .featureItems__listContent .featureItems__info p:nth-of-type(1) { display: flex; align-items: center; column-gap: 9px; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul .featureItems__listContent .featureItems__info p:nth-of-type(1):after { content: ""; width: 1px; height: 12px; display: block; background: var(--color-white); position: relative; top: 1px; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul .featureItems__listContent .featureItems__info a { display: block; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(255, 255, 255, 0.3); } .lpEyeperformance .about .section__inner { padding: 64px 0 0 0; } .lpEyeperformance .about .section__title { width: var(--inner-width); margin-inline: auto; margin-bottom: 48px; } .lpEyeperformance .about .about_kv { width: 100%; } .lpEyeperformance .about .about__content { padding: 25px 0 0 0; width: 100%; margin-inline: auto; } .lpEyeperformance .about .about__content p { font-size: var(--fs-13-14); line-height: 1.85; margin-bottom: 1.8em; } .lpEyeperformance .about .about__content p:nth-last-of-type(1) { margin-bottom: 0px; } @media all and (min-width: 769px) { .lpEyeperformance p.logo { width: 77px; height: 32px; top: 32px; left: 48px; } .lpEyeperformance .fv :is(.fv__main, .section__content, .fv__mainMovie, [data-player]) { aspect-ratio: 560/315; } .lpEyeperformance .fv .fv__mainMovie iframe { width: 100%; height: 100%; min-height: auto; top: 0px; left: 0px; transform: revert; } .lpEyeperformance .fv .fv__title { width: 100.7%; bottom: 22px; left: -0.35%; } .lpEyeperformance .fv .fv__title h1 { aspect-ratio: 1292/179; } :is(.lpEyeperformance :is(.featureItems__kv .featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.featureItems__titleName, .lpEyeperformance :is(.featureItems__kv .featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.fv__collaborationTitleName) { letter-spacing: -0.0325em; } :is(.lpEyeperformance :is(.featureItems__kv .featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.featureItems__titleJob, .lpEyeperformance :is(.featureItems__kv .featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) span.fv__collaborationTitleJob) { letter-spacing: -0.025em; } .lpEyeperformance :is(.featureItems__kv .featureItems__title, .fv__collaborationTitleMain) :is(h1, h2) :is(.featureItems__titleIcon, .fv__collaborationTitleIcon) { width: 4.3vw; height: 4.3vw; } .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain).c-vol2 :is(h1, h2) { padding-left: 0.94vw; } .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain).c-vol2 :is(h1, h2) .fv__collaborationTitleInner, .lpEyeperformance :is(.featureItems__title, .fv__collaborationTitleMain).c-vol2 :is(h1, h2) .featureItems__titleInner { column-gap: 1.09vw; } .lpEyeperformance .featureItems { margin-top: 96px; position: relative; } .lpEyeperformance .featureItems .section__inner { padding: 0px 0 131px 0; } .lpEyeperformance .featureItems .featureItems__kv { aspect-ratio: 1272/712; margin-bottom: 98px; } .lpEyeperformance .featureItems .featureItems__kv p.featureItems_titleVol { top: 32px; left: 40px; } .lpEyeperformance .featureItems .featureItems__kv .featureItems__kvLink { position: absolute; z-index: 2; bottom: 48px; left: 50%; transform: translate3d(-50%, 0, 0); } .lpEyeperformance .featureItems .featureItems__kv .featureItems__kvLink .featureItems__kvLinkButton span { padding: 0 32px; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul .featureItems__name { display: flex; column-gap: 12px; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul h3, .lpEyeperformance .featureItems .featureItems__list_vol2 ul p, .lpEyeperformance .featureItems .featureItems__list_vol2 ul a { letter-spacing: 0.48px; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul h3 { margin-bottom: 0px; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul p.featureItems__listPrice small { font-size: min(0.86vw,11px); } .lpEyeperformance .featureItems .featureItems__list_vol2 ul .featureItems__listContent { padding: 17px 48px 17px 48px; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul .featureItems__listContent h3 { margin-bottom: 0px; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul .featureItems__listContent .featureItems__info { column-gap: 8px; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul .featureItems__listContent .featureItems__info p { line-height: 1; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul .featureItems__listContent .featureItems__info p:nth-of-type(1) { column-gap: 8px; } .lpEyeperformance .featureItems .featureItems__list_vol2 ul .featureItems__listContent .featureItems__info p:nth-of-type(1):after { height: 14px; top: 2px; } .lpEyeperformance .about .section__content { width: 100%; position: relative; } .lpEyeperformance .about .section__inner { padding: 84px 0 0 0; } .lpEyeperformance .about .section__title { width: 100%; padding-left: 48px; margin-bottom: 48px; } .lpEyeperformance .about .about_kv { width: 100%; } .lpEyeperformance .about .about__content { position: absolute; width: 100%; bottom: 0px; left: 0px; padding: 0px 0 55px 48px; width: 100%; box-sizing: border-box; } .lpEyeperformance .about .about__content .aboutContentInner { width: 390px; } .lpEyeperformance .about .about__content p { color: var(--color-white); line-height: 2; margin-bottom: 1.8em; } .lpEyeperformance .about .about__content p:nth-last-of-type(1) { margin-bottom: 0px; } } @starting-style {} .wf-active .lpEyeperformance :is(.backToTop, .featureItems__titleJob, .featureItems__titleName) { visibility: visible; } .lpEyeperformance :is(.backToTop, .featureItems__titleJob, .featureItems__titleName) { visibility: hidden; } @media (any-hover: hover) { .lpEyeperformance .featureItems a.featureItems__kv .featureItems__imgs img { transition: scale 0.2s ease-out; } .lpEyeperformance .featureItems a.featureItems__kv:hover .featureItems__imgs img { scale: 1.05; } .lpEyeperformance .featureItems a.featureItems__kv:hover .featureItems__kvLinkButton { background: var(--color-white); } .lpEyeperformance .featureItems a.featureItems__kv:hover .featureItems__kvLinkButton span { color: var(--color-black); } .lpEyeperformance .featureItems__list ul li a:hover span:after { background: var(--color-black); } .lpEyeperformance .items__list ul li .items__listInfoLink a:hover span:after { background: var(--color-white); } .lpEyeperformance[data-page=vol1] .grids__list ul li a:hover span:after { background: var(--color-white); } .lpEyeperformance .featureItems .featureItems__list_vol2 ul .featureItems__listContent .featureItems__info a:hover { text-decoration-color: rgb(255, 255, 255); } .lpEyeperformance .featureItems .featureItems__list_vol2 ul li.is_yellow .featureItems__listContent .featureItems__info a:hover { text-decoration-color: rgb(0, 0, 0); } .lpEyeperformance .archives__list ul li a figure { overflow: hidden; } .lpEyeperformance .archives__list ul li a figure img { transition: scale 0.2s ease-out; } .lpEyeperformance .archives__list ul li a:hover figure img { scale: 1.05; } }