
#unima-cinema{--paper:#f6f2e8;--ink:#272820;--accent:#b63e24;--scene:#b63e24;--text:#fff6e6;font-family:Arial,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;color:var(--ink);background:var(--paper);isolation:isolate;container-type:inline-size}#unima-cinema *{box-sizing:border-box}#unima-cinema button{font:inherit;color:inherit}#unima-cinema .top{padding:26px 26px 22px;display:flex;justify-content:space-between;align-items:center;gap:18px}#unima-cinema .brand{font:italic 30px Georgia,serif;letter-spacing:-1.5px}#unima-cinema .brand small{display:block;font:10px Arial,sans-serif;letter-spacing:.18em;margin-top:6px}#unima-cinema .switch{display:flex;gap:5px;border-bottom:1px solid #cfc9bd}#unima-cinema .switch button{border:0;background:none;padding:14px 17px;font-size:14px;position:relative}#unima-cinema .switch button[aria-pressed=true]{color:var(--accent)}#unima-cinema .switch button[aria-pressed=true]:after{content:'';height:2px;background:var(--accent);position:absolute;bottom:-1px;left:15px;right:15px}#unima-cinema .film{background:var(--scene);color:var(--text);position:relative;overflow:hidden;transition:background 1s ease,color 1s ease;padding:32px 30px 25px}#unima-cinema .film-top{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:10px;letter-spacing:.15em;position:relative;z-index:2}#unima-cinema .film-top span:last-child{font-size:11px;letter-spacing:.04em}#unima-cinema .composition{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:15px;min-height:570px;z-index:1}#unima-cinema .copy{position:relative;z-index:3;padding-bottom:40px}#unima-cinema .chapter{font-size:11px;letter-spacing:.13em;margin:0 0 23px;display:flex;align-items:center;gap:12px}#unima-cinema .chapter:before{content:'';width:28px;height:1px;background:currentColor}#unima-cinema h2{font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;font-weight:400;font-size:clamp(30px,5.7cqw,42px);letter-spacing:-.04em;line-height:1.48;white-space:pre-line;margin:0;min-height:190px}#unima-cinema .short{font-size:14px;line-height:1.9;margin:20px 0 0;max-width:260px;min-height:54px;opacity:.92}#unima-cinema .phonespace{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center;perspective:1000px}#unima-cinema .phone{position:relative;width:232px;aspect-ratio:.465;flex-shrink:0;padding:6px;background:#282923;border:1px solid #939185;border-radius:39px;box-shadow:16px 28px 36px -18px #17191388;transform:translateY(0) rotate(7deg) rotateY(-8deg);transition:transform 1.2s cubic-bezier(.22,1,.36,1);z-index:2}#unima-cinema .screen{height:100%;border-radius:32px;overflow:hidden;background:var(--paper);position:relative}#unima-cinema .screen img{width:100%;height:100%;display:block;object-fit:fill}#unima-cinema .island{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:65px;height:15px;background:#20211c;border-radius:20px;z-index:5}#unima-cinema .ring{position:absolute;width:340px;height:340px;border:1px solid currentColor;opacity:.16;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}#unima-cinema .ring:after{content:'';position:absolute;inset:27px;border:1px solid currentColor;border-radius:50%}#unima-cinema .word{position:absolute;bottom:-21px;left:-7px;white-space:nowrap;font-family:Georgia,serif;font-size:115px;letter-spacing:-.055em;line-height:1;color:currentColor;opacity:.09;pointer-events:none;z-index:0}#unima-cinema .stamp{position:absolute;right:-2px;bottom:22px;z-index:3;background:var(--paper);color:var(--ink);padding:13px 16px;transform:rotate(-7deg);font-size:12px;box-shadow:0 9px 18px #17191318;max-width:190px;line-height:1.6}#unima-cinema .stamp b{font-weight:400;font:italic 21px Georgia,serif;display:block;color:var(--accent)}#unima-cinema .endcard{display:none;position:absolute;inset:0;align-content:center;padding:40px 22px;color:var(--ink);background:var(--paper);text-align:center}#unima-cinema .endcard .endmark{font:italic 46px Georgia,serif;color:var(--accent);margin:0 0 28px}#unima-cinema .endcard h3{font:400 24px/1.6 'Yu Mincho',serif;margin:0 0 24px}#unima-cinema .endcard p{font-size:13px;line-height:2;margin:0}#unima-cinema .endcard small{font-size:10px;display:block;margin-top:30px;color:#777166}#unima-cinema .transport{display:flex;align-items:center;gap:18px;position:relative;z-index:3}#unima-cinema .timeline{display:flex;gap:6px;flex:1}#unima-cinema .step{flex:1;background:none;border:0;text-align:left;min-width:0;padding:15px 0 4px;font-size:10px;color:inherit;position:relative;opacity:.58}#unima-cinema .step:before{content:'';height:2px;position:absolute;top:0;left:0;right:0;background:currentColor;opacity:.25}#unima-cinema .step:after{content:'';height:2px;position:absolute;top:0;left:0;width:0;background:currentColor}#unima-cinema .step[aria-current=true]{opacity:1}#unima-cinema .step[aria-current=true]:after{width:100%}#unima-cinema .film.running .step[aria-current=true]:after{animation:unima-progress 5.8s linear}#unima-cinema .pause{background:none;color:inherit;border:1px solid currentColor;border-radius:50%;width:40px;height:40px;flex-shrink:0;font-size:13px}#unima-cinema .details{display:grid;grid-template-columns:95px 1fr;gap:17px;padding:24px 28px 28px;min-height:124px;align-items:start}#unima-cinema .details label{font-size:11px;letter-spacing:.1em;color:var(--accent);padding-top:5px}#unima-cinema .details p{font-size:14px;line-height:1.9;margin:0}#unima-cinema .details small{font-size:10px;color:#7c786f;display:block;margin-top:9px}#unima-cinema .arrive .copy{animation:unima-copy .85s cubic-bezier(.22,1,.36,1) both}#unima-cinema .arrive .screen{animation:unima-screen .9s cubic-bezier(.22,1,.36,1) both}#unima-cinema .arrive .stamp{animation:unima-stamp 1s cubic-bezier(.22,1,.36,1) both}@keyframes unima-copy{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes unima-screen{from{opacity:.3;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}@keyframes unima-stamp{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes unima-progress{from{width:0}to{width:100%}}@media(max-width:580px){#unima-cinema .top{padding:20px 18px}#unima-cinema .brand{font-size:27px}#unima-cinema .brand small{font-size:8px}#unima-cinema .switch button{padding:12px 10px;font-size:13px}#unima-cinema .film{padding:22px 20px 21px}#unima-cinema .film-top{font-size:9px}#unima-cinema .film-top span:last-child{font-size:10px}#unima-cinema .composition{grid-template-columns:1fr;min-height:0;gap:0}#unima-cinema .copy{padding:27px 0 0}#unima-cinema .chapter{margin-bottom:13px;font-size:10px}#unima-cinema h2{font-size:clamp(25px,7.8cqw,38px);min-height:145px;line-height:1.36}#unima-cinema .short{font-size:13px;line-height:1.8;margin-top:12px;min-height:47px;max-width:280px}#unima-cinema .phonespace{min-height:463px;margin:0 0 16px}#unima-cinema .phone{width:195px;border-radius:33px;padding:5px}#unima-cinema .screen{border-radius:27px}#unima-cinema .island{width:57px;height:14px;top:11px}#unima-cinema .ring{width:265px;height:265px}#unima-cinema .stamp{right:0;bottom:14px;padding:10px 13px;font-size:11px}#unima-cinema .stamp b{font-size:18px}#unima-cinema .word{font-size:84px;bottom:10px}#unima-cinema .transport{gap:10px}#unima-cinema .step{font-size:9px}#unima-cinema .pause{width:36px;height:36px}#unima-cinema .details{padding:20px;grid-template-columns:1fr;gap:8px}#unima-cinema .details p{font-size:13px}#unima-cinema .endcard{padding:30px 15px}#unima-cinema .endcard h3{font-size:21px}}@media(prefers-reduced-motion:reduce){#unima-cinema *,#unima-cinema *:after{animation:none!important;transition:none!important}}@media(pointer:coarse){#unima-cinema button{min-height:44px}}

