
<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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/2jr5ibgw6jri6omxjpew8uf8atvi?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="Chikako" src="https://aikoo.imgix.net/zb7pwsl6wlq56o19ob3lnvhsw74w?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/dcYeyKIG">西洋占星術と霊視で恋愛・仕事・人生を読み解きます🌱</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 0.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">5.0</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">17.9K</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@kagura_yoiha">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="kagura_yoiha" src="https://aikoo.imgix.net/nvf9sf7ceaj62gd6eqcr3nnrds7q?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/mmegka5ijyu9py9csbo67uang0wv?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="Akko" src="https://aikoo.imgix.net/4elrqoxe9ykzd3krplyko0p0lj3k?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/jEK9ZXmp">ツインレイかソウルメイトか、あの人とのつながりを視ます</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">1.2K</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@kayo_t">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="kayo_t" src="https://aikoo.imgix.net/9dwklk4f8pfsexu8vj7pp88xdnxb?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/cj4zas91lu93mrddlvau7l83jpgr?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="Mikako" src="https://aikoo.imgix.net/8gm6ggopsvgrbyqpvlambosiexl6?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/jlK9ZXmp">お相手の本音を細部まで読み取り、あなたに届く言葉でお伝えします</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">1.1K</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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/u2g78et2a0rpkqz0azvwx5q7s39u?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="YunaMaki" src="https://aikoo.imgix.net/qtjbao4ojf7buloxn721yjpv2h24?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/vXn8oT35">アゲなしのリアル鑑定、見えたままを正直にお伝えします</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 4.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.8</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">1.3K</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@kagura_yoiha">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="kagura_yoiha" src="https://aikoo.imgix.net/nvf9sf7ceaj62gd6eqcr3nnrds7q?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/0m6l978dc2qqo42lgyxkwx1tvevo?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="mama_akari" src="https://aikoo.imgix.net/mqfr0xcuwfi78kcj1tdwdt7yscg7?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/V5FQJxgB">ママの恋愛透視鑑定｜隠された想いを読み解きます</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 4.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.8</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">2.4K</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@aoki_shiori">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="aoki_shiori" src="https://aikoo.imgix.net/bknk0b3421wq1p2m8p0qzrecqzgg?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/47mv3bgau095p8ttv6wc9ljp60z9?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="Mafumi" src="https://aikoo.imgix.net/04is59lgygpx0m5mw05al2kkziz0?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/QKsI1PeJ">恋愛・仕事・金運、現状に耳を澄ませて、改善アドバイスします</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">914</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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/87h59hmq18svgh1o043myu3wwulm?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="Ryugen" src="https://aikoo.imgix.net/gjdubpc2mt51mwhlngakmgnhsppg?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/RIk4jlJf">あんたの運勢、感じるまま・視えるまま、お伝えするで</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">1.3K</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@tsumuno">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="tsumuno" src="https://aikoo.imgix.net/kg3u9bkzzykbexl3jjinzltwiv0l?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/tx0pdte1rz37wa2ldn2jjfsbhuw4?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="kinjii" src="https://aikoo.imgix.net/65ovb01j9w12vg3i89ihofzudyzj?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/HkeyO41J">そなたの金運を霊視でみるぞい ─ 巡りと滞りを読み解く金運鑑定</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">1.1K</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@tsumuno">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="tsumuno" src="https://aikoo.imgix.net/kg3u9bkzzykbexl3jjinzltwiv0l?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/w6usilb366sd2a8xd2j64qru3fhd?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="yura" src="https://aikoo.imgix.net/qb1b66s3ta3caovuhy21c9vtyo2w?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/Ede3Mxt7">ツインレイ真相鑑定｜お二人の関係性を魂のレベルで読み解きます</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">1.9K</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@morikawa_minato">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="morikawa_minato" src="https://aikoo.imgix.net/1li6kyohnekjisi6g1n2nn60txge?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/f754s910di4v5cegkzvi34fxyer9?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="Nana" src="https://aikoo.imgix.net/6h6okbg5g0q78disxjaeku41b531?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/n75k1zUr">その人は運命の人？ツインレイ鑑定します</a>
          </h2>
          <div class="text-sm leading-4 line-clamp-1 text-base-content/50">
            Nana 🌈 虹色の霊視チャネラー
          </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">2.3K</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@kagura_yoiha">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="kagura_yoiha" src="https://aikoo.imgix.net/nvf9sf7ceaj62gd6eqcr3nnrds7q?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/gqclbpk5fo4cxzxkvmq2xxrhx48y?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="Norika" src="https://aikoo.imgix.net/m0f39lfh2eii1m0cihtx7jof0u22?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/bdRDuHjY">西洋占星術 × 霊視で今後の【恋の展開】を占います </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 0.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">5.0</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">7.2K</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@madoka_yono">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="madoka_yono" src="https://aikoo.imgix.net/jw3czdfdjfuo3exza0yt0gkhid6l?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/pepwxxl72sl300oakpwfqz1kcmht?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="michika" src="https://aikoo.imgix.net/9tqzf1glrr82mh2tcayz4cvbshrq?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/ewQTeaPJ">鑑定歴25年❗️2026年運勢、おかんが霊視で見るで</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 4.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.8</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">2.5K</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@aoki_shiori">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="aoki_shiori" src="https://aikoo.imgix.net/bknk0b3421wq1p2m8p0qzrecqzgg?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/cct62qu5llz42cw1j1e6a09aje9l?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="hokujo_setsuko" src="https://aikoo.imgix.net/tzceaao8rpsm2b73o9hmm5y4fkdw?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/AEcCYH6w">2026年の運勢を占います</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 4.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.8</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">544</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@madoka_yono">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="madoka_yono" src="https://aikoo.imgix.net/jw3czdfdjfuo3exza0yt0gkhid6l?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/49lkahqen904vjhq77fqyuzq16yl?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="masakazu" src="https://aikoo.imgix.net/36smyworhljusrfy9fcdlt8zhpe4?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/iD6tpetR">人情おっちゃんの霊視で恋と人生まるごと読み解きます</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">1.8K</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@madoka_yono">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="madoka_yono" src="https://aikoo.imgix.net/jw3czdfdjfuo3exza0yt0gkhid6l?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/y6lkqiymm34dmjdch3hhw3b183r6?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="daifuku" src="https://aikoo.imgix.net/xqppgnu7qr54bbyrcixy95y9g6zf?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/jtEK9ZXm">開運⛩みくじ鑑定（金運・恋愛運・総合運）</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 4.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.8</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">91</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@yunagi">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="yunagi" src="https://aikoo.imgix.net/aittp4cx0fzmh5ges72vxdnbmb9u?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/171j9uw450iq4efieo7pyicfb21y?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="sakurane" src="https://aikoo.imgix.net/lgly68iqqhdv2te2iipmh52s27hj?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/1vrMSBea">運気の流れを巫女視点で紡ぎます</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 4.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.8</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">149</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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/f51h286ywdoh9udcc99kvl9yxcfg?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="genshin" src="https://aikoo.imgix.net/nw1twrjtycls1w8iaqtrdwseeoz7?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/WN97mAuj">潜在意識透視鑑定｜あの人の心の奥底を静かに視抜きます</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">772</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@tsumuno">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="tsumuno" src="https://aikoo.imgix.net/kg3u9bkzzykbexl3jjinzltwiv0l?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/3ghjp5c0haw312uir46sllx94fas?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="yuta_higabaa" src="https://aikoo.imgix.net/cmoqz246upaa1pi0aus9r69ipi9l?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/w2XAQgkA">沖縄ユタの潜在意識リーディング｜相手の本心を霊視で読み解きます</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">477</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@aoki_shiori">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="aoki_shiori" src="https://aikoo.imgix.net/bknk0b3421wq1p2m8p0qzrecqzgg?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/0rzbkg4h5gixhmou4navasjonit7?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="ramira" src="https://aikoo.imgix.net/qz69gedofgvahkko0kgjs8dop8j1?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/TASofO7J">層意識リーディング｜お相手の本音とツインレイの行方を透視します</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 4.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.8</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">234</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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/4dm97jl10n2f23jnp08rmcdmn93h?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="kaminchu_ryugenn" src="https://aikoo.imgix.net/c0mlx5g30xsyk6nz7loccipc6qmp?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/M8bPfekg">神人の霊導リーディング｜心の奥の真実と未来の流れを視通します</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 4.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.8</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">1.4K</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@morikawa_minato">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="morikawa_minato" src="https://aikoo.imgix.net/1li6kyohnekjisi6g1n2nn60txge?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/wejri7y9dt3i22lp8de1jewt0iqy?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="rurika" src="https://aikoo.imgix.net/703qcjrj8c5xjbuhu2nwgsnn8g20?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/jtfK9ZXm">お相手との魂の結びつきを、霊視で丁寧に探ります</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 4.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.8</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">1.2K</span>
              </div>
          </div>
        </div>
      </div>
      <div class="border-t border-base-content/5 px-3 py-2 flex flex-wrap items-center gap-1">
            <span class="tooltip tooltip-top inline-flex items-center before:bg-neutral/80 before:text-neutral-content before:text-xs before:whitespace-normal before:max-w-xs" data-tip="クリエイター本人が直接対応するメニューです">
    <span class="badge-creator badge-creator-no-shimmer">
      <span>+Human</span>
      <span class="badge-creator-avatar">
        <div class="relative avatar z-0 avatar-placeholder    ">
    <div class="size-4 rounded-full bg-neutral text-neutral-content flex items-center justify-center overflow-hidden">
      <svg
        width="100%"
        height="100%"
        viewBox="0 0 100 100"
        xmlns="http://www.w3.org/2000/svg"
        class="w-full h-full text-5xl ">
        <text
          x="50%"
          y="50%"
          dominant-baseline="central"
          text-anchor="middle"
          fill="currentColor"
          font-family="ui-sans-serif, system-ui, sans-serif">
          A
        </text>
      </svg>
    </div>
