diff --git a/map4.html b/map4.html
index 78cacb7..e8bdd86 100644
--- a/map4.html
+++ b/map4.html
@@ -38,7 +38,34 @@
       <button class="stBtn" data-status="寄り道中">🍔 寄り道中</button>
       <button class="stBtn" data-status="到着">📍 到着</button>
     </div>
-　　<button id="inviteBtn" class="invite-cute-btn">💌 招待リンクをコピー</button>
+    <!-- 共有ボタン -->
+      <button id="shareBtn" class="share-btn">グループを共有</button>
+
+<!-- 共有方法モーダル -->
+	<div id="shareModal" class="share-modal">
+	 <div class="share-box">
+	   <h3>共有方法を選択</h3>
+
+	  <button id="shareLinkBtn" class="share-btn">🔗 リンクでシェア</button>
+	  <button id="shareQRBtn"  class="share-btn">📱 QRコードでシェア</button>
+
+	  <button onclick="closeShare()" class="close-btn">閉じる</button>
+	 </div>
+	</div>
+
+<!-- QRコードモーダル -->
+	<div id="qrModal" class="qr-modal">
+	 <div class="qr-box">
+	 <h3>QRコードを表示</h3>
+	 <div id="qrcode"></div>
+
+	 <button onclick="closeQR()" class="close-btn">閉じる</button>
+	  </div>
+	</div>
+
+<!-- QR ライブラリ -->
+	<script src="https://cdn.jsdelivr.net/npm/qrcodejs/qrcode.min.js"></script>
+
 
     <!-- ▼ ボタン類 -->
     <div style="display:flex; gap:10px; align-items:center;">