#unima-cinema{max-width:1100px;margin:50px auto 20px;width:calc(100% - 80px)}#unima-cinema button{cursor:pointer}#unima-cinema h2{color:inherit}#unima-cinema .details label{margin:0}#unima-cinema .step{font-size:12px}#unima-cinema .film-top{font-size:12px}#unima-cinema .short{font-size:16px}#unima-cinema .details p{font-size:16px}#unima-cinema .details small{font-size:12px}#unima-cinema .screen img{margin:0}#unima-cinema .composition{gap:45px}#unima-cinema .phone{width:260px}html[lang=en] #unima-cinema h2{font-family:Georgia,serif;line-height:1.17;letter-spacing:-.045em}#unima-cinema button:focus-visible{outline:3px solid currentColor;outline-offset:5px}
@media(max-width:700px){#unima-cinema{width:calc(100% - 40px);margin-top:30px}#unima-cinema .composition{gap:15px}#unima-cinema .phone{width:210px}#unima-cinema .step{font-size:10px}#unima-cinema .short{font-size:14px}}@media(max-width:580px){#unima-cinema .composition{gap:0}#unima-cinema .phone{width:195px}#unima-cinema .film-top{font-size:10px}#unima-cinema .details p{font-size:14px}}

#unima-cinema .composition{touch-action:pan-y pinch-zoom;user-select:none}#unima-cinema .screen img{-webkit-user-drag:none}#unima-cinema .swipe-hint{font-size:12px;letter-spacing:.03em;opacity:.85;margin:0 0 18px;text-align:center}
