<turbo-stream action="hide_loading"><template></template></turbo-stream>
<turbo-stream action="update" target="modal"><template>
  <div data-controller="modal">
    <div class="standard-modal-wrapper" id="achievements-list-modal">
  <div class="overlay close-achievements-list-modal">

    <div class="close-btn">
      <i class="fal fa-times"></i>
    </div>

  </div>
  <div class="modal-content-diqt" id="achievements-list">


    <div class="tw:flex tw:items-center">
  <a href="/ja/users/9254012"><img alt="s y" style="border-radius: 50%;" src="https://lh3.googleusercontent.com/a-/ALV-UjURHC6656X7e2eG0u2jCgXTS6FbNbFd0IYnTU__T7TMY2vl5vOLREv3iYtlae5TOgSk0t9pyP_i-ynQ8DCl_Jx78k-mPYJv1qr2knneMDPNqHkbMW4g221i5jKLWx-BonedspXiUofWG-kYv09bTjZcqhOt7PZAmxi8XfqBkKnwR0pi6ABQ_G7Ky6zXSfNgOH5sQFEgkIy4BBRuIhjUyJV7e6aBtFFc9tIAAhRyKBrIY0nInuYjePBE5Acr8tIwdheXLkrJhx6a6i-pPthvFxBB5tBQaSsea0dNkXF8sq08n99tSS0_KI6bRrSecMoJlNeuzPfTq-PMRvROThS_i43RGlyEAqxDMCYhSRZ2vro90Qi7UpyKuKGK9RYP387PwfCNdLkyKCbdXI-cpECVU45nfzKAAjTaVf3fK8A-ehFI1QQGNUCdSkWXR--_5g8xaRxMxXy8dHZ-lMCxAKQNd8dEXiiO1KbXhziYRkmJ8RTO17MUOT00pOPkF_gvf2AvdujFA7VWhh-vBP6MJ9c4jG3Ic51rk-DKYNKuByQKjcJ3ZMcfTS4LYrtGL6ihWs-9ceDK24l4ZeCojxJTuht9uN5e1Y8xuqpZKijdPY4eJL_dj1Ssv0jzaKVYf2B49DJ9dQlTARA5DXonfy7UlVlIGXU-RuHNEPe3s1vh00MyMg6vczmB6mnHyWmIDagxkrSkRFe9wa12pOpYxDSU3HYzAGuGxfqWkySEU0K1bliCoHqB9N3VhKf05dYI8X4D2ts1iEI0N0AycWjBBn7ZOZGiQTkxq6OgfUf7fSD7wrp2bsfHpgUbiSPt8PXVFZ-m0zwWfRjARuiJQpq04WXgvefr-iNM0i7zTPOJUVZmnD7pvW67KtmrPYPC6_GUrbINLSm4QQUL0okmp9nwR0JwBz6xulFsaYptP3XKLW8aLDdiLW65KM0sTKLncqrHUryAvNYB2QmW-939sw5robmBt_z_JTWBS_vkKyVRNkj9aSW-vSk_sa5f_wGktAtDd-XeUjrcXjfmzWZJSIYnchQj0neNQT8zCG15NoLKjLmXsqvZ3PHwIA8ZlqmFItK2" onerror="this.error=null;this.src=&#39;https://cdn.diqt.net/assets/images/main/not_found_icon.png&#39;" width="50" height="50" /></a>
  <div class="tw:font-bold tw:ml-[1rem]"><a class="tw:[color:#6c757d]" href="/ja/users/9254012">s y</a></div>
