:root{--y:#ffe600;--ink:#1d1d1b;--g:#24372d;--paper:#f6f3ea;--or:#e8792b}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;color:var(--ink);background:var(--paper);line-height:1.9}
img{max-width:100%;height:auto;display:block}a{color:inherit}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:6px;z-index:99}
.top{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:10px 4vw;background:rgba(246,243,234,.94);border-bottom:2px solid var(--ink)}
.top .logo img{height:26px;width:auto}
.top nav{display:flex;gap:1.4em;font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;font-weight:700;font-size:.85rem}
.top nav a{text-decoration:none}.top nav a:hover{background:var(--y)}
.menu-btn{display:none;border:0;background:var(--y);font-weight:700;padding:6px 12px}
.hero{position:relative;min-height:100vh;background:var(--g);overflow:hidden;display:grid;place-items:center;padding:80px 4vw 40px}
.hero .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:polygon(4% 9%,96% 4%,99% 62%,90% 96%,8% 99%,1% 55%);opacity:.95}
.hero .copy{position:relative;width:min(1100px,100%);display:flex;justify-content:flex-end;gap:2vw;align-items:flex-start}
.tblock{writing-mode:vertical-rl;font-family:"Hiragino Kaku Gothic StdN","Noto Sans JP",sans-serif;font-weight:900;font-size:clamp(3rem,9vw,7.5rem);line-height:1}
.tblock span{background:var(--y);padding:.08em .04em;display:inline-block;margin:0 .04em;box-shadow:0 0 0 2px var(--ink)}
.tblock span:nth-child(2){margin-top:1.2em}.tblock small{font-size:.5em}
.catch{writing-mode:vertical-rl;background:#fff;padding:.8em .4em;font-weight:700;font-family:"Hiragino Kaku Gothic ProN",sans-serif;font-size:clamp(1rem,2vw,1.4rem);border:2px solid var(--ink)}
.band{position:absolute;left:0;right:0;background:#fff;font-family:"Hiragino Kaku Gothic ProN",sans-serif;font-weight:800;padding:.35em 4vw;font-size:clamp(.85rem,1.6vw,1.1rem)}
.band.t{top:68px;transform:rotate(-2deg);left:-2vw;right:30vw}.band.b{bottom:22px;transform:rotate(-2deg);left:10vw;right:-2vw;text-align:right}
.opening{position:relative;margin-top:2rem;align-self:flex-end;background:var(--ink);color:#fff;padding:.6em 1.2em;font-family:"Hiragino Kaku Gothic ProN",sans-serif;font-weight:700}
.opening strong{color:var(--y);font-size:1.4em}
.sec{padding:clamp(60px,10vw,120px) 6vw;max-width:1180px;margin:auto}
.label{display:inline-block;background:var(--y);font-family:"Hiragino Kaku Gothic ProN",sans-serif;font-weight:900;padding:.2em .7em;transform:rotate(-2deg);border:2px solid var(--ink);margin-bottom:1.4rem}
h2.big{font-family:"Hiragino Kaku Gothic StdN","Noto Sans JP",sans-serif;font-weight:900;font-size:clamp(1.8rem,4.6vw,3.4rem);line-height:1.35;margin:.2em 0 .8em}
h2.big mark{background:linear-gradient(transparent 55%,var(--y) 55%)}
.two{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center}
.cut{clip-path:polygon(3% 0,100% 4%,97% 100%,0 95%)}
.yellow{background:var(--y)}.yellow .label{background:#fff}
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 0 0}
.strip img{aspect-ratio:16/10;object-fit:cover;width:100%}
.pill{display:inline-block;font-family:"Hiragino Kaku Gothic ProN",sans-serif;font-weight:900;font-size:clamp(1rem,2.2vw,1.5rem);background:var(--ink);color:#fff;padding:.3em .8em;margin:.4em 0}
.card{background:#fff;border:2px solid var(--ink);padding:1.4em;box-shadow:6px 6px 0 var(--ink)}
.credits dl{display:grid;grid-template-columns:max-content 1fr;gap:.4em 1.4em;font-family:"Hiragino Kaku Gothic ProN",sans-serif}.credits dt{font-weight:700}
.ph{border:2px dashed var(--or);background:#fff7ee;color:#9a4a10;padding:1em;font-family:"Hiragino Kaku Gothic ProN",sans-serif;font-size:.9rem}
.ph::before{content:"【未着・仮】";font-weight:900;margin-right:.3em}
.comments{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.trailer{aspect-ratio:16/9;background:var(--g) center/cover;display:grid;place-items:center;color:#fff;position:relative;text-decoration:none}
.trailer::after{content:"▶";font-size:3rem;background:var(--y);color:var(--ink);width:96px;height:96px;border-radius:50%;display:grid;place-items:center}
.trailer span{position:absolute;bottom:12px;left:16px;font-family:sans-serif;font-weight:700}
.btn{display:inline-block;background:var(--ink);color:#fff;padding:.8em 1.6em;text-decoration:none;font-family:"Hiragino Kaku Gothic ProN",sans-serif;font-weight:700;border:2px solid var(--ink)}
.btn:hover{background:var(--y);color:var(--ink)}
.release-big{font-family:"Hiragino Kaku Gothic ProN",sans-serif;font-weight:900;font-size:clamp(2rem,6vw,4rem);color:var(--or)}
footer{background:var(--ink);color:#fff;padding:60px 6vw;font-family:"Hiragino Kaku Gothic ProN",sans-serif;font-size:.85rem}
footer img{height:30px;width:auto;filter:invert(1);margin-bottom:1em}
@media(max-width:760px){
 .top nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--paper);padding:1em 6vw;border-bottom:2px solid var(--ink)}
 .top nav.open{display:flex}.menu-btn{display:block}
 .hero{min-height:92vh}.hero .copy{justify-content:center}
 .two{grid-template-columns:1fr}.strip{grid-template-columns:repeat(2,1fr)}
 .band.t{right:8vw}.band.b{position:relative;bottom:auto;left:auto;right:auto;margin:1rem -4vw 0;text-align:left}.hero{display:flex;flex-direction:column;justify-content:center}.opening{align-self:center}
}
[data-release=hidden] .rel-show{display:none}[data-release=show] .rel-hide{display:none}
.opening p{margin:.2em 0}.opening .filmex{font-size:.85em;color:#ddd}
.sns-row a,.top nav a.sns{display:inline-block;margin-right:.6em;background:var(--y);color:var(--ink);padding:.1em .5em;text-decoration:none}
.lead{font-family:"Hiragino Kaku Gothic ProN",sans-serif;font-weight:700;font-size:1.15rem}
.two.rev{margin-top:3rem}.two.atop{align-items:start}
.cmt{display:grid;grid-template-columns:220px 1fr;gap:2rem;margin-bottom:28px}.cmt .who img{aspect-ratio:1;object-fit:cover}.sign{text-align:right;font-weight:700}
.sub{font-family:sans-serif;border-bottom:2px solid var(--ink);display:inline-block}.castlist{font-size:1.25rem;font-weight:700}.small{font-size:.8rem}
.theaters{width:100%;border-collapse:collapse;font-family:sans-serif}.theaters th,.theaters td{border-bottom:1px solid var(--ink);padding:.6em;text-align:left}.theaters th{background:var(--ink);color:#fff}
.news{list-style:none;padding:0;font-family:sans-serif}.news li{border-bottom:1px solid #999;padding:.8em 0;display:flex;gap:1.2em}.news time{min-width:7em;font-weight:700}
button.trailer{border:0;width:100%;cursor:pointer}iframe.trailer{width:100%;border:0}
.opening{max-width:min(1100px,100%)}
@media(max-width:760px){.cmt{grid-template-columns:1fr}.cmt .who{display:flex;gap:1em;align-items:center}.cmt .who img,.cmt .who .ph{width:110px}.theaters{font-size:.85rem}.opening{font-size:1.05rem}.news li{flex-direction:column;gap:.2em}}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:84px 4vw 40px;min-height:auto}
.hero .kv img{max-height:calc(100vh - 230px);width:auto;max-width:100%;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.hero .opening{align-self:center;margin:0;text-align:center}
@media(max-width:760px){.hero{padding:70px 0 28px}.hero .kv img{max-height:none;width:100%}.hero .opening{margin:0 4vw}}
/* desktop landscape KV (>=768px) */
.kvw{display:none}
@media(min-width:768px){
 .hero .kv{display:none}
 .hero{padding:72px 3vw 36px;background:#fff}
 .kvw{display:block;position:relative;width:min(100%,calc((100vh - 120px)*16/9),1500px);aspect-ratio:16/9;font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}
 .kvw-photo{position:absolute;inset:6% 3% 8% 2%}
 .kvw-photo img{width:100%;height:100%;object-fit:cover;object-position:40% 70%;clip-path:polygon(2% 10%,58% 0,97% 6%,100% 52%,96% 100%,30% 94%,0 97%,4% 50%)}
 .kvw-photo::after{content:"";position:absolute;inset:0;background:var(--g);clip-path:polygon(66% 100%,100% 38%,100% 52%,96% 100%)}
 .kvw-title{position:absolute;left:47%;top:3%;height:94%;transform:translateX(-50%)}
 .kvw-title img{height:100%;width:auto;filter:drop-shadow(0 2px 0 rgba(0,0,0,.15))}
 .kvw-catch{position:absolute;left:27%;top:12%;display:flex;gap:.5vw;font-weight:800;font-size:clamp(14px,1.55vw,26px);line-height:1.1}
 .kvw-catch span{writing-mode:vertical-rl;background:#fff;padding:.35em .2em;transform:rotate(-12deg)}
 .kvw-catch span:last-child{margin-top:2.2em}
 .kvw-credit{position:absolute;right:5%;bottom:13%;color:#fff;display:flex;flex-direction:column;align-items:flex-end;gap:.8em;font-size:clamp(10px,.95vw,15px);line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.6)}
 .kvw-credit .v{writing-mode:vertical-rl;margin:0;font-weight:700}.kvw-credit small{font-weight:500;font-size:.85em}
 .kvw-credit .fx{margin:0 2em 0 0;line-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:.7em}.kvw-credit .fx img{display:block;height:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.kvw-credit .fx-logo{width:6.4em}.kvw-credit .fx-text{width:11.5em}
 .kvw-strip{position:absolute;margin:0;background:#fff;font-weight:800;color:var(--ink);font-size:clamp(12px,1.15vw,19px);padding:.15em .6em;white-space:nowrap}
 .kvw-strip.t{left:1%;top:1%;transform:rotate(-4deg)}
 .kvw-strip.b{right:1%;bottom:1%;transform:rotate(-2deg)}
}
@media(min-width:768px){
 .kvw-title{left:62%}
 .kvw-catch{left:44%;top:14%;flex-direction:row-reverse}
 .kvw-catch span:last-child{margin-top:0}.kvw-catch span:first-child{margin-top:2.2em}
 .kvw-photo img{object-position:20% 80%}
}
@media(min-width:768px){.kvw-catch{left:21%;top:10%}.kvw-title{left:63%}.kvw-credit{right:3%}}
@media(min-width:768px){.kvw-credit{right:5.5%;bottom:12%}.kvw-photo::after{clip-path:polygon(58% 100%,100% 28%,100% 52%,96% 100%)}}
@media(min-width:768px){.kvw{margin-bottom:3.6%}.kvw-strip.b{bottom:-6%}}
/* theaters-pack embed */
.tp-wrap{padding-top:70px;background:#fff}
.tp-wrap #theaterPage{font-family:inherit}
body{font-size:16px}
/* theaters page: LP look */
html[data-theme="editorial"]{--c-bg:var(--paper);--c-text:var(--ink);--c-text-sub:var(--ink);--c-text-mute:#55594f;--c-accent:var(--g);--c-border:var(--ink);--c-border-lt:#cfc9b8;--c-zebra:#efeadc;--c-zebra-hover:#fff6b0;--ff-serif:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;--ff-en:"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}
html[data-theme="editorial"] body{background:var(--paper)}
.tp-wrap{background:var(--paper);padding-top:58px}
.tp-wrap #theaterPage{max-width:1080px;margin:auto;padding:0 6vw 60px}
.tp-wrap .section__heading{margin:0 -50vw 0;padding:70px 50vw 10px;background:var(--g);color:#fff;font-family:"Hiragino Kaku Gothic ProN",sans-serif;font-weight:900;font-size:clamp(30px,5vw,56px);letter-spacing:.08em;text-align:center}
.tp-wrap .section__heading-sub{color:var(--y);font-size:15px;font-weight:700;letter-spacing:.3em;margin-top:6px}
.tp-wrap .section__divider{width:auto;height:46px;margin:0 -50vw 40px;background:var(--g);clip-path:polygon(0 0,100% 0,100% 30%,0 100%)}
.tp-wrap #theaterPage{overflow:hidden}
.tp-wrap .theater__release-line{display:inline-block;background:var(--y);border:2px solid var(--ink);padding:.5em 1em;font-family:"Hiragino Kaku Gothic ProN",sans-serif;font-weight:800;font-size:15px;letter-spacing:.05em;transform:rotate(-1.5deg);box-shadow:4px 4px 0 var(--ink)}
.tp-wrap #theaterPage{text-align:center}.tp-wrap .theater__list,.tp-wrap .theater__controls{text-align:left}
.tp-wrap .theater__placeholder,.tp-wrap .theater__empty{font-family:"Hiragino Kaku Gothic ProN",sans-serif;font-weight:700;font-size:16px;color:var(--ink)}
.tp-wrap [class*="status"]{font-family:"Hiragino Kaku Gothic ProN",sans-serif}
.tp-wrap .theater__tab[aria-selected="true"],.tp-wrap [role=tab][aria-selected="true"]{background:var(--y);color:var(--ink)}
.tp-wrap .theater__search-input{border:2px solid var(--ink);background:#fff}
.tp-wrap{overflow-x:hidden}.tp-wrap #theaterPage{overflow:visible}
/* SNS icons */
.ico{width:1.15em;height:1.15em;display:block}
.top nav a.sns,.sns-row a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:var(--ink);color:#fff;border-radius:50%}
.top nav a.sns:hover,.sns-row a:hover{background:var(--y);color:var(--ink)}
.sns-row a{width:44px;height:44px;background:var(--y);color:var(--ink);margin:0 .3em}.sns-row a .ico{width:22px;height:22px}
.sns-f{display:inline-flex;vertical-align:middle;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid #fff;border-radius:50%;color:#fff;margin:0 .2em}
.sns-f:hover{background:var(--y);color:var(--ink);border-color:var(--y)}
@media(max-width:760px){.top nav.open a.sns{display:inline-flex;margin:.4em .6em 0 0}}
/* phrase-boundary line breaks */
.nw{display:inline-block}
h1,h2,h3,.lead,.pill,.opening,.castlist,.catch,.band{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}
.opening .nw{margin-right:.35em}.opening .nw:last-child{margin-right:0}
@media(max-width:420px){.hero .opening{font-size:15px;padding:.7em .9em}.opening strong{font-size:1.25em}.opening .filmex{font-size:13px}.pill{font-size:15px}}
@media(max-width:360px){.hero .opening{font-size:14px}}

.inq-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;scroll-margin-top:90px}.inq{display:flex;flex-direction:column}.inq h3{margin-top:0}.inq p{flex:1;margin-bottom:1.2em}.inq .btn{align-self:flex-start}
@media(max-width:760px){.inq-grid{grid-template-columns:1fr;gap:24px}}
#inquiries.inq-grid{scroll-margin-top:96px}
/* 公開表記（青木さん依頼 2026-10-14） */
.kvw-rel{display:none}
@media(min-width:768px){
.kvw-rel{display:flex;flex-direction:column;align-items:flex-start;gap:.15em;position:absolute;left:1.5%;bottom:-1%;margin:0;z-index:3;transform:rotate(-3deg);font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;font-weight:800;font-size:clamp(13px,1.35vw,22px);line-height:1.25;color:var(--ink)}
.kvw-rel span{background:var(--y);padding:.18em .55em;white-space:nowrap;box-shadow:0 2px 0 rgba(0,0,0,.15)}
.kvw-rel b{font-size:1.45em;margin-right:.3em;letter-spacing:-.02em}
.kvw-rel small{font-size:.6em}
.kvw-rel .all{background:var(--ink);color:#fff;font-size:.9em}
.hero .opening .rel-new{display:none}
}
.opening .rel-new strong{color:var(--y);font-size:1.25em}
@media(min-width:768px) and (max-width:1000px){.kvw-rel{bottom:9%}}
/* 2026-10-14 入江さんFB: キャッチ白帯を文字長にぴったり／上帯コピーを少し下げる（PCのみ） */
@media(min-width:768px){.kvw-catch{align-items:flex-start}.kvw-strip.t{top:4.5%;left:2%}}
/* 2026-10-14 PCキャッチをスマホ版の行間・バランスに揃える（右列が上、左列を約1.3字下げ、列間を詰める） */
@media(min-width:768px){.kvw-catch{gap:.12em;line-height:1.05}.kvw-catch span{padding:.22em .14em}.kvw-catch span:first-child{margin-top:0}.kvw-catch span:last-child{margin-top:1.3em}}
/* 2026-10-14 PC: 上帯「入江悠監督、初のドキュメンタリー。」を約2割大きく */
@media(min-width:768px){.kvw-strip.t{font-size:clamp(14px,1.38vw,23px)}}
/* 2026-10-14 PC: ©はクレジット最左列に縦組（チラシ表と同じ：正立・細字・小さめ） */
.kvw-credit .kvw-c{font-weight:400;font-size:.6em;text-orientation:upright;letter-spacing:.08em;line-height:2.1}.kvw-credit .kvw-c .g{display:inline-block;padding-top:1em}
