(function() {
    'use strict';

    var TemplateRenderer = {
        render: function() {
            var renderedCSS = "<style>  .kasika-yoyakupage-card-container {         display: flex;         flex-wrap: wrap;         justify-content: space-between;         font-family: sans-serif;     line-height: 1.3em!important;     }     .kasika-yoyakupage-card-container::after{         content:\"\";         display: block;         max-width: 300px;         margin: 10px;         flex-basis: calc(33.33% - 20px);     }          .kasika-yoyakupage-card { position: relative;        border: 1px solid #dadada;         max-width: 300px;         margin: 10px;         flex-basis: calc(33.33% - 20px);     }      .kasika-yoyakupage-card a {         text-decoration: none;         color: #333333;     }      .kasika-yoyakupage-card img {         width: 100%;         display: block;     }      .kasika-yoyakupage-card-content {         padding: 15px;     }     .kasika-yoyakupage-card-label span {         font-size: 12px;         display: inline-block;         padding: 2px 5px;         margin-right: 5px;         margin-bottom: 3px;     }   .kasika-yoyakupage-card-label-close {         background-color: #cccccc;         border: 1px solid #cccccc;         color: #ffffff;     }  .kasika-yoyakupage-card-label-main {         background-color: #333333;         border: 1px solid #333333;         color: #ffffff;     }     .kasika-yoyakupage-card-label-sub {         background-color: #ffffff;         border: 1px solid #000000;         color: #000000;     }     .kasika-yoyakupage-card-title {         font-size: 16px;         margin-bottom: 13px;         margin-top: 10px;         font-weight: bold;     height: 50px;}      .kasika-yoyakupage-card-info {         font-size: 14px;         color: #333333;     }      .kasika-yoyakupage-info-table {	    margin: 0px 0px 20px 0px!important;         width: 100%;         border-collapse: collapse;         border-left: 1px solid #cccccc!important;         border-right: 1px solid #cccccc!important;     }      .kasika-yoyakupage-info-table tr {         padding: 4px;         border-top: 1px solid #cccccc!important;         border-bottom: 1px solid #cccccc!important;     }      .kasika-yoyakupage-info-table td {         padding: 4px!important;     }      .kasika-yoyakupage-info-table th {         padding: 4px!important;         vertical-align: middle;         background: #f1f1f1;         width: 80px;     }      @media (max-width: 1000px) {         .kasika-yoyakupage-card {             flex-basis: calc(50% - 20px);         }     }      @media (max-width: 650px) {         .kasika-yoyakupage-card-container {             justify-content: space-around;         }          .kasika-yoyakupage-card {             flex-basis: 100%;         }     }  .kasika-yoyakupage-link {padding: 0px 15px 10px 15px; position: absolute; bottom: 0px; right: 0px;}</style>";
            var renderedCustomCSS = "";
            var renderedHTML = "<div class=\"kasika-yoyakupage-card-container\" id=\"kasika-yoyakupage-c28b3cebb17272b58c0e8a1b0d281d5f\">             <div class=\"kasika-yoyakupage-card\">        <a href=\"https://life-f.yoyakupage.jp/yudenmodel2\" target=\"_blank\">                 <img src=\"https://mail.fudosan.cloud//contents/event_page/1CF18E3AFC/127141b7529861b195ffe35f6c07d4bc7e1.jpg\" alt=\"\">                     <div class=\"kasika-yoyakupage-card-content\">                                      <div class=\"kasika-yoyakupage-card-label\">                                                                                                                             </div>                                                       <div class=\"kasika-yoyakupage-card-title\">【モデルハウス見学会】自然光と洗練デザインが魅せる！高級ホテルのような男前ハウス</div>                              <div class=\"kasika-yoyakupage-card-info\">                <table class=\"kasika-yoyakupage-info-table\">                                                               <tr class=\"kasika-yoyakupage-info-table-tr-booking-day\">                      <th class=\"kasika-yoyakupage-info-table-th-booking-day\">開催日</th>                      <td class=\"kasika-yoyakupage-info-table-td-booking-day\">2024/05/11(土) 〜 2024/05/26(日)</td>                   </tr>                                                                                   </table>            </div>        </div>	<div class=\"kasika-yoyakupage-link\"><a href=\"https://life-f.yoyakupage.jp/yudenmodel2\" target=\"_blank\">詳細を見る</a></div>        </a>                       </div>      </div>";

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

    TemplateRenderer.render();
})();