/* WordPress のテーマとして必要な追加分（試作の見た目に足すもの） */

/* ログイン中は上に管理バーが出るので、固定ヘッダーを下げる */
body.admin-bar .site-header{top:32px}
@media (max-width:782px){ body.admin-bar .site-header{top:46px} }

/* ブラウザが日本語の方への案内（英語のページの下に小さく） */
.ja-hint{position:fixed;left:50%;bottom:20px;z-index:55;display:flex;align-items:center;gap:4px;background:rgba(28,25,22,.92);color:#efe8dd;border-radius:999px;padding:4px 6px 4px 22px;font-family:"Shippori Mincho","Yu Mincho","游明朝",serif;font-size:14px;letter-spacing:.08em;line-height:1.6;box-shadow:0 6px 24px rgba(20,16,12,.22);transform:translate(-50%,24px);opacity:0;transition:opacity .4s ease,transform .4s ease;white-space:nowrap}
.ja-hint.show{opacity:1;transform:translate(-50%,0)}
.ja-hint a{display:inline-flex;gap:10px;padding:6px 4px}
.ja-hint a span{color:#c9b391}
.ja-hint a:hover{color:#fff}
.ja-hint button{background:none;border:0;color:#a59c90;font-size:18px;line-height:1;width:34px;height:34px;border-radius:50%;cursor:pointer}
.ja-hint button:hover{color:#fff;background:rgba(239,232,221,.1)}
@media (prefers-reduced-motion:reduce){.ja-hint{transition:none}}

/* YouTube（最初は写真だけ。押すと再生） */
.video{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:#000}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:opacity .4s}
.yt:hover img{opacity:1}
.yt::after{content:"";position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border:1px solid rgba(255,255,255,.85);border-radius:50%;background:rgba(20,16,12,.35)}
.yt::before{content:"";position:absolute;left:50%;top:50%;z-index:1;margin:-11px 0 0 -6px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff}
.film{background:var(--dark);color:var(--on-dark);padding:clamp(88px,11vw,140px) 0}
.film .head{text-align:center;margin-bottom:clamp(40px,5vw,56px)}
.film .eyebrow{color:#c9b391}
.film h2{font-family:var(--serif-en);font-weight:300;font-size:clamp(36px,4.4vw,56px);letter-spacing:.14em;line-height:1.2;margin-top:10px}
.work-video{max-width:1000px;margin:clamp(40px,5vw,56px) auto 0}

/* お問い合わせフォームの送信結果 */
.form-msg{border:1px solid var(--gold);padding:24px 28px;margin-bottom:40px;text-align:center;line-height:1.9;scroll-margin-top:110px}
.form-msg.error{border-color:#a5463a;color:#7d3329}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ニュースの本文（管理画面で書いた文章） */
.entry-content > * + *{margin-top:22px}
.entry-content p{color:var(--sub);margin-bottom:0}
.entry-content img{height:auto}
.entry-content h2{font-weight:400;font-size:1.4em;letter-spacing:.04em;line-height:1.5;margin-top:40px}
.entry-content a{border-bottom:1px solid var(--gold)}
.entry-content .wp-block-embed iframe,.entry-content iframe[src*="youtube"]{width:100%;height:auto;aspect-ratio:16/9}
.entry-content figure{margin:32px 0}
.entry-content .small-note{font-size:.85em}
.entry-content .pics img{height:100%}
.entry-content figcaption{font-size:.85em;color:var(--sub);margin-top:10px;text-align:center}
.pagination{display:flex;justify-content:center;gap:16px;margin-top:48px;font-family:var(--serif-en);letter-spacing:.12em}
.pagination .current{color:var(--gold)}
.empty-note{text-align:center;color:var(--sub);padding:40px 0}