(function(){

'use strict';

var tag = document.getElementsByClassName('diny-to-go-menu');
tag[0].style.display = 'none';

var iframe = document.createElement('iframe');
iframe.scrolling = 'no';
iframe.frameBorder = 0;
iframe.marginWidth = 0;
iframe.marginHeight = 0;
iframe.width = '100%';
iframe.height = '180px';
iframe.width = '100%';
iframe.height = '100%';
iframe.id = 'gh-contributions-widget';

tag[0].parentNode.insertBefore(iframe,tag[0]);

var widget = '<div>'
widget += '<div class="box"><a class ="link" target="_blank" href="https://diny.io/to-go/86"></a><div style="float: left; width: 170px"><span>自家製ハンバーグカレー</span><br><span class="price" style="padding-top: 20px;">(JPY) 1000 / 個</span></div><div class="img-div"><img height="100px" src="https://d1bt7e8smc5nbz.cloudfront.net/shop/86/takeout-menu/234/image-1594631407807.jpg"/></div><div style="clear: both;"></div></div><div class="price" style="clear: both;">Powered by Diny to-go</div>'
widget += '</div>'
widget += `
<style>
.box {
    position:relative;
    padding: 5px;
    margin: 5px 5px 5px 0;
    background: #FFF;
    border: solid 1px #BEBEBE;/*線*/
    border-radius: 5px;/*角の丸み*/
    height: 100px;
    float: left;
    width: 280px;
}

.box .link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.img-div {
    float: right;
}
.price {
    color: #DEA07E;
}
</style>
`

var doc = iframe.contentWindow.document;
doc.open();
doc.write(widget);
doc.close();

})();