/* ===== 安城市 平屋完成見学会 LP — 仄の家デザイン準拠 (scoped .anjo-lp) ===== */
/* ===== JS失敗時のフォールバック (reveal が動かなくても表示する) ===== */
@keyframes anjoAutoReveal { to { opacity:1; transform:none; } }
#page .works-lp .anjo-lp .reveal,
#page .works-lp .anjo-lp .reveal-left { animation: anjoAutoReveal 0.9s cubic-bezier(.25,.46,.45,.94) 0.8s forwards; }
#page .works-lp .anjo-lp .reveal-delay-1 { animation-delay: 0.95s; }
#page .works-lp .anjo-lp .reveal-delay-2 { animation-delay: 1.1s; }
#page .works-lp .anjo-lp .reveal-delay-3 { animation-delay: 1.25s; }
#page .works-lp .anjo-lp .reveal-delay-4 { animation-delay: 1.4s; }
#page .works-lp .anjo-lp .reveal.visible,
#page .works-lp .anjo-lp .reveal-left.visible { animation:none; opacity:1; transform:none; }
/* ===== テーマCSS干渉リセット ===== */
#page .works-lp .anjo-lp, #page .works-lp .anjo-lp * { box-sizing:border-box; }
#page .works-lp .anjo-lp { position:relative; margin:0; padding:0; line-height:normal; max-width:none !important; width:100%; }
#page .works-lp .anjo-lp h1, #page .works-lp .anjo-lp h2, #page .works-lp .anjo-lp h3, #page .works-lp .anjo-lp h4, #page .works-lp .anjo-lp h5, #page .works-lp .anjo-lp h6,
#page .works-lp .anjo-lp p, #page .works-lp .anjo-lp ul, #page .works-lp .anjo-lp ol, #page .works-lp .anjo-lp li,
#page .works-lp .anjo-lp dl, #page .works-lp .anjo-lp dt, #page .works-lp .anjo-lp dd,
#page .works-lp .anjo-lp figure, #page .works-lp .anjo-lp blockquote, #page .works-lp .anjo-lp em {
  margin:0; padding:0; font-weight:inherit; font-size:inherit;
  line-height:inherit; color:inherit !important; list-style:none; border:0 !important; background:none !important; }
#page .works-lp .anjo-lp a { color:inherit !important; text-decoration:none; background:none !important; border:0 !important; }
#page .works-lp .anjo-lp img, #page .works-lp .anjo-lp video, #page .works-lp .anjo-lp picture { max-width:100%; height:auto; display:block; border:0 !important; vertical-align:middle; }
#page .works-lp .anjo-lp button { font:inherit; color:inherit !important; background:none !important; border:0 !important; cursor:pointer; padding:0; }
#page .works-lp .anjo-lp input, #page .works-lp .anjo-lp select, #page .works-lp .anjo-lp textarea { font:inherit; color:inherit !important; }
#page .works-lp .anjo-lp section, #page .works-lp .anjo-lp nav, #page .works-lp .anjo-lp footer, #page .works-lp .anjo-lp header, #page .works-lp .anjo-lp article { display:block; max-width:none; width:auto; margin:0; padding:0; }
#page .works-lp .anjo-lp > p:empty, #page .works-lp .anjo-lp p:empty { display:none; }
/* ====================== LP 本体CSS ====================== */
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600&family=Noto+Serif+JP:wght@300;400;500&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap');
:root {
  --cream: #f5f0e8;
  --cream-dark: #ede7d8;
  --brown-deep: #1e1510;
  --brown-mid: #2d2118;
  --brown-warm: #4a3728;
  --gold: #b8894a;
  --gold-light: #d4a96a;
  --text-dark: #1a1208;
  --text-mid: #4a3e2e;
  --text-light: #8a7a68;
  --text-muted: #b0a090;
  --white: #fdfaf5;
}
#page .works-lp .anjo-lp, #page .works-lp .anjo-lp * { margin:0; padding:0; box-sizing:border-box; }
#page .works-lp .anjo-lp { scroll-behavior:smooth; }
#page .works-lp .anjo-lp {
  font-family:'Noto Serif JP','Shippori Mincho',serif;
  background:var(--cream) !important;
  color:var(--text-dark) !important;
  overflow-x:hidden; }
