<turbo-stream action="hide_loading"><template></template></turbo-stream>
<turbo-stream action="remove" target="quiz-request-1639-edit-target-modal"></turbo-stream>
<turbo-stream action="append" target="modal"><template>
  <div data-controller="modal">
    <div class="standard-modal-wrapper" id="quiz-request-1639-edit-target-modal">
  <div class="overlay close-quiz-request-1639-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-1639-edit-target">
      <div id="quiz-30121338" class="quiz-wrapper quiz-30121338" data-id="30121338">
  <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>off-ramp</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/9715360/tts_971536020241122-16-7po91t.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/30121338/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>高速道路の料金所ゲート</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>高速道路のサービスエリア入口</p>

</button></form>

<!-- 解答部 -->



<!-- 設定部 -->

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


<!-- 設定部 -->

  </div>
</div>



      <div class="source-quiz-30121338 tw:text-center">
  <!-- 辞書と紐づいた問題の場合 -->
    <div class="tw:my-[3rem]">
      <div class="item-label tw:my-[1rem]">元となった辞書の項目</div>
      <div id="word-in-show-9715360">
  <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>off-ramp</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/9715360/tts_971536020241122-16-7po91t.mp3">
    <i class="fas fa-volume-up"></i>
  </button>











    <div class="tw:my-[1rem]">
      
  <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn" href="/ja/pos_tags/8">
    <div class="item-label tw:mb-[0.5rem]">名詞</div>
</a>



    <div class="meaning tw:mb-[1rem] tw:text-left tw:font-bold tw:[color:#6c757d]">
      <div><p>高速道路の出口車線</p></div>
      

    </div>
    

      <!-- Update時に復習ボタンが消えるのを防ぐ。 -->
    <div class="emphasized-review-btn tw:my-[0.5rem]">
      <!-- リマインダーボタン -->
<div class="review review-form-quiz-30121338">
    <form data-turbo="true" data-turbo-stream="true" action="/ja/reviews" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4CSxprn8aYmi8gQllDrIsZm-EBKtaIxjUKq5-JxGuSId1AjcQ7Z6enJOw9iQZGJWjNghQq6XfM5Qs79_Pcyo-A" />
  <input value="30121338" 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-30121339">
    <form data-turbo="true" data-turbo-stream="true" action="/ja/reviews" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cuW_6rUNW-rEEHhw-1db6wW4HEALZ-5jIOfwQwrL2H2PFQaQT0dIGRSsv43_CfEMEN4tEAiYHs4g_vbEq0HJpw" />
  <input value="30121339" 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-6536374">
    <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=traffic">traffic </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=was">was </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=backed">backed </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=up">up </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=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=off-ramp">off-ramp </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=of">of </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=highway.">highway. </a>






  </div>
  

</div>



  <div class="small-translation-buttons"
>
  <input class="original" type="hidden" value="The traffic was backed up to the off-ramp of the highway."/>
  <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/6536374/tts_653637420241122-16-w5h6t0.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-30121334">
    <!-- 作成ボタン -->
    <form data-turbo="true" data-turbo-stream="true" action="/ja/reviews" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G4ASKFSQUUXTdAfehAS0CmMVV2SMH0xYaOsw4iXu6YnmcKtSrtpCtgPIwCOAWh7tdnNmNI_gvPVo8jZlhGT4Uw" />
      <input value="30121334" 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-30121335">
    <!-- 作成ボタン -->
    <form data-turbo="true" data-turbo-stream="true" action="/ja/reviews" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TRbnPkJMIEQWvVQMMqekW-VpEnFXHARVH6kvWZe7GHuw5l5EuAYzt8YBk_E2-Q688A8jIVTj9PgfsCneNjEJoQ" />
      <input value="30121335" 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/6536374">
            <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-9715360">
</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/9715360">
        <u><i class="fal fa-external-link"></i>詳細</u>
</a>  </div>


</div>




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

  </div>
</div>



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