<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->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->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>この度、弊社では物流コストの高騰が続く中、現在のサービス品質とお届け価格を維持するため、配送業者をヤマト運輸株式会社から佐川急便株式会社へ変更させていただくこととなりました。
<br />今回の変更に伴う「配送料金」および「お届け時間帯」の変更はございません。
<br />これまでと同じ料金・時間指定で、引き続き安心してご利用いただけます。</p>

<p>■変更予定日
<br />2026年4月2日(木)お届けより
<br />※準備状況により開始時期が多少前後する可能性がございます。
<br />あらかじめご了承ください。</p>

<p>■配送料金（※変更ございません）
<br />これまで通りの料金体系にてお届けいたします。</p>

<p>11月～3月（常温）
<br />関東・中部・近畿・中四国／690円（税込）
<br />東北・九州／870円（税込）
<br />北海道・沖縄・一部離島／1,720円（税込）</p>

<p>4月～10月（クール）
<br />関東・中部・近畿・中四国／990円（税込）
<br />東北・九州／1,170円（税込）
<br />北海道・沖縄・一部離島／2,020円（税込）</p>

<p>■お届け時間帯（※変更ございません）
<br />以下の枠から引き続きお選びいただけます。
<br />※現在のお届け時間指定は、そのまま新しい配送業者へ引き継がれます。</p>

<p>午前中（8～12時）／14～16時／16～18時／18～20時／19～21時</p>

<p>弊社では、お客様への負担を最小限に抑えつつ、持続可能な形でお野菜をお届けできるよう、常に物流体制の最適化に取り組んでおります。今回の変更もその一環であり、今後もより良いサービスの提供に努めてまいります。
<br />配送業者の変更に伴い、不在連絡票のデザインなどが変わりますが、何卒ご理解とご協力を賜りますようお願い申し上げます。
<br />ご不明な点がございましたら、担当窓口までお気軽にお問い合わせください。</p>

<p>【お問い合わせ先】
<br />メール：order@on-the-slope.com</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->notifications#hide"
      >
        閉じる
      </button>
    </div>
  </div>
</div>
</template></turbo-stream>