/* 魚匠えびすLP — 整理済みCSS (2026-11-04) * All rules stay scoped to #ebisu-fugu-lp. Existing specificity and cascade order are retained. * Container queries control LP layout; the final viewport media query preserves the supplied steam behavior. */ #ebisu-fugu-lp { --ebf-paper: #f7f6f0; --ebf-ink: #24251e; --ebf-muted: #747669; --ebf-orange: #e97a39; --ebf-line: #d9d9ce; --ebf-font: 'Shippori Mincho','Yu Mincho','YuMincho','Hiragino Mincho ProN',serif; --ebf-ease: cubic-bezier(.22,1,.36,1); container: ebf-lp / inline-size; isolation: isolate; position: relative; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: 0; overflow-wrap: anywhere; background: var(--ebf-paper); color: var(--ebf-ink); font-family: var(--ebf-font); font-size: 16px; line-height: 1.9; letter-spacing: .02em; text-align: left; -webkit-text-size-adjust: 100%; } #ebisu-fugu-lp *,#ebisu-fugu-lp *:before,#ebisu-fugu-lp *:after { box-sizing: border-box; } #ebisu-fugu-lp :is(h1,h2,h3,p,ul,ol,dl,dd,figure) { margin: 0; padding: 0; border: 0; font-family: inherit; color: inherit; letter-spacing: inherit; background: transparent; } #ebisu-fugu-lp :is(h1,h2,h3) { font-weight: 600; line-height: 1.55; text-decoration: none; } #ebisu-fugu-lp :is(ul,ol) { list-style: none; } #ebisu-fugu-lp img { display: block; width: 100%; height: auto; max-width: 100%; margin: 0; border: 0; vertical-align: middle; } #ebisu-fugu-lp button { appearance: none; -webkit-appearance: none; font: inherit; letter-spacing: inherit; cursor: pointer; margin: 0; box-shadow: none; text-transform: none; } #ebisu-fugu-lp button:focus-visible,#ebisu-fugu-lp [tabindex]:focus-visible { outline: 2px solid #efa062; outline-offset: 5px; } #ebisu-fugu-lp [hidden] { display: none!important; } #ebisu-fugu-lp .ebf-eyebrow { font-size: 16px; font-weight: 500; letter-spacing: .18em; line-height: 1.6; } #ebisu-fugu-lp .ebf-hero { position: relative; padding: 38px 24px 45px; overflow: hidden; text-align: center; } #ebisu-fugu-lp .ebf-hero>.ebf-eyebrow { color: var(--ebf-orange); margin-bottom: 26px; font-size: 16px; } #ebisu-fugu-lp .ebf-hero h1 { position: relative; z-index: 2; font-size: clamp(27px,7.7cqw,58px); font-weight: 600; line-height: 1.6; letter-spacing: -.04em; white-space: normal; } #ebisu-fugu-lp .ebf-product-stage { position: relative; height: 85cqw; max-height: 520px; margin: 5px -24px 0; } #ebisu-fugu-lp .ebf-orb { position: absolute; width: 72cqw; height: 55cqw; max-height: 390px; left: 50%; top: 16%; transform: translateX(-50%) rotate(-12deg); border-radius: 50%; background: #e88d4a; } #ebisu-fugu-lp .ebf-product { position: absolute; max-width: none; width: 112cqw; height: 105%; left: 50%; top: -3%; object-fit: contain; transform: translateX(-50%) rotate(-4deg); filter: drop-shadow(0 22px 18px #333b2426); will-change: transform; } #ebisu-fugu-lp .ebf-hero-copy { position: relative; z-index: 2; max-width: 600px; margin: 16px auto 0; } #ebisu-fugu-lp .ebf-lead { font-size: 16px; line-height: 2.15; text-align: left; } #ebisu-fugu-lp .ebf-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; margin: 24px auto 18px; } #ebisu-fugu-lp .ebf-src-chip { border: 1px solid #c6c8b8; border-radius: 30px; padding: 4px 11px; font-size: 16px; line-height: 1.6; font-weight: 500; white-space: normal; } #ebisu-fugu-lp .ebf-src-chip--gold { border-color: var(--ebf-orange); color: #a35429; } #ebisu-fugu-lp .ebf-note { font-size: 16px; color: var(--ebf-muted); line-height: 1.8; } #ebisu-fugu-lp .ebf-specs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 0 24px 55px; } #ebisu-fugu-lp .ebf-src-spec__item { padding: 22px 13px; border-top: 1px solid var(--ebf-line); min-width: 0; } #ebisu-fugu-lp .ebf-src-spec__item:first-child { border-right: 1px solid var(--ebf-line); } #ebisu-fugu-lp .ebf-src-spec__label { font-size: 16px; color: var(--ebf-muted); margin-bottom: 9px; letter-spacing: .1em; } #ebisu-fugu-lp .ebf-src-spec__value { font-size: 29px; font-weight: 600; line-height: 1.4; letter-spacing: -.03em; } #ebisu-fugu-lp .ebf-src-spec__sub { font-size: 16px; color: var(--ebf-muted); line-height: 1.9; margin-top: 7px; } #ebisu-fugu-lp .ebf-cinema { position: relative; height: 140svh; background: #191b16; min-height: 620px; } #ebisu-fugu-lp .ebf-cinema-sticky { position: sticky; top: 0; height: 100svh; max-height: 800px; min-height: 520px; display: grid; place-items: center; overflow: hidden; color: #fff; } #ebisu-fugu-lp .ebf-cinema-sticky>img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 58% center; transform: scale(1.15); will-change: transform; } #ebisu-fugu-lp .ebf-cinema-shade { position: absolute; inset: 0; background: linear-gradient(#14190e20,#14190e75 50%,#14190e80); } #ebisu-fugu-lp .ebf-cinema-copy { position: relative; z-index: 1; text-align: center; padding: 32px 24px; max-width: 800px; } #ebisu-fugu-lp .ebf-cinema-copy>.ebf-eyebrow { color: #ffca98; font-size: 16px; margin-bottom: 27px; } #ebisu-fugu-lp .ebf-cinema-copy h2 { font-size: clamp(30px,7.7cqw,62px); font-weight: 500; line-height: 1.6; letter-spacing: -.035em; text-shadow: 0 2px 20px #0002; } #ebisu-fugu-lp .ebf-cinema-copy>p:last-child { font-size: 16px; line-height: 2; margin: 28px 0 0; color: #f6efe5; } #ebisu-fugu-lp .ebf-section { padding: 70px 24px; } #ebisu-fugu-lp .ebf-heading { text-align: center; margin-bottom: 40px; } #ebisu-fugu-lp .ebf-heading>.ebf-eyebrow { color: var(--ebf-orange); margin-bottom: 18px; } #ebisu-fugu-lp .ebf-heading h2 { font-size: clamp(26px,6.8cqw,45px); font-weight: 600; letter-spacing: -.035em; } #ebisu-fugu-lp .ebf-reasons { background: #090b09; color: #f9f5ec; padding: 65px 0 25px; } #ebisu-fugu-lp .ebf-reasons .ebf-heading { padding: 0 24px; margin-bottom: 35px; } #ebisu-fugu-lp .ebf-product-viewer-container { background: #090b09; position: relative; overflow: hidden; } #ebisu-fugu-lp .ebf-tabs { display: flex; gap: 8px; padding: 0 22px 20px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; overscroll-behavior-x: contain; } #ebisu-fugu-lp .ebf-tabs::-webkit-scrollbar { display: none; } #ebisu-fugu-lp .ebf-tabs button { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; max-width: 285px; min-height: 46px; border: 1px solid transparent; border-radius: 70px; background: #242824; color: #dadfd5; padding: 12px 18px 12px 13px; font-weight: 500; text-align: left; line-height: 1.7; scroll-snap-align: start; transition: background .3s,color .3s,border-color .3s; } #ebisu-fugu-lp .ebf-tabs button>span:last-child { min-width: 0; } #ebisu-fugu-lp .ebf-tabs button[aria-selected=true] { background: #e2b47e; color: #151a12; border-color: #e2b47e; } #ebisu-fugu-lp .ebf-tabs button:hover { border-color: #8e8f80; } #ebisu-fugu-lp .ebf-tab-icon { flex: none; display: grid; place-items: center; width: 19px; height: 19px; border: 1px solid currentColor; border-radius: 50%; font-size: 17px; line-height: 1; opacity: .9; } #ebisu-fugu-lp .ebf-panel { min-width: 0; animation: ebf-panel-enter .6s var(--ebf-ease); outline-offset: -2px; } #ebisu-fugu-lp .ebf-viewer-photo { height: 74cqw; max-height: 440px; position: relative; overflow: hidden; background: #090b09; } #ebisu-fugu-lp .ebf-viewer-photo>img { height: 100%; width: 100%; max-width: none; object-fit: contain; mask-image: none; -webkit-mask-image: none; } #ebisu-fugu-lp .ebf-panel-copy { padding: 5px 24px 5px; } #ebisu-fugu-lp .ebf-reason-number { font-size: 16px; color: #b5aa93; letter-spacing: .12em; display: block; } #ebisu-fugu-lp .ebf-panel-copy h3 { font-size: 23px; line-height: 1.75; font-weight: 500; margin-bottom: 20px; letter-spacing: 0; } #ebisu-fugu-lp .ebf-panel-copy>p { font-size: 14px; line-height: 1.8; color: #aeb4a6; letter-spacing: .035em; } #ebisu-fugu-lp .ebf-viewer-controls { display: flex; align-items: center; justify-content: center; gap: 25px; padding: 22px 24px 8px; } #ebisu-fugu-lp .ebf-viewer-controls button { border: 1px solid #3c4537; background: #20251d; color: #f2e9da; border-radius: 50%; width: 39px; height: 39px; font-size: 19px; display: grid; place-items: center; line-height: 1; } #ebisu-fugu-lp .ebf-viewer-controls button:hover { background: #e2b47e; color: #111; } #ebisu-fugu-lp .ebf-viewer-count { font-size: 16px; letter-spacing: .14em; color: #9caa94; } #ebisu-fugu-lp .ebf-steps { display: grid; grid-template-columns: minmax(0,1fr); gap: 38px; } #ebisu-fugu-lp .ebf-step { min-width: 0; } #ebisu-fugu-lp .ebf-step-image { position: relative; overflow: hidden; } #ebisu-fugu-lp .ebf-step-image img { aspect-ratio: 1.45; object-fit: cover; transition: transform .9s var(--ebf-ease); } #ebisu-fugu-lp .ebf-step:hover img { transform: scale(1.04); } #ebisu-fugu-lp .ebf-step-image>span { position: absolute; left: 14px; top: 14px; background: #faf6e9e6; border-radius: 30px; padding: 2px 12px; font-size: 16px; } #ebisu-fugu-lp .ebf-step h3 { font-size: 23px; font-weight: 600; margin: 20px 0 10px; color: #9f542f; } #ebisu-fugu-lp .ebf-step>p { font-size: 16px; line-height: 2.05; color: var(--ebf-muted); } #ebisu-fugu-lp .ebf-tbc { color: #906c35; background: #d6b87318; padding: 0 2px; } #ebisu-fugu-lp .ebf-set { background: #e9ece2; } #ebisu-fugu-lp .ebf-set-heading { margin-bottom: 35px; } #ebisu-fugu-lp .ebf-set-heading .ebf-eyebrow { color: #a96131; margin-bottom: 20px; } #ebisu-fugu-lp .ebf-set-heading h2 { font-size: clamp(25px,6.8cqw,43px); letter-spacing: -.035em; } #ebisu-fugu-lp .ebf-set-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 30px; } #ebisu-fugu-lp .ebf-set-photo { background: #d9dfcf; padding: 18px; } #ebisu-fugu-lp .ebf-set-photo img { aspect-ratio: 1.35; object-fit: cover; mix-blend-mode: multiply; } #ebisu-fugu-lp .ebf-set-copy>p { font-size: 16px; line-height: 2.05; color: #626b59; } #ebisu-fugu-lp .ebf-set-table { margin-top: 25px; font-size: 16px; } #ebisu-fugu-lp .ebf-src-set__row { display: flex; justify-content: space-between; gap: 12px; padding: 14px 0; border-bottom: 1px solid #c7cebc; } #ebisu-fugu-lp .ebf-src-set__row dt { color: #67735e; min-width: 0; } #ebisu-fugu-lp .ebf-src-set__row dd { text-align: right; min-width: 0; } #ebisu-fugu-lp .ebf-src-set__dd--strong { font-weight: 600; } #ebisu-fugu-lp .ebf-detail h2 { font-size: 26px; margin: 0 0 26px; padding: 0 0 16px; border-bottom: 1px solid #bbbdae; } #ebisu-fugu-lp .ebf-detail-table { font-size: 16px; } #ebisu-fugu-lp .ebf-src-detail__row { display: grid; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--ebf-line); } #ebisu-fugu-lp .ebf-src-detail__row dt { font-weight: 600; } #ebisu-fugu-lp .ebf-src-detail__row dd { line-height: 1.95; color: var(--ebf-muted); } #ebisu-fugu-lp .ebf-detail-note { font-size: 16px; color: var(--ebf-muted); margin-top: 20px; } #ebisu-fugu-lp.ebf-enhanced .ebf-reveal { opacity: 0; transform: translateY(28px); transition: opacity .9s var(--ebf-ease),transform 1s var(--ebf-ease); } #ebisu-fugu-lp.ebf-enhanced .ebf-reveal.ebf-shown { opacity: 1; transform: none; } @keyframes ebf-panel-enter { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: none; } } @container ebf-lp (min-width:600px) { #ebisu-fugu-lp .ebf-hero { padding: 55px 45px 60px; } #ebisu-fugu-lp .ebf-hero>.ebf-eyebrow { font-size: 16px; margin-bottom: 30px; } #ebisu-fugu-lp .ebf-hero h1 { font-size: clamp(36px,5.8cqw,54px); line-height: 1.5; } #ebisu-fugu-lp .ebf-product-stage { height: 66cqw; max-height: 590px; margin: -5px -45px 0; } #ebisu-fugu-lp .ebf-product { width: 100cqw; max-width: 1000px; height: 112%; top: -5%; } #ebisu-fugu-lp .ebf-orb { width: 68cqw; height: 43cqw; top: 20%; } #ebisu-fugu-lp .ebf-hero-copy { margin-top: 5px; max-width: 620px; } #ebisu-fugu-lp .ebf-lead { font-size: 16px; line-height: 2.15; } #ebisu-fugu-lp .ebf-src-chip { font-size: 16px; padding: 5px 13px; } #ebisu-fugu-lp .ebf-note { font-size: 16px; } #ebisu-fugu-lp .ebf-specs { grid-template-columns: repeat(3,minmax(0,1fr)); padding: 0 45px 65px; } #ebisu-fugu-lp .ebf-src-spec__item { padding: 25px 20px 0; } #ebisu-fugu-lp .ebf-src-spec__item:nth-child(2) { border-right: 1px solid var(--ebf-line); } #ebisu-fugu-lp .ebf-src-spec__label { font-size: 16px; } #ebisu-fugu-lp .ebf-src-spec__value { font-size: 35px; } #ebisu-fugu-lp .ebf-src-spec__sub { font-size: 16px; } #ebisu-fugu-lp .ebf-cinema-copy h2 { font-size: clamp(40px,6.7cqw,62px); } #ebisu-fugu-lp .ebf-cinema-copy>p:last-child,#ebisu-fugu-lp .ebf-cinema-copy>.ebf-eyebrow { font-size: 16px; } #ebisu-fugu-lp .ebf-section { padding: 90px 45px; } #ebisu-fugu-lp .ebf-heading { margin-bottom: 50px; } #ebisu-fugu-lp .ebf-reasons { padding: 85px 0 35px; } #ebisu-fugu-lp .ebf-steps { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; } #ebisu-fugu-lp .ebf-step-image img { aspect-ratio: 1.1; } #ebisu-fugu-lp .ebf-step h3 { font-size: 22px; } #ebisu-fugu-lp .ebf-step>p { font-size: 16px; } #ebisu-fugu-lp .ebf-set-grid { grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; } #ebisu-fugu-lp .ebf-set-photo { padding: 20px; } #ebisu-fugu-lp .ebf-set-photo img { aspect-ratio: 1; } #ebisu-fugu-lp .ebf-src-detail__row { padding: 20px 0; gap: 20px; } #ebisu-fugu-lp .ebf-detail-table { font-size: 16px; } #ebisu-fugu-lp .ebf-detail h2 { font-size: 28px; } } @container ebf-lp (min-width:720px) { #ebisu-fugu-lp .ebf-viewer-layout { display: grid; gap: 20px; padding: 0 32px 0 30px; align-items: start; } #ebisu-fugu-lp .ebf-tabs { flex-direction: column; align-items: flex-start; overflow: visible; padding: 20px 0 0; gap: 12px; } #ebisu-fugu-lp .ebf-tabs button { max-width: 100%; width: auto; font-size: 16px; min-height: 51px; padding: 12px 17px 12px 13px; line-height: 1.8; } #ebisu-fugu-lp .ebf-viewer-panels { min-height: 660px; } #ebisu-fugu-lp .ebf-viewer-photo { height: 40cqw; max-height: 380px; } #ebisu-fugu-lp .ebf-viewer-photo>img { object-fit: contain; } #ebisu-fugu-lp .ebf-panel-copy { padding: 27px 12px 25px; } #ebisu-fugu-lp .ebf-panel-copy h3 { font-size: 25px; line-height: 1.65; margin-bottom: 20px; } #ebisu-fugu-lp .ebf-panel-copy>p { font-size: 16px; line-height: 2.05; } #ebisu-fugu-lp .ebf-viewer-controls { justify-content: flex-end; padding: 4px 44px 12px; } } @media(prefers-reduced-motion:reduce) { #ebisu-fugu-lp * { animation: none!important; transition: none!important; } #ebisu-fugu-lp.ebf-enhanced .ebf-reveal { opacity: 1; transform: none; } #ebisu-fugu-lp .ebf-cinema { height: auto; min-height: 0; } #ebisu-fugu-lp .ebf-cinema-sticky { position: relative; height: min(100svh,750px); } #ebisu-fugu-lp .ebf-cinema-sticky>img { transform: none!important; } #ebisu-fugu-lp .ebf-product { transform: translateX(-50%) rotate(-4deg)!important; } } #ebisu-fugu-lp .ebf-tbc { font-size: inherit; } #ebisu-fugu-lp .ebf-typed-visual { display: contents; } #ebisu-fugu-lp .ebf-char { display: inline-block; white-space: pre; opacity: var(--ebf-char-opacity,1); filter: blur(var(--ebf-char-blur,0px)); transform: translateY(var(--ebf-char-y,0em)); transition: opacity .12s linear,filter .16s linear,transform .16s var(--ebf-ease); } #ebisu-fugu-lp .ebf-sr-only { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip-path: inset(50%)!important; white-space: nowrap!important; border: 0!important; } #ebisu-fugu-lp .ebf-src-detail__row { grid-template-columns: 90px minmax(0,1fr); } @container ebf-lp (min-width:600px) { #ebisu-fugu-lp .ebf-src-detail__row { grid-template-columns: 140px minmax(0,1fr); } } @container ebf-lp (min-width:720px) { #ebisu-fugu-lp .ebf-hero h1 { font-size: clamp(32px,4.9cqw,46px); line-height: 1.6; } #ebisu-fugu-lp .ebf-cinema { height: 70svh; min-height: 310px; } #ebisu-fugu-lp .ebf-cinema-sticky { height: 50svh; min-height: 260px; max-height: 400px; } #ebisu-fugu-lp .ebf-cinema-copy { padding: 20px 28px; } #ebisu-fugu-lp .ebf-cinema-copy>.ebf-eyebrow { margin-bottom: 14px; } #ebisu-fugu-lp .ebf-cinema-copy h2 { font-size: clamp(30px,4.6cqw,42px); line-height: 1.45; } #ebisu-fugu-lp .ebf-cinema-copy>p:last-child { margin-top: 16px; line-height: 1.9; } } @media(max-height:650px) { @container ebf-lp (min-width:720px) { #ebisu-fugu-lp .ebf-cinema-copy { padding: 16px 24px; } #ebisu-fugu-lp .ebf-cinema-copy>.ebf-eyebrow { margin-bottom: 10px; } #ebisu-fugu-lp .ebf-cinema-copy h2 { font-size: 32px; line-height: 1.35; } #ebisu-fugu-lp .ebf-cinema-copy>p:last-child { margin-top: 10px; line-height: 1.8; } } } @media(prefers-reduced-motion:reduce) { #ebisu-fugu-lp .ebf-char { opacity: 1!important; filter: none!important; transform: none!important; } @container ebf-lp (min-width:720px) { #ebisu-fugu-lp .ebf-cinema { height: auto; min-height: 0; } #ebisu-fugu-lp .ebf-cinema-sticky { height: 50svh; min-height: 260px; max-height: 400px; } } } @container ebf-lp (max-width:399px) { #ebisu-fugu-lp .ebf-hero { background-color: #e2dbcf; } #ebisu-fugu-lp .ebf-hero h1 { font-size: 24px; } } @container ebf-lp (min-width:720px) { #ebisu-fugu-lp .ebf-product-stage { display: grid; place-items: center; height: auto; max-height: none; margin: 20px -45px 0; padding: 35px 24px 72px; } #ebisu-fugu-lp .ebf-product { position: relative; left: auto; top: auto; width: 100%; max-width: 100%; height: auto; transform: rotate(-4deg); } #ebisu-fugu-lp .ebf-hero-copy { margin-top: 24px; } } @media(prefers-reduced-motion:reduce) { @container ebf-lp (min-width:720px) { #ebisu-fugu-lp .ebf-product { transform: rotate(-4deg)!important; } } } #ebisu-fugu-lp .ebf-hero { isolation: isolate; } #ebisu-fugu-lp .ebf-hero-background { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; } #ebisu-fugu-lp .ebf-hero-background img { position: absolute; max-width: none; object-fit: cover; filter: saturate(.6) blur(.6px); mix-blend-mode: multiply; } #ebisu-fugu-lp .ebf-atmosphere-family { left: -20%; top: 0; width: 135%; height: 45%; opacity: .42; mask-image: radial-gradient(ellipse at 40% 30%,#000 10%,transparent 68%); -webkit-mask-image: radial-gradient(ellipse at 40% 30%,#000 10%,transparent 68%); } #ebisu-fugu-lp .ebf-atmosphere-sizzle { right: -36%; top: 32%; width: 130%; height: 53%; opacity: .41; mask-image: radial-gradient(ellipse at 70% 40%,#000 10%,transparent 67%); -webkit-mask-image: radial-gradient(ellipse at 70% 40%,#000 10%,transparent 67%); } #ebisu-fugu-lp .ebf-hero>.ebf-eyebrow { position: relative; z-index: 1; } #ebisu-fugu-lp .ebf-product-stage { z-index: 1; } #ebisu-fugu-lp .ebf-chips { max-width: 650px; } #ebisu-fugu-lp .ebf-src-spec__label,#ebisu-fugu-lp .ebf-src-spec__sub { font-size: 12px; } #ebisu-fugu-lp .ebf-tabs button { font-size: 14px; } @container ebf-lp (min-width:720px) { #ebisu-fugu-lp .ebf-hero-copy { max-width: 650px; } #ebisu-fugu-lp .ebf-lead { max-width: 620px; margin-inline: auto; } #ebisu-fugu-lp .ebf-atmosphere-family { left: -12%; top: -1%; width: 95%; height: 52%; mask-image: radial-gradient(ellipse at 35% 25%,#000 13%,transparent 70%); -webkit-mask-image: radial-gradient(ellipse at 35% 25%,#000 13%,transparent 70%); } #ebisu-fugu-lp .ebf-reasons-break { display: none; } #ebisu-fugu-lp .ebf-reasons .ebf-heading h2 { white-space: nowrap; font-size: clamp(28px,4.7cqw,44px); } #ebisu-fugu-lp .ebf-src-spec__label,#ebisu-fugu-lp .ebf-src-spec__sub { font-size: 14px; } #ebisu-fugu-lp .ebf-viewer-layout { grid-template-columns: 34% minmax(0,1fr); } #ebisu-fugu-lp #ebf-hero-title { text-align: right; font-size: 50px; line-height: 1.2; letter-spacing: 0; } #ebisu-fugu-lp > section.ebf-hero > div.ebf-product-stage { padding: 0 24px 0; } #ebisu-fugu-lp > section.ebf-hero > p.ebf-eyebrow { text-align: right; line-height: 15px; } #ebisu-fugu-lp > section.ebf-cinema { background-color: #000; } #ebisu-fugu-lp > section.ebf-set.ebf-section > div.ebf-set-grid > div.ebf-set-photo.ebf-reveal.ebf-shown { background-color: #fff; } #ebisu-fugu-lp .ebf-atmosphere-family { opacity: .8; } #ebisu-fugu-lp > section.ebf-hero { opacity: 1; } #ebisu-fugu-lp .ebf-atmosphere-sizzle { width: 100%; height: 40%; opacity: .6; top: 55%; right: -25%; } #ebisu-fugu-lp > section.ebf-hero { background-color: unset; } #ebisu-fugu-lp > section.ebf-hero > div.ebf-hero-copy > p.ebf-note { font-size: 12px; } #ebisu-fugu-lp #ebf-hero-title { color: #24251e; } #ebisu-fugu-lp > section.ebf-hero { padding: 10px 45px 60px; } } #ebisu-fugu-lp #ebf-hero-title { hanging-punctuation: force-end; } #ebisu-fugu-lp br[data-ebf-break="pc"] { display: none; } #ebisu-fugu-lp br[data-ebf-break="sp"] { display: inline; } @container ebf-lp (min-width:720px) { #ebisu-fugu-lp br[data-ebf-break="pc"] { display: inline; } #ebisu-fugu-lp br[data-ebf-break="sp"] { display: none; } } #ebisu-fugu-lp .ebf-howto { position: relative; isolation: isolate; overflow: clip; padding: 80px 22px 92px; background: linear-gradient(180deg,#f7f6f0 0%,#f1eee4 52%,#f7f6f0 100%); } #ebisu-fugu-lp .ebf-howto>.ebf-heading { text-align: left; margin: 0 0 64px; position: relative; z-index: 1; } #ebisu-fugu-lp .ebf-howto>.ebf-heading:after { content: ""; display: block; width: 64px; height: 1px; background: #b1774c; margin-top: 26px; transform-origin: left; } #ebisu-fugu-lp .ebf-howto .ebf-heading h2 { font-size: clamp(28px,6.8cqw,46px); line-height: 1.6; letter-spacing: -.05em; } #ebisu-fugu-lp .ebf-howto .ebf-steps { display: grid; grid-template-columns: minmax(0,1fr); gap: 92px; } #ebisu-fugu-lp .ebf-howto .ebf-step { position: relative; display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto auto; min-width: 0; isolation: isolate; } #ebisu-fugu-lp .ebf-howto .ebf-step-image { grid-column: 1; grid-row: 1; position: relative; overflow: visible; width: 92%; justify-self: end; isolation: isolate; } #ebisu-fugu-lp .ebf-howto .ebf-step:nth-child(even) .ebf-step-image { justify-self: start; } #ebisu-fugu-lp .ebf-howto .ebf-step-image:before { content: ""; position: absolute; z-index: -1; inset: 12% -10% -8% 13%; border: 1px solid #b7a78b66; border-radius: 50%; pointer-events: none; } #ebisu-fugu-lp .ebf-howto .ebf-step:nth-child(even) .ebf-step-image:before { inset: -7% 12% 10% -10%; } #ebisu-fugu-lp .ebf-howto .ebf-step-image img { width: 100%; height: auto; aspect-ratio: 1.08; object-fit: cover; border-radius: 48% 48% 3px 3px; transform: none; box-shadow: 0 18px 40px -28px #31281555; transition: transform 1.7s var(--ebf-ease); } #ebisu-fugu-lp .ebf-howto .ebf-step:nth-child(2) .ebf-step-image img { border-radius: 4px 46% 46% 4px; object-position: 60% 50%; } #ebisu-fugu-lp .ebf-howto .ebf-step:nth-child(3) .ebf-step-image img { border-radius: 50%; aspect-ratio: 1; object-position: 50% 48%; } #ebisu-fugu-lp .ebf-howto .ebf-step-image>span { position: absolute; z-index: 2; top: -34px; left: -12px; padding: 0; background: transparent; border-radius: 0; font-family: Georgia,'Times New Roman',serif; font-size: clamp(90px,22cqw,150px); font-weight: 400; line-height: 1; letter-spacing: -.08em; color: #f7f6f0; -webkit-text-stroke: 1px #9f7451; pointer-events: none; } #ebisu-fugu-lp .ebf-howto .ebf-step:nth-child(even) .ebf-step-image>span { left: auto; right: -4px; } #ebisu-fugu-lp .ebf-howto .ebf-step h3 { grid-column: 1; grid-row: 2; position: relative; margin: 35px 0 15px; padding: 0; font-size: clamp(32px,8.5cqw,50px); line-height: 1.4; letter-spacing: .04em; font-weight: 500; color: var(--ebf-ink); } #ebisu-fugu-lp .ebf-howto .ebf-step>p { grid-column: 1; grid-row: 3; position: relative; max-width: 34em; margin: 0; font-size: 16px; line-height: 2.1; color: #646252; } #ebisu-fugu-lp .ebf-howto .ebf-step:nth-child(even)>:is(h3,p) { margin-left: 7%; } #ebisu-fugu-lp.ebf-enhanced .ebf-howto .ebf-step.ebf-reveal { opacity: 1; transform: none; transition: none; } #ebisu-fugu-lp.ebf-enhanced .ebf-howto .ebf-step .ebf-step-image { opacity: 0; transform: translateX(48px); transition: opacity 1.2s var(--ebf-ease),transform 1.45s var(--ebf-ease); will-change: auto; } #ebisu-fugu-lp.ebf-enhanced .ebf-howto .ebf-step:nth-child(even) .ebf-step-image { transform: translateX(-48px); } #ebisu-fugu-lp.ebf-enhanced .ebf-howto .ebf-step>:is(h3,p) { opacity: 0; transform: translateX(-30px); transition: opacity 1s var(--ebf-ease),transform 1.25s var(--ebf-ease); transition-delay: .15s; } #ebisu-fugu-lp.ebf-enhanced .ebf-howto .ebf-step:nth-child(even)>:is(h3,p) { transform: translateX(30px); } #ebisu-fugu-lp.ebf-enhanced .ebf-howto .ebf-step>p { transition-delay: .25s; } #ebisu-fugu-lp.ebf-enhanced .ebf-howto .ebf-step:not(.ebf-shown) .ebf-step-image img { transform: scale(1.06); } #ebisu-fugu-lp.ebf-enhanced .ebf-howto .ebf-step.ebf-shown>:is(.ebf-step-image,h3,p) { opacity: 1; transform: none; } @container ebf-lp (min-width:720px) { #ebisu-fugu-lp .ebf-howto { padding: 104px 45px 125px; } #ebisu-fugu-lp .ebf-howto>.ebf-heading { margin-bottom: 90px; } #ebisu-fugu-lp .ebf-howto .ebf-heading h2 { font-size: 46px; } #ebisu-fugu-lp .ebf-howto .ebf-steps { grid-template-columns: minmax(0,1fr); gap: 138px; } #ebisu-fugu-lp .ebf-howto .ebf-step { grid-template-columns: minmax(0,.73fr) minmax(0,1.27fr); grid-template-rows: 1fr auto auto 1fr; column-gap: 44px; align-items: start; } #ebisu-fugu-lp .ebf-howto .ebf-step-image { grid-column: 2; grid-row: 1/5; width: 100%; align-self: center; } #ebisu-fugu-lp .ebf-howto .ebf-step-image img { aspect-ratio: 1.1; } #ebisu-fugu-lp .ebf-howto .ebf-step-image>span { top: -48px; left: -23px; font-size: 144px; } #ebisu-fugu-lp .ebf-howto .ebf-step h3 { grid-column: 1; grid-row: 2; font-size: clamp(40px,5.7cqw,54px); margin: 0 0 22px; white-space: nowrap; } #ebisu-fugu-lp .ebf-howto .ebf-step>p { grid-column: 1; grid-row: 3; margin: 0; font-size: 16px; line-height: 2.15; } #ebisu-fugu-lp .ebf-howto .ebf-step:nth-child(even) { grid-template-columns: minmax(0,1.27fr) minmax(0,.73fr); } #ebisu-fugu-lp .ebf-howto .ebf-step:nth-child(even) .ebf-step-image { grid-column: 1; } #ebisu-fugu-lp .ebf-howto .ebf-step:nth-child(even)>:is(h3,p) { grid-column: 2; margin-left: 0; } #ebisu-fugu-lp .ebf-howto .ebf-step:nth-child(3) .ebf-step-image { width: 95%; justify-self: end; } #ebisu-fugu-lp.ebf-enhanced .ebf-howto .ebf-step .ebf-step-image { transform: translateX(75px); } #ebisu-fugu-lp.ebf-enhanced .ebf-howto .ebf-step:nth-child(even) .ebf-step-image { transform: translateX(-75px); } #ebisu-fugu-lp.ebf-enhanced .ebf-howto .ebf-step.ebf-shown .ebf-step-image { transform: none; } } @media(prefers-reduced-motion:reduce) { #ebisu-fugu-lp.ebf-enhanced .ebf-howto .ebf-step>:is(.ebf-step-image,h3,p),#ebisu-fugu-lp.ebf-enhanced .ebf-howto .ebf-step .ebf-step-image img { opacity: 1; transform: none!important; transition: none; } } #ebisu-fugu-lp > section.ebf-cinema { background-color: rgb(9, 11, 9); } #ebisu-fugu-lp > section.ebf-howto.ebf-section > div.ebf-steps > article.ebf-step.ebf-reveal:nth-of-type(1) > div.ebf-step-image > img { border-radius: 48% 3px 3px 48%; } #ebisu-fugu-lp > section.ebf-howto.ebf-section > div.ebf-steps { gap: 20px; } #ebisu-fugu-lp > section.ebf-howto.ebf-section { padding: 50px 45px 65px; } @container ebf-lp (min-width:720px) { #ebisu-fugu-lp > section.ebf-howto.ebf-section > header.ebf-heading.ebf-reveal { margin: 0 0 30px; } #ebisu-fugu-lp > section.ebf-set.ebf-section { padding: 50px 45px; } #ebisu-fugu-lp > section.ebf-hero > p.ebf-eyebrow { margin: 20px 0 30px; } } @container ebf-lp (width < 720px) { #ebisu-fugu-lp > section.ebf-howto.ebf-section { padding: 50px 24px 65px; } #ebisu-fugu-lp > section.ebf-howto.ebf-section > header.ebf-heading.ebf-reveal { margin: 0px 0px 24px; } #ebisu-fugu-lp > section.ebf-howto.ebf-section > div.ebf-steps > article.ebf-step.ebf-reveal:nth-of-type(1) > h3 { margin: 5px 0px 15px; } #ebisu-fugu-lp > section.ebf-howto.ebf-section > div.ebf-steps > article.ebf-step.ebf-reveal:nth-of-type(1) > p { margin: 0 0 20px; } #ebisu-fugu-lp > section.ebf-howto.ebf-section > div.ebf-steps > article.ebf-step.ebf-reveal:nth-of-type(2) > h3 { margin: 5px 0px 15px 24px; } #ebisu-fugu-lp > section.ebf-howto.ebf-section > div.ebf-steps > article.ebf-step.ebf-reveal:nth-of-type(2) > p { margin: 0px 0px 20px 24px; } #ebisu-fugu-lp > section.ebf-howto.ebf-section > div.ebf-steps > article.ebf-step.ebf-reveal:nth-of-type(3) > h3 { margin: 5px 0px 15px; } } #ebisu-fugu-lp > section.ebf-set.ebf-section > div.ebf-set-grid > div.ebf-set-photo.ebf-reveal { background-color: #fff; } @container ebf-lp (width < 720px) { #ebisu-fugu-lp > section.ebf-set.ebf-section > div.ebf-set-grid > div.ebf-set-copy.ebf-reveal > dl.ebf-set-table > div.ebf-src-set__row:nth-of-type(2) > dd > span.ebf-tbc,#ebisu-fugu-lp > section.ebf-set.ebf-section > div.ebf-set-grid > div.ebf-set-copy.ebf-reveal > dl.ebf-set-table > div.ebf-src-set__row:nth-of-type(3) > dd > span.ebf-tbc { color: rgb(36, 37, 30); background-color: unset; } #ebisu-fugu-lp > section.ebf-detail.ebf-section > dl.ebf-detail-table > div.ebf-src-detail__row:nth-of-type(3) > dd > span.ebf-tbc,#ebisu-fugu-lp > section.ebf-detail.ebf-section > dl.ebf-detail-table > div.ebf-src-detail__row:nth-of-type(5) > dd > span.ebf-tbc,#ebisu-fugu-lp > section.ebf-detail.ebf-section > dl.ebf-detail-table > div.ebf-src-detail__row:nth-of-type(8) > dd > span.ebf-tbc { color: rgb(116, 118, 105); background-color: unset; } #ebisu-fugu-lp > section.ebf-detail.ebf-section > dl.ebf-detail-table > div.ebf-src-detail__row:nth-of-type(1) > dd,#ebisu-fugu-lp > section.ebf-detail.ebf-section > dl.ebf-detail-table > div.ebf-src-detail__row:nth-of-type(2) > dd,#ebisu-fugu-lp > section.ebf-detail.ebf-section > dl.ebf-detail-table > div.ebf-src-detail__row:nth-of-type(3) > dd > span.ebf-tbc,#ebisu-fugu-lp > section.ebf-detail.ebf-section > dl.ebf-detail-table > div.ebf-src-detail__row:nth-of-type(4) > dd,#ebisu-fugu-lp > section.ebf-detail.ebf-section > dl.ebf-detail-table > div.ebf-src-detail__row:nth-of-type(5) > dd,#ebisu-fugu-lp > section.ebf-detail.ebf-section > dl.ebf-detail-table > div.ebf-src-detail__row:nth-of-type(6) > dd,#ebisu-fugu-lp > section.ebf-detail.ebf-section > dl.ebf-detail-table > div.ebf-src-detail__row:nth-of-type(7) > dd,#ebisu-fugu-lp > section.ebf-detail.ebf-section > dl.ebf-detail-table > div.ebf-src-detail__row:nth-of-type(8) > dd,#ebisu-fugu-lp > section.ebf-detail.ebf-section > dl.ebf-detail-table > div.ebf-src-detail__row:nth-of-type(9) > dd,#ebisu-fugu-lp > section.ebf-set.ebf-section > div.ebf-set-grid > div.ebf-set-copy.ebf-reveal > dl.ebf-set-table > div.ebf-src-set__row:nth-of-type(1) > dd.ebf-src-set__dd--strong,#ebisu-fugu-lp > section.ebf-set.ebf-section > div.ebf-set-grid > div.ebf-set-copy.ebf-reveal > dl.ebf-set-table > div.ebf-src-set__row:nth-of-type(2) > dd > span.ebf-tbc,#ebisu-fugu-lp > section.ebf-set.ebf-section > div.ebf-set-grid > div.ebf-set-copy.ebf-reveal > dl.ebf-set-table > div.ebf-src-set__row:nth-of-type(3) > dd > span.ebf-tbc { font-size: 14px; } } #ebisu-fugu-lp > section.ebf-set.ebf-section > div.ebf-set-grid > div.ebf-set-copy.ebf-reveal > dl.ebf-set-table > div.ebf-src-set__row:nth-of-type(2) > dd > span.ebf-tbc,#ebisu-fugu-lp > section.ebf-set.ebf-section > div.ebf-set-grid > div.ebf-set-copy.ebf-reveal > dl.ebf-set-table > div.ebf-src-set__row:nth-of-type(3) > dd > span.ebf-tbc { color: rgb(36, 37, 30); background-color: unset; } #ebisu-fugu-lp > section.ebf-detail.ebf-section > dl.ebf-detail-table > div.ebf-src-detail__row:nth-of-type(3) > dd > span.ebf-tbc,#ebisu-fugu-lp > section.ebf-detail.ebf-section > dl.ebf-detail-table > div.ebf-src-detail__row:nth-of-type(5) > dd > span.ebf-tbc,#ebisu-fugu-lp > section.ebf-detail.ebf-section > dl.ebf-detail-table > div.ebf-src-detail__row:nth-of-type(8) > dd > span.ebf-tbc { color: rgb(116, 118, 105); background-color: unset; } @container ebf-lp (width < 720px) { #ebisu-fugu-lp #ebf-tab-0,#ebisu-fugu-lp #ebf-tab-1 { border-radius: 50px; } #ebisu-fugu-lp > section.ebf-reasons > div.ebf-product-viewer-container > div.ebf-viewer-layout > div.ebf-tabs > button:nth-of-type(1) > span:nth-of-type(2),#ebisu-fugu-lp > section.ebf-reasons > div.ebf-product-viewer-container > div.ebf-viewer-layout > div.ebf-tabs > button:nth-of-type(2) > span:nth-of-type(2) { line-height: 15px; } } #ebisu-fugu-lp .ebf-reasons .ebf-viewer-photo { width: 100%; height: auto; min-height: 0; max-height: none; padding: 10px; aspect-ratio: 3/2; border-radius: 16px; overflow: hidden; background: transparent; mask-image: none; -webkit-mask-image: none; } #ebisu-fugu-lp .ebf-reasons .ebf-viewer-photo>img { position: static; display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 3/2; object-fit: contain; object-position: center; border-radius: inherit; transform: none; filter: none; mask-image: none; -webkit-mask-image: none; } #ebisu-fugu-lp .ebf-hero .ebf-steam { position: absolute; inset: -30% 0 30%; z-index: 3; pointer-events: none; overflow: visible; } #ebisu-fugu-lp .ebf-steam .ebf-steam-image { position: absolute; display: block; max-width: none; width: 46%; height: auto; left: 12%; bottom: 24%; opacity: 0; transform-origin: 50% 90%; animation: ebf-steam-image-rise 7s linear infinite; will-change: transform,opacity; user-select: none; } #ebisu-fugu-lp .ebf-steam .ebf-steam-image--1 { animation-delay: -1.666667s; } #ebisu-fugu-lp .ebf-steam .ebf-steam-image--2 { left: 49%; width: 42%; bottom: 26%; animation-duration: 6.666667s; animation-delay: -7.5s; --ebf-steam-drift: -5%; --ebf-steam-tilt: -4deg; } #ebisu-fugu-lp .ebf-steam .ebf-steam-image--3 { left: 21%; width: 58%; height: 113%; bottom: 10%; animation-name: ebf-steam-image-low; animation-duration: 7.083333s; animation-delay: -3.333333s; } #ebisu-fugu-lp .ebf-steam .ebf-steam-image--4 { left: -3%; width: 53%; height: 90%; bottom: 12%; animation-name: ebf-steam-image-low; animation-duration: 8.333333s; animation-delay: -7.666667s; --ebf-steam-drift: -7%; } @keyframes ebf-steam-image-rise { 0% { opacity: 0; transform: translate3d(0,8%,0) scale(.86) rotate(-2deg); } 20% { opacity: .64; } 55% { opacity: .48; } 100% { opacity: 0; transform: translate3d(var(--ebf-steam-drift,6%),-30%,0) scale(1.18) rotate(var(--ebf-steam-tilt,3deg)); } } @keyframes ebf-steam-image-low { 0% { opacity: 0; transform: translate3d(-3%,7%,0) scale(.88); } 25% { opacity: .58; } 60% { opacity: .4; } 100% { opacity: 0; transform: translate3d(var(--ebf-steam-drift,7%),-25%,0) scale(1.18); } } #ebisu-fugu-lp .ebf-steam.ebf-steam-paused .ebf-steam-image { animation-play-state: paused; will-change: auto; } @media(prefers-reduced-motion:reduce) { #ebisu-fugu-lp .ebf-hero .ebf-steam { display: none; } #ebisu-fugu-lp .ebf-steam .ebf-steam-image { animation: none; will-change: auto; } } @media (max-width:720px) { #ebisu-fugu-lp .ebf-hero .ebf-steam { position: absolute; inset: 20% 0 30%; z-index: 3; pointer-events: none; overflow: visible; } #ebisu-fugu-lp .ebf-steam .ebf-steam-image { position: absolute; display: block; max-width: none; width: 76%; height: auto; left: -5%; bottom: 14%; opacity: 0; transform-origin: 50% 90%; animation: ebf-steam-image-rise 10s linear infinite; will-change: transform,opacity; user-select: none; } #ebisu-fugu-lp .ebf-steam .ebf-steam-image--2 { left: 19%; width: 82%; bottom: 26%; animation-duration: 6.666667s; animation-delay: -7.5s; --ebf-steam-drift: -5%; --ebf-steam-tilt: -4deg; } #ebisu-fugu-lp .ebf-steam .ebf-steam-image--3 { left: 21%; width: 68%; height: 153%; bottom: 10%; animation-name: ebf-steam-image-low; animation-duration: 7.083333s; animation-delay: -3.333333s; } #ebisu-fugu-lp .ebf-steam .ebf-steam-image--4 { left: 37%; width: 73%; height: 90%; bottom: 12%; animation-name: ebf-steam-image-low; animation-duration: 8.333333s; animation-delay: -5.666667s; --ebf-steam-drift: -7%; } } /* てっちり＋てっさセット: two separate products, four specs, and the sashimi introduction. */ #ebisu-fugu-lp .ebf-product-stage--set .ebf-orb { display: none; } #ebisu-fugu-lp > section.ebf-hero > div.ebf-product-stage--set { height: 112cqw; max-height: none; } #ebisu-fugu-lp .ebf-product-stage--set > .ebf-product { height: 83cqw; top: 0; } #ebisu-fugu-lp .ebf-tessa-product { position: absolute; z-index: 4; width: 66%; max-width: none; height: auto; left: 1%; bottom: 0; filter: drop-shadow(0 15px 12px #17203124); } #ebisu-fugu-lp .ebf-specs--set .ebf-src-spec__item { grid-column: auto; border-right: 0; } #ebisu-fugu-lp .ebf-specs--set .ebf-src-spec__item:nth-child(odd) { border-right: 1px solid var(--ebf-line); } #ebisu-fugu-lp .ebf-tessa { display: grid; grid-template-columns: minmax(0,1fr); background: #0c2130; color: #f8f4ea; } #ebisu-fugu-lp .ebf-tessa-photo { min-width: 0; overflow: hidden; } #ebisu-fugu-lp .ebf-tessa-photo img { width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; } #ebisu-fugu-lp .ebf-tessa-copy { min-width: 0; padding: 34px 24px 42px; } #ebisu-fugu-lp .ebf-tessa-copy .ebf-eyebrow { color: #dab283; margin-bottom: 18px; } #ebisu-fugu-lp .ebf-tessa-copy h2 { font-size: clamp(28px,6.5cqw,38px); font-weight: 500; line-height: 1.65; margin-bottom: 24px; } #ebisu-fugu-lp .ebf-tessa-copy > p:not(.ebf-eyebrow) { font-size: 16px; line-height: 2; color: #d6dce1; } #ebisu-fugu-lp .ebf-tessa-copy .ebf-tessa-quantity { margin-top: 12px; color: #dab283; } #ebisu-fugu-lp .ebf-set--combo .ebf-set-grid { grid-template-columns: minmax(0,1fr); gap: 28px; } #ebisu-fugu-lp .ebf-set--combo .ebf-set-photo { padding: 0; } #ebisu-fugu-lp .ebf-set--combo .ebf-set-photo img { aspect-ratio: 3/2; height: auto; object-fit: contain; mix-blend-mode: normal; } #ebisu-fugu-lp .ebf-set--combo .ebf-src-set__row { gap: 14px; } #ebisu-fugu-lp .ebf-set--combo .ebf-src-set__row dt { flex: 0 0 5em; } #ebisu-fugu-lp .ebf-set--combo .ebf-src-set__row dd { font-size: 16px; } #ebisu-fugu-lp .ebf-set--combo .ebf-set-copy .ebf-set-caption { font-size: 14px; margin-top: 22px; color: var(--ebf-muted); } #ebisu-fugu-lp .ebf-detail-tessa { margin-top: 18px; } #ebisu-fugu-lp .ebf-detail-tessa-label { display: block; color: var(--ebf-ink); font-weight: 600; margin-bottom: 6px; } #ebisu-fugu-lp .ebf-detail-tessa p { font-size: inherit; line-height: inherit; } @container ebf-lp (min-width:600px) { #ebisu-fugu-lp .ebf-specs--set { grid-template-columns: repeat(4,minmax(0,1fr)); } #ebisu-fugu-lp .ebf-specs--set .ebf-src-spec__item { padding: 25px 14px 0; border-right: 1px solid var(--ebf-line); } #ebisu-fugu-lp .ebf-specs--set .ebf-src-spec__item:last-child { border-right: 0; } #ebisu-fugu-lp .ebf-specs--set .ebf-src-spec__value { font-size: clamp(26px,3.8cqw,35px); } } @container ebf-lp (min-width:720px) { #ebisu-fugu-lp > section.ebf-hero > div.ebf-product-stage--set { height: auto; padding: 0 24px 132px; } #ebisu-fugu-lp .ebf-product-stage--set > .ebf-product { width: 93%; height: auto; top: auto; justify-self: end; } #ebisu-fugu-lp .ebf-tessa-product { width: 57%; left: 0; bottom: -2px; } #ebisu-fugu-lp .ebf-tessa { grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); align-items: center; } #ebisu-fugu-lp .ebf-tessa-photo { align-self: stretch; } #ebisu-fugu-lp .ebf-tessa-photo img { height: 100%; min-height: 420px; object-position: 58% center; } #ebisu-fugu-lp .ebf-tessa-copy { padding: 40px 30px; } #ebisu-fugu-lp .ebf-tessa-copy h2 { font-size: 31px; } #ebisu-fugu-lp .ebf-set--combo .ebf-set-copy { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 0 36px; align-items: start; } #ebisu-fugu-lp .ebf-set--combo .ebf-set-table { grid-column: 2; grid-row: 1/3; margin-top: 0; } #ebisu-fugu-lp .ebf-set--combo .ebf-set-caption { grid-column: 1; } }