/* SP専用改行 */
#page .works-lp .anjo-lp .br-sp { display:none; }
@media(max-width:768px){ #page .works-lp .anjo-lp .br-sp { display:inline; } }
/* PC専用改行 */
#page .works-lp .anjo-lp .br-pc { display:inline; }
@media(max-width:768px){ #page .works-lp .anjo-lp .br-pc { display:none; } }
/* ===== Nav ===== */
#page .works-lp .anjo-lp nav { position:fixed; top:0; left:0; right:0; z-index:100; padding:18px 48px; display:flex; justify-content:space-between; align-items:center; transition:background 0.6s ease,padding 0.4s ease; }
#page .works-lp .anjo-lp nav.scrolled { background:rgba(30,21,16,0.92) !important; padding:12px 48px; backdrop-filter:blur(12px); }
#page .works-lp .anjo-lp .nav-logo { display:block; line-height:0; }
#page .works-lp .anjo-lp .nav-logo img { width:132px; height:auto; display:block; filter:brightness(0) invert(1); transition:filter 0.4s ease, width 0.4s ease; }
#page .works-lp .anjo-lp nav.scrolled .nav-logo img { width:112px; }
#page .works-lp .anjo-lp .nav-links { display:flex; gap:30px; list-style:none; }
#page .works-lp .anjo-lp .nav-links a { font-size:13px; letter-spacing:0.16em; color:rgba(255,255,255,0.75) !important; text-decoration:none; transition:color 0.3s; }
#page .works-lp .anjo-lp .nav-links a:hover { color:var(--gold-light) !important; }
#page .works-lp .anjo-lp .nav-cta { font-family:'Shippori Mincho',serif; font-size:13px; letter-spacing:0.2em; color:var(--gold-light) !important; border:1px solid var(--gold) !important; padding:9px 20px; text-decoration:none; transition:all 0.3s; white-space:nowrap; }
#page .works-lp .anjo-lp .nav-cta:hover { background:var(--gold) !important; color:var(--brown-deep) !important; }
/* ===== Hero ===== */
#page .works-lp .anjo-lp .hero { position:relative; height:100vh; min-height:700px; overflow:hidden; display:flex; align-items:flex-end; padding:0 72px 80px; }
#page .works-lp .anjo-lp .hero-bg { position:absolute; inset:0; background:linear-gradient(160deg,#2a1e14,#0d0804) !important; }
#page .works-lp .anjo-lp .hero-img { position:absolute; inset:0; background-image:url('https://opusstyle.jp/wp/wp-content/uploads/2026/11/ginan-hotel-L1124594-xl.jpg'); background-size:cover; background-position:center 55%; transition:transform 8s ease; }
#page .works-lp .anjo-lp .hero-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(10,6,3,0.66) 0%, rgba(10,6,3,0.22) 52%, rgba(10,6,3,0.07) 100%), linear-gradient(to left, rgba(10,6,3,0.42) 0%, rgba(10,6,3,0.11) 26%, rgba(10,6,3,0) 44%) !important; }
#page .works-lp .anjo-lp .hero-light { position:absolute; top:-20%; right:20%; width:1px; height:140%; background:linear-gradient(to bottom,transparent,rgba(184,137,74,0.2),transparent) !important; transform:rotate(-6deg); animation:lightBeam 7s ease-in-out infinite alternate; }
@keyframes lightBeam { from{opacity:0.3;} to{opacity:0.9;} }
#page .works-lp .anjo-lp .hero-content { position:relative; z-index:2; max-width:900px; }
#page .works-lp .anjo-lp .hero-label { font-family:'Shippori Mincho',serif; font-size:clamp(22px,4.4vw,34px); font-weight:600; letter-spacing:0.3em; color:#ffffff !important; margin-bottom:22px; opacity:0; transform:translateY(20px); animation:fadeUp 1s 0.3s ease forwards; }
#page .works-lp .anjo-lp .hero-title { font-family:'Shippori Mincho',serif; font-size:clamp(18px,2.6vw,36px); font-weight:400; color:var(--white) !important; line-height:1.6; letter-spacing:0.02em; margin-bottom:24px; opacity:0; transform:translateY(30px); animation:fadeUp 1.2s 0.5s ease forwards; }
#page .works-lp .anjo-lp .hero-place { font-family:'Shippori Mincho',serif; font-size:clamp(17px,1.9vw,24px); letter-spacing:0.24em; color:rgba(255,255,255,0.78) !important; opacity:0; transform:translateY(20px); animation:fadeUp 1s 0.9s ease forwards; }
#page .works-lp .anjo-lp .hero-scroll { position:absolute; bottom:40px; right:72px; display:flex; flex-direction:column; align-items:center; gap:8px; z-index:2; opacity:0; animation:fadeIn 1s 1.5s ease forwards; }
#page .works-lp .anjo-lp .hero-scroll span { font-family:'EB Garamond',serif; font-size:10px; letter-spacing:0.4em; color:rgba(255,255,255,0.35) !important; writing-mode:vertical-rl; }
#page .works-lp .anjo-lp .scroll-line { width:1px; height:60px; background:linear-gradient(to bottom,rgba(184,137,74,0.8),transparent) !important; animation:scrollLine 2.2s ease-in-out infinite; }
@keyframes scrollLine { 0%{transform:scaleY(0);transform-origin:top;} 50%{transform:scaleY(1);transform-origin:top;} 51%{transform:scaleY(1);transform-origin:bottom;} 100%{transform:scaleY(0);transform-origin:bottom;} }
@keyframes fadeUp { to{opacity:1;transform:translateY(0);} }
@keyframes fadeIn { to{opacity:1;} }
/* ヒーロー右の縦書きコピー */
#page .works-lp .anjo-lp .hero-vertical { position:absolute; top:24%; right:202px; z-index:2; writing-mode:vertical-rl; font-family:'Shippori Mincho',serif; font-size:clamp(17px,1.9vw,26px); font-weight:400; line-height:2.2; letter-spacing:0.18em; color:rgba(255,255,255,0.88) !important; text-shadow:0 0 20px rgba(0,0,0,0.85), 0 2px 10px rgba(0,0,0,0.7); opacity:0; animation:fadeIn 1.4s 1.1s ease forwards; margin:0 !important; }
#page .works-lp .anjo-lp .hero-vertical br { display:block; }
/* ヒーローの丸バッジ */
#page .works-lp .anjo-lp .hero-badges { position:absolute; top:104px; right:64px; z-index:3; display:flex; flex-direction:column; gap:14px; align-items:center; opacity:0; animation:fadeIn 1s 1.3s ease forwards; }
#page .works-lp .anjo-lp .hero-badge { width:118px; height:118px; border-radius:50%; background:var(--gold) !important; border:2px solid rgba(255,255,255,0.92) !important; color:var(--brown-deep) !important; font-family:'Shippori Mincho',serif; font-size:15px; font-weight:600; line-height:1.5; letter-spacing:0.04em; display:flex; align-items:center; justify-content:center; text-align:center; transform:rotate(8deg); box-shadow:0 6px 20px rgba(0,0,0,0.28); margin:0 !important; }
#page .works-lp .anjo-lp .hero-badge.b2 { background:var(--brown-deep) !important; color:var(--white) !important; border-color:rgba(212,169,106,0.85) !important; transform:rotate(-6deg); font-size:13.5px; }
@media(max-width:900px){
  #page .works-lp .anjo-lp .hero-vertical { right:81px; top:21%; font-size:17px; letter-spacing:0.14em; line-height:2; }
  #page .works-lp .anjo-lp .hero-badges { top:74px; right:16px; gap:10px; }
  #page .works-lp .anjo-lp .hero-badge { width:88px; height:88px; font-size:11.5px; border-width:2px; }
  #page .works-lp .anjo-lp .hero-badge.b2 { font-size:10.5px; }
}
@media(max-width:560px){
  #page .works-lp .anjo-lp .hero { height:100svh; min-height:520px; padding:0 24px 90px; }
  #page .works-lp .anjo-lp .hero-scroll { right:24px; bottom:26px; }
  #page .works-lp .anjo-lp .hero-vertical { display:block; right:62px; top:12%; font-size:17px; letter-spacing:0.12em; line-height:2; }
}
/* ===== Hero info band ===== */
#page .works-lp .anjo-lp .hero-info { background:var(--brown-deep) !important; position:relative; padding:56px 24px 46px; text-align:center; overflow:hidden; }
#page .works-lp .anjo-lp .hero-info::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(to right,transparent,rgba(184,137,74,0.45),transparent) !important; }
#page .works-lp .anjo-lp .hero-info-inner { max-width:900px; margin:0 auto; position:relative; z-index:1; }
#page .works-lp .anjo-lp .hero-info p { margin:0 !important; }
#page .works-lp .anjo-lp .hero-info p.hero-info-title { font-family:'Shippori Mincho',serif; font-size:clamp(28px,3.4vw,44px) !important; font-weight:500; color:var(--gold-light) !important; letter-spacing:0.12em; line-height:1.5; margin-bottom:14px !important; }
#page .works-lp .anjo-lp .hero-info p.hero-info-date { font-family:'Shippori Mincho',serif; font-size:clamp(21px,2.4vw,32px) !important; font-weight:400; color:var(--white) !important; letter-spacing:0.06em; line-height:1.7; margin-bottom:22px !important; }
#page .works-lp .anjo-lp .hero-info p.hero-info-place { font-family:'Shippori Mincho',serif; font-size:clamp(15px,1.6vw,20px) !important; color:var(--white) !important; letter-spacing:0.08em; line-height:1.6; display:inline-block; padding-bottom:22px; position:relative; }
#page .works-lp .anjo-lp .hero-info p.hero-info-place::after { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:56px; height:1px; background:var(--gold) !important; opacity:0.7; }
@media(max-width:560px){
  #page .works-lp .anjo-lp .hero-info { padding:44px 20px 34px; }
  #page .works-lp .anjo-lp .hero-info p.hero-info-title { letter-spacing:0.1em; margin-bottom:12px !important; }
  #page .works-lp .anjo-lp .hero-info p.hero-info-date { margin-bottom:16px !important; }
  #page .works-lp .anjo-lp .hero-info p.hero-info-place { padding-bottom:18px; }
}
/* ===== Reveal ===== */
#page .works-lp .anjo-lp .reveal { opacity:0; transform:translateY(40px); transition:opacity 0.9s cubic-bezier(.25,.46,.45,.94),transform 0.9s cubic-bezier(.25,.46,.45,.94); }
#page .works-lp .anjo-lp .reveal.visible { opacity:1; transform:translateY(0); }
#page .works-lp .anjo-lp .reveal-delay-1 { transition-delay:0.15s; }
#page .works-lp .anjo-lp .reveal-delay-2 { transition-delay:0.3s; }
#page .works-lp .anjo-lp .reveal-delay-3 { transition-delay:0.45s; }
#page .works-lp .anjo-lp .reveal-delay-4 { transition-delay:0.6s; }
#page .works-lp .anjo-lp .reveal-left { opacity:0; transform:translateX(-30px); transition:opacity 0.9s cubic-bezier(.25,.46,.45,.94),transform 0.9s cubic-bezier(.25,.46,.45,.94); }
#page .works-lp .anjo-lp .reveal-left.visible { opacity:1; transform:translateX(0); }
/* ===== Story (dark intro) ===== */
#page .works-lp .anjo-lp .section-story { background:var(--brown-deep) !important; position:relative; overflow:hidden; }
#page .works-lp .anjo-lp .section-story::before { content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:linear-gradient(to right,transparent,rgba(184,137,74,0.3),transparent) !important; z-index:2; }
#page .works-lp .anjo-lp .story-light { position:absolute; top:-10%; left:60%; width:1px; height:120%; background:linear-gradient(to bottom,transparent,rgba(184,137,74,0.08),transparent) !important; transform:rotate(5deg); animation:lightBeam 9s ease-in-out infinite alternate-reverse; }
#page .works-lp .anjo-lp .story-inner { padding:96px 72px 100px; }
#page .works-lp .anjo-lp .story-block { text-align:center; margin-bottom:96px; }
#page .works-lp .anjo-lp .story-label { font-family:'EB Garamond',serif; font-size:10px; letter-spacing:0.7em; color:var(--gold) !important; display:block; margin-bottom:44px; }
#page .works-lp .anjo-lp .story-heading { font-family:'Shippori Mincho',serif; font-size:clamp(21px,2.6vw,36px); font-weight:400; line-height:1.85; color:var(--white) !important; letter-spacing:0.06em; margin-bottom:44px !important; }
#page .works-lp .anjo-lp .story-text { font-family:'Noto Serif JP',serif; font-size:clamp(14px,1.4vw,16px); font-weight:300; line-height:2.6; color:rgba(255,255,255,0.72) !important; letter-spacing:0.1em; max-width:720px; margin:0 auto !important; }
@media(max-width:900px){ #page .works-lp .anjo-lp .story-inner { padding:72px 24px 76px; } #page .works-lp .anjo-lp .story-block { margin-bottom:64px; } }
/* ===== Image marquee ===== */
#page .works-lp .anjo-lp .img-marquee { position:relative; width:100vw; margin-left:calc(50% - 50vw); overflow-x:auto; overflow-y:hidden; cursor:grab; scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; }
#page .works-lp .anjo-lp .img-marquee::-webkit-scrollbar { display:none; width:0; height:0; }
#page .works-lp .anjo-lp .img-marquee.dragging { cursor:grabbing; }
#page .works-lp .anjo-lp .img-marquee img { user-select:none; -webkit-user-select:none; -webkit-user-drag:none; pointer-events:none; }
#page .works-lp .anjo-lp .img-marquee-track { display:flex; width:max-content; }
#page .works-lp .anjo-lp .img-marquee-item { flex:0 0 auto; margin-right:4px; }
#page .works-lp .anjo-lp .img-marquee-item img { display:block; height:440px; width:auto; max-width:none; }
@media(max-width:900px){ #page .works-lp .anjo-lp .img-marquee-item img { height:340px; } }
@media(max-width:560px){ #page .works-lp .anjo-lp .img-marquee-item img { height:280px; } }
/* ===== Catch (parallax) ===== */
#page .works-lp .anjo-lp .section-catch { position:relative; overflow:hidden; background:var(--brown-deep) !important; }
#page .works-lp .anjo-lp .catch-bg-img { position:absolute; inset:-20%; background-size:cover; background-position:center; opacity:0.2; will-change:transform; }
#page .works-lp .anjo-lp .catch-bg-overlay { position:absolute; inset:0; background:radial-gradient(ellipse at center, rgba(30,21,16,0.32) 0%, rgba(14,9,5,0.92) 100%) !important; }
#page .works-lp .anjo-lp .catch-inner { position:relative; z-index:2; padding:140px 72px; text-align:center; }
#page .works-lp .anjo-lp .catch-eyebrow { font-family:'EB Garamond',serif; font-size:11px; letter-spacing:0.5em; color:var(--gold) !important; margin-bottom:52px; display:block; }
#page .works-lp .anjo-lp .catch-main { font-family:'Shippori Mincho',serif; font-size:clamp(22px,2.8vw,40px); font-weight:400; line-height:1.75; color:var(--white) !important; letter-spacing:0.05em; margin-bottom:48px !important; }
#page .works-lp .anjo-lp .catch-divider { width:1px; height:80px; background:linear-gradient(to bottom,transparent,var(--gold),transparent) !important; margin:0 auto 48px; }
#page .works-lp .anjo-lp .catch-body { font-family:'Noto Serif JP',serif; font-size:clamp(14px,1.4vw,16px); font-weight:300; line-height:2.6; color:var(--white) !important; letter-spacing:0.1em; max-width:820px; margin:0 auto !important; }
@media(max-width:900px){ #page .works-lp .anjo-lp .catch-inner { padding:96px 24px; } }
/* ===== Exterior (1カラム・空を背景に文字) ===== */
#page .works-lp .anjo-lp .section-exterior { position:relative; width:100%; overflow:hidden; aspect-ratio:1800/1898; max-height:1060px; min-height:620px; display:flex; align-items:flex-start; justify-content:center; background:var(--cream-dark) !important; }
#page .works-lp .anjo-lp .ext-bg { position:absolute; inset:0; background-image:url('https://opusstyle.jp/wp/wp-content/uploads/2026/11/ginan-hotel-L1004604_sora-xl.jpg'); background-size:cover; background-position:center bottom; }
#page .works-lp .anjo-lp .ext-scrim { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(8,22,38,0.46) 0%, rgba(8,22,38,0.26) 34%, rgba(8,22,38,0.06) 52%, rgba(8,22,38,0) 64%) !important; }
#page .works-lp .anjo-lp .ext-inner { position:relative; z-index:2; text-align:center; width:100%; max-width:900px; padding:clamp(64px,9vh,124px) 24px 0; }
#page .works-lp .anjo-lp .ext-label { font-family:'EB Garamond',serif; font-size:10px; letter-spacing:0.5em; color:var(--white) !important; display:flex; align-items:center; justify-content:center; gap:16px; margin-bottom:26px !important; text-shadow:0 1px 10px rgba(0,0,0,0.45); }
#page .works-lp .anjo-lp .ext-label::before, #page .works-lp .anjo-lp .ext-label::after { content:''; display:block; width:40px; height:1px; background:var(--white) !important; opacity:0.65; }
#page .works-lp .anjo-lp .ext-title { font-family:'Shippori Mincho',serif; font-size:clamp(24px,3.2vw,44px); font-weight:400; line-height:1.7; color:var(--white) !important; letter-spacing:0.06em; margin-bottom:30px !important; text-shadow:0 2px 18px rgba(0,0,0,0.5); }
#page .works-lp .anjo-lp .ext-body { font-family:'Noto Serif JP',serif; font-size:clamp(13.5px,1.4vw,16px); font-weight:300; line-height:2.5; color:var(--white) !important; letter-spacing:0.08em; max-width:820px; margin:0 auto !important; text-shadow:0 1px 12px rgba(0,0,0,0.55); }
#page .works-lp .anjo-lp .ext-body p+p { margin-top:16px !important; }
@media(max-width:900px){
  #page .works-lp .anjo-lp .section-exterior { aspect-ratio:auto; height:74vh; min-height:560px; max-height:760px; }
  #page .works-lp .anjo-lp .ext-inner { padding:64px 22px 0; }
}
@media(max-width:560px){
  #page .works-lp .anjo-lp .section-exterior { height:auto; min-height:600px; max-height:none; aspect-ratio:390/620; }
  #page .works-lp .anjo-lp .ext-bg { background-position:32% bottom; }
  #page .works-lp .anjo-lp .ext-inner { padding:56px 20px 0; }
  #page .works-lp .anjo-lp .ext-title { line-height:1.6; margin-bottom:22px !important; }
  #page .works-lp .anjo-lp .ext-body { line-height:2.2; }
}
/* ===== 共通セクション見出し ===== */
#page .works-lp .anjo-lp .sec-label { font-family:'EB Garamond',serif; font-size:10px; letter-spacing:0.5em; color:var(--gold) !important; display:flex; align-items:center; justify-content:center; gap:16px; margin-bottom:26px !important; }
#page .works-lp .anjo-lp .sec-label::before, #page .works-lp .anjo-lp .sec-label::after { content:''; display:block; width:40px; height:1px; background:var(--gold) !important; opacity:0.5; }
#page .works-lp .anjo-lp .sec-title { font-family:'Shippori Mincho',serif; font-size:clamp(23px,2.9vw,38px); font-weight:400; line-height:1.7; color:var(--text-dark) !important; letter-spacing:0.05em; text-align:center; margin-bottom:20px !important; }
#page .works-lp .anjo-lp .sec-sub { font-size:13.5px; line-height:2.3; color:var(--text-light) !important; letter-spacing:0.08em; text-align:center; max-width:640px; margin:0 auto !important; }
#page .works-lp .anjo-lp .on-dark .sec-title { color:var(--white) !important; }
#page .works-lp .anjo-lp .on-dark .sec-sub { color:rgba(255,255,255,0.6) !important; }
/* ===== Highlights (左右いっぱい・中央でカラム分割) ===== */
#page .works-lp .anjo-lp .section-hl { background:var(--cream) !important; padding:120px 0 0; }
#page .works-lp .anjo-lp .hl-head { margin-bottom:80px; padding:0 24px; }
#page .works-lp .anjo-lp .hl-row { display:grid; grid-template-columns:1fr 1fr; gap:0; align-items:stretch; margin-bottom:0; min-height:480px; }
#page .works-lp .anjo-lp .hl-row.rev .hl-media { order:2; }
#page .works-lp .anjo-lp .hl-media { position:relative; overflow:hidden; }
#page .works-lp .anjo-lp .hl-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 0.8s ease; }
#page .works-lp .anjo-lp .hl-media:hover img { transform:scale(1.04); }
#page .works-lp .anjo-lp .hl-txt { padding:clamp(48px,5vw,84px) clamp(30px,4.4vw,72px); display:flex; flex-direction:column; justify-content:center; }
#page .works-lp .anjo-lp .hl-num { font-family:'EB Garamond',serif; font-size:12px; letter-spacing:0.28em; color:var(--gold) !important; display:inline-block; margin-right:14px; vertical-align:middle; }
#page .works-lp .anjo-lp .hl-en { font-family:'EB Garamond',serif; font-size:11px; letter-spacing:0.28em; color:var(--text-muted) !important; display:inline-block; vertical-align:middle; }
#page .works-lp .anjo-lp .hl-meta { margin-bottom:20px !important; }
#page .works-lp .anjo-lp .hl-title { font-family:'Shippori Mincho',serif; font-size:clamp(19px,2.1vw,28px); font-weight:400; line-height:1.65; color:var(--text-dark) !important; letter-spacing:0.04em; margin-bottom:22px !important; }
#page .works-lp .anjo-lp .hl-desc { font-size:14px; line-height:2.4; color:var(--text-mid) !important; letter-spacing:0.06em; }
@media(max-width:900px){
  #page .works-lp .anjo-lp .section-hl { padding:80px 0 0; }
  #page .works-lp .anjo-lp .hl-head { margin-bottom:48px; }
  #page .works-lp .anjo-lp .hl-row { grid-template-columns:1fr; min-height:0; }
  #page .works-lp .anjo-lp .hl-row.rev .hl-media { order:0; }
  #page .works-lp .anjo-lp .hl-media { height:280px; }
  #page .works-lp .anjo-lp .hl-txt { padding:40px 24px 56px; }
}
/* ===== Performance (dark) ===== */
#page .works-lp .anjo-lp .section-perf { background:var(--brown-deep) !important; padding:110px 72px; position:relative; overflow:hidden; }
#page .works-lp .anjo-lp .section-perf::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(to right,transparent,var(--gold),transparent) !important; }
#page .works-lp .anjo-lp .perf-head { margin-bottom:64px; }
#page .works-lp .anjo-lp .perf-head .sec-label { color:var(--gold-light) !important; }
#page .works-lp .anjo-lp .perf-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }
#page .works-lp .anjo-lp .perf-card { background:rgba(255,255,255,0.03) !important; border:1px solid rgba(184,137,74,0.22) !important; transition:border-color 0.4s ease; }
#page .works-lp .anjo-lp .perf-card:hover { border-color:rgba(184,137,74,0.55) !important; }
#page .works-lp .anjo-lp .perf-pic { overflow:hidden; height:220px; }
#page .works-lp .anjo-lp .perf-pic img { width:100%; height:100%; object-fit:cover; transition:transform 0.7s ease; }
#page .works-lp .anjo-lp .perf-card:hover .perf-pic img { transform:scale(1.05); }
#page .works-lp .anjo-lp .perf-body { padding:34px 32px 38px; }
#page .works-lp .anjo-lp .perf-title { font-family:'Shippori Mincho',serif; font-size:17px; font-weight:400; line-height:1.7; color:var(--white) !important; letter-spacing:0.05em; margin-bottom:16px !important; }
#page .works-lp .anjo-lp .perf-desc { font-size:13px; line-height:2.2; color:rgba(255,255,255,0.62) !important; letter-spacing:0.05em; }
@media(max-width:900px){ #page .works-lp .anjo-lp .section-perf { padding:76px 24px; } #page .works-lp .anjo-lp .perf-grid { grid-template-columns:1fr; gap:24px; } #page .works-lp .anjo-lp .perf-pic { height:200px; } }
/* ===== For you ===== */
#page .works-lp .anjo-lp .section-fy { background:var(--cream) !important; padding:0; }
#page .works-lp .anjo-lp .fy-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; align-items:stretch; }
#page .works-lp .anjo-lp .fy-txt { padding:110px 64px 110px 72px; display:flex; flex-direction:column; justify-content:center; }
#page .works-lp .anjo-lp .fy-label { font-family:'EB Garamond',serif; font-size:10px; letter-spacing:0.5em; color:var(--gold) !important; display:flex; align-items:center; gap:16px; margin-bottom:26px !important; }
#page .works-lp .anjo-lp .fy-label::after { content:''; display:block; width:48px; height:1px; background:var(--gold) !important; opacity:0.5; }
#page .works-lp .anjo-lp .fy-title { font-family:'Shippori Mincho',serif; font-size:clamp(21px,2.4vw,31px); font-weight:400; line-height:1.65; color:var(--text-dark) !important; letter-spacing:0.04em; margin-bottom:32px !important; }
#page .works-lp .anjo-lp .fy-list { display:flex; flex-direction:column; gap:0; }
#page .works-lp .anjo-lp .fy-list li { display:flex; align-items:flex-start; gap:14px; font-size:14.5px; line-height:1.9; color:var(--text-mid) !important; letter-spacing:0.05em; padding:16px 0; border-bottom:1px solid rgba(74,55,40,0.12) !important; }
#page .works-lp .anjo-lp .fy-list li:first-child { border-top:1px solid rgba(74,55,40,0.12) !important; }
#page .works-lp .anjo-lp .fy-ck { flex:0 0 auto; width:20px; height:20px; border-radius:50%; background:var(--gold) !important; color:var(--white) !important; font-size:11px; line-height:20px; text-align:center; margin-top:4px; }
#page .works-lp .anjo-lp .fy-note { margin-top:26px !important; font-family:'Shippori Mincho',serif; font-size:14px; line-height:2.2; color:var(--text-light) !important; letter-spacing:0.06em; }
#page .works-lp .anjo-lp .fy-media { position:relative; overflow:hidden; }
#page .works-lp .anjo-lp .fy-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 0.8s ease; }
#page .works-lp .anjo-lp .fy-media:hover img { transform:scale(1.04); }
@media(max-width:900px){
  #page .works-lp .anjo-lp .fy-grid { grid-template-columns:1fr; }
  #page .works-lp .anjo-lp .fy-txt { padding:76px 24px 44px; }
  #page .works-lp .anjo-lp .fy-media { height:340px; }
}
/* ===== FAQ ===== */
#page .works-lp .anjo-lp .section-faq { background:var(--cream-dark) !important; padding:110px 72px; }
#page .works-lp .anjo-lp .faq-head { margin-bottom:56px; }
#page .works-lp .anjo-lp .faq-list { max-width:860px; margin:0 auto; border-top:1px solid rgba(74,55,40,0.14) !important; }
#page .works-lp .anjo-lp .qa { border-bottom:1px solid rgba(74,55,40,0.14) !important; }
#page .works-lp .anjo-lp .qa button { width:100%; display:flex; align-items:center; gap:16px; padding:26px 4px; text-align:left; }
#page .works-lp .anjo-lp .q-mark { font-family:'EB Garamond',serif; font-size:15px; letter-spacing:0.1em; color:var(--gold) !important; flex:0 0 auto; }
#page .works-lp .anjo-lp .q-txt { flex:1 1 auto; font-family:'Shippori Mincho',serif; font-size:15.5px; line-height:1.75; color:var(--text-dark) !important; letter-spacing:0.05em; }
#page .works-lp .anjo-lp .q-ico { flex:0 0 auto; width:14px; height:14px; position:relative; }
#page .works-lp .anjo-lp .q-ico::before, #page .works-lp .anjo-lp .q-ico::after { content:''; position:absolute; background:var(--gold) !important; transition:transform 0.35s ease; }
#page .works-lp .anjo-lp .q-ico::before { left:0; top:6px; width:14px; height:1px; }
#page .works-lp .anjo-lp .q-ico::after { left:6px; top:0; width:1px; height:14px; }
#page .works-lp .anjo-lp .qa.open .q-ico::after { transform:scaleY(0); }
#page .works-lp .anjo-lp .qa .a { max-height:0; overflow:hidden; transition:max-height 0.45s cubic-bezier(.25,.46,.45,.94); }
#page .works-lp .anjo-lp .qa .a-inner { padding:0 4px 28px 47px; font-size:13.5px; line-height:2.3; color:var(--text-mid) !important; letter-spacing:0.05em; }
@media(max-width:900px){ #page .works-lp .anjo-lp .section-faq { padding:76px 24px; } #page .works-lp .anjo-lp .qa .a-inner { padding-left:32px; } }
/* ===== Overview ===== */
#page .works-lp .anjo-lp .section-ov { background:var(--cream) !important; padding:0; }
#page .works-lp .anjo-lp .ov-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; align-items:stretch; }
#page .works-lp .anjo-lp .ov-txt { padding:110px 72px 110px 64px; display:flex; flex-direction:column; justify-content:center; }
#page .works-lp .anjo-lp .ov-media { position:relative; overflow:hidden; }
#page .works-lp .anjo-lp .ov-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 0.8s ease; }
#page .works-lp .anjo-lp .ov-media:hover img { transform:scale(1.04); }
#page .works-lp .anjo-lp .ov-label { font-family:'EB Garamond',serif; font-size:10px; letter-spacing:0.5em; color:var(--gold) !important; display:flex; align-items:center; gap:16px; margin-bottom:24px !important; }
#page .works-lp .anjo-lp .ov-label::after { content:''; display:block; width:48px; height:1px; background:var(--gold) !important; opacity:0.5; }
#page .works-lp .anjo-lp .ov-title { font-family:'Shippori Mincho',serif; font-size:clamp(22px,2.5vw,32px); font-weight:400; color:var(--text-dark) !important; letter-spacing:0.06em; margin-bottom:34px !important; }
#page .works-lp .anjo-lp .ov-table { border-top:1px solid rgba(74,55,40,0.16) !important; }
#page .works-lp .anjo-lp .ov-row { display:grid; grid-template-columns:110px 1fr; gap:20px; padding:20px 2px; border-bottom:1px solid rgba(74,55,40,0.16) !important; }
#page .works-lp .anjo-lp .ov-k { font-family:'Shippori Mincho',serif; font-size:13px; letter-spacing:0.16em; color:var(--gold) !important; line-height:2; }
#page .works-lp .anjo-lp .ov-v { font-size:14.5px; line-height:2; color:var(--text-mid) !important; letter-spacing:0.05em; }
#page .works-lp .anjo-lp .ov-v strong { font-family:'Shippori Mincho',serif; font-weight:500; color:var(--text-dark) !important; font-size:16px; letter-spacing:0.05em; }
#page .works-lp .anjo-lp .ov-v .note { display:block; font-size:12px; color:var(--text-light) !important; line-height:1.9; margin-top:4px; }
@media(max-width:900px){ #page .works-lp .anjo-lp .section-ov { padding:0; } #page .works-lp .anjo-lp .ov-grid { grid-template-columns:1fr; gap:0; } #page .works-lp .anjo-lp .ov-media { height:320px; } #page .works-lp .anjo-lp .ov-txt { padding:52px 24px 76px; } #page .works-lp .anjo-lp .ov-row { grid-template-columns:84px 1fr; gap:14px; } }
/* ===== CTA + Form ===== */
#page .works-lp .anjo-lp .section-cta { background:var(--brown-deep) !important; padding:96px 72px 140px; text-align:center; position:relative; overflow:hidden; }
#page .works-lp .anjo-lp .section-cta::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(to right,transparent,var(--gold),transparent) !important; }
#page .works-lp .anjo-lp .cta-bg { position:absolute; inset:0; background-image:url('https://opusstyle.jp/wp/wp-content/uploads/2026/11/ginan-hotel-L1124634.jpg'); background-size:cover; background-position:center; opacity:0.07; }
#page .works-lp .anjo-lp .cta-label { font-family:'EB Garamond',serif; font-size:11px; letter-spacing:0.5em; color:var(--gold) !important; margin-bottom:40px !important; display:block; position:relative; z-index:1; }
#page .works-lp .anjo-lp .cta-title { font-family:'Shippori Mincho',serif; font-size:clamp(21px,2.6vw,34px); font-weight:400; color:var(--white) !important; line-height:1.7; letter-spacing:0.08em; margin-bottom:48px !important; position:relative; z-index:1; }
#page .works-lp .anjo-lp .cta-event { margin-bottom:56px; position:relative; z-index:1; text-align:center; }
#page .works-lp .anjo-lp .cta-event p { margin:0 !important; }
#page .works-lp .anjo-lp .cta-event-title { font-family:'Shippori Mincho',serif; font-size:clamp(26px,3.2vw,42px) !important; font-weight:500; color:var(--gold-light) !important; letter-spacing:0.12em; line-height:1.5; margin-bottom:14px !important; }
#page .works-lp .anjo-lp .cta-event-date { font-family:'Shippori Mincho',serif; font-size:clamp(21px,2.4vw,32px) !important; font-weight:400; color:var(--white) !important; letter-spacing:0.06em; line-height:1.7; margin-bottom:26px !important; }
#page .works-lp .anjo-lp .cta-event p.cta-event-time { font-family:'Noto Serif JP',serif; font-size:clamp(14px,1.3vw,17px) !important; color:var(--white) !important; letter-spacing:0.1em; margin-bottom:18px !important; }
#page .works-lp .anjo-lp .cta-event p.cta-event-addr { font-family:'Shippori Mincho',serif; font-size:clamp(15px,1.6vw,20px) !important; color:var(--white) !important; letter-spacing:0.08em; line-height:1.8; margin:0 !important; }
#page .works-lp .anjo-lp .cta-event p.cta-event-addr span { display:block; font-family:'Noto Serif JP',serif; font-size:12.5px; color:rgba(255,255,255,0.6) !important; letter-spacing:0.06em; margin-top:6px; }
#page .works-lp .anjo-lp .cta-event-reserve { margin-top:28px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:14px; }
#page .works-lp .anjo-lp .cta-event-reserve-label { font-family:'Shippori Mincho',serif; font-size:clamp(11px,1vw,13px); letter-spacing:0.22em; color:var(--brown-deep) !important; background:var(--gold) !important; padding:6px 16px; line-height:1; }
#page .works-lp .anjo-lp .cta-event-reserve-text { font-family:'Shippori Mincho',serif; font-size:clamp(13px,1.3vw,16px); letter-spacing:0.08em; color:var(--white) !important; line-height:1.6; }
@media(max-width:720px){ #page .works-lp .anjo-lp .section-cta { padding:72px 20px 110px; } #page .works-lp .anjo-lp .cta-event-reserve { flex-direction:column; gap:10px; } }
/* ===== CF7 form skin (opus_lp_form) — dark ===== */
#page .works-lp .anjo-lp .cta-form-wrap { max-width:680px; margin:56px auto 0; position:relative; z-index:1; text-align:left; }
#page .works-lp .anjo-lp .cta-form-wrap .wpcf7 { color:var(--white) !important; }
#page .works-lp .anjo-lp .cta-form-wrap .wpcf7-form, #page .works-lp .anjo-lp .cta-form-wrap .mailform { display:flex; flex-direction:column; gap:30px; }
#page .works-lp .anjo-lp .cta-form-wrap .mailform-wrap { display:flex; flex-direction:column; gap:30px; max-width:none; margin:0; }
#page .works-lp .anjo-lp .cta-form-wrap .cf { display:flex; flex-direction:column; gap:12px; }
#page .works-lp .anjo-lp .cta-form-wrap .cf .title p { font-family:'Shippori Mincho','Noto Serif JP',serif; font-size:12.5px; letter-spacing:0.18em; color:var(--gold-light) !important; display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:0; font-weight:400; text-align:left; }
#page .works-lp .anjo-lp .cta-form-wrap .hissu { display:inline-block; font-family:'Noto Serif JP',serif; font-size:9px; letter-spacing:0.12em; color:var(--brown-deep) !important; background:var(--gold) !important; padding:3px 9px; line-height:1; vertical-align:middle; }
#page .works-lp .anjo-lp .cta-form-wrap .ninni { display:inline-block; font-family:'Noto Serif JP',serif; font-size:9px; letter-spacing:0.12em; color:rgba(255,255,255,0.8) !important; background:rgba(255,255,255,0.14) !important; padding:3px 9px; line-height:1; vertical-align:middle; }
#page .works-lp .anjo-lp .cta-form-wrap .p-country-name { display:none !important; }
#page .works-lp .anjo-lp .cta-form-wrap p { margin:0; }
#page .works-lp .anjo-lp .cta-form-wrap input[type="text"], #page .works-lp .anjo-lp .cta-form-wrap input[type="email"], #page .works-lp .anjo-lp .cta-form-wrap input[type="tel"], #page .works-lp .anjo-lp .cta-form-wrap input[type="number"], #page .works-lp .anjo-lp .cta-form-wrap select, #page .works-lp .anjo-lp .cta-form-wrap textarea {
  width:100%; background:transparent !important; border:none !important; border-bottom:1px solid rgba(255,255,255,0.25) !important;
  color:var(--white) !important; -webkit-text-fill-color:var(--white); padding:12px 2px; font-family:'Noto Serif JP',serif; font-size:15px; letter-spacing:0.05em;
  outline:none; border-radius:0; -webkit-appearance:none; appearance:none; transition:border-color 0.3s; }
#page .works-lp .anjo-lp .cta-form-wrap input:focus, #page .works-lp .anjo-lp .cta-form-wrap select:focus, #page .works-lp .anjo-lp .cta-form-wrap textarea:focus { border-bottom-color:var(--gold) !important; }
#page .works-lp .anjo-lp .cta-form-wrap input::placeholder, #page .works-lp .anjo-lp .cta-form-wrap textarea::placeholder { color:rgba(255,255,255,0.32) !important; }
#page .works-lp .anjo-lp .cta-form-wrap textarea { resize:vertical; min-height:110px; line-height:1.8; }
#page .works-lp .anjo-lp .cta-form-wrap select { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23b8894a' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-repeat:no-repeat !important; background-position:right 6px center !important; padding-right:30px; }
#page .works-lp .anjo-lp .cta-form-wrap select option { background:var(--brown-deep) !important; color:var(--white) !important; -webkit-text-fill-color:var(--white) !important; }
#page .works-lp .anjo-lp .cta-form-wrap .cf.address .yubin-ico { color:rgba(255,255,255,0.55) !important; font-size:13px; letter-spacing:0.08em; }
#page .works-lp .anjo-lp .cta-form-wrap .cf.address .yubin { max-width:220px; }
@media(min-width:721px){
  #page .works-lp .anjo-lp .cta-form-wrap .cf.address { display:block !important; }
  #page .works-lp .anjo-lp .cta-form-wrap .cf.address .yubin-ico { display:inline-block !important; width:auto !important; margin:0 8px 10px 0 !important; vertical-align:middle; }
  #page .works-lp .anjo-lp .cta-form-wrap .cf.address .yubin { display:inline-block !important; width:auto !important; margin:0 0 10px 0 !important; vertical-align:middle; }
  #page .works-lp .anjo-lp .cta-form-wrap .cf.address > p:not(.yubin-ico) { display:block !important; clear:both; margin:0 !important; }
}
#page .works-lp .anjo-lp .cta-form-wrap .ken p { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
#page .works-lp .anjo-lp .cta-form-wrap .ken input[type="text"] { flex:0 0 auto; width:auto; min-width:120px; max-width:180px; }
#page .works-lp .anjo-lp .cta-form-wrap .ji { color:rgba(255,255,255,0.6) !important; font-size:13px; letter-spacing:0.1em; }
#page .works-lp .anjo-lp .cta-form-wrap .radio, #page .works-lp .anjo-lp .cta-form-wrap .list-in { display:flex; flex-wrap:wrap; gap:6px 22px; }
#page .works-lp .anjo-lp .cta-form-wrap .wpcf7-list-item { display:inline-block; margin:0; }
#page .works-lp .anjo-lp .cta-form-wrap .wpcf7-list-item label { display:inline-flex; align-items:center; gap:9px; cursor:pointer; color:rgba(255,255,255,0.85) !important; font-size:13.5px; letter-spacing:0.06em; }
#page .works-lp .anjo-lp .cta-form-wrap input[type="radio"], #page .works-lp .anjo-lp .cta-form-wrap input[type="checkbox"] { appearance:none; -webkit-appearance:none; width:15px; height:15px; border:1px solid rgba(255,255,255,0.4) !important; background:transparent !important; position:relative; cursor:pointer; flex:0 0 auto; margin:0; transition:border-color 0.3s, background 0.3s; }
#page .works-lp .anjo-lp .cta-form-wrap input[type="radio"] { border-radius:50%; }
#page .works-lp .anjo-lp .cta-form-wrap input[type="radio"]:checked { border-color:var(--gold) !important; }
#page .works-lp .anjo-lp .cta-form-wrap input[type="radio"]:checked::after { content:''; position:absolute; inset:3px; background:var(--gold) !important; border-radius:50%; }
#page .works-lp .anjo-lp .cta-form-wrap input[type="checkbox"]:checked { border-color:var(--gold) !important; background:var(--gold) !important; }
#page .works-lp .anjo-lp .cta-form-wrap input[type="checkbox"]:checked::after { content:''; position:absolute; left:4px; top:1px; width:4px; height:8px; border:solid var(--brown-deep) !important; border-width:0 1.5px 1.5px 0; transform:rotate(45deg); }
#page .works-lp .anjo-lp .cta-form-wrap .wpcf7cf_group { display:flex; flex-direction:column; gap:30px; }
#page .works-lp .anjo-lp .cta-form-wrap .holiday-notice { background:rgba(184,137,74,0.08) !important; border:1px solid rgba(184,137,74,0.28) !important; padding:18px 22px; font-size:12px; line-height:1.9; color:rgba(255,255,255,0.72) !important; letter-spacing:0.04em; }
#page .works-lp .anjo-lp .cta-form-wrap .js-phone-note { color:var(--gold-light) !important; font-size:12px !important; letter-spacing:0.05em; margin-top:8px !important; }
#page .works-lp .anjo-lp .cta-form-wrap .btn { display:block !important; width:100%; text-align:center; margin-top:18px; background:none !important; border:0 !important; padding:0; box-shadow:none; }
#page .works-lp .anjo-lp .cta-form-wrap .btn p { margin:0; }
#page .works-lp .anjo-lp .cta-form-wrap .btn br { display:none; }
#page .works-lp .anjo-lp .cta-form-wrap .wpcf7-submit, #page .works-lp .anjo-lp .cta-form-wrap input[type="submit"] { display:block; width:100%; font-family:'Shippori Mincho',serif; font-size:15px; letter-spacing:0.26em; color:var(--brown-deep) !important; -webkit-text-fill-color:var(--brown-deep); background:var(--gold) !important; border:none !important; border-radius:0; padding:20px 20px; cursor:pointer; transition:background 0.4s; -webkit-appearance:none; appearance:none; }
#page .works-lp .anjo-lp .cta-form-wrap .wpcf7-submit:hover, #page .works-lp .anjo-lp .cta-form-wrap input[type="submit"]:hover { background:var(--gold-light) !important; }
#page .works-lp .anjo-lp .cta-form-wrap .wpcf7-spinner { background-color:rgba(255,255,255,0.5) !important; }
#page .works-lp .anjo-lp .cta-form-wrap .wpcf7-not-valid-tip { color:#e8a070 !important; font-size:11.5px; margin-top:6px; display:block; letter-spacing:0.05em; }
#page .works-lp .anjo-lp .cta-form-wrap .wpcf7-response-output { margin:20px 0 0 !important; padding:16px; border:1px solid rgba(255,255,255,0.25) !important; color:var(--white) !important; font-size:12.5px; letter-spacing:0.08em; text-align:center; border-radius:0; }
/* 注意書き (opus_lp_note) */
#page .works-lp .anjo-lp .cta-note { margin-top:36px; font-size:11.5px; line-height:2; letter-spacing:0.04em; color:rgba(255,255,255,0.55) !important; position:relative; z-index:1; max-width:680px; margin-left:auto; margin-right:auto; text-align:left; }
#page .works-lp .anjo-lp .cta-note p { margin:0 0 10px 0 !important; padding-left:0.5em; text-indent:-0.5em; }
#page .works-lp .anjo-lp .cta-note p:last-child { margin-bottom:0 !important; }
#page .works-lp .anjo-lp .cta-note a { color:var(--gold-light) !important; text-decoration:underline !important; text-underline-offset:3px; }
#page .works-lp .anjo-lp .cta-note a:hover { color:var(--white) !important; }
#page .works-lp .anjo-lp .cta-note .small-text { font-size:11.5px; line-height:2; color:rgba(255,255,255,0.55) !important; letter-spacing:0.04em; display:block; }
@media(max-width:720px){ #page .works-lp .anjo-lp .cta-note { padding:0 4px; font-size:10.5px; letter-spacing:0.02em; } }
/* ===== Sticky CTA ===== */
#page .works-lp .anjo-lp .sticky-cta { position:fixed; left:0; right:0; bottom:0; z-index:98; background:rgba(30,21,16,0.95) !important; backdrop-filter:blur(10px); border-top:1px solid rgba(184,137,74,0.35) !important; padding:11px clamp(18px,4vw,64px); display:flex; align-items:center; justify-content:center; gap:20px; transform:translateY(110%); transition:transform 0.45s cubic-bezier(.25,.46,.45,.94); }
#page .works-lp .anjo-lp .sticky-cta.show { transform:translateY(0); }
#page .works-lp .anjo-lp .sticky-cta a { font-family:'Shippori Mincho',serif; font-size:16px; letter-spacing:0.2em; color:var(--brown-deep) !important; background:var(--gold) !important; padding:15px 66px; min-width:320px; text-align:center; white-space:nowrap; transition:background 0.35s; }
#page .works-lp .anjo-lp .sticky-cta a:hover { background:var(--gold-light) !important; }
@media(max-width:560px){ #page .works-lp .anjo-lp .sticky-cta { gap:0; padding:9px 20px; } #page .works-lp .anjo-lp .sticky-cta a { font-size:15px; padding:14px 20px; min-width:0; width:100%; letter-spacing:0.16em; } }
/* ===== Noise overlay ===== */
#page .works-lp .anjo-lp .noise-overlay { position:fixed; inset:0; pointer-events:none; z-index:9997; opacity:0.022; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size:200px 200px; }
/* ===== Responsive (nav) ===== */
@media(max-width:1080px){ #page .works-lp .anjo-lp .nav-links { display:none; } }
@media(max-width:900px){ #page .works-lp .anjo-lp nav { padding:14px 20px; } #page .works-lp .anjo-lp nav.scrolled { padding:10px 20px; } #page .works-lp .anjo-lp .nav-logo img { width:104px; } #page .works-lp .anjo-lp nav.scrolled .nav-logo img { width:92px; } #page .works-lp .anjo-lp .nav-cta { font-size:11.5px; padding:8px 14px; letter-spacing:0.14em; } }
/* ===== CF7 テーマ既定レイアウトの打ち消し (.cf が 2カラム＋灰色罫線になるのを解除) ===== */
#page .works-lp .anjo-lp .cta-form-wrap .mailform-wrap > p { display:none !important; }
#page .works-lp .anjo-lp .cta-form-wrap .cf { border:0 !important; padding:0 !important; margin:0 !important; align-items:stretch !important; }
#page .works-lp .anjo-lp .cta-form-wrap .cf .title { width:100% !important; max-width:none !important; padding:0 !important; margin:0 !important; float:none !important; text-align:left !important; }
#page .works-lp .anjo-lp .cta-form-wrap .cf > p { width:100% !important; max-width:none !important; padding:0 !important; margin:0 !important; float:none !important; }
#page .works-lp .anjo-lp .cta-form-wrap .wpcf7-form-control-wrap { display:block !important; width:100% !important; }
#page .works-lp .anjo-lp .cta-form-wrap .cf input[type="text"], #page .works-lp .anjo-lp .cta-form-wrap .cf input[type="email"], #page .works-lp .anjo-lp .cta-form-wrap .cf input[type="tel"], #page .works-lp .anjo-lp .cta-form-wrap .cf input[type="number"], #page .works-lp .anjo-lp .cta-form-wrap .cf select, #page .works-lp .anjo-lp .cta-form-wrap .cf textarea { width:100% !important; max-width:none !important; }
#page .works-lp .anjo-lp .cta-form-wrap .cf.address .yubin { max-width:220px !important; }
#page .works-lp .anjo-lp .cta-form-wrap .cf.address .yubin input[type="text"] { max-width:220px !important; }
#page .works-lp .anjo-lp .cta-form-wrap .ken input[type="text"] { width:auto !important; max-width:180px !important; }
#page .works-lp .anjo-lp .cta-form-wrap .hissu, #page .works-lp .anjo-lp .cta-form-wrap .ninni { position:static !important; float:none !important; top:auto !important; left:auto !important; }
/* 送信ボタン: テーマの height:70px + line-height:70px でラベルが下寄りになるのを打ち消す */
#page .works-lp .anjo-lp .cta-form-wrap .wpcf7-submit, #page .works-lp .anjo-lp .cta-form-wrap input[type="submit"] { height:auto !important; min-height:0 !important; line-height:1.4 !important; padding:24px 20px !important; margin:0 !important; min-width:0 !important; }

/* ===== works転用(ID 29625): nd4b テンプレート single-works-lp.php 用の追記 ===== */
#page .works-lp { margin:0; padding:0; }
#page .works-lp .anjo-lp .cta-btn-wrap { position:relative; z-index:1; margin-top:8px; }
#page .works-lp .anjo-lp .cta-btn { display:inline-block; font-family:'Shippori Mincho',serif; font-size:16px; letter-spacing:0.2em; color:#fff !important; background:var(--gold) !important; padding:18px 72px; min-width:320px; text-align:center; text-decoration:none !important; transition:opacity .3s ease; }
#page .works-lp .anjo-lp .cta-btn:hover { opacity:.82; }
@media(max-width:560px){ #page .works-lp .anjo-lp .cta-btn { font-size:15px; padding:16px 24px; min-width:0; width:100%; letter-spacing:0.16em; } }

/* ===== GALLERY(CTA直前の左右スライダー) ===== */
#page .works-lp .anjo-lp .section-gallery { background:var(--cream-dark) !important; padding:110px 0 120px; overflow:hidden; }
#page .works-lp .anjo-lp .gal-head { margin-bottom:56px; padding:0 24px; }
#page .works-lp .anjo-lp .gal-slider { position:relative; width:100vw; margin-left:calc(50% - 50vw); }
#page .works-lp .anjo-lp .gal-track { position:relative; display:flex; gap:12px; overflow-x:auto; overflow-y:hidden; padding:0; scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; cursor:grab; }
#page .works-lp .anjo-lp .gal-track::-webkit-scrollbar { display:none; width:0; height:0; }
#page .works-lp .anjo-lp .gal-track.dragging { cursor:grabbing; }
#page .works-lp .anjo-lp .gal-item { flex:0 0 auto; margin:0; }
#page .works-lp .anjo-lp .gal-item img { display:block; height:540px; width:auto; max-width:none; user-select:none; -webkit-user-select:none; -webkit-user-drag:none; pointer-events:none; }
#page .works-lp .anjo-lp .gal-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:2; width:56px; height:56px; border-radius:50%; border:1px solid var(--gold) !important; background:rgba(245,240,232,0.92) !important; cursor:pointer; padding:0; transition:background .3s ease; -webkit-appearance:none; appearance:none; }
#page .works-lp .anjo-lp .gal-arrow::before { content:''; position:absolute; top:50%; left:50%; width:10px; height:10px; border-top:1px solid var(--gold); border-right:1px solid var(--gold); }
#page .works-lp .anjo-lp .gal-prev { left:24px; } #page .works-lp .anjo-lp .gal-prev::before { transform:translate(-30%,-50%) rotate(-135deg); }
#page .works-lp .anjo-lp .gal-next { right:24px; } #page .works-lp .anjo-lp .gal-next::before { transform:translate(-70%,-50%) rotate(45deg); }
#page .works-lp .anjo-lp .gal-arrow:hover { background:var(--gold) !important; }
#page .works-lp .anjo-lp .gal-arrow:hover::before { border-color:var(--white); }
#page .works-lp .anjo-lp .gal-count { font-family:'EB Garamond',serif; font-size:12px; letter-spacing:0.3em; color:var(--text-light) !important; text-align:center; margin-top:28px !important; }
#page .works-lp .anjo-lp .gal-count .gal-sep { margin:0 6px; opacity:.6; }
#page .works-lp .anjo-lp .gal-count .gal-cur { color:var(--gold) !important; }
@media(max-width:900px){ #page .works-lp .anjo-lp .section-gallery { padding:80px 0 88px; } #page .works-lp .anjo-lp .gal-head { margin-bottom:40px; } #page .works-lp .anjo-lp .gal-item img { height:380px; } #page .works-lp .anjo-lp .gal-track { gap:8px; } #page .works-lp .anjo-lp .gal-arrow { width:44px; height:44px; } #page .works-lp .anjo-lp .gal-prev { left:12px; } #page .works-lp .anjo-lp .gal-next { right:12px; } }
@media(max-width:560px){ #page .works-lp .anjo-lp .gal-item img { height:300px; } #page .works-lp .anjo-lp .gal-track { gap:6px; } #page .works-lp .anjo-lp .gal-arrow { display:none; } #page .works-lp .anjo-lp .gal-count { margin-top:20px !important; } }

#page .works-lp .anjo-lp h1, #page .works-lp .anjo-lp h2, #page .works-lp .anjo-lp h3, #page .works-lp .anjo-lp h4 { text-align:inherit; letter-spacing:inherit; }

/* 29625 個別調整 */
#page .works-lp .anjo-lp .hero-img { background-position:center 60%; filter:brightness(1.15) saturate(1.03); }
#page .works-lp .anjo-lp .hero-overlay { background:linear-gradient(to top, rgba(10,6,3,0.42) 0%, rgba(10,6,3,0.10) 52%, rgba(10,6,3,0.02) 100%), linear-gradient(to left, rgba(10,6,3,0.30) 0%, rgba(10,6,3,0.06) 26%, rgba(10,6,3,0) 44%) !important; }
#page .works-lp .anjo-lp .section-exterior { max-height:1320px; }
#page .works-lp .anjo-lp .ext-bg { background-position:center 70%; transform:scale(1.15) translateY(1%); transform-origin:center center; }
@media(max-width:900px){ #page .works-lp .anjo-lp .section-exterior { height:92vh; max-height:960px; } }
@media(max-width:560px){ #page .works-lp .anjo-lp .section-exterior { aspect-ratio:390/700; } #page .works-lp .anjo-lp .ext-bg { background-position:50% bottom; transform:scale(1.12) translateY(6%); } }