<turbo-stream action="hide_loading"><template></template></turbo-stream>
<turbo-stream action="remove" target="quiz-request-946-edit-target-modal"></turbo-stream>
<turbo-stream action="append" target="modal"><template>
  <div data-controller="modal">
    <div class="standard-modal-wrapper" id="quiz-request-946-edit-target-modal">
  <div class="overlay close-quiz-request-946-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-946-edit-target">
      <div id="quiz-13766551" class="quiz-wrapper quiz-13766551" data-id="13766551">
  <div class="tw:py-[1rem]">

    

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


    <a href="/ja/drills/9e820ada/unsolved">
      <img src="https://cdn.diqt.net/assets/images/main/diqt_no_image.png" class="responsive-square-icon" alt="読めるようになるための例文問題">
</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/9e820ada/unsolved">読めるようになるための例文問題</a></div>
    <div class="markdown-style question-text tw:pt-[0.5rem] ">
  <div class="">
    <p>The instructions were so bewildering that I had no idea what to do.</p>

  </div>
</div>

<div class="tw:mb-[1rem]">
      <button type="button"
            class="tw:inline-block tw:align-middle speech-btn speech-btn-tts"
            value="https://cdn.diqt.net/uploads/sentence/original_tts_audio/1637389/tts_163738920240610-2-ak8kkl.mp3"
            aria-label="問題文の音声を再生する">
      <i class="fas fa-volume-up" aria-hidden="true"></i>
    </button>

</div>

    

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


