@charset "UTF-8";

 @media screen and (max-width: 1040px) {
-  .my-gallery {
-    position: static    !important;
-    top:      auto      !important;
-    left:     auto      !important;
-    width:    100%      !important;
-    display:  grid      !important;
-    grid-template-columns: repeat(auto-fit, minmax(120px,1fr)) !important;
-    gap: 10px           !important;
-    margin: 0 auto      !important;
-  }
+  .my-gallery {
+    position: static    !important;
+    width:    100%      !important;
+    display:  grid      !important;
+    /* PCと同じ２列にする */
+    grid-template-columns: repeat(2, 1fr) !important;
+    gap: 10px           !important;
+    margin: 0 auto      !important;
+  }
 
   /* ギャラリー内の画像もフル幅に */
   .my-gallery img {
     width: 100% !important;
     height: auto !important;
   }
 
   /* ── Columns を縦並びに ── */
   .entry-content.cf .wp-block-columns.is-layout-flex {
     flex-direction: column     !important;
   }
   .entry-content.cf
     .wp-block-columns.is-layout-flex
     > .wp-block-column {
     flex:      0 0 100% !important;
     max-width: 100%   !important;
     width:     100%   !important;
   }
 }

	
	/* ─────────────────────────────────
 タブレット（≤1040px）をモバイル同様の縦並び・中央寄せにリセット
───────────────────────────────── */
@media screen and (max-width: 1040px) {
  /* メインコンテナを中央寄せ＆幅を親幅100%に */
  .entry-content.cf {
    max-width: 768px   !important;  /* お好みで変えてOK */
    width:     100%    !important;
    margin:    0 auto  !important;
    padding:   0 16px  !important;  /* 横に少し余白 */
    box-sizing: border-box !important;
  }

  /* 内部のすべての要素は static に戻し、100%幅で縦積み */
  .entry-content.cf * {
    position: static !important;
    float:    none   !important;
  }
  .entry-content.cf > * {
    width: 100%   !important;
    margin-bottom: 24px !important; /* 下に適度な余白 */
  }



  /* Columns ブロックも縦並び */
  .entry-content.cf .wp-block-columns.is-layout-flex {
    flex-direction: column !important;
    align-items:    stretch !important;
  }
  .entry-content.cf
    .wp-block-columns.is-layout-flex
    > .wp-block-column {
    flex:      0 0 100% !important;
    max-width: 100%   !important;
    width:     100%   !important;
  }
}
	
	@media screen and (max-width: 1040px) {
  .custom-footer-text {
    text-align: center !important;
    margin: 0 auto !important;
    width: 90% !important;
    box-sizing: border-box !important;
  }
}
@media screen and (max-width: 1040px) {
  .custom-footer-text {
    text-align: center !important;
    margin: 0 auto !important;
    width: 90% !important;
    box-sizing: border-box !important;
  }
}