(function(){

'use strict';

var target_cid = 152
// console.log(target_cid);
// console.log(typeof target_cid);

if(target_cid == null)
{
	return false; //target_cidを取得できなかった場合は終了する
}

var atags = document.getElementsByClassName('course_widget');

var target_ele = null;
for(var i=0; i<atags.length; i++)
{
	if(!atags[i].classList.contains('used')
	 && atags[i].getAttribute('data-course-id') == target_cid.toString())
	{
		target_ele = atags[i];
		break;
	}
}

if(target_ele == null)
{
	return false; //取得できなかった場合は終了
}

// 目印のaタグからパラメータとってきたら消す
target_ele.style.display = 'none';
target_ele.classList.add('used'); //同じページで同じidのウェジェットを埋め込まれた際の対策

// var username = atag[0].dataset.course_widget;


var iframe = document.createElement('iframe');
iframe.scrolling = 'auto';
iframe.frameBorder = 0;
iframe.marginWidth = 0;
iframe.marginHeight = 0;
iframe.width = '100%';
//iframe.height = '100%';
//iframe.width = '480px';
iframe.height = '320px';
iframe.style.cssText = 'border: 1px solid #c0c0c0;box-sizing: border-box;max-width: 480px';
/*
iframe.width = '100%';
iframe.height = '100%';
*/
iframe.id = 'course_widget';

// target_eleの隣にiframeを挿入
target_ele.parentNode.insertBefore(iframe,target_ele);

// widgetの中身（ここに後で中身を書いていきます）
var widget = '<link rel="stylesheet" href="//www.app-tour-de-nippon.jp/css/base.css" />';
widget += '<link rel="stylesheet" href="//www.app-tour-de-nippon.jp/css/widget.css" />';
widget += '<div id="widget">';
widget += '<a href="https://www.app-tour-de-nippon.jp/course/?course_id=152" target="_blank">';
widget += '<h3>スルガ銀行プレゼンツ　狩野川ロングライド/修善寺しいたけバーベキュー90km</h3>';
widget += '<p>狩野川の源流に近い部分から駿河湾沼津港まで走破する狩野川攻略コース</p>';
widget += '<table class="terms">';
widget += '<tr><th><span>エリア</span></th><td>伊豆半島</td></tr>';
widget += '<tr><th><span>距離</span></th><td>92.3km</td></tr>';
widget += '</table>';
widget += '<div class="img">';
widget += '<img src="https://www.app-tour-de-nippon.jp/post_data/course_top_image/ab3c93a57e165c3dd041.jpg" width="100%" alt="">';
widget += '</div>';
widget += '<ul class="detail">';
widget += '<li class="comment">0</li>';
widget += '<li class="marker">10</li>';
widget += '<li class="star"> <span class="s0"></span> 0 </li>';
widget += '<li class="calendar">2019-03-16</li>';
widget += '</ul>';
widget += '<ul class="tag">';
widget += '<li>#グルメが充実</li>';
widget += '<li>#絶景・景観が充実</li>';
widget += '<li>#田舎・村里</li>';
widget += '<li>#森林・林間</li>';
widget += '<li>#グループライド向き</li>';
widget += '<li>#中級者向き</li>';
widget += '<li>#初級者の脚で１日</li>';
widget += '<li>#信号が少ない</li>';
widget += '<li>#交通量が少ない</li>';
widget += '</ul>';
widget += '<p class="user"> <span class="user_icon" style="background-image: url(https://www.app-tour-de-nippon.jp/post_data/course_post_user_image/045e1b4817fd8f4250ef.jpg);"></span>リンケージサイクリング　田代恭崇【MASTER】さん </p>';
widget += '</a>';
widget += '</div>';
// widget += (function () { /* <style> #widget{box-sizing:border-box;padding:3%}#widget .img img,#widget a{display:block}#widget a{text-decoration:none}#widget h3{font-size:2.2rem;font-weight:700}#widget h3,#widget h3+p{color:#1f1f1f}#widget ul{margin-top:7px}#widget ul li{display:inline-block;vertical-align:top;height:1pc;line-height:1pc}ul.tag li{color:#0795e0}ul.detail li,ul.tag li{margin-right:10px;display:inline-block}ul.detail li{height:1pc;line-height:1pc;font-size:1.2rem;font-weight:700;color:#c2c2c2}ul.detail li.comment{padding-left:21px;background:url(https://app-tour-de-nippon.jp/img/icon_comment.png)no-repeat left center;background-size:auto 100%}ul.detail li.marker{padding-left:14px;background:url(https://app-tour-de-nippon.jp/img/icon_marker.png)no-repeat left center;background-size:auto 100%}ul.detail li.write{padding-left:18px;background:url(https://app-tour-de-nippon.jp/img/icon_write.png)no-repeat left center;background-size:auto 100%}ul.detail li.star span{display:inline-block;vertical-align:middle;margin-right:5px;width:87px;height:1pc;background:url(https://app-tour-de-nippon.jp/img/bg_star0.png)no-repeat 0 center;background-size:auto 100%}ul.detail li.star span.s1{background-image:url(https://app-tour-de-nippon.jp/img/bg_star1.png)}ul.detail li.star span.s2{background-image:url(https://app-tour-de-nippon.jp/img/bg_star2.png)}ul.detail li.star span.s3{background-image:url(https://app-tour-de-nippon.jp/img/bg_star3.png)}ul.detail li.star span.s4{background-image:url(https://app-tour-de-nippon.jp/img/bg_star4.png)}ul.detail li.star span.s5{background-image:url(https://app-tour-de-nippon.jp/img/bg_star5.png)}ul.detail li.calendar{padding-left:20px;background:url(https://app-tour-de-nippon.jp/img/icon_calendar.png)no-repeat left center;background-size:auto 100%}ul.terms li{display:inline-block;vertical-align:top;margin-right:15px;margin-bottom:10px;color:#fd6d6d;font-weight:700;height:22px;line-height:22px}ul.terms li span{margin-right:8px;display:inline-block;padding:0 8px;vertical-align:middle;font-size:1.1rem;border-radius:3px;border:1px solid #fd6d6d}p.user{margin-top:.5rem;text-align:right;color:#c3c3c3;font-weight:700}p.user .user_icon{content:"";display:inline-block;vertical-align:middle;margin-right:5px;width:24px;height:24px;background:url(../img/icon_smile.png)no-repeat center center #c3c3c3;background-size:contain;border-radius:50%} </style> */ }).toString().replace(/(\n)/g, '').split('/*')[1].split('*/')[0];


// iframeにウィジェットの内容
var doc = iframe.contentWindow.document;
doc.open();
doc.write(widget);
doc.close();


})();