commit e629556e8df31d92d112befe7ae746a60b24ba09
Author: Claude <noreply@anthropic.com>
Date:   Thu Nov 5 19:01:41 2026 +0900

    series8 に②の比較動画、LP の4視点をパネル付きに・最初の画面の2枚を今の版に差し替え（依頼93）
    
    丸テーブルの直す前・直した後は10月29日の版の録画のまま残し、その旨を書き添えた
    
    Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
    Claude-Session: https://claude.ai/code/session_01LevEXRjJt67bSDYZYEUWTQ

diff --git a/src/pages/serving-robot-one-less-staff.astro b/src/pages/serving-robot-one-less-staff.astro
index 0e02d53..f53e231 100644
--- a/src/pages/serving-robot-one-less-staff.astro
+++ b/src/pages/serving-robot-one-less-staff.astro
@@ -66,8 +66,8 @@ const MENU = [
   <div class="fv-stage" aria-hidden="true">
     <div class="sc sc-split4 on" data-dur="6000">
       <figure class="ft t-plan"><img src="/site/srl/plan-p1.svg" alt="" width="320" height="230"><figcaption>店舗の平面図</figcaption></figure>
-      <figure class="ft t-3d"><video src="/site/srl/fv-oblique.mp4" poster="/site/srl/fv-oblique.webp" muted loop playsinline preload="auto"></video><figcaption>同じ店舗を3Dで建てる</figcaption></figure>
-      <figure class="ft t-run"><video src="/site/srl/top-busy.mp4" poster="/site/srl/top-busy.webp" muted loop playsinline preload="auto"></video><figcaption><span><span class="ft-long">スタッフとロボットを</span>走らせる</span><span class="ft-keys"><i class="k-robot"></i>ロボット<i class="k-staff"></i>スタッフ<i class="k-guest"></i>客</span></figcaption></figure>
+      <figure class="ft t-3d"><a class="ft-go" href="#views" tabindex="-1"><video src="/media/lp_srl_fv_oblique_v2.mp4" poster="/media/lp_srl_fv_oblique_v2.webp" muted loop playsinline preload="auto"></video></a><figcaption>同じ店舗を3Dで建てる</figcaption></figure>
+      <figure class="ft t-run"><a class="ft-go" href="#views" tabindex="-1"><video src="/media/lp_srl_top_busy_v2.mp4" poster="/media/lp_srl_top_busy_v2.webp" muted loop playsinline preload="auto"></video></a><figcaption><span><span class="ft-long">スタッフとロボットを</span>走らせる</span><span class="ft-keys"><i class="k-robot"></i>ロボット<i class="k-staff"></i>スタッフ<i class="k-guest"></i>客</span></figcaption></figure>
       <figure class="ft t-res">
         <figcaption>試算の結果</figcaption>
         <dl>
@@ -146,7 +146,7 @@ const MENU = [
           <div class="staffrows" id="staffRows" aria-live="polite"></div>
         </figure>
       </div>
-      <div class="kn rev">
+      <div class="kn rev kn-wide">
         <div class="kn-text">
           <h3>どこで止まるか</h3>
           <p>試算の店舗を3D（Unity）で建て、スタッフ・客・ロボットを動かして、止まった回数と場所を数えます。直し方を決めたら、同じ店舗でもう一度走らせて確かめます。</p>
@@ -156,9 +156,10 @@ const MENU = [
             <div><span>丸テーブルの間で、ロボットが動けなくなる</span><b>8<i>→</i><em>0</em><small>回</small></b></div>
           </div>
         </div>
-        <figure class="clip clip-4">
-          <video class="loop" src="/site/srl/four-views.mp4" poster="/site/srl/four-views.webp" muted loop playsinline preload="none" aria-label="3Dの店舗を、真上・正面・横・斜めの4つの視点で同時に映した動画。キッチンのモニターに、ロボットとスタッフがいま何をしているかが出ている"></video>
-          <figcaption>同じ店舗を、真上・正面・横・斜めの4つの視点で同時に見る。左上の枠（キッチンのモニター）に、ロボットとスタッフがいま何をしているか、止まった回数が出ます。</figcaption>
+        <!-- 4視点のパネル付き（2026-11-05・依頼93・cs:78。③・ロボット2台・種7。開店から全員が帰るまで。元は KIOXIA の service_sim/unity/rec_lp_20261105/p1_s7/） -->
+        <figure class="clip clip-4" id="views">
+          <video class="loop" src="/media/lp_srl_four_views_panel_v1.mp4" poster="/media/lp_srl_four_views_panel_v1.jpg" muted loop playsinline controls preload="none" aria-label="3Dの店舗を、真上・斜め・正面・横の4つの視点で同時に映した動画。右のパネルに、スタッフとロボットがいま何をしているかが出ている"></video>
+          <figcaption>同じ店舗を、真上・斜め・正面・横の4つの視点で同時に見ます。右のパネルに、スタッフとロボットがいま何をしているか、入口で待つ組の数が出ます（効率重視の店舗・スタッフ4人・ロボット2台・開店から閉店までを約75秒で）。</figcaption>
         </figure>
         <!-- 直す前・直した後（LOG402 の②・丸テーブル T06 を右へ1.0m）。同じ客・同じ時刻で走らせた Unity の録画を左右に並べ、同時に流す（2026-10-29）
              元の録画は KIOXIA の service_sim/unity/20261029_lpdemo2*_cs43_fam_p0_r2_s0_passon_sbret/recordings/（録画のときだけ光を75°に上げて影を短くした）。経過15:30〜18:00を12倍速に切り出した -->
@@ -173,7 +174,7 @@ const MENU = [
               <p class="ba-k"><b class="ba-tag after">直した後</b>右の丸テーブルを1.0m右へ／間 2.1m</p>
             </div>
           </div>
-          <figcaption>昔のファミレスの間取りをもとにした19卓の店舗。同じ客・同じ注文・同じ時刻で2回走らせ、違うのは右の丸テーブルの位置だけです（ロボット2台・真上から・12倍速）。右下は、走らせ始めてからの経過時間です。</figcaption>
+          <figcaption>昔のファミレスの間取りをもとにした19卓の店舗。同じ客・同じ注文・同じ時刻で2回走らせ、違うのは右の丸テーブルの位置だけです（ロボット2台・真上から・12倍速）。右下は、走らせ始めてからの経過時間です。10月29日の版の録画で、パネルは付いていません。その後のロボットの動きの直しで、今の版では直す前の店でも長くは止まらなくなっています。</figcaption>
         </figure>
       </div>
       <div class="kn">
@@ -573,8 +574,12 @@ const MENU = [
 .srl .ba-tag.after{background:var(--ink);color:#fff}
 @media (max-width:640px){.srl .ba-pair{grid-template-columns:1fr}}
 .srl .clip{display:grid;gap:10px}
-.srl .clip-4{max-width:480px;justify-self:center;width:100%}
-.srl .clip-4 video{aspect-ratio:694/720!important}
+.srl .clip-4{width:100%}
+.srl .clip-4 video{aspect-ratio:1920/1080!important}
+.srl .kn.kn-wide{grid-template-columns:1fr;gap:32px}
+.srl .kn.kn-wide .kn-text{order:0;max-width:46rem}
+.srl .kn.kn-wide .ba{order:3}
+.srl .ft-go{position:absolute;inset:0;display:block;cursor:pointer}
 .srl .clip video{display:block;width:100%;height:auto;aspect-ratio:976/652;background:#3a3a3a;box-shadow:0 24px 48px -28px rgba(36,36,36,.45)}
 .srl .cost-fig{background:var(--sheet);padding:32px;display:grid;gap:14px;box-shadow:0 1px 0 var(--rule)}
 .srl .cf-k{margin:0;font-size:.86rem;font-weight:700;color:var(--muted)}
