function putHtml(doc){
    var widget = "";
    widget += "<a href='https://appcas.sub.jp/?APP%2F1456245027' target='appcas'><h2><div class='innerbox'><img class='oshiimg' style='width:48px;height:48px;object-fit:cover;' src='../../image/noimage.png'><div class='oshiinfo'><div>「諸葛亮」CV: 岡本信彦</div><div><span class='oshibtn oshicol1'>尊い</span><span class='oshibtn oshicol2'>かわいい</span><span class='oshibtn oshicol2'>カッコいい</span><span class='oshibtn oshicol2'>美しい</span><span class='oshibtn oshicol2'>エモい</span><span class='oshibtn oshicol2'>面白い</span></div></div></div></h2></a>";
    widget += (function(){/*
<style>
a,
a:visited,
a:hover,
a:active {
  color: inherit;
  text-decoration: none;
}

.innerbox{
  width:100%;
  height:100%;
  overflow:hidden;
}
.oshiinfo{
  position: relative;
  top:-50px;
  left:60px;
  height:100%;
  width:93%;
  margin-right:5px;
  overflow:hidden;
}

.oshiimg{
  position: relative;
  top:0.4em;
  margin-left: 5px;
  border-radius: 5px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.oshibtn{
    position: relative;
    top:-0.3em;
    padding: 0.2em 0.3em;
    margin:0.2em;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.oshicol0 {
  border: solid 2px #cccccc;
  background: #f7f7f7;
}
.oshicol1 {
  border: solid 2px #ff8888;
  background: #f7f7f7;
}
.oshicol2 {
  border: solid 2px #ffcccc;
  background: #f7f7f7;
}

h2 {
    position: relative;
    border-top: solid 2px #ff3366;
    border-bottom: solid 2px #ff3366;
    border-left: solid 2px #ff3366;
    border-right: solid 2px #ff3366;
    background: #f4f4f4;
    font-size: 18px;
    line-height: 2;
    margin: 1.2em 0.4em 0 0;
    height:64px;
    width:98%;
    white-space: nowrap;
  }
  
  h2:after {
    position: absolute;
    font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
    font-weight: 600;
    content: '人気キャラ by appcas【▼Click】2 Cast';
    background: #ff3366;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 5px 7px 3px;
    font-size: 0.7em;
    line-height: 1;
    letter-spacing: 0.05em;
  }
</style>
*/}).toString().replace(/(\n)/g, '').split('/*')[1].split('*/')[0];
    doc.open();
    doc.write(widget);
    doc.close();

}    

(function(){
    'use strict';
    var atag = document.getElementsByClassName('gi-appinfo');
    var apid = atag[0].dataset.giApid;
    atag[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 = '90px';
    iframe.id = 'gi-appinfo-widget';
    atag[0].parentNode.insertBefore(iframe,atag[0]);

    var doc = iframe.contentWindow.document;

    putHtml(doc);

    })();