(function() {
    'use strict';

    var TemplateRenderer = {
        render: function() {
            var renderedCSS = "<style>  .kasika-yoyakupage-card-container .card-item .card-thum {    width: 100%;    height: auto;    aspect-ratio: 4 / 3;  }</style>";
            var renderedCustomCSS = "";
            var renderedHTML = "<div class=\"kasika-yoyakupage-card-container\" id=\"kasika-yoyakupage-a8199c9e8c7d22061ed4b9adbf795c6a\">  <div class=\"card-grid mt50\">        <div class=\"card-item\">      <a href=\"https://ietochi-hiroshima.yoyakupage.jp/3bd643736379e2453301d8b54229add6\" target=\"_blank\"        >         <div class=\"card-thum\">          <img src=\"https://mail.fudosan.cloud//contents/event_page/2AAFEA043D/6393/upload/038dd7c59f3c5ef4a10368454b60008f.png\" alt=\"\" />        </div>                <div class=\"card-content\">                    <p class=\"card-date\"><time datetime=\"2025/08/19(火) 〜 2025/12/30(火)\">2025/08/19(火) 〜 2025/12/30(火)</time></p>                     <p class=\"card-title\">はじめての家づくり相談会　VRモデルルーム体験で理想の住まいをイメージしよう</p>                    <ul class=\"card-cat mt5\">                         <li class=\"event-info\">EVENT</li>                         <li class=\"event-info\">相談会</li>                      </ul>        </div>        </a      >    </div>    <!-- card-item -->        <div class=\"card-item\">      <a href=\"https://ietochi-hiroshima.yoyakupage.jp/5ab8b81e8cf6b72570416e41e64545e3\" target=\"_blank\"        >         <div class=\"card-thum\">          <img src=\"https://mail.fudosan.cloud//contents/event_page/2AAFEA043D/6377/upload/bfbff588d83f5bca65d1646e61666344.png\" alt=\"\" />        </div>                <div class=\"card-content\">                    <p class=\"card-date\"><time datetime=\"2025/08/23(土) 〜 2025/08/24(日)\">2025/08/23(土) 〜 2025/08/24(日)</time></p>                     <p class=\"card-title\">夏休み企画！恐竜ジオラマボックス作り×家づくり無料相談会</p>                    <ul class=\"card-cat mt5\">                         <li class=\"event-info\">EVENT</li>                       </ul>        </div>        </a      >    </div>    <!-- card-item -->      </div></div>";

            if (document.getElementById('kasika-yoyakupage-widget-a8199c9e8c7d22061ed4b9adbf795c6a') !== null){
                document.getElementById('kasika-yoyakupage-widget-a8199c9e8c7d22061ed4b9adbf795c6a').innerHTML = renderedCSS + renderedCustomCSS + renderedHTML;
            } else {
                console.log('KASIKA YOYAKUPAGE WIDGET: Target element not found.', 'kasika-yoyakupage-widget-a8199c9e8c7d22061ed4b9adbf795c6a');
            }
        }
    };

    TemplateRenderer.render();
})();