<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/9983506"><img alt="Minami_Kimura" style="border-radius: 50%;" src="https://secure.gravatar.com/avatar/ba178e8e3f73b0adad89c0dfd6794bcd" 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/9983506">Minami_Kimura</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%]">
            <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/v1605145689/achievements/tutorial_clear_section_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="1日の目標を達成することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145690/achievements/tutorial_daily_goal_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/v1605145689/achievements/tutorial_complete_review_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="2日連続で問題を解くことで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145689/achievements/tutorial_continuous_answer_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="2日連続で目標を達成することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145689/achievements/tutorial_continuous_goal_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="2日連続で復習を達成することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145690/achievements/tutorial_continuous_review_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_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%]">
            <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/v1605147316/achievements/100_answer_badge_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="500問解答" data-popover-content="500問解答することで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605147317/achievements/500_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">500問解答</div>
            </a>
        </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%]">
            <a tabindex="0" role="button" data-popover="true" title="2日連続解答" data-popover-content="2日問題を解くことで獲得できるメダルです。">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605147207/achievements/2_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">2日連続解答</div>
            </a>
        </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">0</b></p>
    </div>


  </div>
</div>



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