From 8f90e77012a22ce2b39316f046700657318bb88e Mon Sep 17 00:00:00 2001
From: Naoki_Ito <117070296+naoki-00-ito@users.noreply.github.com>
Date: Sun, 28 Jul 2024 05:09:15 +0900
Subject: [PATCH] =?UTF-8?q?[Update]=20=E7=94=BB=E5=83=8F=E3=82=B5=E3=82=A4?=
 =?UTF-8?q?=E3=82=BA=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DetailImage.astro |  2 +-
 src/pages/works/detail.astro     | 11 +++++------
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/DetailImage.astro b/src/components/DetailImage.astro
index 4e18122..5bc6400 100644
--- a/src/components/DetailImage.astro
+++ b/src/components/DetailImage.astro
@@ -5,7 +5,7 @@ interface Props {
 }
 const { column } = Astro.props;
 const className = cn(
-  'md:h-full flex flex-col flex-wrap gap-4 md:gap-10 [&_picture]:block [&_picture]:h-full [&_img]:h-full [&_video]:h-full',
+  'md:h-full flex flex-col flex-wrap [&>li]:w-full md:[&>li]:w-auto gap-4 md:gap-10 [&_picture]:block md:[&_picture]:h-full md:[&_img]:h-full md:[&_video]:h-full',
   {
     'md:flex-col': column,
     'md:[&>li]:h-full': !column,
diff --git a/src/pages/works/detail.astro b/src/pages/works/detail.astro
index 2e35f45..0ca19a3 100644
--- a/src/pages/works/detail.astro
+++ b/src/pages/works/detail.astro
@@ -44,12 +44,11 @@ const title = '医療従事者サイト';
         </div>
       </section>
 
-      <picture class="ts-horizontal-scroll-item mt-9 md:mt-0
-      block">
+      <picture class="ts-horizontal-scroll-item mt-9 md:mt-0 block">
         <img
           src="https://placehold.jp/1600x1080.png"
           alt=""
-          class="ts-image-white-in h-full"
+          class="ts-image-white-in md:h-full"
         />
       </picture>
 
@@ -78,7 +77,7 @@ const title = '医療従事者サイト';
         <img
           src="https://placehold.jp/1080x1080.png"
           alt=""
-          class="ts-image-white-in h-full"
+          class="ts-image-white-in md:h-full"
         />
       </picture>
 
@@ -127,7 +126,7 @@ const title = '医療従事者サイト';
                 <img
                   src="https://placehold.jp/824x840.png"
                   alt=""
-                  class="ts-image-white-in h-full"
+                  class="ts-image-white-in md:h-full"
                 />
               </picture>
             </li>
@@ -187,7 +186,7 @@ const title = '医療従事者サイト';
           <img
             src="https://placehold.jp/895x1080.png"
             alt="タイトル名タイトル名タイトル名タイトル名タイトル名を見る"
-            class="ts-image-white-in h-full"
+            class="ts-image-white-in md:h-full"
           />
 
           <span