</div>


    <h3 class="tw:text-center tw:[color:#27ae60] tw:font-bold tw:mt-[1.5rem]"><i class="fal fa-medal"></i>チュートリアルメダル</h3>

    <div class="tw:text-left">
      <p>ディクトの基本的操作を達成することで手に入るメダルです。</p>
    </div>

    <div class="tw:flex tw:flex-wrap">
        <div class="tw:w-[33.333333%]">
            <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145689/achievements/tutorial_clear_section.png" />
            <div class="tw:text-center tw:font-bold">問題集クリア</div>
        </div>
        <div class="tw:w-[33.333333%]">
            <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145690/achievements/tutorial_daily_goal.png" />
            <div class="tw:text-center tw:font-bold">目標達成</div>
        </div>
        <div class="tw:w-[33.333333%]">
            <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145689/achievements/tutorial_complete_review.png" />
            <div class="tw:text-center tw:font-bold">復習達成</div>
        </div>
        <div class="tw:w-[33.333333%]">
            <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145689/achievements/tutorial_continuous_answer.png" />
            <div class="tw:text-center tw:font-bold">連続解答達成</div>
        </div>
        <div class="tw:w-[33.333333%]">
            <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145690/achievements/tutorial_continuous_goal.png" />
            <div class="tw:text-center tw:font-bold">連続目標達成</div>
        </div>
        <div class="tw:w-[33.333333%]">
            <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145690/achievements/tutorial_continuous_review.png" />
            <div class="tw:text-center tw:font-bold">連続復習達成</div>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="フォロー" data-popover-content="他のユーザーをフォローすることで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145690/achievements/tutorial_follow_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">フォロー</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="応援" data-popover-content="他のユーザーを応援することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145690/achievements/tutorial_follow_cheering_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">応援</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="１週間連続解答" data-popover-content="１週間連続で問題を解くことで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145688/achievements/tutorial_7_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">１週間連続解答</div>
            </a>
        </div>
    </div>




    <h3 class="tw:text-center tw:[color:#27ae60] tw:font-bold tw:mt-[3rem]"><i class="fal fa-medal"></i>解答数メダル</h3>

    <div class="tw:text-left">
      <p>解答数に応じて獲得できるメダルです。。</p>
    </div>

    <div class="tw:flex tw:flex-wrap">
        <div class="tw:w-[33.333333%]">
            <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1589204544/achievements/100_answer_badge.png" />
            <div class="tw:text-center tw:font-bold">100問解答</div>
        </div>
        <div class="tw:w-[33.333333%]">
            <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1589204546/achievements/500_answer_badge.png" />
            <div class="tw:text-center tw:font-bold">500問解答</div>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="1000問解答" data-popover-content="1000問解答することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605147317/achievements/1000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">1000問解答</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="2000問解答" data-popover-content="2000問解答することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605147303/achievements/2000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">2000問解答</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="5000問解答" data-popover-content="5000問解答することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151412/achievements/5000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">5000問解答</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="10000問解答" data-popover-content="10000問解答することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151413/achievements/10000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">10000問解答</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="20000問解答" data-popover-content="20000問解答することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151413/achievements/20000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">20000問解答</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="30000問解答" data-popover-content="30000問解答することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151412/achievements/30000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">30000問解答</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="40000問解答" data-popover-content="40000問解答することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151412/achievements/40000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">40000問解答</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="50000問解答" data-popover-content="50000問解答することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151413/achievements/50000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">50000問解答</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="60000問解答" data-popover-content="60000問解答することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151415/achievements/60000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">60000問解答</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="70000問解答" data-popover-content="70000問解答することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151415/achievements/70000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">70000問解答</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="80000問解答" data-popover-content="80000問解答することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151413/achievements/80000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">80000問解答</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="90000問解答" data-popover-content="90000問解答することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151415/achievements/90000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">90000問解答</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="100000問解答" data-popover-content="100000問解答することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151416/achievements/100000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">100000問解答</div>
            </a>
        </div>
    </div>



    <h3 class="tw:text-center tw:[color:#27ae60] tw:font-bold tw:mt-[3rem]"><i class="fal fa-medal"></i>解答日数メダル</h3>
    <div class="tw:text-left">
      <p>解答日数に応じて獲得できるメダルです。</p>
    </div>

    <div class="tw:flex tw:flex-wrap">

        <div class="tw:w-[33.333333%]">
            <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1589203888/achievements/2_running_days.png" />
            <div class="tw:text-center tw:font-bold">2日連続解答</div>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="7日連続解答" data-popover-content="7日問題を解くことで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145686/achievements/7_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">7日連続解答</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="14日連続解答" data-popover-content="14日問題を解くことで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145686/achievements/14_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">14日連続解答</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="30日連続解答" data-popover-content="30日問題を解くことで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145686/achievements/30_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">30日連続解答</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="60日連続解答" data-popover-content="60日問題を解くことで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145687/achievements/60_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">60日連続解答</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="100日連続解答" data-popover-content="100日問題を解くことで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145686/achievements/100_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">100日連続解答</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="200日連続解答" data-popover-content="200日問題を解くことで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145686/achievements/200_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">200日連続解答</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="300日連続解答" data-popover-content="300日問題を解くことで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145687/achievements/300_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">300日連続解答</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="365日連続解答" data-popover-content="365日問題を解くことで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145688/achievements/365_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">365日連続解答</div>
            </a>
        </div>
    </div>


    <h3 class="tw:text-center tw:[color:#27ae60] tw:font-bold tw:mt-[3rem]"><i class="fal fa-medal"></i>マスターメダル</h3>
    <div class="tw:text-left">
      <p>偉業を成し遂げたときに獲得できるメダルです。</p>
    </div>

    <div class="tw:flex tw:flex-wrap">

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="レベル100" data-popover-content="レベル100に到達することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145688/achievements/master_badge_lv100_disbled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">レベル100</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="ランク1位" data-popover-content="ランキングで1位になることで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145688/achievements/master_badge_ranking_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">ランク1位</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="１年間連続解答" data-popover-content="１年間連続で問題を解くことで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145687/achievements/master_badge_1_year_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">１年間連続解答</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="チュートリアルクリア" data-popover-content="チュートリアルメダルをコンプリートすることで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145688/achievements/master_badge_tutorial_disalbed.png" />
              <div class="tw:text-center tw:[color:#6c757d]">チュートリアルクリア</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="解答数コンプリート" data-popover-content="解答数メダルをコンプリートすることで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145687/achievements/master_badge_answer_count_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">解答数コンプリート</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="解答日数コンプリート" data-popover-content="解答日数メダルをコンプリートすることで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145687/achievements/master_badge_answer_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">解答日数コンプリート</div>
            </a>
        </div>
    </div>

    <div class="tw:my-[3rem]">
      <p>獲得メダル：<b class="green">9</b></p>
    </div>


  </div>
</div>



  </div>
</template></turbo-stream><turbo-stream action="diqt_popover"><template></template></turbo-stream>
