/* SLOW LIFE — public layout adapted from CLUB PLATINUM. */ :root { --bg: #ffffff; --bg2: #ffffff; --card: #ffffff; --card2: #ffffff; --line: rgba(146,112,44,.09); --text: #92702c; --muted: #92702c; --gold: #92702c; --gold2: #92702c; --rose: #92702c; --grad: linear-gradient(120deg, #92702c 0%, #92702c 40%, #92702c 100%); --sun: #92702c; --sat: #92702c; --radius: 14px; --en: "Cormorant Garamond", "Times New Roman", serif; --serif: "Noto Serif JP", "Hiragino Mincho ProN", serif; --sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif; --header: 72px; } *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } body.lv { margin: 0; background: var(--bg); color: var(--text); font-family: var(--sans); font-size: 15px; line-height: 1.85; letter-spacing: .03em; -webkit-font-smoothing: antialiased; overflow-x: hidden; } .lv img { max-width: 100%; height: auto; display: block; } .lv a { color: inherit; text-decoration: none; } .lv a:focus-visible, .lv button:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; } .lv-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .lv-skip { position: absolute; left: -999px; top: 8px; background: var(--gold); color: #ffffff; padding: 8px 14px; z-index: 1000; } .lv-skip:focus { left: 8px; } .lv-ico { width: 1.1em; height: 1.1em; fill: currentColor; flex: none; } .lv-wrap { width: 100%; max-width: 1160px; margin: 0 auto; padding: 0 20px; } .lv-wrap--narrow { max-width: 820px; } .lv-center { text-align: center; } .lv-main { min-height: 60vh; } /* ---------- ボタン ---------- */ .lv-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5em; min-height: 48px; padding: .7em 1.8em; border-radius: 999px; border: 0; background: var(--grad); color: #ffffff !important; font-weight: 700; font-size: 14px; letter-spacing: .08em; box-shadow: 0 6px 24px rgba(146,112,44,.25); transition: transform .2s, box-shadow .2s; cursor: pointer; } .lv-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(146,112,44,.35); } .lv-btn--line, .lv-btn--outline { background: transparent; color: var(--gold) !important; border: 1px solid rgba(146,112,44,.55); box-shadow: none; } .lv-btn--line:hover, .lv-btn--outline:hover { background: rgba(146,112,44,.1); box-shadow: none; } /* ---------- ヘッダー ---------- */ /* キャストログインへのヘッダー導線 */ .lv-header__actions { display: flex; align-items: center; gap: 10px; flex: none; margin-left: auto; } .lv a.lv-header__login { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border: 1px solid rgba(146,112,44,.65); border-radius: 999px; background: rgba(146,112,44,.72); color: var(--gold); font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: .06em; white-space: nowrap; transition: background .2s, border-color .2s; } .lv a.lv-header__login:hover { background: rgba(146,112,44,.16); border-color: var(--gold); } @media (max-width: 640px) { .lv-header__in { gap: 12px; padding-inline: 16px; } .lv-header__actions { gap: 8px; } .lv a.lv-header__login { padding-inline: 12px; font-size: 12px; } } .lv-header { position: fixed; inset: 0 0 auto; z-index: 100; height: var(--header); transition: background .3s, backdrop-filter .3s, border-color .3s; border-bottom: 1px solid transparent; } .lv-header.is-solid, body:not(.lv-page-top) .lv-header { background: rgba(146,112,44,.82); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom-color: var(--line); } .lv-header__in { height: 100%; max-width: 1280px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; gap: 24px; } .lv-logo { display: inline-flex; flex-direction: column; line-height: 1; margin: 0; } .lv-logo__name { font-family: var(--en); font-size: 30px; font-weight: 600; letter-spacing: .22em; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; } .lv-logo__sub { font-size: 9px; letter-spacing: .5em; color: var(--muted); margin-top: 5px; padding-left: 2px; } .lv-gnav ul { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; } .lv-gnav a { display: flex; flex-direction: column; align-items: center; padding: 8px 12px; line-height: 1.2; border-radius: 8px; transition: background .2s; } .lv-gnav a:hover { background: rgba(146,112,44,.05); } .lv-gnav .en { font-family: var(--en); font-size: 15px; letter-spacing: .14em; } .lv-gnav .ja { font-size: 9px; color: var(--muted); letter-spacing: .1em; margin-top: 2px; } .lv-gnav .is-current .en { color: var(--gold); } .lv-burger { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: rgba(146,112,44,.3); position: relative; cursor: pointer; } .lv-burger span:not(.lv-sr) { position: absolute; left: 13px; right: 13px; height: 1.5px; background: var(--text); transition: transform .3s, top .3s; } .lv-burger span:nth-child(1) { top: 17px; } .lv-burger span:nth-child(2) { top: 25px; } .lv-burger[aria-expanded="true"] span:nth-child(1) { top: 21px; transform: rotate(45deg); } .lv-burger[aria-expanded="true"] span:nth-child(2) { top: 21px; transform: rotate(-45deg); } .lv-drawer { position: fixed; inset: 0; z-index: 90; padding: calc(var(--header) + 16px) 28px 40px; background: radial-gradient(120% 80% at 100% 0%, rgba(146,112,44,.16), transparent 60%), rgba(146,112,44,.97); overflow-y: auto; display: flex; flex-direction: column; gap: 28px; opacity: 0; transition: opacity .3s; } /* WordPressの管理バー表示中は、固定ヘッダーとメニューをバーの下に置く。 */ body.admin-bar { --lv-admin-bar-height: 32px; } body.admin-bar .lv-header, body.admin-bar .lv-drawer { top: var(--lv-admin-bar-height); } body.admin-bar .lv-skip { top: calc(var(--lv-admin-bar-height) + 8px); } @media (max-width: 782px) { body.admin-bar { --lv-admin-bar-height: 46px; } } .lv-drawer.is-open { opacity: 1; } .lv-drawer ul { list-style: none; margin: 0; padding: 0; } .lv-drawer li { border-bottom: 1px solid var(--line); } .lv-drawer li a { display: flex; align-items: baseline; justify-content: space-between; padding: 15px 4px; } .lv-drawer .en { font-family: var(--en); font-size: 24px; letter-spacing: .14em; } .lv-drawer .ja { font-size: 12px; color: var(--muted); } .lv-drawer__sns { display: flex; gap: 14px; justify-content: center; margin: 0; } /* Public menu: staff and cast entry links sit below the main navigation. */ .lv-drawer__logins { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; flex: none; width: 100%; max-width: 640px; margin: auto auto 0; padding-top: 4px; } .lv-drawer__logins a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; min-width: 0; min-height: 108px; padding: 16px 10px; border: 1px solid rgba(146,112,44,.28); border-radius: 14px; background: linear-gradient(145deg, rgba(146,112,44,.07), rgba(146,112,44,.04)); color: #92702c; text-decoration: none; transition: background .2s, border-color .2s; } .lv-drawer__logins .lv-drawer__login-icon { width: 24px; height: 24px; flex: none; color: var(--gold); } .lv-drawer__login-label { font-size: 13px; font-weight: 500; line-height: 1.5; letter-spacing: .01em; white-space: nowrap; } .lv-drawer__login-caption { color: #92702c; font-family: var(--sans, sans-serif); font-size: 9px; line-height: 1.3; letter-spacing: .16em; } .lv-drawer__logins a:hover { background: rgba(146,112,44,.12); border-color: rgba(146,112,44,.65); } .lv-drawer__logins a:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; } @media (max-width: 360px) { .lv-drawer__logins { gap: 8px; } .lv-drawer__login-label { font-size: 12px; } } @media (prefers-reduced-motion: reduce) { .lv-drawer__logins a { transition: none; } } .lv-drawer__sns a, .lv-footer__sns a { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line); display: grid; place-items: center; } body.lv-lock { overflow: hidden; } /* ---------- 見出し ---------- */ .lv-heading { margin: 0; display: flex; flex-direction: column; gap: 4px; line-height: 1.1; } .lv-heading__en { font-family: var(--en); font-weight: 500; font-size: clamp(34px, 6vw, 52px); letter-spacing: .1em; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; } .lv-heading__ja { font-family: var(--serif); font-size: 13px; color: var(--muted); letter-spacing: .2em; font-weight: 500; } .lv-sec { padding: 72px 0; } .lv-sec__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 32px; flex-wrap: wrap; } .lv-more { display: inline-flex; align-items: center; gap: .5em; font-size: 13px; color: var(--gold); letter-spacing: .08em; padding: 6px 0; border-bottom: 1px solid rgba(146,112,44,.35); } .lv-more:hover { color: var(--rose); } .lv-subhead { font-family: var(--serif); font-size: 18px; font-weight: 600; display: flex; align-items: center; gap: .5em; margin: 0 0 16px; letter-spacing: .12em; } .lv-subhead .lv-ico { color: var(--gold); } .lv-empty { padding: 36px 20px; text-align: center; color: var(--muted); background: var(--bg2); border: 1px dashed var(--line); border-radius: var(--radius); margin: 0; } .lv-empty--sm { padding: 18px; font-size: 13px; } .lv-empty.is-admin { margin-top: 8px; font-size: 12px; color: #92702c; border-style: solid; } .lv-demo-note { margin-top: 20px; font-size: 12px; color: var(--muted); text-align: center; } .lv-pagehead { padding: calc(var(--header) + 56px) 0 48px; text-align: center; background: radial-gradient(70% 120% at 50% 0%, rgba(146,112,44,.14), transparent 70%), linear-gradient(var(--bg2), var(--bg)); border-bottom: 1px solid var(--line); } .lv-pagehead .lv-heading { align-items: center; } .lv-pagehead .lv-heading__ja { font-size: 15px; color: var(--text); } .lv-pagehead__lead { margin: 16px auto 0; color: var(--muted); font-size: 13px; max-width: 34em; } .lv-pagehead--post { text-align: left; padding-bottom: 32px; } /* ---------- ヒーロー ---------- */ .lv-hero { position: relative; min-height: 100svh; display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; text-align: center; overflow: hidden; background: radial-gradient(60% 50% at 20% 30%, rgba(146,112,44,.22), transparent 70%), radial-gradient(50% 50% at 85% 70%, rgba(146,112,44,.2), transparent 70%), linear-gradient(180deg, #ffffff, var(--bg)); } .lv-hero.has-img { background: linear-gradient(180deg, rgba(146,112,44,.35), rgba(146,112,44,.55) 60%, var(--bg)), var(--hero) center/cover no-repeat; } .lv-hero__glow { position: absolute; inset: -20%; background: conic-gradient(from 0deg, transparent, rgba(146,112,44,.08), transparent 30%, rgba(146,112,44,.08), transparent 60%); animation: lv-spin 30s linear infinite; pointer-events: none; } @keyframes lv-spin { to { transform: rotate(360deg); } } .lv-hero__in { position: relative; width: 100%; min-width: 0; padding: calc(var(--header) + 20px) 20px 80px; } .lv-hero__genre { font-family: var(--en); letter-spacing: .6em; font-size: 14px; color: var(--muted); margin: 0 0 8px; padding-left: .6em; } .lv-hero__name { margin: 0; font-family: var(--en); font-weight: 500; line-height: 1; letter-spacing: .18em; padding-left: .18em; font-size: clamp(76px, 18vw, 180px); background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 8px 40px rgba(146,112,44,.25)); animation: lv-fade 1.4s ease both; } .lv-hero__catch { font-family: var(--serif); font-size: clamp(15px, 2.4vw, 20px); letter-spacing: .24em; margin: 20px 0 36px; animation: lv-fade 1.4s .3s ease both; } .lv-hero__cta { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin: 0; animation: lv-fade 1.4s .5s ease both; } @keyframes lv-fade { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } } .lv-hero__scroll { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); font-family: var(--en); font-size: 11px; letter-spacing: .4em; color: var(--muted); padding-bottom: 46px; } .lv-hero__scroll::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 1px; height: 38px; background: linear-gradient(var(--gold), transparent); animation: lv-line 2s ease-in-out infinite; } @keyframes lv-line { 0% { transform: scaleY(0); transform-origin: top; } 50% { transform: scaleY(1); transform-origin: top; } 51% { transform-origin: bottom; } 100% { transform: scaleY(0); transform-origin: bottom; } } .lv-infobar { border-block: 1px solid var(--line); background: var(--bg2); } .lv-infobar__in { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .lv-infobar p { margin: 0; padding: 18px 16px; display: flex; gap: 12px; align-items: center; font-size: 14px; } .lv-infobar p + p { border-left: 1px solid var(--line); } .lv-infobar .lv-ico { color: var(--gold); width: 20px; height: 20px; } .lv-infobar span { display: flex; flex-direction: column; line-height: 1.5; } .lv-infobar em { font-style: normal; font-family: var(--en); font-size: 12px; color: var(--muted); letter-spacing: .2em; } /* ---------- コンセプト ---------- */ .lv-concept { text-align: center; background: radial-gradient(50% 80% at 50% 50%, rgba(146,112,44,.08), transparent 70%); } .lv-concept__in { max-width: 760px; } .lv-concept__en { font-family: var(--en); font-style: italic; font-size: 22px; color: var(--gold); margin: 0 0 12px; letter-spacing: .08em; } .lv-concept__catch { font-family: var(--serif); font-weight: 500; font-size: clamp(22px, 4vw, 32px); letter-spacing: .14em; line-height: 1.7; margin: 0 0 24px; } .lv-concept__lead { color: var(--muted); margin: 0; line-height: 2.2; } /* ---------- キャスト ---------- */ .lv-casts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 22px 16px; } .lv-casts--grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 30px 20px; } .lv-casts--scroll { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 12px; margin-inline: -20px; padding-inline: 20px; scrollbar-width: thin; scrollbar-color: var(--gold2) transparent; } .lv-casts--scroll > li { flex: 0 0 180px; scroll-snap-align: start; } .lv-cast { position: relative; } .lv-cast__link { display: block; } .lv-cast__photo { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; border-radius: var(--radius); background: var(--card); border: 1px solid var(--line); } .lv-cast__photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 60%, rgba(146,112,44,.55)); pointer-events: none; } .lv-cast__img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; } a.lv-cast__link[href]:hover .lv-cast__img { transform: scale(1.05); } .lv-noimg { display: grid !important; place-items: center; width: 100%; height: 100%; background: radial-gradient(80% 60% at 50% 30%, hsla(var(--h, 330), 50%, 60%, .35), transparent 70%), linear-gradient(160deg, var(--card2), var(--card)); } .lv-noimg span { font-family: var(--serif); font-size: 56px; color: rgba(146,112,44,.55); } .lv-cast__new { position: absolute; top: 10px; left: 10px; z-index: 2; font-family: var(--en); font-weight: 600; font-size: 12px; letter-spacing: .15em; padding: 2px 10px; border-radius: 999px; background: var(--grad); color: #ffffff; } .lv-cast__time { position: absolute; z-index: 2; left: 8px; right: 8px; bottom: 8px; display: flex; align-items: center; justify-content: center; gap: 5px; font-size: 12px; font-weight: 500; padding: 4px 8px; border-radius: 999px; background: rgba(146,112,44,.78); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 1px solid rgba(146,112,44,.4); color: var(--gold); } .lv-cast__name { display: block; text-align: center; font-family: var(--serif); font-size: 17px; letter-spacing: .14em; margin-top: 12px; } .lv-cast__catch { display: block; text-align: center; color: var(--muted); font-size: 12px; line-height: 1.6; margin-top: 2px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .lv-cast__sns { display: flex; justify-content: center; gap: 8px; margin-top: 8px; } .lv-cast__sns a { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--line); color: var(--muted); transition: color .2s, border-color .2s; } .lv-cast__sns a:hover { color: var(--gold); border-color: var(--gold); } .lv-cast__sns .lv-ico { width: 15px; height: 15px; } /* ---------- 出勤 ---------- */ .lv-week__tabs { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; margin-bottom: 28px; } .lv-week__tab { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 4px; border-radius: 12px; border: 1px solid var(--line); background: var(--bg2); color: var(--text); cursor: pointer; font-family: inherit; transition: border-color .2s, background .2s; } .lv-week__tab .d { font-family: var(--en); font-size: 22px; font-weight: 600; line-height: 1.1; } .lv-week__tab .w { font-family: var(--en); font-size: 11px; letter-spacing: .14em; color: var(--muted); } .lv-week__tab .n { font-size: 11px; color: var(--muted); } .lv-week__tab.is-sun .w { color: var(--sun); } .lv-week__tab.is-sat .w { color: var(--sat); } .lv-week__tab[aria-selected="true"] { border-color: var(--gold); background: linear-gradient(160deg, rgba(146,112,44,.18), rgba(146,112,44,.1)); } .lv-week__tab[aria-selected="true"] .n { color: var(--gold); } .lv-week__date { font-family: var(--serif); font-size: 20px; font-weight: 600; letter-spacing: .1em; margin: 0 0 20px; display: flex; align-items: baseline; gap: 14px; } .lv-week__date span { font-family: var(--sans); font-size: 13px; color: var(--gold); font-weight: 500; } .lv-week__date.is-sun { color: var(--sun); } .lv-week__date.is-sat { color: var(--sat); } .lv-week.is-js .lv-week__panel:not(.is-active) { display: none; } .lv-week:not(.is-js) .lv-week__panel + .lv-week__panel { margin-top: 48px; } .lv-week.is-js .lv-week__panel.is-active { animation: lv-fade .4s ease both; } /* ---------- 料金 ---------- */ .lv-sysbox { background: linear-gradient(160deg, var(--card), var(--bg2)); border: 1px solid var(--line); border-radius: calc(var(--radius) + 6px); padding: 12px 28px; position: relative; } .lv-sysbox::before { content: ""; position: absolute; inset: 6px; border: 1px solid rgba(146,112,44,.18); border-radius: var(--radius); pointer-events: none; } .lv-first { display: flex; align-items: center; gap: 14px; margin: 16px 0 8px; font-family: var(--serif); font-size: 17px; letter-spacing: .08em; } .lv-first span { font-family: var(--en); font-size: 12px; letter-spacing: .2em; padding: 3px 12px; border-radius: 999px; background: var(--grad); color: #ffffff; font-weight: 600; } .lv-first--big { justify-content: center; flex-direction: column; gap: 10px; padding: 28px 20px; margin: 0 0 28px; border-radius: calc(var(--radius) + 6px); background: radial-gradient(80% 120% at 50% 0%, rgba(146,112,44,.2), transparent 70%), var(--card); border: 1px solid rgba(146,112,44,.4); font-size: clamp(20px, 4vw, 26px); text-align: center; } .lv-pricelist { margin: 0; } .lv-pricelist > div { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 4px; border-bottom: 1px solid var(--line); } .lv-pricelist > div:last-child { border-bottom: 0; } .lv-pricelist dt { font-family: var(--serif); font-size: 16px; letter-spacing: .08em; display: flex; flex-direction: column; } .lv-pricelist dt small { font-family: var(--sans); font-size: 12px; color: var(--muted); letter-spacing: .04em; } .lv-pricelist dd { margin: 0; font-family: var(--en); font-size: 26px; font-weight: 600; color: var(--gold); white-space: nowrap; letter-spacing: .04em; } .lv-pricelist__head { display: block; min-width: 0; height: auto; margin: 20px 0 0; padding: 10px 4px 12px; font-family: var(--sans); font-size: 16px; font-weight: 500; font-variant-numeric: lining-nums; line-height: 1.8; letter-spacing: .06em; white-space: normal; overflow: visible; overflow-wrap: anywhere; color: var(--rose); border-bottom: 1px solid rgba(146,112,44,.3); } .lv-notes { margin: 24px 0 0; padding: 0; list-style: none; color: var(--muted); font-size: 13px; } .lv-notes li { padding-left: 1.2em; position: relative; } .lv-notes li::before { content: "※"; position: absolute; left: 0; } .lv-sub { margin-top: 56px; } /* ---------- イベント ---------- */ .lv-evs { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; } .lv-evs--list { grid-template-columns: 1fr; } .lv-ev__link { display: flex; gap: 18px; align-items: stretch; padding: 16px; border-radius: var(--radius); background: var(--card); border: 1px solid var(--line); height: 100%; transition: border-color .2s, transform .2s; } a.lv-ev__link[href]:hover { border-color: rgba(146,112,44,.5); transform: translateY(-2px); } .lv-ev__date { flex: none; width: 72px; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(160deg, rgba(146,112,44,.18), rgba(146,112,44,.12)); border: 1px solid rgba(146,112,44,.3); line-height: 1.1; padding: 10px 0; } .lv-ev__m { font-family: var(--en); font-size: 13px; letter-spacing: .15em; color: var(--muted); } .lv-ev__d { font-family: var(--en); font-size: 34px; font-weight: 600; color: var(--gold); } .lv-ev__w { font-family: var(--en); font-size: 11px; letter-spacing: .15em; } .lv-ev__date.is-sun .lv-ev__w { color: var(--sun); } .lv-ev__date.is-sat .lv-ev__w { color: var(--sat); } .lv-ev__photo { flex: none; width: 140px; border-radius: 10px; overflow: hidden; } .lv-ev__photo img { width: 100%; height: 100%; object-fit: cover; } .lv-ev__body { display: flex; flex-direction: column; gap: 6px; min-width: 0; } .lv-ev__title { font-family: var(--serif); font-size: 17px; font-weight: 600; line-height: 1.5; letter-spacing: .06em; } .lv-ev__when { display: flex; gap: 6px; align-items: center; font-size: 12px; color: var(--gold); } .lv-ev__ex { font-size: 13px; color: var(--muted); line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* ---------- クーポン ---------- */ .lv-coupons { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 18px; } .lv-coupons--list { grid-template-columns: 1fr; } .lv-coupon { --notch: 14px; position: relative; display: grid; grid-template-columns: 1.3fr 1fr; border-radius: var(--radius); overflow: hidden; background: linear-gradient(120deg, #ffffff, #ffffff); border: 1px solid rgba(146,112,44,.35); -webkit-mask: radial-gradient(circle var(--notch) at 56.5% 0, transparent 98%, #ffffff) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at 56.5% 100%, transparent 98%, #ffffff) bottom / 100% 51% no-repeat; mask: radial-gradient(circle var(--notch) at 56.5% 0, transparent 98%, #ffffff) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at 56.5% 100%, transparent 98%, #ffffff) bottom / 100% 51% no-repeat; transition: transform .2s; } a.lv-coupon:hover { transform: translateY(-2px); } .lv-coupon.is-expired { filter: grayscale(1); opacity: .6; } .lv-coupon__main { padding: 22px 22px 22px 24px; display: flex; flex-direction: column; gap: 6px; border-right: 2px dashed rgba(146,112,44,.35); } .lv-coupon__tag { align-self: flex-start; font-size: 11px; font-weight: 700; letter-spacing: .12em; padding: 2px 10px; border-radius: 999px; background: var(--grad); color: #ffffff; } .lv-coupon__title { font-family: var(--serif); font-size: 15px; letter-spacing: .06em; color: var(--muted); } .lv-coupon__offer { font-family: var(--serif); font-weight: 600; font-size: 22px; line-height: 1.4; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; } .lv-coupon__side { padding: 22px 20px; display: flex; flex-direction: column; gap: 8px; justify-content: center; font-size: 12px; } .lv-coupon__row { display: flex; flex-direction: column; line-height: 1.5; } .lv-coupon__row em { font-style: normal; color: var(--gold); font-size: 11px; letter-spacing: .1em; } .lv-coupon__more { display: inline-flex; gap: 4px; align-items: center; color: var(--gold); margin-top: 4px; } .lv-coupon__code { margin-top: 6px; font-family: var(--en); font-size: 22px; font-weight: 600; letter-spacing: .14em; color: var(--text); padding: 6px 10px; border: 1px dashed rgba(146,112,44,.6); border-radius: 8px; text-align: center; } .lv-coupon.is-full .lv-coupon__offer { font-size: clamp(26px, 5vw, 34px); } .lv-coupon-how { text-align: center; color: var(--gold); margin: 18px 0 32px; font-size: 14px; } .lv-alert { padding: 12px 16px; border-radius: 10px; background: rgba(146,112,44,.12); border: 1px solid rgba(146,112,44,.4); margin: 0 0 20px; font-size: 14px; } /* ---------- お知らせ ---------- */ .lv-news-wrap { max-width: 900px; } .lv-news { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); } .lv-news li { border-bottom: 1px solid var(--line); } .lv-news a { display: flex; align-items: center; gap: 16px; padding: 20px 8px; flex-wrap: wrap; transition: background .2s; } .lv-news a[href]:hover { background: rgba(146,112,44,.03); } .lv-news time { font-family: var(--en); font-size: 16px; color: var(--muted); letter-spacing: .08em; } .lv-news__cat { display: inline-block; font-size: 11px; padding: 2px 10px; border-radius: 999px; border: 1px solid rgba(146,112,44,.45); color: var(--gold); letter-spacing: .06em; line-height: 1.6; } .lv-news__cat.is-gray { color: var(--muted); border-color: var(--line); } .lv-news__title { flex: 1 1 100%; font-size: 15px; } @media (min-width: 720px) { .lv-news__title { flex: 1 1 0; } } .lv-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; } .lv-chips a { padding: 6px 16px; border-radius: 999px; border: 1px solid var(--line); font-size: 13px; color: var(--muted); } .lv-chips a.is-current, .lv-chips a:hover { border-color: var(--gold); color: var(--gold); } .lv-pager { margin-top: 36px; display: flex; justify-content: center; gap: 6px; flex-wrap: wrap; } .lv-pager .page-numbers { min-width: 42px; height: 42px; padding: 0 10px; border-radius: 999px; display: grid; place-items: center; border: 1px solid var(--line); font-family: var(--en); font-size: 16px; } .lv-pager .current { background: var(--grad); color: #ffffff; border: 0; font-weight: 600; } /* ---------- 記事 ---------- */ .lv-article__meta { display: flex; gap: 12px; align-items: center; margin: 0 0 12px; font-family: var(--en); color: var(--muted); letter-spacing: .08em; } .lv-article__title { font-family: var(--serif); font-weight: 600; font-size: clamp(22px, 4vw, 30px); line-height: 1.6; letter-spacing: .06em; margin: 0; } .lv-article__eye { margin: 0 0 32px; border-radius: var(--radius); overflow: hidden; } .lv-prose { line-height: 2; } .lv-prose > * + * { margin-top: 1.4em; } .lv-prose h2 { font-family: var(--serif); font-size: 21px; padding-bottom: 10px; border-bottom: 1px solid rgba(146,112,44,.4); margin-top: 2.2em; } .lv-prose h3 { font-family: var(--serif); font-size: 18px; padding-left: 12px; border-left: 3px solid var(--gold); } .lv-prose a { color: var(--gold); text-decoration: underline; text-underline-offset: 3px; } .lv-prose img { border-radius: 10px; } .lv-postnav { margin-top: 56px; padding-top: 28px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; font-size: 13px; color: var(--muted); } .lv-postnav span:last-child { text-align: right; } .lv-postnav a:not(.lv-btn):hover { color: var(--gold); } /* ---------- テーブル ---------- */ .lv-table { margin: 0; border-top: 1px solid var(--line); } .lv-table > div { display: grid; grid-template-columns: 7.5em 1fr; gap: 12px; padding: 14px 4px; border-bottom: 1px solid var(--line); } .lv-table dt { color: var(--gold); font-size: 13px; letter-spacing: .08em; } .lv-table dd { margin: 0; } .lv-table--event { margin-bottom: 24px; } /* ---------- キャスト詳細 ---------- */ .lv-profile { padding: calc(var(--header) + 28px) 0 40px; background: radial-gradient(60% 50% at 20% 0%, rgba(146,112,44,.12), transparent 70%); } .lv-crumb { font-family: var(--en); letter-spacing: .14em; color: var(--muted); font-size: 14px; margin: 0 0 24px; display: flex; gap: 10px; } .lv-crumb a { color: var(--gold); } .lv-profile__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 48px; align-items: start; } .lv-profile__photo { position: relative; border-radius: calc(var(--radius) + 6px); overflow: hidden; aspect-ratio: 3 / 4; background: var(--card); border: 1px solid var(--line); box-shadow: 0 30px 60px rgba(146,112,44,.45); } .lv-profile__img { width: 100%; height: 100%; object-fit: cover; } .lv-profile__photo .lv-noimg span { font-size: 120px; } .lv-profile__name { font-family: var(--serif); font-weight: 600; font-size: clamp(32px, 5vw, 44px); letter-spacing: .2em; margin: 0; line-height: 1.3; } .lv-profile__catch { color: var(--gold); font-family: var(--serif); font-size: 16px; margin: 10px 0 0; letter-spacing: .08em; } .lv-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 0; } .lv-tags span { font-size: 12px; padding: 3px 12px; border-radius: 999px; background: rgba(146,112,44,.06); color: var(--muted); } .lv-snsbtns { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; margin: 28px 0; } .lv-snsbtn { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border-radius: 12px; font-size: 14px; font-weight: 500; letter-spacing: .04em; border: 1px solid var(--line); background: var(--card); transition: transform .2s, border-color .2s; } .lv-snsbtn:hover { transform: translateY(-2px); border-color: rgba(146,112,44,.3); } .lv-snsbtn .lv-ico { width: 18px; height: 18px; } .lv-snsbtn.is-instagram { background: linear-gradient(120deg, rgba(146,112,44,.16), rgba(146,112,44,.22), rgba(146,112,44,.2)); } .lv-snsbtn.is-line .lv-ico { color: #92702c; } .lv-snsbtn.is-tiktok .lv-ico { filter: drop-shadow(1px 1px 0 #92702c) drop-shadow(-1px -1px 0 #92702c); } .lv-table--profile { margin-bottom: 32px; } .lv-mini-sched { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; } .lv-mini-sched li { display: flex; flex-direction: column; padding: 10px 14px; border-radius: 10px; background: var(--card); border: 1px solid var(--line); line-height: 1.5; } .lv-mini-sched .d { font-size: 13px; } .lv-mini-sched .t { color: var(--gold); font-family: var(--en); font-size: 17px; font-weight: 600; } .lv-mini-sched .is-sun .d { color: var(--sun); } .lv-mini-sched .is-sat .d { color: var(--sat); } .lv-mini-sched .is-today { border-color: var(--gold); background: linear-gradient(160deg, rgba(146,112,44,.16), var(--card)); } .lv-profile__message { margin-top: 56px; padding: 32px; border-radius: calc(var(--radius) + 6px); background: var(--bg2); border: 1px solid var(--line); } /* ---------- アクセス ---------- */ .lv-access { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 36px; align-items: start; } .lv-access__map { border-radius: calc(var(--radius) + 6px); overflow: hidden; aspect-ratio: 4 / 3; background: var(--card); border: 1px solid var(--line); } .lv-access__map iframe { width: 100%; height: 100%; border: 0; filter: grayscale(.6) invert(.9) hue-rotate(180deg) contrast(.9); } .lv-access__nomap { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: var(--muted); font-size: 13px; padding: 20px; text-align: center; } .lv-access__nomap .lv-ico { width: 34px; height: 34px; color: var(--gold); } .lv-access__name { font-family: var(--en); font-size: 34px; letter-spacing: .2em; margin: 0 0 16px; display: flex; flex-direction: column; line-height: 1.2; } .lv-access__name small { font-family: var(--sans); font-size: 12px; color: var(--muted); letter-spacing: .2em; } .lv-access__btns { display: flex; gap: 12px; flex-wrap: wrap; margin: 24px 0 0; } /* ---------- フッター ---------- */ .lv-footer { margin-top: 40px; padding: 64px 0 28px; background: linear-gradient(var(--bg), #ffffff); border-top: 1px solid var(--line); } .lv-footer__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } .lv-logo--foot .lv-logo__name { font-size: 40px; } .lv-footer__info { margin: 24px 0 0; display: grid; grid-template-columns: auto 1fr; gap: 6px 18px; font-size: 13px; } .lv-footer__info dt { font-family: var(--en); letter-spacing: .2em; color: var(--gold); } .lv-footer__info dd { margin: 0; color: var(--muted); } .lv-footer__sns { display: flex; gap: 10px; margin: 24px 0 0; } .lv-footer__nav ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px 20px; } .lv-footer__nav a { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 6px; height: 100%; min-height: 76px; padding: 14px 0; font-family: var(--en); font-size: clamp(12px, 3.4vw, 17px); line-height: 1.35; letter-spacing: .1em; border-bottom: 1px solid var(--line); } .lv-footer__nav li { min-width: 0; } .lv-footer__nav a span { display: block; line-height: 1.6; } .lv-footer__nav a span { font-family: var(--sans); font-size: 11px; color: var(--muted); letter-spacing: .06em; } .lv-footer__nav a:hover { color: var(--gold); } .lv-footer__note { margin: 48px 0 8px; text-align: center; font-size: 12px; color: var(--muted); } .lv-footer__copy { margin: 0; text-align: center; font-family: var(--en); font-size: 13px; color: var(--muted); letter-spacing: .12em; } /* ---------- 表示アニメーション ---------- */ .lv-js .lv-reveal { opacity: 0; transform: translateY(24px); transition: opacity .9s ease, transform .9s ease; } .lv-js .lv-reveal.is-in { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } .lv-js .lv-reveal { opacity: 1; transform: none; } } /* ---------- レスポンシブ ---------- */ @media (max-width: 1080px) { .lv-gnav { display: none; } .lv-burger { display: block; } } @media (max-width: 860px) { .lv-profile__grid, .lv-access { grid-template-columns: 1fr; gap: 28px; } .lv-profile__photo { max-width: 460px; margin: 0 auto; width: 100%; } .lv-footer__grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { :root { --header: 64px; } body.lv { font-size: 14px; } .lv-wrap { padding: 0 16px; } .lv-sec { padding: 56px 0; } .lv-logo__name { font-size: 26px; } .lv-infobar__in { grid-template-columns: 1fr 1fr; } .lv-infobar p { padding: 14px 10px; font-size: 13px; gap: 8px; } .lv-infobar p + p { border-left: 0; } .lv-infobar p:nth-child(even) { border-left: 1px solid var(--line); } .lv-infobar p:nth-child(n+3) { grid-column: 1 / -1; border-top: 1px solid var(--line); border-left: 0; } .lv-casts, .lv-casts--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 12px; } .lv-casts--scroll { margin-inline: -16px; padding-inline: 16px; } .lv-casts--scroll > li { flex-basis: 150px; } .lv-cast__name { font-size: 15px; } .lv-week__tabs { display: flex; overflow-x: auto; margin-inline: -16px; padding: 0 16px 6px; scroll-snap-type: x mandatory; } .lv-week__tab { flex: 0 0 72px; scroll-snap-align: start; } .lv-evs, .lv-coupons { grid-template-columns: 1fr; } .lv-ev__link { gap: 14px; padding: 14px; } .lv-ev__date { width: 62px; } .lv-ev__d { font-size: 28px; } .lv-ev__photo { display: none; } .lv-coupon { grid-template-columns: 1fr; -webkit-mask: none; mask: none; } .lv-coupon__main { border-right: 0; border-bottom: 2px dashed rgba(146,112,44,.35); } .lv-sysbox { padding: 6px 18px; } .lv-pricelist dd { font-size: 22px; } .lv-table > div { grid-template-columns: 6em 1fr; } .lv-postnav { grid-template-columns: 1fr 1fr; } .lv-postnav .lv-btn { grid-column: 1 / -1; grid-row: 2; } .lv-profile__message { padding: 22px 18px; } .lv-footer__nav ul { grid-template-columns: 1fr 1fr; } .lv-hero__cta .lv-btn { min-width: 0; } .lv-hero__genre { max-width: 100%; font-size: clamp(10px, 2.8vw, 13px); letter-spacing: .28em; padding-left: .28em; overflow-wrap: anywhere; } .lv-hero__name { max-width: 100%; font-size: clamp(38px, 11vw, 68px); letter-spacing: .07em; padding-left: .07em; white-space: nowrap; } .lv-hero__catch { font-size: clamp(14px, 3.7vw, 17px); letter-spacing: .08em; line-height: 1.8; margin: 22px 0 30px; } .lv-hero__cta { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; width: min(100%, 340px); margin-inline: auto; } .lv-hero__cta .lv-btn { display: flex; width: 100%; padding-inline: 12px; } } @media (max-width: 360px) { .lv-hero__in { padding-inline: 16px; } .lv-hero__name { font-size: 10.5vw; } } /* ---------- 規約・ポリシー・お問い合わせ ---------- */ .lv-legal { overflow-wrap: anywhere; } .lv-legal__intro { color: var(--text); font-size: 16px; border-left: 3px solid var(--gold); padding-left: 18px; } .lv-legal__date { font-size: 12px; color: var(--muted); } .lv-legal h2 { scroll-margin-top: calc(var(--header) + 64px); line-height: 1.6; } .lv-legal li + li { margin-top: .8em; } .lv-legal__related { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--line); } .lv-legal-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; margin-top: 32px; padding: 20px 0; border-top: 1px solid var(--line, #92702c); font-size: 13px; line-height: 1.8; } .lv .lv-legal-nav a { color: var(--muted); text-decoration: underline; text-underline-offset: 4px; padding-block: 6px; } .lv .lv-legal-nav a:hover { color: var(--gold); } .lv-cast-portal .lv-legal-nav { border-color: #92702c; color: #ffffff; } .lv-cast-portal .lv-legal-nav a { color: inherit; padding-block: 6px; text-underline-offset: 4px; } .lv-registration-legal { font-size: 13px; line-height: 1.8; padding: 14px 16px; border-radius: 12px; background: #92702c; color: #ffffff; } .lv-contact { margin-top: 32px; padding: 28px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(150deg, var(--card), var(--bg2)); scroll-margin-top: calc(var(--header) + 64px); } .lv-contact-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; min-width: 0; } .lv-contact-form > label { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; min-width: 0; font-weight: 500; } /* Keep native date/time controls within the form on iOS Safari. */ .lv-contact-form input[type="date"], .lv-contact-form input[type="time"] { box-sizing: border-box; display: block; width: 100%; max-width: 100%; min-width: 0; -webkit-appearance: none; appearance: none; } .lv-contact-form input::-webkit-date-and-time-value { min-width: 0; text-align: left; } .lv-contact-form input::-webkit-datetime-edit { min-width: 0; padding: 0; } .lv-contact-form input:not([type="checkbox"]):not([type="hidden"]), .lv-contact-form select, .lv-contact-form textarea { width: 100%; min-width: 0; min-height: 48px; padding: 12px 14px; border: 1px solid #ffffff; border-radius: 10px; background: #ffffff; color: var(--text); font: inherit; font-size: 16px; line-height: 1.6; } .lv-contact-form textarea { resize: vertical; min-height: 180px; } .lv-contact-form textarea::placeholder { color: #92702c; opacity: 1; } .lv-contact-form input:focus-visible, .lv-contact-form select:focus-visible, .lv-contact-form textarea:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; } .lv-contact-form .lv-contact__consent { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; font-weight: 400; } .lv-contact__consent input { width: 20px; height: 20px; flex: 0 0 20px; margin-top: 4px; accent-color: var(--gold2); } .lv-contact__help { margin: 0; font-size: 12px; color: var(--muted); line-height: 1.8; } .lv-contact__trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; } .lv-contact-notice { padding: 16px 20px; border-left: 3px solid var(--gold); background: rgba(146,112,44,.12); border-radius: 8px; } .lv-contact-form .lv-btn { justify-self: start; min-width: 240px; } @media (max-width: 640px) { .lv-contact { padding: 22px 16px; } .lv-contact-form .lv-btn { width: 100%; min-width: 0; } .lv-legal-nav { gap: 4px 18px; } .lv-legal h2 { font-size: 19px; } } /* ---------- スタッフ採用 ---------- */ .lv-page-recruit .lv-wrap--narrow { max-width: 1160px; } .lv-page-recruit .lv-pagehead { padding-bottom: 12px; } .lv-recruit { overflow-wrap: anywhere; line-height: 1.9; } .lv-prose .lv-recruit h2 { margin: 0 0 24px; padding: 0; border: 0; font-size: clamp(24px, 3vw, 36px); line-height: 1.6; } .lv-prose .lv-recruit h3 { border: 0; padding: 0; margin: 12px 0; font-size: 19px; } .lv-recruit p { margin: 0 0 18px; } .lv-recruit__hero { padding: clamp(28px, 5vw, 64px); border: 1px solid rgba(146,112,44,.35); border-radius: 24px; background: radial-gradient(ellipse at top right, #ffffff 0%, transparent 65%), linear-gradient(140deg,#ffffff,#ffffff); } .lv-prose .lv-recruit__hero h2 { font-size: clamp(27px, 4.2vw, 48px); letter-spacing: .03em; } .lv-recruit .lv-recruit__eyebrow, .lv-recruit-banner__eyebrow { color: var(--gold); font-size: 12px; font-weight: 600; letter-spacing: .2em; margin: 0 0 16px; } .lv-recruit__lead { color: #92702c; } .lv-recruit__highlights { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; padding: 26px 0 10px; margin: 20px 0; border-top: 1px solid rgba(146,112,44,.3); } .lv-recruit__highlights p { font-size: 12px; color: #92702c; } .lv-recruit__highlights strong { display: block; color: var(--gold); font-size: clamp(19px,2.2vw,26px); margin-top: 8px; line-height: 1.5; } .lv-recruit__actions { display: flex; flex-wrap: wrap; gap: 12px; } .lv-prose .lv-recruit .lv-btn { text-decoration: none; } .lv-recruit .lv-recruit__fine { font-size: 12px; color: var(--muted); line-height: 1.9; } .lv-recruit__section { margin-top: 76px; scroll-margin-top: calc(var(--header) + 64px); } .lv-recruit__features, .lv-recruit__steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; } .lv-recruit__features article { padding-top: 18px; border-top: 1px solid var(--gold2); } .lv-recruit__features article > span { font-family: var(--en); font-size: 36px; color: var(--gold); } .lv-recruit__features p, .lv-recruit__job > p:not(.lv-recruit__pay), .lv-recruit__steps p { font-size: 14px; } .lv-recruit__jobs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; margin-bottom: 20px; } .lv-recruit__job { padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: var(--card); } .lv-recruit__tag { display: inline-block; color: var(--gold); border: 1px solid rgba(146,112,44,.4); border-radius: 99px; padding: 3px 12px; font-size: 12px; } .lv-recruit__pay { color: var(--gold); line-height: 1.4; margin-top: 20px !important; } .lv-recruit__pay strong { font-family: var(--en); font-size: clamp(24px,2.8vw,38px); font-weight: 600; letter-spacing: 0; overflow-wrap: anywhere; } .lv-recruit__pay > span { font-size: 14px; } .lv-recruit__trial { background: rgba(146,112,44,.1); color: #92702c; padding: 8px 12px; border-radius: 8px; } .lv-recruit__benefits { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; } .lv-recruit__benefits ul { padding-left: 1.3em; } .lv-recruit__benefits li { margin-bottom: 8px; } .lv-recruit__conditions { margin: 26px 0 0; border-top: 1px solid var(--line); } .lv-recruit__conditions > div { display: grid; grid-template-columns: 140px 1fr; gap: 24px; padding: 22px 0; border-bottom: 1px solid var(--line); } .lv-recruit__conditions dt { font-weight: 600; color: var(--gold); } .lv-recruit__conditions dd { margin: 0; font-size: 14px; } .lv-recruit__steps { padding: 0; list-style: none; counter-reset: recruit-step; } .lv-recruit__steps li { padding: 24px; background: var(--bg2); border-radius: 14px; counter-increment: recruit-step; } .lv-recruit__steps li::before { content: "STEP 0" counter(recruit-step); display: block; color: var(--gold); font-size: 12px; letter-spacing: .15em; margin-bottom: 14px; } .lv-recruit__steps strong { display: block; margin-bottom: 12px; font-size: 17px; } .lv-recruit__faq details { border-bottom: 1px solid var(--line); padding: 20px 0; } .lv-recruit__faq summary { cursor: pointer; font-weight: 500; padding: 4px 0; } .lv-recruit__faq summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; } .lv-recruit__faq details p { color: var(--muted); margin: 16px 0 0; } .lv-recruit__apply { max-width: 780px; margin-inline: auto; } .lv-recruit-banner { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 32px; border: 1px solid rgba(146,112,44,.35); border-radius: 20px; background: linear-gradient(125deg,#ffffff,#ffffff); padding: 36px; } .lv-recruit-banner h2 { font-family: var(--serif); font-size: clamp(22px,3vw,30px); line-height: 1.6; margin: 0 0 12px; } .lv-recruit-banner p { margin-bottom: 0; } .lv-recruit-banner .lv-recruit-banner__eyebrow { margin: 0 0 12px; } @media (max-width: 760px) { .lv-recruit__features, .lv-recruit__steps, .lv-recruit__benefits { grid-template-columns: 1fr; } .lv-recruit__highlights { grid-template-columns: 1fr; gap: 10px; } .lv-recruit__highlights p { margin-bottom: 8px; } .lv-recruit__highlights strong { margin-top: 2px; } .lv-recruit__section { margin-top: 52px; } .lv-recruit__jobs { grid-template-columns: 1fr; } .lv-recruit__job { padding: 24px 20px; } .lv-recruit__conditions > div { grid-template-columns: 1fr; gap: 8px; } .lv-recruit-banner { grid-template-columns: 1fr; padding: 28px 22px; gap: 24px; } .lv-recruit__actions .lv-btn { width: 100%; padding-inline: 12px; } .lv-recruit-banner .lv-btn { width: 100%; } } /* ---------- キャスト採用・採用導線 ---------- */ .lv-page-cast-recruit .lv-wrap--narrow { max-width: 1160px; } .lv-page-cast-recruit .lv-pagehead { padding-bottom: 12px; } .lv-cast-recruit { --cast-rule: rgba(146,112,44,.26); } .lv-cast-recruit__hero { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0,1.4fr) minmax(260px,1fr); gap: clamp(24px,4vw,56px); align-items: center; padding: clamp(24px,4vw,54px); border: 1px solid var(--cast-rule); border-radius: 24px; background: radial-gradient(ellipse at 95% 0%,rgba(146,112,44,.24),transparent 60%),linear-gradient(135deg,#ffffff,#ffffff 75%); } .lv-cast-recruit__hero::before { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(146,112,44,.1); border-radius: 17px; pointer-events: none; z-index: -1; } .lv-prose .lv-cast-recruit__hero h2 { font-size: clamp(26px,3.45vw,41px); font-weight: 500; line-height: 1.75; letter-spacing: .01em; } .lv-cast-recruit__intro { min-width: 0; } .lv-cast-recruit__intro > p { font-size: 14px; } .lv-cast-recruit__intro .lv-cast-recruit__lead { color: #92702c; font-size: 16px; margin-bottom: 24px; } .lv-cast-recruit__intro .lv-recruit__eyebrow { font-size: 11px; } .lv-cast-recruit__intro .lv-recruit__fine { font-size: 12px; margin: 18px 0 0; } .lv-cast-recruit__intro .lv-btn { font-size: 13px; letter-spacing: .02em; padding-inline: 19px; } .lv-cast-recruit__offer { min-width: 0; text-align: center; padding: 32px 22px 24px; border-radius: 140px 140px 18px 18px; border: 1px solid rgba(146,112,44,.45); background: linear-gradient(160deg,rgba(146,112,44,.1),rgba(146,112,44,.8)); } .lv-cast-recruit__offer .lv-cast-recruit__offer-label { color: var(--gold); font-size: 10px; letter-spacing: .2em; margin: 18px 0 30px; } .lv-cast-recruit__offer .lv-cast-recruit__offer-title { margin-bottom: 8px; font-size: 15px; letter-spacing: .12em; } .lv-cast-recruit__amount { color: #92702c; line-height: 1.2; display: flex; justify-content: center; align-items: baseline; gap: 5px; white-space: nowrap; } .lv-cast-recruit__amount strong { font-family: var(--serif); font-size: clamp(48px,5.4vw,68px); font-weight: 500; letter-spacing: -.035em; font-variant-numeric: lining-nums tabular-nums; } .lv-cast-recruit__amount span { font-size: 19px; } .lv-cast-recruit__offer .lv-cast-recruit__offer-note { font-size: 12px; line-height: 1.8; color: #92702c; } .lv-cast-recruit__example { display: grid; gap: 4px; padding: 20px 0; margin: 18px 0; border-top: 1px solid var(--cast-rule); border-bottom: 1px solid var(--cast-rule); } .lv-cast-recruit__example > span { font-size: 11px; color: #92702c; } .lv-cast-recruit__example strong { font-size: 26px; font-weight: 500; color: var(--gold); font-variant-numeric: lining-nums tabular-nums; } .lv-cast-recruit__example small { font-size: 14px; margin-left: 4px; } .lv-cast-recruit__offer .lv-recruit__fine { margin: 0; font-size: 11px; } .lv-cast-recruit__nav { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 28px; padding: 8px 0; border-top: 1px solid var(--cast-rule); border-bottom: 1px solid var(--cast-rule); } .lv-prose .lv-cast-recruit__nav a { text-decoration: none; text-align: center; padding: 12px 5px; color: #92702c; font-size: 13px; } .lv-cast-recruit__nav a + a { border-left: 1px solid var(--line); } .lv-cast-recruit__nav a:hover { background: rgba(146,112,44,.06); color: var(--gold); } .lv-cast-recruit__section-lead { color: #92702c; margin-bottom: 32px !important; } .lv-cast-recruit .lv-recruit__features { gap: 28px; } .lv-cast-recruit .lv-recruit__features h3 { font-size: 18px; line-height: 1.6; } .lv-cast-recruit .lv-recruit__features p { color: #92702c; } .lv-cast-recruit .lv-recruit__job { min-width: 0; } .lv-cast-recruit .lv-recruit__jobs > .lv-recruit__job:only-child { grid-column: 1 / -1; } .lv-cast-recruit .lv-cast-recruit__job--trial { border-color: var(--cast-rule); background: linear-gradient(145deg,#ffffff,#ffffff); } .lv-cast-recruit__salary { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; color: var(--gold); line-height: 1.5; padding: 8px 0 10px; } .lv-cast-recruit__salary > span { font-size: 14px; } .lv-cast-recruit__salary strong { font-size: clamp(32px,3.8vw,44px); font-weight: 500; font-variant-numeric: lining-nums tabular-nums; letter-spacing: -.03em; white-space: nowrap; } .lv-cast-recruit__salary--range strong { font-size: clamp(25px,3vw,34px); } .lv-cast-recruit__salary--range > span:first-child { flex-basis: 100%; } .lv-cast-recruit__back { color: #92702c; font-size: 13px; } .lv-cast-recruit .lv-recruit__conditions { margin-top: 32px; } .lv-cast-recruit .lv-recruit__conditions dd a { color: var(--gold); text-underline-offset: 4px; } .lv-cast-recruit .lv-recruit__steps { padding: 0; } .lv-cast-recruit .lv-recruit__steps li { border: 1px solid var(--line); margin: 0; } .lv-cast-recruit .lv-recruit__faq summary { padding: 8px 22px 8px 0; min-height: 44px; } .lv-cast-recruit__apply { max-width: none; padding: clamp(24px,4vw,48px); border: 1px solid var(--cast-rule); border-radius: 24px; background: radial-gradient(ellipse at top right,rgba(146,112,44,.22),transparent 65%),var(--bg2); } .lv-cast-recruit__apply > p, .lv-cast-recruit__apply > h2, .lv-cast-recruit__apply > .lv-contact { max-width: 720px; margin-left: auto; margin-right: auto; } .lv-cast-recruit__apply .lv-contact { scroll-margin-top: calc(var(--header) + 64px); } .lv-cast-recruit .lv-btn.lv-cast-recruit__line-btn { background: #92702c; color: #ffffff !important; box-shadow: 0 6px 20px rgba(146,112,44,.16); } .lv-cast-recruit .lv-btn.lv-cast-recruit__line-btn:hover { box-shadow: 0 9px 24px rgba(146,112,44,.28); } .lv-cast-recruit__linebox { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 18px; align-items: center; max-width: 720px; margin: 26px auto; padding: 20px 22px; border: 1px solid rgba(146,112,44,.4); border-radius: 14px; background: rgba(146,112,44,.06); } .lv-cast-recruit__linebox p { margin: 0; font-size: 13px; } .lv-cast-recruit__linebox .lv-recruit__eyebrow { margin-bottom: 4px; color: #92702c; } .lv-cast-recruit__linebox .lv-btn { white-space: nowrap; } @media (max-width: 600px) { .lv-cast-recruit__linebox { grid-template-columns: 1fr; } .lv-cast-recruit__linebox .lv-btn { width: 100%; white-space: normal; } } .lv-cast-recruit .lv-cast-recruit__staff { text-align: center; color: var(--muted); font-size: 13px; margin: 34px 0 0; } .lv-cast-recruit__staff a { display: inline-block; padding: 8px; color: var(--gold); } .lv-recruit-hub { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; } .lv-recruit-hub > .lv-recruit-banner { display: flex; flex-direction: column; align-items: stretch; gap: 24px; min-width: 0; padding: 32px; } .lv-recruit-hub .lv-recruit-banner > div { flex: 1; } .lv-recruit-hub .lv-recruit-banner h3 { font-family: var(--serif); font-size: clamp(22px,2.7vw,28px); font-weight: 500; line-height: 1.65; margin: 0 0 16px; } .lv-recruit-hub .lv-recruit-banner p { font-size: 14px; } .lv-recruit-hub .lv-recruit-banner .lv-recruit-banner__eyebrow { font-size: 11px; } .lv-recruit-hub .lv-recruit-banner .lv-recruit-banner__fine { font-size: 11px; color: var(--muted); margin-top: 12px; } .lv-recruit-hub .lv-recruit-banner--cast { background: radial-gradient(ellipse at top right,#ffffff,transparent 80%),#ffffff; } .lv-recruit-hub > .lv-recruit-banner:only-child { grid-column: 1 / -1; } @media (max-width: 850px) { .lv-cast-recruit__hero { grid-template-columns: 1fr; gap: 32px; } .lv-cast-recruit__offer { width: 100%; max-width: 420px; margin-inline: auto; border-radius: 18px; padding: 24px; } .lv-cast-recruit__offer .lv-cast-recruit__offer-label { margin: 0 0 16px; } .lv-cast-recruit__amount strong { font-size: 58px; } .lv-recruit-hub { grid-template-columns: 1fr; } } @media (max-width: 480px) { .lv-cast-recruit__hero { padding: 28px 20px; border-radius: 18px; } .lv-prose .lv-cast-recruit__hero h2 { font-size: clamp(22px,6vw,27px); letter-spacing: 0; } .lv-cast-recruit__intro .lv-cast-recruit__lead { font-size: 15px; } .lv-cast-recruit__amount strong { font-size: clamp(42px,13vw,58px); } .lv-cast-recruit__nav { grid-template-columns: repeat(2,minmax(0,1fr)); } .lv-cast-recruit__nav a:nth-child(3) { border-left: 0; } .lv-cast-recruit__nav a:nth-child(n+3) { border-top: 1px solid var(--line); } .lv-cast-recruit__nav a { font-size: 12px; } .lv-cast-recruit__salary--range strong { font-size: clamp(25px,7.5vw,32px); } .lv-cast-recruit__apply { padding: 28px 18px; border-radius: 18px; } .lv-cast-recruit__apply .lv-contact { padding: 0; border: 0; background: transparent; } .lv-recruit-hub > .lv-recruit-banner { padding: 28px 22px; } } /* ---------- 初回来店クーポン ---------- */ .lv-page-welcome .lv-wrap--narrow { max-width: 1160px; } .lv-page-welcome .lv-pagehead { padding-bottom: 12px; } .lv-welcome { overflow-wrap: anywhere; } .lv-prose .lv-welcome h2 { margin: 0; padding: 0; border: 0; font-size: clamp(25px,3.4vw,40px); line-height: 1.65; letter-spacing: .03em; } .lv-welcome p { margin: 0; } .lv-welcome__eyebrow { color: var(--gold); font-size: 11px; font-weight: 600; letter-spacing: .18em; } .lv-welcome__hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,.9fr); gap: clamp(24px,4vw,55px); align-items: center; padding: clamp(28px,5vw,58px); border: 1px solid rgba(146,112,44,.34); border-radius: 24px; background: radial-gradient(ellipse at top right,rgba(146,112,44,.28),transparent 65%),linear-gradient(140deg,#ffffff,#ffffff); } .lv-welcome__copy { min-width: 0; } .lv-welcome__copy .lv-welcome__eyebrow { margin-bottom: 22px; } .lv-welcome__copy .lv-welcome__lead { color: #92702c; font-size: 15px; margin-top: 24px; line-height: 2; } .lv-welcome__hint { display: inline-block; margin-top: 26px !important; padding-top: 18px; border-top: 1px solid rgba(146,112,44,.3); color: var(--gold); font-size: 13px; } .lv-welcome__ticket { position: relative; min-width: 0; padding: 34px 26px 0; text-align: center; border: 1px solid rgba(146,112,44,.6); border-radius: 18px; background: linear-gradient(160deg,#ffffff,#ffffff); box-shadow: 0 24px 50px rgba(146,112,44,.18); overflow: hidden; } .lv-welcome__ticket::before { content: ""; position: absolute; inset: 10px 10px 64px; border: 1px solid rgba(146,112,44,.13); border-radius: 10px; pointer-events: none; } .lv-welcome__ticket-label { color: var(--gold); font-family: var(--en); font-size: 15px; letter-spacing: .24em; } .lv-welcome__set { margin-top: 24px !important; font-family: var(--en); font-size: clamp(38px,5vw,54px); font-weight: 500; line-height: 1.1; color: var(--text); white-space: nowrap; } .lv-welcome__set span { font-size: .5em; margin-left: 4px; } .lv-welcome__price { display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; margin-top: 18px !important; color: #92702c; } .lv-welcome__price strong { font-family: var(--serif); font-size: clamp(38px,4.5vw,60px); font-weight: 500; letter-spacing: -.03em; font-variant-numeric: lining-nums tabular-nums; white-space: nowrap; } .lv-welcome__price span { font-size: 15px; font-weight: 600; white-space: nowrap; } .lv-welcome__included { margin: 12px 0 30px !important; font-size: 12px; color: #92702c; } .lv-welcome__ticket-footer { margin: 0 -26px; padding: 16px 20px; border-top: 1px dashed rgba(146,112,44,.4); font-size: 12px; font-weight: 600; color: var(--gold); } .lv-welcome__guide { max-width: 820px; margin: 72px auto 0; } .lv-welcome__guide .lv-welcome__eyebrow { margin-bottom: 12px; } .lv-welcome__guide > p:not(.lv-welcome__eyebrow) { margin-top: 18px; } .lv-welcome__terms { margin: 30px 0; border-top: 1px solid var(--line); } .lv-welcome__terms > div { display: grid; grid-template-columns: 140px minmax(0,1fr); gap: 20px; padding: 17px 0; border-bottom: 1px solid var(--line); } .lv-welcome__terms dt { color: var(--gold); font-weight: 600; } .lv-welcome__terms dd { margin: 0; } .lv-welcome__note { color: var(--muted); font-size: 12px; } .lv-welcome .lv-welcome__links { display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0 0; } .lv-prose .lv-welcome .lv-btn { text-decoration: none; } @media (max-width: 760px) { .lv-welcome__hero { grid-template-columns: 1fr; } .lv-welcome__ticket { width: 100%; max-width: 440px; margin: 0 auto; } .lv-welcome__guide { margin-top: 56px; } } @media (max-width: 480px) { .lv-welcome__hero { padding: 26px 18px; } .lv-welcome__ticket { padding: 28px 18px 0; } .lv-welcome__ticket-footer { margin: 0 -18px; } .lv-welcome__price strong { font-size: clamp(38px,10.6vw,50px); } .lv-welcome__terms > div { grid-template-columns: 1fr; gap: 4px; } .lv-welcome .lv-welcome__links .lv-btn { width: 100%; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } /* Homepage: Cast Studio blog cards and a native, swipeable movie rail. */ .lv-home-feed__lead { margin: 0; color: var(--muted); font-size: 13px; } .lv-home-blogs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; list-style: none; margin: 0; padding: 0; } .lv-home-blogs > li { min-width: 0; } .lv-home-blog { height: 100%; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--bg2); transition: border-color .2s, transform .2s; } .lv-home-blog:hover { border-color: rgba(146,112,44,.5); transform: translateY(-3px); } .lv-home-blog__link { display: flex; flex-direction: column; height: 100%; } .lv-home-blog:focus-within { outline: 2px solid var(--gold); outline-offset: 3px; } .lv-home-blog__image { aspect-ratio: 4 / 3; overflow: hidden; background: linear-gradient(135deg, #ffffff, #ffffff); } .lv .lv-home-blog__image img { width: 100%; height: 100%; object-fit: cover; } .lv-home-blog__placeholder { display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; color: var(--gold); font: 400 36px/1.3 var(--en); letter-spacing: .15em; } .lv-home-blog__placeholder span { margin-top: 9px; font: 500 9px/1.5 var(--sans); letter-spacing: .25em; color: var(--muted); } .lv-home-blog__body { display: flex; flex: 1; flex-direction: column; padding: 16px; } .lv-home-blog__body time { color: var(--muted); font-size: 11px; letter-spacing: .08em; } .lv-home-blog__body h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; margin: 7px 0 18px; color: var(--text); font: 500 15px/1.7 var(--sans); } .lv-home-blog__cast { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: auto 0 0; color: var(--gold); font-size: 12px; } .lv-home-blog__cast > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lv-home-blog__cast .lv-ico { width: 20px; height: 20px; } .lv-home-movies__nav { display: flex; align-items: center; gap: 10px; } .lv-home-movies__nav[hidden] { display: none; } .lv-home-movies__nav button { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(146,112,44,.5); border-radius: 50%; background: var(--bg2); color: var(--gold); cursor: pointer; } .lv-home-movies__nav button:hover:not(:disabled) { background: rgba(146,112,44,.12); } .lv-home-movies__nav button:disabled { opacity: .3; cursor: default; } .lv-home-movies__prev .lv-ico { transform: rotate(180deg); } .lv-home-movies__count { color: var(--muted); font-size: 12px; min-width: 42px; text-align: right; font-variant-numeric: tabular-nums; } .lv-home-movies__hint { margin: -16px 0 20px; color: var(--muted); font-size: 12px; } .lv-home-movies__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 40px) / 3.35); align-items: stretch; gap: 20px; list-style: none; margin: 0; padding: 2px 2px 18px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--gold2) var(--bg2); -webkit-overflow-scrolling: touch; } .lv-home-movies__track:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; } .lv-home-movies__track::-webkit-scrollbar { height: 5px; } .lv-home-movies__track::-webkit-scrollbar-thumb { background: var(--gold2); border-radius: 10px; } .lv-home-movie { min-width: 0; overflow: hidden; scroll-snap-align: start; border: 1px solid var(--line); border-radius: 18px; background: var(--bg2); } .lv-home-movie__screen { aspect-ratio: 3 / 4; background: #ffffff; } .lv-home-movie__screen video { display: block; width: 100%; height: 100%; object-fit: contain; } .lv-home-movie__body { padding: 15px 16px 17px; } .lv .lv-home-movie__cast { color: var(--gold); font-size: 13px; overflow-wrap: anywhere; } .lv-home-movie__body h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; margin: 6px 0 12px; font: 500 14px/1.7 var(--sans); } .lv .lv-home-movie__open { display: inline-flex; align-items: center; min-height: 32px; gap: 5px; color: var(--muted); font-size: 11px; text-decoration: underline; text-underline-offset: 4px; } @media (max-width: 900px) { .lv-home-blogs { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lv-home-movies__track { grid-auto-columns: calc((100% - 16px) / 2.3); gap: 16px; } } @media (max-width: 640px) { .lv-home-blogs { gap: 16px 12px; } .lv-home-blog { border-radius: 14px; } .lv-home-blog__body { padding: 12px; } .lv-home-blog__body h3 { margin-bottom: 14px; font-size: 13px; line-height: 1.65; } .lv-home-blog__placeholder { font-size: 29px; } .lv-home-feed__lead { width: 100%; font-size: 12px; } .lv-home-movies__track { grid-auto-columns: min(74vw, 280px); gap: 14px; } .lv-home-movies__nav { gap: 8px; } .lv-home-movies__count { font-size: 11px; min-width: 32px; } .lv-home-movies__hint { line-height: 1.7; } } @media (prefers-reduced-motion: reduce) { .lv-home-blog { transition: none; } .lv-home-blog:hover { transform: none; } } /* Date selection prompt for both recruitment forms, including iOS Safari. */ .lv-contact-form .lv-date-field { display:block; position:relative; width:100%; min-width:0; } .lv-contact-form .lv-date-field__placeholder { position:absolute; left:16px; top:50%; transform:translateY(-50%); pointer-events:none; color:var(--text); font:inherit; font-size:16px; line-height:1.6; } .lv-contact-form .lv-date-field__placeholder[hidden] { display:none; } .lv-contact-form .lv-date-field.is-empty input[type="date"]:not(:focus) { color:transparent; } .lv-contact-form .lv-date-field.is-empty input[type="date"]:not(:focus)::-webkit-datetime-edit { color:transparent; } .lv-contact-form .lv-date-field:focus-within .lv-date-field__placeholder { display:none; } /* PLATINUM Customer Voice; namespaced styles preserve existing site components. */ .lvf-invite,.lvf-page{color:#92702c;background:#ffffff;font-family:inherit} .lvf-invite{border-block:1px solid #ffffff;padding:30px 24px} .lvf-invite-inner{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px} .lvf-eyebrow{color:#92702c;font-size:12px;letter-spacing:.25em;margin:0 0 10px} .lvf-invite h2{font-family:'Noto Serif JP',serif;font-size:clamp(17px,2vw,23px);font-weight:500;margin:0 0 8px} .lvf-invite p:not(.lvf-eyebrow){font-size:12px;color:#92702c;line-height:1.9;margin:8px 0} .lvf-button{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;border:1px solid #92702c;background:#92702c;color:#ffffff!important;text-decoration:none;cursor:pointer;padding:12px 25px;font-size:14px;font-weight:500;transition:background .2s} .lvf-button:hover{background:#92702c}.lvf-button:disabled{opacity:.5;cursor:wait} .lvf-meta{color:#92702c;font-size:12px;line-height:1.9} .lvf-page{padding:calc(var(--header,72px) + clamp(32px,5vw,60px)) 20px 70px;min-height:70vh} .lvf-form-wrap{max-width:680px;margin:auto}.lvf-page h1{font-family:'Noto Serif JP',serif;font-size:clamp(25px,5vw,36px);font-weight:500;margin:12px 0}.lvf-lead{font-size:15px;line-height:1.9} #lvf-form{margin-top:34px}#lvf-form fieldset{border:0;margin:0 0 30px;padding:0;min-width:0}#lvf-form legend{font-size:15px;margin:0 0 14px;line-height:1.8}#lvf-form small{font-size:11px;color:#92702c} .lvf-required{font-size:10px;color:#ffffff;background:#92702c;padding:3px 6px;margin-left:8px} .lvf-choices>div{display:flex;flex-wrap:wrap;gap:9px}.lvf-choices label{cursor:pointer;position:relative;display:flex}.lvf-choices input{position:absolute;inset:auto;opacity:0;width:1px;height:1px}.lvf-choices span{display:flex;align-items:center;border:1px solid #ffffff;min-height:44px;padding:10px 15px;font-size:13px;color:#92702c;background:#ffffff;line-height:1.6}.lvf-choices input:checked+span{background:#92702c;color:#ffffff;border-color:#92702c} .lvf-stars{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.lvf-stars label{min-width:46px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;padding:4px;border:1px solid transparent}.lvf-stars input{position:absolute;opacity:0;width:1px;height:1px}.lvf-star{color:#92702c;font-size:31px;line-height:1}.lvf-number{font-size:11px;color:#92702c;margin-top:4px}.lvf-stars .is-lit .lvf-star{color:#92702c}.lvf-stars input:checked~.lvf-number{color:#92702c}.lvf-stars .lvf-clear{font-size:11px;border-color:#ffffff;padding:8px;margin-left:5px;min-height:44px} .lvf-stars label:has(input:focus-visible),.lvf-choices input:focus-visible+span{outline:2px solid #92702c;outline-offset:3px} .lvf-field{display:block;margin-bottom:25px;font-size:15px;line-height:1.8}.lvf-field input,.lvf-field textarea,.lvf-field select{display:block;width:100%;box-sizing:border-box;background:#ffffff;border:1px solid #ffffff;color:#92702c;padding:13px;margin-top:10px;font:inherit;font-size:16px;border-radius:0}.lvf-field textarea{resize:vertical}.lvf-field select{min-height:48px}.lvf-field input:focus,.lvf-field textarea:focus,.lvf-field select:focus{outline:2px solid #92702c;outline-offset:2px}.lvf-field small{display:block;margin-top:8px}.lvf-field textarea::placeholder{color:#92702c} #lvf-low{background:#ffffff;border:1px solid #92702c;padding:22px;margin:0 0 30px}#lvf-low h2{font-size:17px;font-weight:500;margin:0 0 10px}#lvf-low p{font-size:13px;line-height:1.9}.lvf-reply{display:flex;align-items:center;gap:9px;min-height:44px;font-size:13px;margin-bottom:15px}.lvf-reply input,.lvf-privacy input{width:20px;height:20px;accent-color:#92702c;flex-shrink:0} .lvf-details{border-block:1px solid #ffffff;margin-bottom:30px;padding:15px 0}.lvf-details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:14px}.lvf-details[open] summary{margin-bottom:20px}.lvf-privacy{font-size:12px;line-height:1.9;color:#92702c;border-top:1px solid #ffffff;padding-top:20px}.lvf-privacy label{display:block}.lvf-privacy label input{vertical-align:middle;margin-right:8px}.lvf-privacy a{color:#92702c;text-decoration:underline} #lvf-status{font-size:13px;line-height:1.8;color:#92702c;min-height:25px}#lvf-submit{width:100%}#lvf-thanks{text-align:center;padding:40px 0}#lvf-thanks h2{font-family:'Noto Serif JP',serif;font-size:24px;font-weight:500;line-height:1.8}#lvf-thanks p{line-height:2;font-size:14px}.lvf-signature{font-family:'Cormorant Garamond',serif;font-size:44px!important;letter-spacing:.12em;color:#92702c} .lvf-honey,.lvf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lvf-page [hidden]{display:none!important} @media(max-width:700px){.lvf-invite{padding:24px 20px}.lvf-invite-inner{display:block}.lvf-invite .lvf-button{margin-top:12px;width:100%;box-sizing:border-box}.lvf-invite .lvf-meta{text-align:center}.lvf-choices span{padding:10px 12px}#lvf-low{padding:17px}.lvf-stars{gap:3px}} @media(prefers-reduced-motion:reduce){.lvf-button{transition:none}} /* Loaded in wp-admin separately by a scoped enqueue. */ .lvf-admin{max-width:1300px}.lvf-admin-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#92702c;padding:16px;border:1px solid #92702c}.lvf-admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0}.lvf-admin-stats>div{background:#92702c;border:1px solid #92702c;padding:18px}.lvf-admin-stats strong{display:block;margin-top:8px;font-size:20px}.lvf-admin-action{display:inline-block;margin:8px 8px 8px 0}.lvf-admin-answer{background:#92702c;border:1px solid #92702c;padding:18px;margin:14px 0}.lvf-admin-text,.lvf-report{white-space:pre-wrap;overflow-wrap:anywhere}.lvf-admin h2{margin-top:30px}.lvf-admin table{margin:10px 0 20px}.lvf-admin details{padding:12px 0}.lvf-admin summary{cursor:pointer} .lvf-details summary::after{content:"＋";margin-left:auto;color:#92702c}.lvf-details[open] summary::after{content:"−"} /* Programmatically focused studio headings have no visible browser ring. */ [data-studio-workspace] [data-studio-panel] h2[tabindex="-1"]:focus { outline: none; box-shadow: none; } /* PLATINUM contact page: contact methods and concise mobile guidance. */ body.page-id-153 .lv-sec { padding-top: clamp(34px, 5vw, 60px); } .lv-contact-intro { overflow-wrap: anywhere; } .lv-contact-intro__heading { margin-bottom: 30px; } .lv-contact-intro__eyebrow { margin: 0 0 8px; color: #92702c; font-family: var(--en); font-size: 15px; letter-spacing: .22em; line-height: 1.4; } .lv-prose .lv-contact-intro__heading h2 { margin: 0 0 14px; padding: 0; border: 0; color: var(--text); font-family: var(--serif); font-size: clamp(25px, 4vw, 35px); font-weight: 500; letter-spacing: .07em; line-height: 1.55; } .lv-contact-intro__heading > p:last-child { margin: 0; color: #92702c; font-size: clamp(14px, 2vw, 16px); line-height: 1.9; } .lv-contact-intro__methods { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .lv-prose a.lv-contact-method { display: flex; flex-direction: column; min-width: 0; min-height: 190px; padding: 22px 20px 18px; border: 1px solid rgba(146,112,44,.25); border-radius: 17px; background: radial-gradient(circle at 100% 0%, rgba(146,112,44,.10), transparent 65%), linear-gradient(145deg, #ffffff, #ffffff); color: var(--text); text-decoration: none; transition: transform .2s, border-color .2s, background .2s; } .lv-prose a.lv-contact-method:hover { transform: translateY(-3px); border-color: rgba(146,112,44,.65); } .lv-contact-method__label { color: #92702c; font-family: var(--en); font-size: 14px; letter-spacing: .15em; line-height: 1.3; } .lv-contact-method strong { margin-top: 16px; font-size: clamp(16px, 2vw, 19px); font-weight: 600; line-height: 1.55; } .lv-contact-method__detail { color: var(--muted); font-size: 12px; line-height: 1.6; } .lv-contact-method__action { display: flex; align-items: center; justify-content: space-between; gap: 4px; margin-top: auto; padding-top: 18px; color: #92702c; font-size: 13px; font-weight: 600; line-height: 1.5; } .lv-contact-method__action [aria-hidden] { font-size: 20px; line-height: 1; } .lv-contact-intro__notes { margin-top: 28px; padding: 22px 24px; border-left: 2px solid #92702c; border-radius: 0 14px 14px 0; background: rgba(146,112,44,.035); } .lv-prose .lv-contact-intro__notes h3 { margin: 0 0 8px; padding: 0; border: 0; color: #92702c; font-family: var(--sans); font-size: 15px; font-weight: 600; line-height: 1.6; } .lv-contact-intro__notes ul { margin: 0; padding-left: 1.3em; color: #92702c; font-size: 13px; line-height: 1.8; } .lv-contact-intro__notes li + li { margin-top: 3px; } .lv-contact-intro__notes li span { overflow-wrap: anywhere; } .lv-contact-form-heading { margin-top: 54px; } .lv-contact-form-heading > span { color: #92702c; font-family: var(--en); font-size: 14px; letter-spacing: .18em; } .lv-prose .lv-contact-form-heading h2 { margin: 5px 0 8px; padding: 0; border: 0; font-family: var(--serif); font-size: clamp(23px, 3vw, 30px); font-weight: 500; } .lv-contact-form-heading p { margin: 0; color: var(--muted); font-size: 13px; } .lv-contact-form-heading + .lv-contact { margin-top: 20px; } @media (max-width: 700px) { .lv-contact-intro__methods { grid-template-columns: 1fr; gap: 10px; } .lv-prose a.lv-contact-method { min-height: 0; padding: 17px 18px; } .lv-contact-method strong { margin-top: 7px; } .lv-contact-method__action { padding-top: 9px; } .lv-contact-intro__notes { padding: 18px 17px; } .lv-contact-form-heading { margin-top: 42px; } } /* Blog archive cards and dedicated public video archive. */ .lv-blog-archive .lv-wrap--narrow { max-width: 1060px; } .lv-blog-archive__intro, .lv-movie-archive__intro { margin: 0 0 30px; color: var(--muted); font-size: 15px; } .lv-blog-archive .lv-home-blogs { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lv-blog-archive .lv-home-blog__body h2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; margin: 7px 0 18px; color: var(--text); font: 500 15px/1.7 var(--sans); } .lv-blog-archive .lv-home-blog__image { aspect-ratio: 4 / 3; } .lv-movie-archive__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin: 0; padding: 0; list-style: none; } .lv-movie-archive__grid > li { min-width: 0; } .lv-movie-archive__card { height: 100%; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--bg2); } .lv-movie-archive__card video { display: block; width: 100%; aspect-ratio: 3 / 4; background: #ffffff; object-fit: contain; } .lv-movie-archive__body { padding: 18px; } .lv-movie-archive__body time { color: var(--muted); font-size: 12px; } .lv-movie-archive__body h2 { margin: 8px 0 16px; font: 500 17px/1.6 var(--sans); } .lv-movie-archive__links { display: flex; flex-wrap: wrap; gap: 8px 16px; } .lv-movie-archive__links a { display: inline-flex; align-items: center; gap: 4px; color: var(--gold); font-size: 12px; } .lv-movie-archive__links .lv-ico { width: 16px; height: 16px; } @media (max-width: 800px) { .lv-blog-archive .lv-home-blogs, .lv-movie-archive__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } } @media (max-width: 520px) { .lv-blog-archive .lv-home-blogs { gap: 12px; } .lv-blog-archive .lv-home-blog__body { padding: 13px; } .lv-blog-archive .lv-home-blog__body h2 { font-size: 14px; } .lv-blog-archive .lv-home-blog__placeholder { font-size: 21px; } .lv-movie-archive__grid { grid-template-columns: 1fr; } } /* PLATINUM: first-visit guide and local search information */ .lv-visit-guide__head{max-width:760px;margin-bottom:30px} .lv-visit-guide__eyebrow{color:var(--gold);font-size:12px;letter-spacing:.2em} .lv-visit-guide__head h2{font-family:var(--serif);font-size:clamp(22px,3.4vw,36px);line-height:1.65;letter-spacing:.04em;margin:10px 0 18px} .lv-visit-guide__head p:not(.lv-visit-guide__eyebrow){color:var(--muted,#92702c);line-height:1.95;font-size:15px} .lv-visit-guide__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .lv-visit-guide__grid article{min-width:0;padding:26px;border:1px solid rgba(146,112,44,.25);border-radius:20px;background:linear-gradient(135deg,rgba(146,112,44,.07),rgba(146,112,44,.05))} .lv-visit-guide__number{color:var(--gold);font-size:11px;letter-spacing:.15em} .lv-visit-guide__grid h3{font-size:18px;line-height:1.6;margin:14px 0} .lv-visit-guide__grid p,.lv-visit-guide__faq p{font-size:14px;line-height:1.9;color:var(--muted,#92702c);overflow-wrap:anywhere} .lv-visit-guide__grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:8px;color:var(--gold);font-size:14px} .lv-visit-guide__faq{max-width:840px;margin:40px auto 0} .lv-visit-guide__faq h3{font-size:20px;line-height:1.6;margin-bottom:18px} .lv-visit-guide__faq details{border-bottom:1px solid rgba(146,112,44,.22);padding:0 4px} .lv-visit-guide__faq summary{padding:18px 0;cursor:pointer;font-size:15px;line-height:1.7} .lv-visit-guide__faq p{margin:0 0 20px} .lv-visit-guide__faq p a{display:inline-block;text-decoration:underline;text-underline-offset:4px;color:var(--gold)} .lv-visit-guide a:focus-visible,.lv-visit-guide summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px} @media(max-width:800px){.lv-visit-guide__grid{grid-template-columns:1fr}.lv-visit-guide__grid article{padding:22px}.lv-visit-guide__head p:not(.lv-visit-guide__eyebrow){font-size:14px}} /* PLATINUM: keep historical articles connected to current store information */ .lv-article-update{margin:0 0 24px;padding:16px 20px;border-left:3px solid var(--gold);background:rgba(146,112,44,.08);font-size:13px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere} .lv-article-update a{text-decoration:underline;text-underline-offset:3px;color:var(--gold)} .lv-article-visit{margin-top:40px;padding:28px;border:1px solid rgba(146,112,44,.3);border-radius:20px;background:linear-gradient(135deg,rgba(146,112,44,.09),rgba(146,112,44,.06));overflow-wrap:anywhere} .lv-article-visit__label{color:var(--gold);font-size:11px;letter-spacing:.18em} .lv-article-visit h2{font-family:var(--serif);font-size:clamp(20px,3vw,28px);line-height:1.7;margin:12px 0} .lv-article-visit p{line-height:1.9} .lv-article-visit nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px} .lv-article-visit nav a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:10px;border:1px solid rgba(146,112,44,.35);border-radius:10px;color:var(--gold);font-size:14px} .lv-article-visit__tel a{display:inline-block;min-height:44px;padding:10px 0;font-size:16px} .lv-article-visit a:focus-visible{outline:2px solid var(--gold);outline-offset:3px} @media(max-width:520px){.lv-article-visit{padding:20px}.lv-article-visit nav{gap:8px}.lv-article-visit nav a{font-size:13px}} /* Readable coupon pages */ .pt-coupon{padding:clamp(22px,5vw,40px);border:1px solid #ffffff;border-radius:20px;background:linear-gradient(135deg,#ffffff,#ffffff);color:#92702c;overflow-wrap:anywhere} .pt-coupon+.pt-coupon{margin-top:24px} .pt-coupon__label{display:inline-block;margin:0 0 16px;padding:6px 14px;border-radius:999px;background:#92702c;color:#ffffff;font-size:12px;font-weight:700;letter-spacing:.12em} .pt-coupon .pt-coupon__title{margin:0 0 20px;font-size:clamp(20px,4.8vw,28px);line-height:1.6} .pt-coupon .pt-coupon__offer{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 24px;padding:20px 0;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff} .pt-coupon__offer span{font-size:16px;line-height:1.6;font-weight:700} .pt-coupon__offer strong{font-family:Arial,"Noto Sans JP",sans-serif;font-size:clamp(38px,10vw,56px);line-height:1.2;letter-spacing:.01em;color:#92702c;font-variant-numeric:tabular-nums} .pt-coupon__description{font-size:16px;line-height:1.9;margin-bottom:24px} .pt-coupon__description p{margin:0 0 12px} .pt-coupon__description ul{padding-left:1.3em} .pt-coupon__conditions{padding-top:8px} .pt-coupon__conditions h3{font-size:15px;margin:0 0 12px} .pt-coupon__conditions ul{margin:0;padding-left:1.3em;font-size:14px;line-height:1.85;color:#92702c} .pt-coupon__conditions li+li{margin-top:10px} .pt-coupon__expiry{font-size:14px;margin-top:20px} .pt-coupon>.lv-btn{display:flex;width:100%;margin-top:24px;box-sizing:border-box;text-align:center;justify-content:center} .lv-coupons--list:has(.pt-coupon){display:block} /* Weekly special coupons */ .pt-weekly-home[hidden] { display:none !important; } .pt-weekly-home { padding:clamp(28px,5vw,64px) 0 0; } .pt-weekly-banner, .pt-weekly-detail { background:radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--weekly-accent) 25%,transparent),transparent 38%),linear-gradient(140deg,#ffffff,#ffffff); border:1px solid color-mix(in srgb,var(--weekly-accent) 65%,#ffffff); border-radius:24px; box-shadow:0 20px 48px rgba(146,112,44,.28); color:#92702c; } .pt-weekly-banner {padding:clamp(22px,4vw,48px);max-width:100%;overflow-wrap:anywhere;} .pt-weekly-banner__eyebrow,.pt-weekly-list-heading__en,.pt-weekly-detail__eyebrow {color:var(--weekly-accent,#92702c);font-size:12px;font-weight:700;letter-spacing:.16em;} .pt-weekly-banner__day {display:inline-block;padding:6px 12px;border-radius:999px;background:var(--weekly-accent);color:#ffffff;font-weight:800;margin:12px 0;} .pt-weekly-banner__name {font-size:clamp(22px,3vw,38px);line-height:1.25;margin:0 0 16px;letter-spacing:.05em;} .pt-weekly-banner__price,.pt-weekly-detail__price {display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 20px;margin:0;color:#92702c;} .pt-weekly-banner__price span,.pt-weekly-detail__price span {font-size:clamp(24px,4vw,38px);font-weight:750;} .pt-weekly-banner__price strong,.pt-weekly-detail__price strong {font-size:clamp(48px,9vw,92px);line-height:1.1;letter-spacing:-.05em;color:var(--weekly-accent);} .pt-weekly-banner__note,.pt-weekly-detail__included {font-size:13px;color:#92702c;line-height:1.6;} .pt-weekly-banner__benefit {font-size:clamp(15px,2vw,19px);font-weight:700;line-height:1.6;margin:20px 0 4px;} .pt-weekly-banner__time {font-size:15px;margin:0 0 24px;} .pt-weekly-banner__button,.pt-weekly-list-card__link {display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:10px 24px;border-radius:9px;background:var(--weekly-accent);color:#ffffff;font-weight:800;text-decoration:none;} .pt-weekly-banner__button:hover,.pt-weekly-list-card__link:hover {filter:brightness(1.14);color:#ffffff;} .pt-weekly-list-heading {margin:0 0 20px;} .pt-weekly-list-heading h2 {font-size:clamp(23px,4vw,32px);margin:4px 0;} .pt-weekly-list-heading p {line-height:1.7;} .pt-weekly-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;margin:0 0 54px;} .pt-weekly-list-card {display:flex;flex-direction:column;gap:12px;min-width:0;padding:clamp(18px,3vw,28px);border-radius:18px;border:1px solid color-mix(in srgb,var(--weekly-accent) 55%,#ffffff);background:linear-gradient(145deg,#ffffff,#ffffff);overflow-wrap:anywhere;} .pt-weekly-list-card.is-today {box-shadow:0 0 0 2px var(--weekly-accent);} .pt-weekly-list-card__day {margin:0;color:var(--weekly-accent);font-weight:700;line-height:1.5;} .pt-weekly-list-card__day span {display:inline-block;background:var(--weekly-accent);color:#ffffff;border-radius:999px;padding:3px 9px;margin-right:5px;font-size:12px;} .pt-weekly-list-card__price {display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;} .pt-weekly-list-card__price strong {font-size:clamp(34px,5vw,54px);line-height:1.1;color:#92702c;} .pt-weekly-list-card__price span {font-size:13px;color:#92702c;} .pt-weekly-list-card__benefit {font-weight:700;line-height:1.55;margin:0;} .pt-weekly-list-card__time,.pt-weekly-list-card__notice {font-size:13px;line-height:1.65;color:#92702c;margin:0;} .pt-weekly-list-card__link {margin-top:auto;align-self:flex-start;} .pt-weekly-detail {padding:clamp(20px,4vw,44px);overflow-wrap:anywhere;} .pt-weekly-detail__status {display:inline-block;padding:6px 12px;background:#ffffff;border:1px solid var(--weekly-accent);border-radius:8px;} .pt-weekly-detail__body {line-height:1.8;margin-top:28px;} .pt-weekly-detail__body h2,.pt-weekly-detail__body h3 {font-size:clamp(18px,3vw,25px);color:var(--weekly-accent);margin:24px 0 8px;} .pt-weekly-detail__body p {margin:8px 0;} @media(max-width:600px) { .pt-weekly-home {padding-top:26px;} .pt-weekly-banner,.pt-weekly-detail {border-radius:18px;} .pt-weekly-banner__button,.pt-weekly-list-card__link {width:100%;min-height:52px;} .pt-weekly-list {grid-template-columns:1fr;} } /* Compact homepage coupon: keep the full terms on the linked detail page. */ .pt-weekly-home{padding-top:22px} .pt-weekly-home .pt-weekly-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:20px 24px;border-radius:18px} .pt-weekly-home .pt-weekly-banner>p,.pt-weekly-home .pt-weekly-banner>h2{margin:0} .pt-weekly-banner .pt-weekly-banner__eyebrow{grid-area:1/1;font-size:11px;line-height:1.4;letter-spacing:.08em;align-self:center} .pt-weekly-banner .pt-weekly-banner__day{grid-area:1/2;padding:4px 10px;font-size:11px;line-height:1.4;white-space:nowrap;justify-self:end} .pt-weekly-banner .pt-weekly-banner__name{grid-area:2/1/3/3;font-size:18px;line-height:1.3;letter-spacing:.04em} .pt-weekly-banner .pt-weekly-banner__price{grid-area:3/1/4/3;gap:4px 12px;line-height:1.1;flex-wrap:nowrap} .pt-weekly-banner .pt-weekly-banner__price span{font-size:24px;line-height:1.1} .pt-weekly-banner .pt-weekly-banner__price strong{font-size:56px;line-height:1.05;letter-spacing:-.04em} .pt-weekly-banner .pt-weekly-banner__note{grid-area:4/1/5/3;font-size:11px;line-height:1.4} .pt-weekly-banner .pt-weekly-banner__benefit{grid-area:5/1/6/3;font-size:13px;line-height:1.45} .pt-weekly-banner .pt-weekly-banner__time{grid-area:6/1;font-size:12px;line-height:1.45;align-self:center} .pt-weekly-banner .pt-weekly-banner__button{grid-area:6/2;align-self:center;width:auto;min-height:44px;padding:8px 14px;font-size:12px;line-height:1.3;white-space:nowrap;color:#ffffff} @media(max-width:600px){ .pt-weekly-home{padding-top:16px} .pt-weekly-home .pt-weekly-banner{padding:14px 16px;gap:5px 8px;border-radius:16px} .pt-weekly-banner .pt-weekly-banner__eyebrow{font-size:10px;letter-spacing:.03em} .pt-weekly-banner .pt-weekly-banner__day{font-size:10px;padding:3px 8px} .pt-weekly-banner .pt-weekly-banner__name{font-size:15px;line-height:1.25} .pt-weekly-banner .pt-weekly-banner__price span{font-size:23px} .pt-weekly-banner .pt-weekly-banner__price strong{font-size:44px} .pt-weekly-banner .pt-weekly-banner__note{font-size:10px;line-height:1.4} .pt-weekly-banner .pt-weekly-banner__benefit{font-size:12px;line-height:1.4} .pt-weekly-banner .pt-weekly-banner__time{font-size:11px;line-height:1.4} .pt-weekly-banner .pt-weekly-banner__button{padding:8px 11px;font-size:11px;min-height:44px} } /* SLOW LIFE white / gold: one palette across public pages and legacy forms. */ body.slpg{--bg:#fff;--bg2:#fff;--card:#fff;--card2:#fff;--line:#e3d6b7;--text:#80621f;--muted:#88703a;--gold:#92702c;--gold2:#ac8b46;--rose:#80621f;--grad:linear-gradient(120deg,#76561c,#a48239 48%,#80621f);--sun:#80621f;--sat:#80621f;--sl-paper:#fff;--sl-ink:#80621f;--sl-muted:#88703a;--sl-line:#e3d6b7;--sl-gold:#92702c;--theme_main:#80621f;--theme_sub:#80621f;--theme_accent:#80621f;--theme_marking:#fff;--theme_translucent:#fff;--theme_transparent:#fff;background:#fff;color:var(--text)} .slpg .sl-wrapper{max-width:none;padding:0;margin:0;background:#fff;overflow:clip} .slpg .lv-main{width:100%;max-width:none;margin:0;padding:0;background:#fff} .slpg .lv-header,.slpg .lv-header.is-solid,.slpg:not(.lv-page-top) .lv-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)} .slpg .lv-header__actions{margin-left:0}.slpg .lv-logo{flex-shrink:0}.slpg .lv-gnav a{padding:8px 9px}.slpg .lv-gnav .en{font-size:13px}.slpg .lv-gnav .ja{font-size:9px} .slpg .lv-burger,.slpg .lv-drawer{background:#fff;color:var(--text)}.slpg [hidden]{display:none!important} .slpg .lv-drawer__logins a{color:var(--text);background:#fff;border-color:var(--line)} .slpg .lv-btn,.slpg .sl-button,.slpg .slr-button,.slpg .btn-def{background:#fff!important;color:var(--gold)!important;border:1px solid var(--gold);border-radius:999px;box-shadow:0 6px 24px #92702c12} .slpg .lv-btn:hover,.slpg .sl-button:hover,.slpg .slr-button:hover{box-shadow:0 8px 30px #92702c24;background:#fff!important} .slpg .lv-btn--line{border-color:var(--line);box-shadow:none}.slpg .lv-skip{background:#fff;color:var(--gold)} .slpg .lv-hero{background:#fff;min-height:100svh}.slpg .lv-hero__glow{background:conic-gradient(from 0deg,transparent,#b4954b07,transparent 30%,#b4954b07,transparent 60%)} .slpg .lv-hero__name{font-size:clamp(66px,13.2vw,180px);font-family:var(--en);font-weight:500;line-height:1.05;letter-spacing:.14em;padding-left:.14em;white-space:nowrap;filter:none;color:var(--gold);background:none;animation:none} .slpg .lv-hero__location{font-size:16px;letter-spacing:.13em;margin:20px 0 0}.slpg .lv-hero__catch{animation:none;line-height:1.9}.slpg .lv-hero__cta{animation:none} .slpg .sl-hero-visual{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;margin:0;background:#fff;opacity:.24}.slpg .sl-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff33,#ffffff99)} .slpg .sl-hero-visual picture{inset:0;position:absolute}.slpg .sl-hero-visual img{width:100%;height:100%;object-fit:cover} .slpg .lv-sec{background:#fff}.slpg .lv-pagehead{background:#fff}.slpg .lv-heading__en,.slpg .lv-logo__name{background:none;color:var(--gold)} .slpg .lv-heading,.slpg .lv-heading__ja{font-weight:500}.slpg .lv-sec__head{border:0;padding:0}.slpg .lv-sec h2:before,.slpg .lv-sec h2:after{display:none} .slpg .lv-casts--grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}.slpg .lv-casts>li{min-width:0;margin:0;padding:0} .slpg .lv-cast__photo::after{display:none}.slpg .lv-cast__photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;margin:0}.slpg .lv-cast__name{position:static;margin:12px 0 0;text-align:center;color:var(--gold);line-height:1.7}.slpg .lv-noimg{background:#fff}.slpg .lv-noimg span{color:var(--gold)} .slpg .lv-home-blog,.slpg .lv-home-movie,.slpg .lv-sysbox,.slpg .lv-recruit-banner,.slpg .lv-recruit-banner--cast,.slpg .lv-concept,.slpg .lv-visit-guide{background:#fff!important;color:var(--text)} .slpg .lv-home-blog__placeholder{background:#fff;color:var(--gold)}.slpg .lv-home-movie__screen{background:#fff}.slpg .lv-home-movie__screen video{width:100%;height:100%;object-fit:contain}.slpg .lv-home-movie__body h3{color:var(--text)} .slpg .lv-access__map iframe{filter:none}.slpg .lv-table{margin:0}.slpg .lv-table>div{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.slpg .lv-table dt,.slpg .lv-table dd{margin:0;color:var(--text)} .slpg .lv-footer{background:#fff;border-top:1px solid var(--line)}.slpg .lv-footer__nav{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin:0;padding:0}.slpg-footer-legal{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line);padding-top:24px;font-size:12px} .slpg .lv-news{list-style:none;padding:0}.slpg .lv-news li{border-bottom:1px solid var(--line)}.slpg-news-link{display:grid;grid-template-columns:100px 1fr 20px;gap:24px;align-items:center;padding:20px 0}.slpg-news-link time{font-size:12px} .slpg-event-image{width:96px;flex:none}.slpg-event-image img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.slpg .lv-ev__link h3{font-size:16px;line-height:1.8;margin:0 0 10px} .slpg-notice,.slpg-breadcrumb{font-size:12px;line-height:1.9;color:var(--muted);margin-top:20px}.slpg-official{font-size:10px;letter-spacing:.18em}.slpg-age-box{max-width:700px;margin:34px auto 0}.slpg-age-box h1{font-family:var(--serif);font-size:25px;letter-spacing:.1em;font-weight:500}.slpg-age-box>p:not([class]){font-size:13px;line-height:2}.slpg-gate .lv-hero__in{padding-bottom:40px} /* Existing inner pages keep their data and handlers, using the same spacing and panels. */ .slpg .container{width:100%;max-width:1160px!important;padding:64px 20px!important;margin:0 auto}.slpg .content{max-width:100%;margin-inline:auto;background:#fff}.slpg .is-style-headline,.slpg .headline{text-align:left;color:var(--gold);font-family:var(--en);font-size:34px;font-weight:500} .slpg .layer{border:1px solid var(--line);border-radius:20px;padding:12px 28px;background:#fff}.slpg .layer>.title{background:#fff;color:var(--gold);border-bottom:1px solid var(--line);padding:18px 0} .slpg .table dl,.slpg .table dl.job{padding:20px 0}.slpg .post-body{color:var(--text)}.slpg .post-body h2,.slpg .post-body h3{color:var(--gold)} .slpg .posts-flex .thumb,.slpg .cards figure,.slpg .collection-image{border-radius:14px;overflow:hidden}.slpg .posts-flex .body{padding:16px 0!important}.slpg .collection-body{align-items:center!important;text-align:center!important;border:0!important}.slpg .collection-body .name{justify-content:center!important;font-family:var(--serif)!important} .slpg .profile-content{max-width:600px;margin-inline:auto}.slpg .swiper-profile{border-radius:16px;overflow:hidden}.slpg .profile-content img{object-fit:contain} .slpg input:not([type=checkbox]):not([type=radio]),.slpg textarea,.slpg select{background:#fff!important;color:var(--text)!important;border-color:var(--line)!important;border-radius:8px!important} .slpg .slr{color:var(--text);padding-inline:20px}.slpg .slr h1,.slpg .slr h2,.slpg .slr h3{color:var(--gold)}.slpg .slr-hero{gap:48px}.slpg .slr h1{font-size:clamp(32px,3.8vw,48px)} .slpg .slr-offer,.slpg .slr-line-box{background:#fff;color:var(--gold);border:1px solid var(--line);border-radius:20px}.slpg .slr-offer::before{border-color:var(--line);border-radius:14px}.slpg .slr-offer-mark{color:#92702c09}.slpg .slr-offer-note,.slpg .slr-base small,.slpg .slr-condition,.slpg .slr-kicker,.slpg .slr h1 em,.slpg .slr-note,.slpg .slr-heading>p:last-child,.slpg .slr-benefits p,.slpg .slr-steps p,.slpg .slr-faq details p,.slpg .slr-form small{color:var(--muted)} .slpg .slr-base{border-color:var(--line)}.slpg .slr-price{color:var(--gold)}.slpg .slr-status:not(:empty){background:#fff;color:var(--gold)}.slpg .slr-button.slr-line{border-color:var(--gold)}.slpg .slr-steps li{border:1px solid var(--line);border-radius:14px;padding:24px}.slpg .slr-steps span{position:static} .slpg .sl-language-bar{position:relative;margin-top:var(--header);background:#fff}.slpg .sl-language-bar>span,.slpg .sl-language-links a{color:var(--gold)} @media(max-width:1100px){.slpg .lv-gnav{display:none}.slpg .lv-burger{display:block}.slpg .lv-header__actions{margin-left:auto}} @media(max-width:640px){.slpg .lv-hero__name{font-size:clamp(44px,12vw,76px);letter-spacing:.1em;padding-left:.1em}.slpg .lv-hero__genre{font-size:11px;letter-spacing:.35em}.slpg .lv-hero__location{font-size:12px}.slpg .lv-hero__catch{font-size:14px;letter-spacing:.09em;max-width:24em;margin:24px auto 30px}.slpg .lv-casts--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.slpg .lv-sec{padding:48px 0}.slpg .container{padding:40px 16px!important}.slpg .layer{padding:12px 18px}.slpg .lv-logo__name{font-size:25px}.slpg .lv-logo__sub{font-size:8px}.slpg .lv-infobar__in{grid-template-columns:1fr 1fr}.slpg .lv-infobar p{padding:16px 8px;font-size:12px}.slpg .lv-infobar p:nth-child(3){border-left:0}.slpg .lv-infobar p:nth-child(n+3){border-top:1px solid var(--line)}.slpg-news-link{grid-template-columns:1fr 18px;gap:6px 12px}.slpg-news-link time{grid-column:1}.slpg-news-link>span:last-child{grid-column:2;grid-row:1/3}.slpg .slr{padding-inline:16px}.slpg .slr-hero{gap:28px}.slpg .slr h1{font-size:34px}.slpg .lv-access .lv-table>div{grid-template-columns:70px 1fr;gap:12px}.slpg .lv-footer__grid{gap:28px}.slpg .lv-recruit-hub{grid-template-columns:1fr}.slpg .lv-pagehead{padding-top:calc(var(--header) + 36px);padding-bottom:32px}.slpg .slpg-gate .lv-hero__in{padding-top:calc(var(--header) + 32px)}.slpg .slpg-age-box{margin-top:28px}.slpg .slpg-age-box h1{font-size:22px}} @media(prefers-reduced-motion:reduce){.slpg *,.slpg *::before,.slpg *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* Match the reference card density on wide screens. */ @media(min-width:641px){.slpg .lv-casts--grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.slpg.lv-page-top .lv-casts--grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}