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

    

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


    <a href="/ja/drills/102e9831/unsolved">
      <img src="https://diqt.s3.amazonaws.com/uploads/drill/image/906/en_ja_dictionary_drill.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/102e9831/unsolved">意味を覚えるための辞書問題</a></div>
    <div class="markdown-style question-text tw:pt-[0.5rem] ">
  <div class="">
    <p>run into</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/word/entry_tts_audio/605547/tts_60554720240617-2-1nhr0sh.mp3"
            aria-label="問題文の音声を再生する">
      <i class="fas fa-volume-up" aria-hidden="true"></i>
    </button>

</div>

    

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


<!-- 解答部 -->
  <!-- 多肢選択肢問題 -->
  
  <form class="tw:my-[1rem]" data-turbo="true" data-turbo-stream="true" action="/ja/quizzes/615054/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>顔だち,人相 / 特徴</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>〈国・制度など〉‘を&#39;社会主義化する / 〈人〉‘を&#39;社会生活に順応させる / 社会的活動に参加する;打ち解けてつき合う</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>...に遭遇する, に出くわす / に駆け込む, にぶち当たる/ と合併する / に立ち寄る</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>ガウス(磁力の強さのcgs単位)</p>

</button></form>

<!-- 解答部 -->



<!-- 設定部 -->

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


<!-- 設定部 -->

  </div>
</div>



      <div class="source-quiz-615054 tw:text-center">
  <!-- 辞書と紐づいた問題の場合 -->
    <div class="tw:my-[3rem]">
      <div class="item-label tw:my-[1rem]">元となった辞書の項目</div>
      <div id="word-in-show-605547">
  <div class="tw:pt-[1rem] tw:pb-[1.5rem] tw:border-b tw:text-left">

    
  <h1 class="tw:[color:#27ae60] tw:inline-block tw:align-middle tw:[font-size:2.5rem] tw:font-bold "><b>run into</b></h1>
    
  <button class="speech-btn speech-btn-tts tw:inline-block tw:ml-[1rem] tw:align-middle"
          value="https://cdn.diqt.net/uploads/word/entry_tts_audio/605547/tts_60554720240617-2-1nhr0sh.mp3">
    <i class="fas fa-volume-up"></i>
  </button>





  <div class="tw:flex tw:items-center tw:my-[0.25rem]">
    <div class="item-label-small tw:mr-[0.5rem]">
      IPA（発音記号）
    </div>
    <div class="tw:[font-size:0.875rem] tw:[color:#27ae60]">
      <a class="tw:[color:#27ae60]" data-tooltip="true" title="" data-tooltip-title="IPA（発音記号）">/rʌn ˈɪn.tu/</a>
    </div>
  </div>






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




  <!-- 多言語辞書の場合 -->
    <div class="meaning tw:text-left tw:font-bold tw:[color:#6c757d] tw:mb-[1rem]">
      <div><p>...に遭遇する, に出くわす / に駆け込む, にぶち当たる/ と合併する / に立ち寄る</p></div>
      

    </div>
    


      <!-- Update時に復習ボタンが消えるのを防ぐ。 -->
  <div class="emphasized-review-btn tw:my-[0.5rem]">
    <!-- リマインダーボタン -->
<div class="review review-form-quiz-615054">
    <form data-turbo="true" data-turbo-stream="true" action="/ja/reviews" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="416kZLZhJwc5Mm32owZ_58m3VcHRNqdYJI6jxq04WuoPEC1hCvH0nbBTxs_hOAHUP5pscOBv0_gDGgJlxJ80zw" />
  <input value="615054" type="hidden" name="review[quiz_id]" id="review_quiz_id" />
  <!-- form_withではなくbutton_toを使うと、formが画面幅いっぱいに広がり、loading画面が誤作動してしまう恐れがある。 -->
  <button name="button" type="submit" class="tw:flex tw:w-full tw:min-h-[44px] tw:items-center tw:justify-center tw:gap-2 tw:rounded-full tw:border tw:border-solid tw:border-[#27ae60] tw:bg-white tw:px-[1rem] tw:py-[0.5rem] tw:text-center tw:[font-size:1rem] tw:font-bold tw:[color:#27ae60] tw:no-underline tw:shadow-[1px_1px_0_lightgray] tw:transition tw:duration-150 tw:ease-in-out tw:appearance-none tw:cursor-pointer tw:hover:translate-x-px tw:hover:translate-y-px tw:hover:bg-gray-100 tw:hover:[color:#27ae60] tw:hover:shadow-none main-loading-show-btn">
    <i class="far fa-alarm-clock"></i> 意味を覚える
</button></form>
</div>


  </div>

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


  </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/words/review_onboarding">
    <u>
      <i class="fal fa-question-circle"></i>
      このボタンはなに？
    </u>
