<turbo-stream action="hide_loading"><template></template></turbo-stream>
<turbo-stream action="remove" target="quiz-request-1696-edit-target-modal"></turbo-stream>
<turbo-stream action="append" target="modal"><template>
  <div data-controller="modal">
    <div class="standard-modal-wrapper" id="quiz-request-1696-edit-target-modal">
  <div class="overlay close-quiz-request-1696-edit-target-modal">
    <div class="close-btn">
      <i class="fal fa-times"></i>
    </div>
  </div>
  <div class="modal-content-diqt tw:py-[3rem]" id="quiz-request-1696-edit-target">
      <div id="quiz-34734648" class="quiz-wrapper quiz-34734648" data-id="34734648">
  <div class="tw:py-[1rem]">

    

    <!-- 問題と解答 -->
    <!-- 問題部 -->
<div class="tw:flex">
    <div class="tw:mt-[1rem]">


    <a href="/ja/drills/02b5b0a3/unsolved">
      <img src="https://cdn.diqt.net/uploads/drill/image/2434/CEFR-J_Grammar_List_B1_1.png" class="responsive-square-icon" alt="選択問題 / 中級英文法（CEFR-J B1）">
</a>

</div>


  <div class="tw:ml-[1.5rem]">
      <div class="tw:my-[0.5rem] tw:[font-size:0.875rem]"><a class="tw:[color:#6c757d]" href="/ja/drills/02b5b0a3/unsolved">選択問題 / 中級英文法（CEFR-J B1）</a></div>
    <div class="markdown-style question-text tw:pt-[0.5rem] ">
  <div class="">
    <p>次の空欄に最も適切な語句を選びなさい。<br>
You ___ tell your parents the truth.</p>

  </div>
</div>

<div class="tw:mb-[1rem]">
  
</div>

    

  </div>
</div>
<!-- 問題部 -->


<!-- 解答部 -->
  <!-- 多肢選択肢問題 -->
  
  <form class="tw:my-[1rem]" data-turbo="true" data-turbo-stream="true" action="/ja/quizzes/34734648/explanation" accept-charset="UTF-8" method="get">
        <button name="button" type="submit" class="tw:inline-flex tw:items-center tw:justify-center tw:gap-2 tw:border tw:border-solid tw:text-center tw:font-bold tw:no-underline tw:transition tw:duration-150 tw:ease-in-out tw:appearance-none tw:cursor-pointer tw:border-green-600 tw:bg-white tw:[color:#15803d] tw:hover:bg-gray-100 tw:hover:[color:#15803d] tw:w-full tw:py-[0.5rem] tw:my-[0.25rem] main-loading-show-btn markdown-style multiple-choices">
          <p>ought</p>

</button>        <button name="button" type="submit" class="tw:inline-flex tw:items-center tw:justify-center tw:gap-2 tw:border tw:border-solid tw:text-center tw:font-bold tw:no-underline tw:transition tw:duration-150 tw:ease-in-out tw:appearance-none tw:cursor-pointer tw:border-green-600 tw:bg-white tw:[color:#15803d] tw:hover:bg-gray-100 tw:hover:[color:#15803d] tw:w-full tw:py-[0.5rem] tw:my-[0.25rem] main-loading-show-btn markdown-style multiple-choices">
          <p>oughts to</p>

</button>        <button name="button" type="submit" class="tw:inline-flex tw:items-center tw:justify-center tw:gap-2 tw:border tw:border-solid tw:text-center tw:font-bold tw:no-underline tw:transition tw:duration-150 tw:ease-in-out tw:appearance-none tw:cursor-pointer tw:border-green-600 tw:bg-white tw:[color:#15803d] tw:hover:bg-gray-100 tw:hover:[color:#15803d] tw:w-full tw:py-[0.5rem] tw:my-[0.25rem] main-loading-show-btn markdown-style multiple-choices">
          <p>oughting to</p>

</button>        <button name="button" type="submit" class="tw:inline-flex tw:items-center tw:justify-center tw:gap-2 tw:border tw:border-solid tw:text-center tw:font-bold tw:no-underline tw:transition tw:duration-150 tw:ease-in-out tw:appearance-none tw:cursor-pointer tw:border-green-600 tw:bg-white tw:[color:#15803d] tw:hover:bg-gray-100 tw:hover:[color:#15803d] tw:w-full tw:py-[0.5rem] tw:my-[0.25rem] main-loading-show-btn markdown-style multiple-choices">
          <p>ought to</p>

</button></form>

<!-- 解答部 -->



<!-- 設定部 -->

  <div class="tw:flex tw:items-center">
    <!-- リマインダーボタン -->
<div class="review review-form-quiz-34734648">
    <form data-turbo="true" data-turbo-stream="true" action="/ja/reviews" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J2rgSMHWXqDPvoXBcqeyI6_4GJPgLmf0CHSCadMY1-zaVIq6yEbefDhMDqGdJjUmyNhgIaIN5F5_jVDV5xCylA" />
  <input value="34734648" type="hidden" name="review[quiz_id]" id="review_quiz_id" />
  <!-- form_withではなくbutton_toを使うと、formが画面幅いっぱいに広がり、loading画面が誤作動してしまう恐れがある。 -->
  <button name="button" type="submit" class="tw:inline-flex tw:items-center tw:justify-center tw:gap-2 tw:rounded tw:border tw:border-solid tw:text-center tw:font-bold tw:no-underline tw:transition tw:duration-150 tw:ease-in-out tw:appearance-none tw:cursor-pointer tw:min-h-[2rem] tw:px-[0.75rem] tw:py-[0.375rem] tw:[font-size:0.875rem] tw:border-gray-300 tw:bg-white tw:[color:#4b5563] tw:hover:border-gray-400 tw:hover:bg-gray-100 tw:hover:[color:#4b5563] main-loading-show-btn">
    <i class="far fa-alarm-clock"></i> 覚える
</button></form>
</div>


    <div class="tw:ml-auto">

        <a class="tw:[color:#6c757d] tw:[font-size:0.875rem]" href="/ja/quizzes/34734648">
          <u>詳細</u>
</a>    </div>
  </div>


<!-- 設定部 -->

  </div>
</div>



      <div class="source-quiz-34734648 tw:text-center">
  <!-- 辞書と紐づいた問題の場合 -->
</div>

  </div>
</div>



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