(function() {
    'use strict';

    var TemplateRenderer = {
        render: function() {
            var renderedCSS = "<style>.kasika-yoyakupage-card-container {    display: flex;    flex-direction: column;    gap: 24px;    width: 100%;    max-width: 800px;    margin: 0 auto;    padding: 0 16px;    box-sizing: border-box;}.kasika-yoyakupage-card-link {    display: block;    text-decoration: none;    color: inherit;}.kasika-yoyakupage-card-link:hover .kasika-yoyakupage-card-title {    text-decoration: underline;}.kasika-yoyakupage-card {    display: flex;    flex-direction: row;    align-items: center;    position: relative;    background-color: #fff;    overflow: hidden;    transition: box-shadow 0.3s ease;    gap: 15px;}.kasika-yoyakupage-card:hover,.kasika-yoyakupage-card-link:hover .kasika-yoyakupage-card {    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}.kasika-yoyakupage-card-img-wrap {    width: 50%;    aspect-ratio: 4 / 3;    position: relative;    background-color: #f5f5f5;    flex-shrink: 0;}.kasika-yoyakupage-card-img {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    object-fit: cover;}.kasika-yoyakupage-card-content {    width: 50%;    padding: 0 10px 0 0;    display: flex;    flex-direction: column;    justify-content: center;    gap: 6px;    box-sizing: border-box;    color: #453d3a;}.kasika-yoyakupage-card-label {    display: flex;    flex-wrap: wrap;    gap: 6px;    z-index: 10;    margin-bottom: 4px;}.kasika-yoyakupage-card-label span {    padding: 4px 10px;    font-size: 12px;    font-weight: bold;    color: #fff;    border-radius: 2px;    line-height: 1;}.kasika-yoyakupage-card-label-active { background-color: #e74c3c; }.kasika-yoyakupage-card-label-close { background-color: #7f8c8d; }.kasika-yoyakupage-card-label-main { background-color: #f2a950; }.kasika-yoyakupage-card-label-sub { background-color: #f2a950; }.kasika-yoyakupage-card-date {    font-size: 12px;    letter-spacing: 0.05em;    line-height: 1.4;    text-align: left;}.kasika-yoyakupage-card-title {    font-size: 16px;    font-weight: bold;    line-height: 1.4;    margin: 0;}.kasika-yoyakupage-action {    margin-top: 0;    font-size: 14px;    font-weight: bold;    display: flex;    align-items: center;    gap: 8px;}.kasika-icon-play {    display: inline-flex;    justify-content: center;    align-items: center;    width: 22px;    height: 22px;    background-color: #453d3a;    border-radius: 50%;}.kasika-icon-play::before {    content: \"\";    width: 0;    height: 0;    border-style: solid;    border-width: 5px 0 5px 7px;    border-color: transparent transparent transparent #fff;    margin-left: 2px;}/* --- 終了イベント用スタイル --- */.kasika-yoyakupage-card.kasika-is-ended .kasika-yoyakupage-card-label-active {    display: none; }.kasika-yoyakupage-card.kasika-is-ended::after {    /* content: \"\"; グレーアウトさせる場合はこちらを使用 */    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.4);    z-index: 20;    pointer-events: none;}/* --- タブレットサイズ（1024px 〜 768px）の縦並び対応 --- */@media screen and (min-width: 768px) and (max-width: 1024px) {    .kasika-yoyakupage-card {        flex-direction: column;     }        .kasika-yoyakupage-card-content {        padding: 10px;     }    .kasika-yoyakupage-card-img-wrap,    .kasika-yoyakupage-card-content {        width: 100%; /* 画像もテキストも横幅いっぱいに */    }}/* --- レスポンシブ（767px以下） --- */@media screen and (max-width: 767px) {    .kasika-yoyakupage-card {        gap: 10px;    }        .kasika-yoyakupage-card-container {        padding: 0;    }    .kasika-yoyakupage-card-label span {        padding: 3px 6px;        font-size: 10px;    }        .kasika-yoyakupage-card-date {        font-size: 10px;    }        .kasika-yoyakupage-card-title {        font-size: 12px;    }        .kasika-yoyakupage-action {        font-size: 10px;    }        .kasika-icon-play {        width: 18px;        height: 18px;    }        .kasika-icon-play::before {        border-width: 4px 0 4px 5px;    }}</style>";
            var renderedCustomCSS = "";
            var renderedHTML = "<div class=\"kasika-yoyakupage-card-container\" id=\"kasika-yoyakupage-3799019590a10020f75968a6cb382a5e\">        <a href=\"https://nanbara-k.yoyakupage.jp/compact-house-tour2026\" class=\"kasika-yoyakupage-card-link\" target=\"_blank\">        <div class=\"kasika-yoyakupage-card \">                <div class=\"kasika-yoyakupage-card-img-wrap\">            <img src=\"https://mail.fudosan.cloud//contents/event_page/BB26CE3BDB/10833/upload/78424a7ae4415c816a17bef96d017784.png\" alt=\"\" class=\"kasika-yoyakupage-card-img\">        </div>        <div class=\"kasika-yoyakupage-card-content\">            <div class=\"kasika-yoyakupage-card-label\">                <span class=\"kasika-yoyakupage-card-label-active\">開催中</span>                                <span class=\"kasika-yoyakupage-card-label-main\">新築完成見学会</span>                            </div>            <div class=\"kasika-yoyakupage-card-date\">2026/07/04(土) 〜 2026/07/05(日)</div>            <h3 class=\"kasika-yoyakupage-card-title\">20坪とは思えない！広々16帖LDKのコンパクトハウス見学会</h3>                        <div class=\"kasika-yoyakupage-action\">                詳しく見る <span class=\"kasika-icon-play\"></span>            </div>        </div>            </div>        </a>    </div>";

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

    TemplateRenderer.render();
})();