<turbo-stream action="replace" target="notification_detail_modal"><template><div
  id="notification_detail_modal"
  class="tailwind-only fixed inset-0 z-50 flex items-center justify-center"
  data-notifications-target="modal"
  
>
  <div
    class="fixed inset-0 bg-black/50 pointer-events-auto"
      data-action="click-&gt;notifications#hide"
  ></div>
  <div class="relative bg-white rounded-lg shadow-lg w-full max-w-md mx-4 z-10">
    <div class="pl-4 pr-5 py-3">
      <div class="text-black text-lg font-semibold">
        【お知らせ】梱包用テープの変更について
      </div>
        <button
          type="button"
          class="absolute top-4 right-4 w-6 h-6 flex items-center justify-center hover:bg-gray-100 rounded-full transition-colors"
          data-action="click-&gt;notifications#hide"
        >
          <img class="w-4 h-4 text-gray-600" src="/assets/icons/x-f2d3c01f0887434da8f69a406b1d5952686e22f81db7b98e2e7865f26e6f0387.svg" />
        </button>
    </div>
    <div class="px-4 py-2 max-h-[60vh] overflow-y-auto">
      <div class="text-black text-md mb-2 break-all">
        <p>いつも坂ノ途中をご利用いただき、ありがとうございます。</p>

<p>現在、中東地域をはじめとする世界情勢の影響により、国内外の物流の混乱や梱包資材の調達遅延が続いております。</p>

<p>坂ノ途中でも、以前より使用しておりました梱包用テープの安定確保が難しくなったため、
<br />6月29日(月)お届け分より当面の間、従来のクラフトテープからOPPテープ（透明なプラスチック製の粘着テープ）へ変更させていただきます。</p>

<p>お客さまにはお荷物の開封時等にご不便をおかけすることもあるかと存じますが、
<br />商品を安全にお届けするため、何卒ご理解いただけますようお願い申し上げます。</p>

<p>ご不明な点がございましたら、担当窓口までお気軽にお問い合わせください。
<br />引き続きどうぞよろしくお願いいたします。</p>

<p>【お問い合わせ先】
<br />坂ノ途中法人窓口
<br />メール：order@on-the-slope.com
<br />TEL：070-5650-0831</p>
      </div>
    </div>

    <!-- ボタン部分 -->
    <div class="px-4 py-3 flex gap-2 border-t-2 border-border">
      <button
        type="button"
        class="flex-1 min-h-11 px-4 py-2.5 rounded-md border border-gray-200 text-gray-900 hover:bg-gray-200 transition-colors"
        data-action="click-&gt;notifications#hide"
      >
        閉じる
      </button>
    </div>
  </div>
</div>
</template></turbo-stream>