deploy: dd49909

Author: isystk

index.css

@@ -428,6 +428,9 @@ video {
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
 }
+.visible{
+  visibility: visible;
+}
 .fixed{
   position: fixed;
 }
@@ -623,6 +626,12 @@ body {
 }
 
 /* 拡大パネル */
+.zoomPhotoPanel {
+  background-color: #000;
+  width: 100%;
+  height: 100%;
+}
+
 .zoomPhotoPanel .prev a:before {
   content: "";
   display: inline-block;

index.html

@@ -279,7 +279,8 @@ <h3>スマホ向け：カルーセルあり、スワイプ可</h3>
         </div>
 
         <h3>１ページ５枚：カルーセルあり（縦方向）</h3>
-        <div class="isystk-slider zoom-slider-vertical" data-shift="5" data-carousel="true" data-vertical="true" style=" width: 236px;">
+        <div class="isystk-slider zoom-slider-vertical" data-shift="5" data-carousel="true" data-vertical="true" 
+             style="height: 643px; width: 236px;">
             <div class="view-layer-vertical ml-8" style=" width: 175px;">
                 <ul class="parent">
                     <li class="child">
@@ -331,7 +332,7 @@ <h3>１ページ５枚：カルーセルあり（縦方向）</h3>
 
         <h3>スマホ向け：カルーセルあり、スワイプ可（縦方向）</h3>
         <div class="isystk-slider" data-shift="1" data-carousel="true" data-swipe="true" data-responsive="true" data-vertical="true">
-            <div class="view-layer-responsive" >
+            <div class="view-layer-responsive" style="height: 350px;" >
                 <ul class="parent">
                     <li class="child">
                         <img src="./images/photo1.jpg" alt="写真1" width="100%" />