<turbo-stream action="hide_loading"><template></template></turbo-stream>
<turbo-stream action="remove" target="sentence-request-14731-edit-target-modal"></turbo-stream>
<turbo-stream action="append" target="modal"><template>
  <div data-controller="modal">
    <div class="standard-modal-wrapper" id="sentence-request-14731-edit-target-modal">
  <div class="overlay close-sentence-request-14731-edit-target-modal">
    <div class="close-btn">
      <i class="fal fa-times"></i>
    </div>
  </div>
  <div class="modal-content-diqt tw:py-[3rem]" id="sentence-request-14731-edit-target">
        <div class="sentence-3002859">
    <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=He">He </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=greeted">greeted </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=her">her </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=with">with </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=a">a </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=pleasantry">pleasantry </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=and">and </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=a">a </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=warm">warm </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=smile.">smile. </a>






  </div>
  

</div>



  <div class="small-translation-buttons"
>
  <input class="original" type="hidden" value="He greeted her with a pleasantry and a warm smile."/>
  <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/3002859/tts_300285920240612-2-usxvu6.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-22970302">
    <!-- 作成ボタン -->
    <form data-turbo="true" data-turbo-stream="true" action="/ja/reviews" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tu1mvA5mE48gFRFNP3TSzRVQ5rqYdHRTZjZBDqh-2HSKqwofiVKmXMBni4_Ca3Tr4Xg4kmka-KRWYFMHfTU3EA" />
      <input value="22970302" 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-22970303">
    <!-- 作成ボタン -->
    <form data-turbo="true" data-turbo-stream="true" action="/ja/reviews" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IIJh7Cy94Vqr60_NWzv0o_q1D94O6G5JvJyRHI6tuW0cxA1Pq4lUiUuZ1Q-mJFKFDp3R9v-G4r6MyoMVW-ZWCQ" />
      <input value="22970303" 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/3002859">
            <u><i class="fal fa-external-link"></i>詳細</u>
</a>      </div>

    </div>
  </div>



  </div>
</div>



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