$('.archive-filter-wrap').html(`<div class='filter-bt'>
<a class='bt slide skew all current' data-remote href='/videos?search_keyword%5B%5D=27&amp;search_type=all'>全て</a>
<a class='bt slide skew movie' data-remote href='/videos?search_keyword%5B%5D=27&amp;search_type=movie'><span class='icon-movie'>
<img alt="動画" src="/assets/commons/icon-movie-b12a570c35a43b4973352decbc10245bf1f50b7879700e00816985ef1cfac829.png" />
</span>動画
</a>
<a class='bt slide skew article' data-remote href='/videos?search_keyword%5B%5D=27&amp;search_type=article'><span class='icon-article'>
<img alt="記事" src="/assets/commons/icon-article-5817620b46c554186dc9a2da4af13987ef3b40905d211f554e80e0c263d2f69c.png" />
</span>記事
</a>
</div>
`);
$('.movie-wrap').html(`<div class='item col-second'>
<a href='/videos/78'>
<div class='item-img'>
<img alt="あなたのお金と健康どうしてる？編" src="https://career-channel-prod.s3.ap-northeast-1.amazonaws.com/w58ucncv8bcp23lygg3sgr9mn9ic" />
</div>
<div class='item-txt'>
<h3 class='item-title'>あなたのお金と健康どうしてる？編</h3>
<div class='item-meta list-hashtag'>
<span class='tag'>#80歳まで働く</span>
<span class='tag'>#家計</span>
<div class='time'>08:53</div>
</div>
</div>
<div class='item-type'>
<img alt="動画" src="/assets/commons/icon-movie-b12a570c35a43b4973352decbc10245bf1f50b7879700e00816985ef1cfac829.png" />
</div>
</a>
</div>

<div class='item col-second'>
<a href='/videos/93'>
<div class='item-img'>
<img alt="個人事業主として業務委託契約（IC）で企業人事を支援" src="https://career-channel-prod.s3.ap-northeast-1.amazonaws.com/dortto72x8svuml18dbpe85rs08n" />
</div>
<div class='item-txt'>
<h3 class='item-title'>個人事業主として業務委託契約（IC）で企業人事を支援</h3>
<div class='item-meta list-hashtag'>
<span class='tag'>#早期退職</span>
<span class='tag'>#個人事業主</span>
<span class='tag'>#マルチキャリア</span>
<span class='tag'>#これからのSTORY</span>
<span class='tag'>#キャリア/教育</span>
<span class='tag'>#家計</span>
<span class='tag'>#コーポレート</span>
<div class='time'>09:48</div>
</div>
</div>
<div class='item-type'>
<img alt="動画" src="/assets/commons/icon-movie-b12a570c35a43b4973352decbc10245bf1f50b7879700e00816985ef1cfac829.png" />
</div>
</a>
</div>

<div class='item col-second'>
<a href='/videos/92'>
<div class='item-img'>
<img alt="個人事業主として業務委託契約（IC）で企業人事を支援" src="https://career-channel-prod.s3.ap-northeast-1.amazonaws.com/q5fqe9w3p5xkry62d9pjvz8mugzh" />
</div>
<div class='item-txt'>
<h3 class='item-title'>個人事業主として業務委託契約（IC）で企業人事を支援</h3>
<div class='item-meta list-hashtag'>
<span class='tag'>#早期退職</span>
<span class='tag'>#個人事業主</span>
<span class='tag'>#マルチキャリア</span>
<span class='tag'>#決断までのSTORY</span>
<span class='tag'>#キャリア/教育</span>
<span class='tag'>#家計</span>
<span class='tag'>#コーポレート</span>
<div class='time'>11:17</div>
</div>
</div>
<div class='item-type'>
<img alt="動画" src="/assets/commons/icon-movie-b12a570c35a43b4973352decbc10245bf1f50b7879700e00816985ef1cfac829.png" />
</div>
</a>
</div>

`);
$('.word-bt').html(`<div><span class='tag'>#家計<span class='icon-close' data-keyword='27'>
<img alt="" src="/assets/commons/icon-close-a4147abab1f3cc8c1f01542550702319e37222068c611da991cfd871b697acaa.png" />
</span></span></div>
`);
$('#filter-form').html(`<div class='modal-subtitle'>カテゴリから探す</div>
<div class='modal-filter'>
<div class='modal-filter-wrap'>
<input id='category1' name='search_category[]' type='checkbox' value='1'>
<label for='category1'><span class='modal-icon-cat'>
<img alt="カテゴリー" src="/assets/commons/icon-cat-9bfd35c34aac04c62c98e51ccaf1358da3fe71a5bb0c768a3de6de4d9bb249b3.png" />
</span>キャリアチェンジャーズ ～voice～
</label>
<input id='category2' name='search_category[]' type='checkbox' value='2'>
<label for='category2'><span class='modal-icon-cat'>
<img alt="カテゴリー" src="/assets/commons/icon-cat-9bfd35c34aac04c62c98e51ccaf1358da3fe71a5bb0c768a3de6de4d9bb249b3.png" />
</span>40〜50代のキャリアの考え方
</label>
<input id='category3' name='search_category[]' type='checkbox' value='3'>
<label for='category3'><span class='modal-icon-cat'>
<img alt="カテゴリー" src="/assets/commons/icon-cat-9bfd35c34aac04c62c98e51ccaf1358da3fe71a5bb0c768a3de6de4d9bb249b3.png" />
</span>その他
</label>
</div>
</div>
<div class='modal-subtitle'>キーワードから探す</div>
<div class='modal-filter'>
<div class='modal-filter-wrap'>
<input id='k18' name='search_keyword[]' type='checkbox' value='18'>
<label for='k18'>#決断までのSTORY</label>
<input id='k19' name='search_keyword[]' type='checkbox' value='19'>
<label for='k19'>#これからのSTORY</label>
<input id='k8' name='search_keyword[]' type='checkbox' value='8'>
<label for='k8'>#定年退職</label>
<input id='k11' name='search_keyword[]' type='checkbox' value='11'>
<label for='k11'>#早期退職</label>
<input id='k29' name='search_keyword[]' type='checkbox' value='29'>
<label for='k29'>#転職/再就職</label>
<input id='k4' name='search_keyword[]' type='checkbox' value='4'>
<label for='k4'>#起業</label>
<input id='k7' name='search_keyword[]' type='checkbox' value='7'>
<label for='k7'>#技術/開発職/エンジニア</label>
<input id='k9' name='search_keyword[]' type='checkbox' value='9'>
<label for='k9'>#営業</label>
<input id='k10' name='search_keyword[]' type='checkbox' value='10'>
<label for='k10'>#企画/マーケ</label>
<input id='k38' name='search_keyword[]' type='checkbox' value='38'>
<label for='k38'>#コーポレート</label>
<input id='k23' name='search_keyword[]' type='checkbox' value='23'>
<label for='k23'>#専門職（コンサルタント等）</label>
<input id='k12' name='search_keyword[]' type='checkbox' value='12'>
<label for='k12'>#地方創生/地方移住/地域貢献</label>
<input id='k16' name='search_keyword[]' type='checkbox' value='16'>
<label for='k16'>#社会貢献/NPO</label>
<input id='k31' name='search_keyword[]' type='checkbox' value='31'>
<label for='k31'>#飲食</label>
<input id='k20' name='search_keyword[]' type='checkbox' value='20'>
<label for='k20'>#キャリア/教育</label>
<input id='k13' name='search_keyword[]' type='checkbox' value='13'>
<label for='k13'>#個人事業主</label>
<input id='k30' name='search_keyword[]' type='checkbox' value='30'>
<label for='k30'>#経営者</label>
<input id='k14' name='search_keyword[]' type='checkbox' value='14'>
<label for='k14'>#マルチキャリア</label>
<input id='k37' name='search_keyword[]' type='checkbox' value='37'>
<label for='k37'>#中堅中小企業</label>
<input id='k35' name='search_keyword[]' type='checkbox' value='35'>
<label for='k35'>#越境学習</label>
<input id='k26' name='search_keyword[]' type='checkbox' value='26'>
<label for='k26'>#落とし穴</label>
<input checked id='k27' name='search_keyword[]' type='checkbox' value='27'>
<label for='k27'>#家計</label>
<input id='k2' name='search_keyword[]' type='checkbox' value='2'>
<label for='k2'>#80歳まで働く</label>
</div>
</div>
<div class='modal-subtitle'>タイプを選択</div>
<div class='modal-filter'>
<div class='modal-filter-wrap type'>
<input checked id='t01' name='search_type' type='radio' value='all'>
<label class='all' for='t01'>全て</label>
<input id='t02' name='search_type' type='radio' value='movie'>
<label for='t02'><span class='icon-movie'>
<img alt="動画" src="/assets/commons/icon-movie-b12a570c35a43b4973352decbc10245bf1f50b7879700e00816985ef1cfac829.png" />
</span>動画
</label>
<input id='t03' name='search_type' type='radio' value='article'>
<label for='t03'><span class='icon-article'>
<img alt="記事" src="/assets/commons/icon-article-5817620b46c554186dc9a2da4af13987ef3b40905d211f554e80e0c263d2f69c.png" />
</span>記事
</label>
</div>
</div>
<div class='modal-bt'>
<input class='d-none' id='submit-btn' type='submit'>
<a class='bt slide skew' href='javascript:void(0)' id='submit-tag'>
検索する
<span class='bt-arrow'>
<img alt="" src="/assets/commons/bt-arrow-86a51e6ed885abe4f1b5489c724626ea6767d579b5cd607972d5658c7856e3f6.png" />
</span>
</a>
</div>
`);
$('.pagination').html(``);
window.history.pushState('', '', "https://careerchannel4050.biztlab.co.jp/videos?search_keyword%5B%5D=27");
<!-- / Change title -->
$('.mypage-title h1').html("#家計")
<!-- / Reload init scroll -->
var arrScroll = document.querySelectorAll(".item-meta.list-hashtag");
arrScroll.forEach(function (element) {
element.addEventListener("wheel", (evt) => {
evt.preventDefault();
element.scrollLeft += evt.deltaY / 2;
});
});