document.write('<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />');
document.write('<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>');
document.write('<style type="text/css">.fancybox-slide { padding:20px !important; }</style>');
window.addEventListener('message', function(e) {
	var eventName = e.data[0];
	var data = e.data[1];
	switch(eventName) {
		case 'setDate3':
			console.log("frontjs = " + data);
			$("input[name=date3]").val(data);
			$.fancybox.close();
			break;
	}
}, false);

$(function() {
    //テキストボックスにフォーカス時、フォームの背景色を変化
    $('.res_date3')
        .focusin(function (e) {
            $.fancybox.open({
				padding: 0, // set for all elements
                src: 'https://system.taishinkensetsu.co.jp/common/loadCalender/3/',
                type: 'iframe',
				iframe: {
					  css: {
							margin:'20px'
						},
					},
                opts: {
                    afterShow: function (instance, current) {
                        console.info('done!');

                    }
                }
            });
        })
        .focusout(function (e) {

        });
});