.line-height_3 {
  line-height: 3em;
}
.fade-in {
  opacity: 0; /* 最初は透明 */
  transition: opacity 1s ease-in-out; /* 1秒かけてフェードイン */
}

.fade-in.show {
  opacity: 1; /* フェードイン後の状態 */
}

<!-- フリースペース -->
  <div class="row mar_b_50">
    <div class="col col-lg-12">
				<dd class="pad_r_10 mar_b_30 mar_l_0 txt_12"><br />
					<p class="line-height_3">
        おがわのせせらぎ<br>
				大地に打ちつける雨音<br>
				新緑に降る雨の匂い<br>
				水陰（みかげ）のきらめく反射<br>
				私たちの創造は　光・風・色・香・感触・音など<br>
				五感にまつわるこれから先の未来そのものです<br>
				利益を追い求め　贅沢や独占といった資本主義社会の中にいると<br>
				いつしか大切なものが抜け落ちたかのような虚無感を抱くようになりました<br>
				便利さや意匠性だけではない内包する美しさ<br>
				美しい自然を大切にする想い<br>
				人間の記憶に深く刻まれた記憶を辿る<br>
				まるで生命の源である　水のような</p>
    </div>
  </div>
<dd class="pad_r_10 mar_b_20 mar_l_0 txt_12">
<a href="https://water-sup.com/?mode=f6">
	<img src="https://img07.shop-pro.jp/PA01398/550/etc_base64/SFBfM2RheXNfVE9QX0M0.jpg?cmsp_timestamp=20250312182219" 
alt=""width="100%" height="100%">
</a>
</dd>

<!-- // フリースペース -->
<!-- お知らせ -->
<{if $info != ""}>
  <div class="row mar_b_50">
    <h2 class="pad_l_10 mar_b_20 txt_18 txt_fwn bor_b_1">Information</h2>
    <div class="col col-lg-12">
      <{$info}>
    </div>
  </div>

<{/if}>
<!-- // お知らせ -->
<!-- おすすめ商品 -->
<{if $recommend_num != 0}>
  <div class="mar_b_50">
    <h2 class="pad_l_10 mar_b_20 txt_16 txt_fwn">Featured products</h2>
    <ul class="row unstyled">
      <{section name=num loop=$recommend}>
        <li class="col col-xs-6 col-lg-4 recommend-unit mar_b_30 txt_l txt_12">
          <a href="<{$recommend[num].link_url}>">
            <{if $recommend[num].img_url != ""}>
              <img src="<{$recommend[num].img_url}>" alt="<{$recommend[num].name}>" class="show mar_auto mar_b_10" />
            <{else}>
              <img src="https://img.shop-pro.jp/tmpl_img/73/noimage.png" alt="<{$recommend[num].name}>" class="show mar_auto mar_b_10" />
            <{/if}>
          </a>
          <div>
            <a href="<{$recommend[num].link_url}>"><{$recommend[num].name}></a>
          </div>
          <{if $recommend[num].soldout_flg == false}>
            <{$recommend[num].price}>
            <{if $members_login_flg == true && $recommend[num].discount_flg == true}>
              <{$recommend[num].discount_rate}>OFF!!
            <{/if}>
          <{else}>
            ASK
          <{/if}>
        </li>
      <{/section}>
    </ul>
  </div>
<{/if}>
<!-- // おすすめ商品 -->
<!-- 売れ筋商品 -->
<{if $seller_num != 0}>
  <div class="mar_b_50">
    <h2 class="pad_l_10 mar_b_20 txt_18 txt_fwn">Best-selling product</h2>
    <ul class="row unstyled">
      <{section name=num loop=$seller}>
        <li class="col col-xs-6 col-lg-4 seller-unit mar_b_30 txt_l txt_12">
          <a href="<{$seller[num].link_url}>">
            <{if $seller[num].img_url != ""}>
              <img src="<{$seller[num].img_url}>" alt="<{$seller[num].name}>" class="show mar_auto mar_b_10" />
            <{else}>
              <img src="https://img.shop-pro.jp/tmpl_img/73/noimage.png" alt="<{$seller[num].name}>" class="show mar_auto mar_b_10" />
            <{/if}>
          </a>
          <div>
            <a href="<{$seller[num].link_url}>"><{$seller[num].name}></a>
          </div>
          <{if $seller[num].soldout_flg == false}>
            <{$seller[num].price}>
            <{if $members_login_flg == true && $seller[num].discount_flg == true}>
              <{$seller[num].discount_rate}>OFF!!
            <{/if}>
          <{else}>
            SOLD OUT
          <{/if}>
        </li>
      <{/section}>
    </ul>
  </div>
<{/if}>
<!-- // 売れ筋商品 -->
<!-- フリースペース -->
<{if $free_space != ""}>
  <div class="row mar_b_50">
    <div class="col col-lg-12">
      <{$free_space}>
    </div>
  </div>
<{/if}>
<!-- // フリースペース -->

<script>
  $(window).load(function () {
    $('.recommend-unit').tile();
    $('.seller-unit').tile();
  });
  $(window).resize(function () {
    $('.recommend-unit').tile();
    $('.seller-unit').tile();
  });
</script>


<div style="display: flex; justify-content: space-between;">
  <dd class="pad_r_10 mar_b_20 mar_l_0 txt_12" style="width: 100%;">
    <a href="https://water-sup.com/?mode=f6">
      <img src="https://img07.shop-pro.jp/PA01398/550/etc_base64/SFBfM2RheXNfVE9QX0M0.jpg?cmsp_timestamp=20250312182219" alt="" width="100%" height="auto">
    </a>
  </dd>
</div>
↓これ使う
<div style="display: flex; justify-content: space-between;">
  <dd class="pad_r_10 mar_b_20 mar_l_0 txt_12" style="width: 100%;">
    <a href="https://water-sup.com/?mode=f6">
      <img src="https://img07.shop-pro.jp/PA01398/550/etc_base64/SFBfM2RheXNfVE9QX0M0.jpg?cmsp_timestamp=20250312182219" alt="" width="100%" height="auto">
    </a>
  </dd>
</div>