(function(){

'use strict';

var target_cid = 482
// 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=482" target="_blank">';
widget += '<h3>近いけど意外と行ったことない！？調布エリアを巡るお気軽日帰りコース 40km</h3>';
widget += '<p>近いけど意外と知らない調布の歴史や文化をクロモリバイクで走って感じてみよう！</p>';
widget += '<table class="terms">';
widget += '<tr><th><span>エリア</span></th><td>調布、三鷹、武蔵野</td></tr>';
widget += '<tr><th><span>距離</span></th><td>40km</td></tr>';
widget += '</table>';
widget += '<div class="img">';
widget += '<img src="https://www.app-tour-de-nippon.jp/post_data/course_top_image/6102472405226f457046.jpg" width="100%" alt="">';
widget += '</div>';
widget += '<ul class="detail">';
widget += '<li class="comment">0</li>';
widget += '<li class="marker">9</li>';
widget += '<li class="star"> <span class="s0"></span> 0 </li>';
widget += '<li class="calendar">2022-01-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 += '<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/24bd3b236a6f9af71fed.png);"></span>Ken Shinoさん </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();


})();