<turbo-stream action="append" target="activities"><template>
    <div class="col" id="activity_525">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgxTWpVOmZlYXR1cmVzIg==--4ee1d83184fc6a2b461ad0ffe747109ed5ac8288cbb70b2e5e1ab07888fbb95e"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdzJnQWc9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuMjM3WiIsInB1ciI6ImJsb2JfaWQifX0=--932bd6eca81d9665ee755810eb9e350ee8437715/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_80D5F3C1-8329-43F8-91BE-039F622F3309_1790627371.png?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/masster-class-machahir-3eme-edition-">
        masster class machahir 3eme edition 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>ウェルネスとマインドフルネス</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Birkhadem, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          3,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/masster-class-machahir-3eme-edition-">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_524">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgxTWpROmZlYXR1cmVzIg==--b5e233a3197d8718825fc10bbea12a699c6f12ced3db78486135994e2292f262"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBd0tnQWc9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuMjQ4WiIsInB1ciI6ImJsb2JfaWQifX0=--e59f8c3ac32cf9c0b7c6380dce187dcb86cf9de1/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_58198FDD-E261-4493-A493-3034D9E72276_1790625854.png?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/master-class-machahir-3eme-edition-">
        master class machahir 3eme edition 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>ウェルネスとマインドフルネス</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Birkhadem, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          20,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/master-class-machahir-3eme-edition-">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_518">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgxTVRnOmZlYXR1cmVzIg==--a0a026cfcca18221986e646b5f72b6c552990f4e5a15c2e46a3f5fd1ce676f15"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeTZZQWc9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuMjU1WiIsInB1ciI6ImJsb2JfaWQifX0=--12df0337fe5949b99aa1ea420c68ce2630c123bb/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_picker_C3B89E16-4B5D-40C8-8C50-BE4120B060B8-7286-000001A0B1CBBC85IMG_6604.mov?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/%D8%AE%D9%8A%D9%85%D8%A9-%D8%A7%D9%85%D9%8A-%D9%84%D9%84%D9%85%D8%A3%D9%83%D9%88%D9%84%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D9%82%D9%84%D9%8A%D8%AF%D9%8A%D8%A9">
        خيمة امي للمأكولات التقليدية
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>料理体験</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Bounoura, Ghardaïa</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          0
          -
          0
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/%D8%AE%D9%8A%D9%85%D8%A9-%D8%A7%D9%85%D9%8A-%D9%84%D9%84%D9%85%D8%A3%D9%83%D9%88%D9%84%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D9%82%D9%84%D9%8A%D8%AF%D9%8A%D8%A9">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_516">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgxTVRZOmZlYXR1cmVzIg==--269e118d1576383c3dc245c702f21cc7e383bf8213da1039c2c2a8cc76ed9001"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBM2FYQWc9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuMjY4WiIsInB1ciI6ImJsb2JfaWQifX0=--b432d9a8f8bb310122cd953b40d3fc66e4ad0ad7/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000074387.mp4?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/Polyglot-Guided-Tour--Djemilas-Archaeological-Site--Museum">
        Polyglot Guided Tour – Djemila&#39;s Archaeological...
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>アート、文化、博物館</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Djemila, Sétif</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        無料
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/Polyglot-Guided-Tour--Djemilas-Archaeological-Site--Museum">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_509">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgxTURrOmZlYXR1cmVzIg==--5720d2a8cfc2d74806c0f7dc3fdce98d1a20a1ab3c4b284d551caf5ca57519de"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBM2lOQWc9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuMjc1WiIsInB1ciI6ImJsb2JfaWQifX0=--d277b376b43592ecf7105b5146633ecef708d667/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/WhatsApp%20Image%202025-06-03%20at%2011.47.26%20AM.jpeg?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/Lessentiel-de-Tlemcen">
        L&#39;essentiel de Tlemcen
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>日帰り旅行とツアー</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Tlemcen, Tlemcen</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          1,500
          -
          6,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/Lessentiel-de-Tlemcen">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_508">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgxTURnOmZlYXR1cmVzIg==--b614b8a64197614af1fb08ed92678bf8b08419d588daea3a4669300e6d3d85d2"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMVNOQWc9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuMjkzWiIsInB1ciI6ImJsb2JfaWQifX0=--625954a67436cd6b352e158c8f5b7eeb1dbfc47d/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/WhatsApp%20Image%202025-06-03%20at%2011.47.26%20AM.jpeg?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/Tlemcen-Unlocked">
        Tlemcen Unlocked
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>日帰り旅行とツアー</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Tlemcen, Tlemcen</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          1,500
          -
          6,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/Tlemcen-Unlocked">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_500">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgxTURBOmZlYXR1cmVzIg==--18bc771b95ed8d65c451f555e9cccbd6f2b29225e0e9fabd9eb7527c532ecd8c"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMWRQQWc9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuMzA1WiIsInB1ciI6ImJsb2JfaWQifX0=--f624b1bc78207a65211ceb00cfcb5c089bdb4d19/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/VID-20260512-WA0033.mp4?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/Vivez-Constantine-ne-la-visitez-pas-">
        Vivez Constantine ne la visitez pas 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>日帰り旅行とツアー</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Constantine, Constantine</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2,500
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/Vivez-Constantine-ne-la-visitez-pas-">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_496">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwT1RZOmZlYXR1cmVzIg==--048de2650e102b9fb6b247a92d890eca68dca6906530fa217c3e8307e1d283a2"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBM0pKQWc9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuMzEzWiIsInB1ciI6ImJsb2JfaWQifX0=--4b417d1af4fb79dd4186065198683e7d46d34545/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/2%20heures%20de%20balade%20en%20bateau%20au%20c%C5%93ur%20des%20plus%20beaux%20paysages%20de%20B%C3%A9ja%C3%AFa%20%F0%9F%8C%8A%F0%9F%9A%A4_Entre%20grottes_%20falaises_%20eau%20turquoise_.%20et%20parfois%20la%20visite%20des%20dauphin.mp4?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/Explore-the-True-Spirit-of-Bjaa">
        Explore the True Spirit of Béjaïa
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>日帰り旅行とツアー</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Bejaia, Béjaïa</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        無料
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/Explore-the-True-Spirit-of-Bjaa">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_495">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwT1RVOmZlYXR1cmVzIg==--c1e032c5585765609e6514d3f1d43118cc4830628ce2ff89e4628aea7ea537d3"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBN3BJQWc9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuMzIwWiIsInB1ciI6ImJsb2JfaWQifX0=--96cc803b956dabe6563b495cae6273fb17c13f7f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/48909.mp4?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/Private-Tour-Guide-and-Chauffeur-Services-in-Tlemcen">
        Private Tour Guide and Chauffeur Services in Tl...
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>日帰り旅行とツアー</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Tlemcen, Tlemcen</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/Private-Tour-Guide-and-Chauffeur-Services-in-Tlemcen">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_483">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwT0RNOmZlYXR1cmVzIg==--71f7e596a5e247ece9414d3cd22c07426bb9a0dab45bab0842ed31b3889d9598"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOS9lQVE9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuMzI3WiIsInB1ciI6ImJsb2JfaWQifX0=--8f81f0ea131f41ececf000ab1a33a7c65d41845e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_132FE804-389C-4200-90E9-22A3538777F9_1783482219.mov?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/Sortie-en-paddle-dans-les-plages-de-Skikda--Stora-">
        Sortie en paddle dans les plages de Skikda ( St...
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>子供と家族向けアクティビティ</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Skikda, Skikda</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          1,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/Sortie-en-paddle-dans-les-plages-de-Skikda--Stora-">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_465">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTmpVOmZlYXR1cmVzIg==--5a2e7bf31bb711967ec5985fb2bccaa642171947e377b7ad82a02379a5ab49b5"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMSsyQVE9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuMzM0WiIsInB1ciI6ImJsb2JfaWQifX0=--0c2f4c56c04a8ec5d85e1f98c5f0f6e74e2a6efa/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG-20260618-WA0014.jpg?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/tout-types-de-spectacles-vivant-et-de-theatre-et">
        tout types de spectacles vivant et de theatre et
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>演劇とライブパフォーマンス</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Bejaia, Béjaïa</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          1,234
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/tout-types-de-spectacles-vivant-et-de-theatre-et">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_464">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTmpROmZlYXR1cmVzIg==--7793b44db612f017c9d046e97c2871df4b0f96c4e1614b3006d66c28be17c903"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBN214QVE9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuMzU5WiIsInB1ciI6ImJsb2JfaWQifX0=--d59110a0ded1f510d288a58c104a47842a82056e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/ChatGPT%20Image%2027%20juin%202026,%2014_52_04.png?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/archery-tag">
        archery tag
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>子供と家族向けアクティビティ</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Blida, Blida</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/archery-tag">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_453">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTlRNOmZlYXR1cmVzIg==--bb5da774a05be5af66e996e42dc983434576bb1a327bbd8c88e6edb61a0036e5"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOVYvQVE9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuMzY3WiIsInB1ciI6ImJsb2JfaWQifX0=--335f02e17ab25c1c12cf808671ed0b757e84a568/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_BBA2D4AA-4C7F-4762-88CF-F4217B2B9DEA_1781958179.mov?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/-APPRENTISSAGE-DE-LA-VOILEPrenez-le-large-et-dcouvrez-une-discipline-unique-entre-sport-aventure-et-libert-">
        ⛵ APPRENTISSAGE DE LA VOILEPrenez le large et d...
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>スポーツとフィットネス</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Bordj El Bahri, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          5,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/-APPRENTISSAGE-DE-LA-VOILEPrenez-le-large-et-dcouvrez-une-discipline-unique-entre-sport-aventure-et-libert-">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_448">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTkRnOmZlYXR1cmVzIg==--eb75e7897a2cbde1e29265fa91549f7bd29b1a0b2bb10541abca2a30b2596dfd"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNGQxQVE9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuMzc2WiIsInB1ciI6ImJsb2JfaWQifX0=--33247a311ed685ac0a4a90f3c6c494d25c61e3ee/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/IMG_8856.MOV?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/initiation-tir--larc-">
        initiation tir à l’arc 🎯
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>冒険とアウトドア</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Blida, Blida</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          3,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/initiation-tir--larc-">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_447">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTkRjOmZlYXR1cmVzIg==--af9b503982db25ed409dee2afd586ef1e4e624517ede4a7986f1ef3f5afec21d"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNmx6QVE9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuMzg1WiIsInB1ciI6ImJsb2JfaWQifX0=--21eccc47dc99ccd3de8d5355f2f2101399421a70/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_B4F74FE9-B8CB-4C8C-B218-0E6E414B2CF6_1781609263.mov?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/-Envie-de-tester-une-nouvelle-activit-et-de-profiter-de-la-mer-autrement-">
        🏄‍♀️🌊 Envie de tester une nouvelle activité et ...
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>冒険とアウトドア</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Bordj El Bahri, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2,000
          -
          3,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/-Envie-de-tester-une-nouvelle-activit-et-de-profiter-de-la-mer-autrement-">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_445">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTkRVOmZlYXR1cmVzIg==--5bc83430518ad35b21cc09fc38df022bd3f881e1e4848d1adde54df645a2170f"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOFZzQVE9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuMzk0WiIsInB1ciI6ImJsb2JfaWQifX0=--7ea9c9c34b54ed7f8bcc666e871ab58e70ca3a41/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_E7BEFC54-3ED6-4944-9B76-3A6105E66C6F_1781466495.mov?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/location-jetski">
        location jetski
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>冒険とアウトドア</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Aïn Taya, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          5,000
          -
          18,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/location-jetski">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_440">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTkRBOmZlYXR1cmVzIg==--7b29855a69a4aefc78d6e62df94fc25ff9a98191d3733147a4400ad0e57e1cc2"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeTloQVE9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuNDA0WiIsInB1ciI6ImJsb2JfaWQifX0=--c8f98821187e822f5644bd21669406d07a22b0c9/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_AA053D5D-5847-499B-B40D-49A3A3781645_1781186874.mov?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/-Sortie-Paddle--Tipaza-">
        🏄‍♂️ Sortie Paddle à Tipaza 🌊
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>冒険とアウトドア</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Tipaza, Tipaza</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2,500
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/-Sortie-Paddle--Tipaza-">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_429">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTWprOmZlYXR1cmVzIg==--a1b7b96e3e64112996aadd694bc41c3568704b7ff74c30163fb549e996eb0423"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBME5aQVE9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuNDExWiIsInB1ciI6ImJsb2JfaWQifX0=--c9217ee328939504466e460c80a2f87eb35a8356/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_25EC25B6-C058-4EB7-B789-B88C740FB927_1780931155.mov?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/balade-en-mer-bejaia-">
        balade en mer bejaia 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>冒険とアウトドア</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Bejaia, Béjaïa</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          20,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/balade-en-mer-bejaia-">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_425">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTWpVOmZlYXR1cmVzIg==--268cd27275f0b9fc7ac209a844019cdd66f1098978f21f591ecd442c8dcc4483"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMUZXQVE9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuNDE4WiIsInB1ciI6ImJsb2JfaWQifX0=--6015572c7474ea97867fc0a6ef9f44ba4550d86b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_1DA7E78F-7E99-4F42-BA11-19C4ECFF2D36_1780876861.mov?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/Tandem-en-Paramoteur-chariot-">
        Tandem en Paramoteur chariot 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>飛行と空中体験</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Skikda, Skikda</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          8,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/Tandem-en-Paramoteur-chariot-">
      選ぶ
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_418">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTVRnOmZlYXR1cmVzIg==--126bd807a61bc365aa4af14f0433266b3916879da0bea659794a52009edbb7a7"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOFZDQVE9PSIsImV4cCI6IjIwMjYtMTEtMDVUMjM6MjQ6NDUuNDI1WiIsInB1ciI6ImJsb2JfaWQifX0=--ea6a94d2f31e90950cb023efb71fd6afcf830d90/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_2C55D1E8-6CED-4876-B310-94682D097E95_1780535035.mov?locale=ja" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ja/activities/dauphin-kayak-tipaza">
        dauphin kayak tipaza
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>冒険とアウトドア</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Tipaza, Tipaza</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          1,700
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ja/activities/dauphin-kayak-tipaza">
      選ぶ
</a>  </div>
</article>

    </div>
</template></turbo-stream><turbo-stream action="remove" target="activities_placeholder"></turbo-stream>
  <turbo-stream action="append" target="activities"><template>
    <turbo-frame class="" id="activities_placeholder">
      <div class="col">
        <article class="card h-100 hover-effect-scale hover-effect-opacity bg-body-tertiary border-0 rounded-5">
          <div class="bg-body-secondary rounded-5 rounded-bottom overflow-hidden">
            <div class="ratio hover-effect-target" style="--fn-aspect-ratio: calc(306 / 416 * 100%)"></div>
          </div>
          <div class="card-body">
            <span class="placeholder bg-body-secondary col-3 rounded-pill cursor-default"></span>
            <h3 class="h5 pt-1 mb-2">
              <span class="placeholder bg-body-secondary col-8 rounded-pill cursor-default"></span>
            </h3>
            <div class="d-flex align-items-center fs-sm">
              <span class="placeholder bg-body-secondary col-3 rounded-pill cursor-default"></span>
            </div>
          </div>
          <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 pt-0 pb-4">
            <div class="h5 text-info mb-0"><span class="placeholder bg-body-secondary col-3 rounded-pill cursor-default"></span></div>
            <button type="button" class="btn btn-secondary bg-body-secondary rounded-5 active border-0 cursor-default">
              <span class="opacity-0">Book now</span>
            </button>
          </div>
        </article>
      </div>
</turbo-frame></template></turbo-stream>  <turbo-stream action="replace" target="activities_pagination"><template>
      <turbo-frame loading="lazy" id="activities_pagination" src="/ja/activities.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>