</a>
    </div>

      <div class="tw:text-center tw:mb-[1.5rem] embedded-example-sentence">
      <div class="sentence-3007546">
    <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=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=didn%27t">didn&#39;t </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=expect">expect </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=run">run </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=into">into </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=my">my </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=old">old </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=friend">friend </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=at">at </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=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=grocery">grocery </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=store.">store. </a>






  </div>
  

</div>



  <div class="small-translation-buttons">
  <input class="original" type="hidden" value="I didn&#39;t expect to run into my old friend at the grocery store."/>
  <input class="source-lang-number" type="hidden" value="21"/>
  <input class="target-lang-number" type="hidden" value=""/>

  <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 class="">
    <p>スーパーマーケットで昔の友達に偶然出会うなんて思ってもみなかった。</p>
</div>

  </div>

  
  <button class="tw:mx-auto speech-btn speech-btn-tts"
          value="https://cdn.diqt.net/uploads/sentence/original_tts_audio/3007546/tts_300754620240617-2-1krimvp.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-22979684">
    <!-- 作成ボタン -->
    <form data-turbo="true" data-turbo-stream="true" action="/ja/reviews" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IQDr2SCHoF2qdhr0W-d6CgPzGuuZrpk6AHjqVC_1ztjNTmLcnBdzxyMXsc0Z2QQ59d4jWqj37Zon7Ev3RlKg_Q" />
      <input value="22979684" 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-22979685">
    <!-- 作成ボタン -->
    <form data-turbo="true" data-turbo-stream="true" action="/ja/reviews" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mfMrJu5RM4jjTy6gDmdwVUg4vj3dnAg18v73iUHxHZ91vaIjUsHgEmouhZlMWQ5mvhWHjOzFfJXValYqKFZzug" />
      <input value="22979685" 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/3007546">
            <u><i class="fal fa-external-link"></i>詳細</u>
</a>      </div>

    </div>
  </div>



  </div>


    



    

    <div class="explanation-form">
  <!--
  <#% if word.etymologies.present? %>
    <#%= render 'words/item/etymologies', word: word %>
  <#% end %>
  -->

  <div id="word-senses-605547">
    <div class="tw:text-left tw:[color:#6c757d] tw:mb-[1rem] tw:mt-[3rem]" id="sense-1631553">
  <div class="tw:block tw:mb-[0.5rem]">
    <div class="item-label">意味（1）</div>
  </div>


    <!-- glossはmeaningと異なり、Quizではanswerではなくquestionに用いるため、通常のマークダウンを適応する -->
    <p>...に遭遇する, に出くわす </p>

    <!--
      <#%= simple_format(meaning, {}, wrapper_tag: 'div') %>
    -->

  



  


</div><div class="tw:text-left tw:[color:#6c757d] tw:mb-[1rem] tw:mt-[3rem]" id="sense-1631554">
  <div class="tw:block tw:mb-[0.5rem]">
    <div class="item-label">意味（2）</div>
  </div>


    <!-- glossはmeaningと異なり、Quizではanswerではなくquestionに用いるため、通常のマークダウンを適応する -->
    <p>に駆け込む, にぶち当たる</p>

    <!--
      <#%= simple_format(meaning, {}, wrapper_tag: 'div') %>
    -->

  



  


</div><div class="tw:text-left tw:[color:#6c757d] tw:mb-[1rem] tw:mt-[3rem]" id="sense-1631555">
  <div class="tw:block tw:mb-[0.5rem]">
    <div class="item-label">意味（3）</div>
  </div>


    <!-- glossはmeaningと異なり、Quizではanswerではなくquestionに用いるため、通常のマークダウンを適応する -->
    <p>と合併する </p>

    <!--
      <#%= simple_format(meaning, {}, wrapper_tag: 'div') %>
    -->

  



  


</div><div class="tw:text-left tw:[color:#6c757d] tw:mb-[1rem] tw:mt-[3rem]" id="sense-1631556">
  <div class="tw:block tw:mb-[0.5rem]">
    <div class="item-label">意味（4）</div>
  </div>


    <!-- glossはmeaningと異なり、Quizではanswerではなくquestionに用いるため、通常のマークダウンを適応する -->
    <p>に立ち寄る</p>

    <!--
      <#%= simple_format(meaning, {}, wrapper_tag: 'div') %>
    -->

  



  


</div>
</div>



  <!--
  <#%= render 'words/explanation', word: word %>
  -->

  <!--
  <#% if word.synonyms.present? %>
    <#%= render 'words/item/synonyms', word: word %>
  <#% end %>

  <#% if word.antonyms.present? %>
    <#%= render 'words/item/antonyms', word: word %>
  <#% end %>

  <#% if word.related.present? %>
    <#%= render 'words/item/related', word: word %>
  <#% end %>
  -->
</div>




  </div>


  <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/words/605547">
        <u><i class="fal fa-external-link"></i>詳細</u>
</a>  </div>


</div>




    </div>
    <!-- 例文と紐づいた問題の場合 -->
</div>

  </div>
</div>



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