
<turbo-stream action="append" target="rooms_grid"><template>
        <div class="relative h-full">
    <article class="relative group bg-base-100 rounded-2xl shadow-md hover:shadow-lg transition-shadow h-full flex flex-col overflow-hidden [text-shadow:0_0_4px_var(--color-base-100),0_0_6px_var(--color-base-100)]">
      <div class="flex flex-row grow">
        <div class="shrink-0 p-3">
          <div class="relative avatar z-0     ">
    <div aria-label="status" class="status w-[15%] h-[15%] status-success absolute z-10 bottom-0 right-0"></div>
    <div class="size-20 mask mask-squircle relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="240" height="240" alt="kazuki_ren" src="https://aikoo.imgix.net/6goigg9lyu5072g8if719e8jum6i?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&q=60&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
        </div>
        <div class="flex-1 min-w-0 flex flex-col gap-2 py-3 pr-3">
          <h2 class="text-base font-bold text-base-content/80 leading-snug">
            <a class="after:absolute after:inset-0" href="/ja/rooms/qv01KWFH">あなた専用の“完全オーダーメイドスパイスカレー”レシピ開発</a>
          </h2>
          <div class="text-sm leading-4 line-clamp-1 text-base-content/50">
            香月蓮
          </div>
          <div class="flex items-center gap-2 flex-wrap mt-auto">
            <div class="flex items-center gap-1 text-base-content/70 text-xs">
    <div class="relative w-4 h-4">
      <span class="mask mask-star-2 bg-base-content/30 opacity-100 absolute inset-0"></span>
      <span class="mask mask-star-2 bg-amber-400 opacity-100 absolute inset-0" style="clip-path: inset(0 6.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.7</span>
</div>
              <div class="flex items-center gap-1 text-base-content/70 text-xs">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
  <path d="M8 10h.01"></path>
  <path d="M12 10h.01"></path>
  <path d="M16 10h.01"></path>
</svg>
                <span class="font-medium -mb-0.5">11</span>
              </div>
          </div>
        </div>
      </div>
      <div class="border-t border-base-content/5 px-3 py-2 flex flex-wrap items-center gap-1">
      </div>
    </article>
  </div>

      <div class="relative h-full">
    <article class="relative group bg-base-100 rounded-2xl shadow-md hover:shadow-lg transition-shadow h-full flex flex-col overflow-hidden [text-shadow:0_0_4px_var(--color-base-100),0_0_6px_var(--color-base-100)]">
      <div class="flex flex-row grow">
        <div class="shrink-0 p-3">
          <div class="relative avatar z-0     ">
    <div aria-label="status" class="status w-[15%] h-[15%] status-success absolute z-10 bottom-0 right-0"></div>
    <div class="size-20 mask mask-squircle relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="240" height="240" alt="kinoshita_madoka" src="https://aikoo.imgix.net/ka5vohv1z2jwe08cmr85oc1esmxe?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&q=60&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
        </div>
        <div class="flex-1 min-w-0 flex flex-col gap-2 py-3 pr-3">
          <h2 class="text-base font-bold text-base-content/80 leading-snug">
            <a class="after:absolute after:inset-0" href="/ja/rooms/Se6vW2ro">残り物から魔法の一皿を作ります｜食材組み合わせ診断レシピ</a>
          </h2>
          <div class="text-sm leading-4 line-clamp-1 text-base-content/50">
            木下 まどか
          </div>
          <div class="flex items-center gap-2 flex-wrap mt-auto">
            <div class="flex items-center gap-1 text-base-content/70 text-xs">
    <div class="relative w-4 h-4">
      <span class="mask mask-star-2 bg-base-content/30 opacity-100 absolute inset-0"></span>
      <span class="mask mask-star-2 bg-amber-400 opacity-100 absolute inset-0" style="clip-path: inset(0 2.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.9</span>
</div>
              <div class="flex items-center gap-1 text-base-content/70 text-xs">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
  <path d="M8 10h.01"></path>
  <path d="M12 10h.01"></path>
  <path d="M16 10h.01"></path>
</svg>
                <span class="font-medium -mb-0.5">11</span>
              </div>
          </div>
        </div>
      </div>
      <div class="border-t border-base-content/5 px-3 py-2 flex flex-wrap items-center gap-1">
      </div>
    </article>
  </div>

      <div class="relative h-full">
    <article class="relative group bg-base-100 rounded-2xl shadow-md hover:shadow-lg transition-shadow h-full flex flex-col overflow-hidden [text-shadow:0_0_4px_var(--color-base-100),0_0_6px_var(--color-base-100)]">
      <div class="flex flex-row grow">
        <div class="shrink-0 p-3">
          <div class="relative avatar z-0     ">
    <div aria-label="status" class="status w-[15%] h-[15%] status-success absolute z-10 bottom-0 right-0"></div>
    <div class="size-20 mask mask-squircle relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="240" height="240" alt="kensaki_susumu" src="https://aikoo.imgix.net/2g6vqzte60z3ujkscgts1wfv9qn8?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&q=60&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
        </div>
        <div class="flex-1 min-w-0 flex flex-col gap-2 py-3 pr-3">
          <h2 class="text-base font-bold text-base-content/80 leading-snug">
            <a class="after:absolute after:inset-0" href="/ja/rooms/JGTzxKVG">あなたの物語を一杯に | オリジナルカクテル＆ドリンク開発</a>
          </h2>
          <div class="text-sm leading-4 line-clamp-1 text-base-content/50">
            剣先進
          </div>
          <div class="flex items-center gap-2 flex-wrap mt-auto">
            <div class="flex items-center gap-1 text-base-content/70 text-xs">
    <div class="relative w-4 h-4">
      <span class="mask mask-star-2 bg-base-content/30 opacity-100 absolute inset-0"></span>
      <span class="mask mask-star-2 bg-amber-400 opacity-100 absolute inset-0" style="clip-path: inset(0 2.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.9</span>
</div>
              <div class="flex items-center gap-1 text-base-content/70 text-xs">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
  <path d="M8 10h.01"></path>
  <path d="M12 10h.01"></path>
  <path d="M16 10h.01"></path>
</svg>
                <span class="font-medium -mb-0.5">5</span>
              </div>
          </div>
        </div>
      </div>
      <div class="border-t border-base-content/5 px-3 py-2 flex flex-wrap items-center gap-1">
      </div>
    </article>
  </div>


</template></turbo-stream>
<turbo-stream action="replace" target="show_more_section"><template>
  <div id="show_more_section">
  </div>
</template></turbo-stream>