<turbo-stream action="replace" target="recommended_ranking"><template>
  <turbo-frame id="recommended_ranking">
  <div class="w-full bg-secondary">
    <div class="px-3 md:px-0">
      <h2 class="font-bold text-primary text-xl my-6 md:my-0">
        <span class="leading-10 text-2xl decoration-yellow-300 decoration-8 underline">
          2026/07/24
        </span>の<br>青森県おすすめイベントランキング
      </h2>
      <div class="my-3">
        <ul class="flex gap-4 justify-center">
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/recommendeds?date=2026-07-20&amp;prefecture_id=2">7/20</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/recommendeds?date=2026-07-21&amp;prefecture_id=2">7/21</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/recommendeds?date=2026-07-22&amp;prefecture_id=2">7/22</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/recommendeds?date=2026-07-23&amp;prefecture_id=2">7/23</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/recommendeds?date=2026-07-24&amp;prefecture_id=2">7/24</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/recommendeds?date=2026-07-25&amp;prefecture_id=2">7/25</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/recommendeds?date=2026-07-26&amp;prefecture_id=2">7/26</a>
            </li>
        </ul>
      </div>
      <div class="text-gray-500 md:h-12 text-xs my-4">
        過去結果を元にした、期待が持てるイベントのランキングです。
      </div>
      
        <div class="text-center mb-3">
          <a class="text-blue-700 underline hover:text-blue-800 font-bold" target="_blank" rel="noopener" href="/hall_events?prefecture_id=2">今日の青森県イベント一覧はこちら</a>
        </div>
    </div>
  </div>
</turbo-frame>

</template></turbo-stream>