<!-- 解答部 -->
  <!-- 単語カード問題 -->
  <div class="answer-btn">

    <div class="covering-choices 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:appearance-none tw:cursor-pointer tw:min-h-[3rem] tw:px-[1.25rem] tw:py-[0.75rem] tw:[font-size:1.125rem] tw:border-green-600 tw:bg-white tw:[color:#15803d] tw:hover:bg-gray-100 tw:hover:[color:#15803d]" data-dismiss-without-animation="true">
      <div class="cover-text">
        <i class="far fa-lock-open-alt"></i>正解を見る
      </div>
    </div>

    <div class="markdown-style tw:text-center tw:font-bold tw:border-t tw:border-gray-200 tw:pt-[1rem]">
      <p>指示がとても当惑させるものだったので、何をすべきか全くわからなかった。</p>

    </div>

    <div class="tw:text-center tw:mt-[1rem]">
      
    </div>

    <form data-turbo="true" data-turbo-stream="true" action="/ja/quizzes/13766551/explanation" accept-charset="UTF-8" method="get">
      <div class="tw:mt-[3rem] tw:mb-[1rem] tw:text-center">

        <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:rounded tw:border-[#009dff] tw:bg-white tw:[color:#009dff] tw:hover:bg-blue-50 tw:w-full tw:py-[0.5rem] tw:my-[0.25rem] main-loading-show-btn markdown-style multiple-choices">
          <i class="far fa-circle"></i>正解した
</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-red-600 tw:bg-white tw:[color:#dc2626] tw:hover:bg-gray-100 tw:hover:[color:#dc2626] tw:w-full tw:py-[0.5rem] tw:my-[0.25rem] main-loading-show-btn markdown-style multiple-choices">
          <i class="far fa-times"></i>間違えた
</button>      </div>
</form></div>

<!-- 解答部 -->



<!-- 設定部 -->

  <div class="tw:flex tw:items-center">
    <!-- リマインダーボタン -->
<div class="review review-form-quiz-13766551">
    <form data-turbo="true" data-turbo-stream="true" action="/ja/reviews" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UDUugbCMggqI9MBgtsxkItkOdhrvu6I9EMv31D6FPIE08cm8YDWdzLDmlLw6khSuz3D2ygJ0JcowXnal9O-TSA" />
  <input value="13766551" 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/13766551">
          <u>詳細</u>
</a>    </div>
  </div>


<!-- 設定部 -->

  </div>
</div>



      <div class="source-quiz-13766551 tw:text-center">
  <!-- 辞書と紐づいた問題の場合 -->
    <div class="tw:my-[3rem]">
      <div class="item-label tw:my-[1rem]">元となった例文</div>
        <div class="sentence-1637389">
    <div class="tw:text-left">

      <div class="d-inline-flex">
  <div class="tw:text-left tw:mr-[1rem]">

    
<div class="">
    
  <!-- inline要素の謎の隙間を埋めるために、親要素の文字間を縮めて、子要素でletter-spacing: normalを指定する 参考：https://qiita.com/BEMU/items/0f500e0306471073ed63 -->
  <div class="line-with-dict  tw:inline" style="letter-spacing: -.4em;">
    

  <!-- [[text]]を検出する -->
  <!-- .*?で最短マッチ -->

      <!-- 単語  -->

          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=The">The </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=instructions">instructions </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=were">were </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=so">so </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=bewildering">bewildering </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=that">that </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=I">I </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=had">had </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=no">no </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=idea">idea </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=what">what </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=to">to </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=do.">do. </a>






  </div>
  

</div>



  <div class="small-translation-buttons"
>
  <input class="original" type="hidden" value="The instructions were so bewildering that I had no idea what to do."/>
  <input class="source-lang-number" type="hidden" value="21"/>
  <input class="source-lang-code" type="hidden" value="en"/>
  <input class="target-lang-number" type="hidden">
  <input class="target-lang-code" type="hidden">

  <a href="#" class="tw:[color:#27ae60] tw:[font-size:0.875rem] small-google-translation-btn">
    <u>翻訳する</u>
  </a>

  <div class="translation-form tw:my-[0.5rem]"></div>
</div>



      <div>
      <p>指示がとても当惑させるものだったので、何をすべきか全くわからなかった。</p>

  </div>

  </div>

  
  <button class="tw:mx-auto speech-btn speech-btn-tts"
          value="https://cdn.diqt.net/uploads/sentence/original_tts_audio/1637389/tts_163738920240610-2-ak8kkl.mp3">
    <i class="fas fa-volume-up"></i>
  </button>

</div>



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




          <!-- リマインダーボタン -->
<div class="tw:my-[0.5rem] small-review-form-quiz-13766551">
    <!-- 作成ボタン -->
    <form data-turbo="true" data-turbo-stream="true" action="/ja/reviews" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M7abcjn8svZVVDoN8xFZD7fSTKv0-61hN1KqDLPwpSZXcnxP6UWtMG1GbtF_TymDoazMexk0KpYXxyt9eZoK7w" />
      <input value="13766551" type="hidden" name="review[quiz_id]" id="review_quiz_id" />
      <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:min-h-[2rem] tw:px-[0.75rem] tw:py-[0.375rem] tw:[font-size:0.875rem] tw:border-green-600 tw:bg-white tw:[color:#15803d] tw:hover:bg-gray-100 tw:hover:[color:#15803d] main-loading-show-btn tw:w-full tw:rounded-full">
        <i class="far fa-alarm-clock"></i> 読めるようになる
</button></form></div>

    <!-- リマインダーボタン -->
<div class="tw:my-[0.5rem] small-review-form-quiz-13766572">
    <!-- 作成ボタン -->
    <form data-turbo="true" data-turbo-stream="true" action="/ja/reviews" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NoIPQyaeK6qfCRJDacD4Pj_dP9eOqm8ElyJjj9aK6G5SRuh-9ic0bKcbRp_lnoiyKaO_B2Nl6PO3t-L-HOBHpw" />
      <input value="13766572" type="hidden" name="review[quiz_id]" id="review_quiz_id" />
      <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:min-h-[2rem] tw:px-[0.75rem] tw:py-[0.375rem] tw:[font-size:0.875rem] tw:border-green-600 tw:bg-white tw:[color:#15803d] tw:hover:bg-gray-100 tw:hover:[color:#15803d] main-loading-show-btn tw:w-full tw:rounded-full">
        <i class="far fa-alarm-clock"></i> 話せるようになる
</button></form></div>

    <a data-turbo="true" data-turbo-stream="true" class="tw:block tw:[color:#27ae60] tw:[font-size:0.875rem] tw:my-[1rem] main-loading-show-btn" href="/ja/sentences/review_onboarding">
      <u>
        <i class="fal fa-question-circle"></i>
        このボタンはなに？
      </u>
</a>

      <div class="tw:flex">
          <a target="_blank" rel="noopener" class="tw:ml-auto tw:[color:#6c757d] tw:[font-size:0.875rem] align-self-end" href="/ja/sentences/1637389">
            <u><i class="fal fa-external-link"></i>詳細</u>
</a>      </div>

    </div>
  </div>



    </div>
</div>

  </div>
</div>



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