</div>
      </span>
    </span>
  </span>

      </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/770t4hvmwipu7i2k688ax26f5xzd?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="kayoobaa" src="https://aikoo.imgix.net/nrspaez97oxddlg1nimrg2lqluur?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/PmNSMoZE">迷った心に光を灯す、かよおばあの霊視🍃</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">591</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@aoki_shiori">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="aoki_shiori" src="https://aikoo.imgix.net/bknk0b3421wq1p2m8p0qzrecqzgg?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/9ce9yx4hrz22jp14uce35zvdrc6f?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="god_daifuku" src="https://aikoo.imgix.net/7cf52fyr49xqnzy6uv193rzjwjie?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/QJisI1Pe">宝くじ強運鑑定｜当たりやすい時期と金運の上げ方をお伝えします</a>
          </h2>
          <div class="text-sm leading-4 line-clamp-1 text-base-content/50">
            福徳大翁 | 最強金運UP
          </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 4.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.8</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">359</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@tsumuno">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="tsumuno" src="https://aikoo.imgix.net/kg3u9bkzzykbexl3jjinzltwiv0l?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/4ypgu7dka0xzbuluvsknfekd8wbd?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="akane" src="https://aikoo.imgix.net/rj9x0u2h3xa172fxnwxq032tsfl7?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/7i6jqNEL">神託の巫女が霊視で“あの人の隠された本心”を読み解きます</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 4.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.8</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">291</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@madoka_yono">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="madoka_yono" src="https://aikoo.imgix.net/jw3czdfdjfuo3exza0yt0gkhid6l?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/r1fzf8aduegydoe79uso0ikrexa8?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="tachibana_seiya" src="https://aikoo.imgix.net/9akfuutncpych53e8siown37zdlv?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/xMzr0qG3">静かなる魂の照映＊ツインレイ本質鑑定</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 4.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.8</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">714</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@morikawa_minato">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="morikawa_minato" src="https://aikoo.imgix.net/1li6kyohnekjisi6g1n2nn60txge?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/uiyji4ty8da6he081zlycvit25n3?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="lukanya" src="https://aikoo.imgix.net/r0rmvhq3wc23hbjdz3l00l777n8a?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/f0eazYXi">金運の流れ、仕事の流れを整える＊ひげタロット鑑定</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">156</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@aoi_reo">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="aoi_reo" src="https://aikoo.imgix.net/mu9p9of1y63mf7mn3ljgr10hozz4?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/9xux7we3sh5jgslrb8f5bbx9krrr?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="ShingoKasai" src="https://aikoo.imgix.net/9xux7we3sh5jgslrb8f5bbx9krrr?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/ZVMDhKR9">おっちゃんが “視えたまんま” 正直に話すで</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 4.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.8</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">263</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@kagura_yoiha">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="kagura_yoiha" src="https://aikoo.imgix.net/nvf9sf7ceaj62gd6eqcr3nnrds7q?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/i3759r7cm9buz3e40rcviufavf5v?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="kanade" src="https://aikoo.imgix.net/6e1ougxrsv1pexcrj5x3by1sif05?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/C3Rln0Lq">巫女と紡ぐ、あなたの内なる声</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">339</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@aoki_shiori">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="aoki_shiori" src="https://aikoo.imgix.net/bknk0b3421wq1p2m8p0qzrecqzgg?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/j4uh3xu8lwi5k87exk3ajp5e1pzp?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="hima" src="https://aikoo.imgix.net/kkhgaremy4gstqb3wztcwq4ga09a?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/bB0RDuHj">月に問う、魂のゆらぎ鑑定</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 4.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.8</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">271</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@tsumuno">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="tsumuno" src="https://aikoo.imgix.net/kg3u9bkzzykbexl3jjinzltwiv0l?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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="absolute inset-0 z-0 pointer-events-none">
          <img class="w-full h-full object-cover opacity-10" loading="lazy" src="https://aikoo.imgix.net/k2cslsw2dk40iv5qbk1u9fsco088?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=400&ar=16%3A9&auto=format%2Ccompress&q=30" />
        </div>
      <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 animate-bounce 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="UraraAizawa" src="https://aikoo.imgix.net/k2cslsw2dk40iv5qbk1u9fsco088?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=240&h=240&auto=format%2Ccompress&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/oAtLKa5i">職場恋愛で彼・彼女とうまくいくのか霊視で占います</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 4.0% 0 0);"></span>
    </div>
    <span class="font-medium -mb-0.5">4.8</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">594</span>
              </div>
              <a class="relative z-10 flex items-center gap-1 text-[10px] text-base-content/50 hover:text-base-content/70 transition-colors ml-auto" href="/ja/creators/@kagura_yoiha">
                <span class="italic">by</span>
                <div class="relative avatar z-0     ">
    <div class="size-5 rounded-full relative overflow-hidden">
      <img class="absolute object-cover inset-0 " loading="lazy" decoding="async" width="80" height="80" alt="kagura_yoiha" src="https://aikoo.imgix.net/nvf9sf7ceaj62gd6eqcr3nnrds7q?ixlib=rails-4.3.1&fit=crop&crop=faces%2Ccenter&w=80&h=80&auto=format%2Ccompress&bg=white" />
      <div class="skeleton size-full"></div>
    </div>
</div>
</a>          </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 class="lg:hidden flex justify-center mt-8">
  <a data-turbo-stream="true" data-controller="show-more" data-show-more-increment-value="1" data-action="click-&gt;show-more#loaded" class="btn btn-outline btn-wide" href="/ja/rc/psychic?page=2">
    Show more
    <span class="text-base-content/50 text-xs ms-2">
      (1 / 2)
    </span>
</a></div>

  </div>
</template></turbo-stream>