https://netz-kochi.co.jp/

1<!DOCTYPE html>
2<html class="no-js" lang="ja" dir="ltr">
3<head>
4<meta charset="utf-8" />
5<title>ネッツトヨタ高知株式会社</title>
6<meta name="viewport" content="width=device-width,initial-scale=1.0" />
7<meta name="Keywords" content="高知県,新車,中古車,オイル交換,車検,車点検">
8<meta name="Description" content="新車情報・U-car情報・イベント情報・カタログ請求などの各種インターネットサービスを提供するネッツトヨタ高知の公式サイトです。最高の笑顔でお待ちしています。フリーダイヤル:0120-001-015">
9<link rel="index" href="/index.shtml" />
10
11<meta property="og:title" content="ネッツトヨタ高知株式会社">
12	<meta property="og:url" content="https://www.netz-kochi.co.jp/">
13	<meta property="og:image" content="https://www.netz-kochi.co.jp/asset/b9834effd6026fa888ba56231ebd8ca7ea0c57e3.jpg">
14	<meta property="og:site_name" content="ネッツトヨタ高知株式会社">
15	<meta property="og:description" content="車の事ならネッツトヨタ高知!!">
16
17<!-- ファビコン -->
18<link rel="shortcut icon" href="/favicon.ico">
19<link rel="index" href="/index.shtml" />
20
21<!-- *** stylesheet *** -->
22<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
23<link href="//fonts.googleapis.com/earlyaccess/notosansjapanese.css" rel="stylesheet">
24
25<link href="/share/styles/style.css" rel="stylesheet" />
26<link href="/share/styles/add.css" rel="stylesheet" />
27<link href="/share/styles/header_shop_menu.css" rel="stylesheet" />
28<!-- *** javascript *** -->

29<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

29

30<script src="/share/js/share.js"></script>

30

31<script src="/share/js/ofi.min.js"></script>

31

32<script src="/share/js/jquery.instagramFeed.min.js"></script>

32

33<script>
34  objectFitImages('.instafeed-item img');
35</script>

35

36<script src="https://ajaxzip3.github.io/ajaxzip3.js"></script>

36
37
38
39
40
41<!-- Google Tag Manager -->

42<script>

42(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
43new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
44j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
45'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
46})(window,document,'script','dataLayer','

46GTM-5X8CKB9

46');

46</script>

46
47<!-- End Google Tag Manager -->
48</head>
49
50<body class="body -top">
51<!-- Google Tag Manager (noscript) -->

51
52<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=

52GTM-5X8CKB9

52"
53height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

54<!-- End Google Tag Manager (noscript) -->
55<div class="wrapper" id="top">
56
57<div class="l-content">
58<header class="l-header">
59
60</header>
61
62<div class="main-visual">
63<!-- / .main-visual --></div>
64
65<div class="emergency">
66  <h3>ネッツトヨタ高知✕SDGs</h3>
67<p>
68    　自動車の販売、サービスなど様々な事業活動を通じて<br class="visible-xs">「持続可能な社会の実現」に貢献していきます。
69  </p>
70  <a href="/netz_sdgs/" target="_blank"><i class="fa fa-caret-right"></i>&ensp;Read More&nbsp;</a>
71</div>
72
73
74<div class="l-content-inner -main">
75
76<main>
77
78<div class="top-news">
79<!-- / .top-news --></div>
80
81<div class="top-calender">
82<div class="contents-inner" id="calendar-anker">
83<h2 class="contents-title"><img src="/share/img/top/title_calender.png" alt="カレンダー" /></h2>
84<div class="googlecal">
85	<div id="calendar"></div>
86	<div id="calendar_next"></div>
87</div>
88<!-- / .contents-inner --></div>
89<!-- / .top-calender --></div>
90
91
92<div class="top-contents">
93<h2 class="contents-title"><img src="/share/img/top/title_contents.png" alt="コンテンツ" /></h2>
94<ul class="top-contents-list">
95<li class="top-contents-list__item--item01"><a href="/newcar/"><img src="/share/img/top/c_item_title01.png" alt="new car" /><span class="top-contents-list__text">新車を探す</span></a></li>
96<li class="top-contents-list__item--item02"><a href="/u-car/"><img src="/share/img/top/c_item_title02.png" alt="U-CAR" /><span class="top-contents-list__text">中古車を探す</span></a></li>
97<li class="top-contents-list__item--item03"><a href="/service/"><img src="/share/img/top/c_item_title03.png" alt="service" /><span class="top-contents-list__text">サービス</span></a></li>
98<li class="top-contents-list__item--item04"><a href="https://toyota.jp/safety/" target="_blank"><img src="/share/img/top/c_item_title04.png" alt="technology" /><span class="top-contents-list__text">トヨタ先進安全<br data-show="pc" />自動車</span></a></li>
99<li class="top-contents-list__item--item05"><a href="/shop/"><img src="/share/img/top/c_item_title05.png" alt="shop list" /><span class="top-contents-list__text">店舗一覧</span></a></li>
100<li class="top-contents-list__item--item06"><a href="/character"><img src="/share/img/top/c_item_title06.png" alt="character" /><span class="top-contents-list__text">ほ・えーるくん<br/ data-show="pc">の部屋</span></a></li>
101</ul>
102<!-- / .top-bnr --></div>
103
104<div class="top-instagram">
105<div class="contents-inner">
106<h2 class="contents-title"><img src="/share/img/top/title_instagram.png" alt="インスタグラム" /></h2>
107<p class="top-instagram__link"><a href="https://www.instagram.com/netz.kochi/" target="_blank">more</a></p>
108<div id="insta"></div>
109<!-- / .contents-inner --></div>
110<!-- / .top-instagram --></div>
111
112<div class="top-bnr">
113<ul class="top-bnr__list--large">
114<li><a href="/recruit"><img src="/share/img/top/bnr_recruit.png" alt="採用情報" /></a></li>
115<li><a href="/contact"><img src="/share/img/top/bnr_contact.png" alt="お問い合わせ" /></a></li>
116</ul>
117
118<ul class="top-bnr__list--small">
119<!--<li><a href=""><img src="/share/img/top/f_bnr01.png" alt="サポトヨ" /></a></li>
120<li><a href=""><img src="/share/img/top/f_bnr02.png" alt="2017年採用情報" /></a></li>-->
121<!--<li><a href=""><img src="/share/img/top/f_bnr03.png" alt="TANK" /></a></li>
122<li><a href=""><img src="/share/img/top/f_bnr04.png" alt="C-HR" /></a></li>-->
123<!--<li><a href=""><img src="/share/img/top/f_bnr05.png" alt="ネッツトヨタ高知　オリジナルキャラクター誕生！" /></a></li>
124<li><a href=""><img src="/share/img/top/f_bnr06.png" alt="VOXY" /></a></li>-->
125<li><a href="https://toyota.jp/information/campaign/pipit/" target="_blank"><img src="/share/img/top/f_bnr07.png" alt="au" /></a></li>
126<li><a href="https://jaf.or.jp/" target="_blank"><img src="/share/img/top/f_bnr08.png" alt="JAF" /></a></li>
127<li><a href="https://toyota.jp/" target="_blank"><img src="/share/img/top/f_bnr09.png" alt="TOYOTA" /></a></li>
128<li><a href="https://www.toyota-finance.co.jp/" target="_blank"><img src="/share/img/top/f_bnr10.png" alt="TOYOTAファイナンス" /></a></li>
129</ul>
130<!-- / .top-bnr --></div>
131
132
133</main>
134
135<!-- / .l-content-inner --></div>
136
137<!-- / .l-content --></div>
138
139
140
141<footer class="l-footer">
142
143</footer>
144</div>
145
146

147<link rel="stylesheet" href="/share/fullcalendar/fullcalendar.css">
148<link rel="stylesheet" href="/share/fullcalendar/fullcalendar.css">

149<script src="/share/fullcalendar/lib/moment.min.js"></script>

149

150<script src="/share/fullcalendar/fullcalendar.js"></script>

150

151<script src="/share/fullcalendar/gcal.js"></script>

151

152<script src="/share/fullcalendar/locale/ja.js"></script>

152

153<script>
154$(document).ready(function() {
155	// 当月
156	$('#calendar').fullCalendar({
157		googleCalendarApiKey: 'AIzaSyAnxBZR7S1K5_M2O5lC6mSxtgIJ2fzHJXo',
158		eventSources:[ 
159		{
160			googleCalendarId: '[email protected]',
161			currentTimezone: 'Asia/Tokyo',
162			color: '#000000',
163			className: 'カレンダー',
164			backgroundColor: '#039BE5',
165			borderColor: '#039BE5'
166		},
167		{
168			googleCalendarId: '[email protected]',
169			currentTimezone: 'Asia/Tokyo',
170			color: '#000000',
171			className: 'カレンダー',
172			backgroundColor: '#039BE5',
173			borderColor: '#039BE5'
174		},
175		{
176			googleCalendarId: '[email protected]',
177			currentTimezone: 'Asia/Tokyo',
178			color: '#000000',
179			className: 'カレンダー',
180			backgroundColor: '#EA554E',
181			borderColor: '#EA554E',
182			textColor: '#FFFFFF',
183		},
184		{
185			googleCalendarId: '[email protected]',
186			currentTimezone: 'Asia/Tokyo',
187			color: '#000000',
188			className: 'カレンダー',
189			backgroundColor: '#F6BF26',
190			borderColor: '#F6BF26',
191			textColor: '#FFFFFF',
192		},
193		{
194			// 日本の祝日
195			url: 'https://www.google.com/calendar/feeds/japanese__ja%40holiday.calendar.google.com/public/basic',
196			currentTimezone: 'Asia/Tokyo',
197			color: '#000000',
198			backgroundColor: '#F19824',
199			borderColor: '#F19824',
200			textColor: '#FFFFFF'
201		}
202		],
203		header: {
204			// title, prev, next, prevYear, nextYear, today
205			left: 'title',
206			right: 'prev today next',
207			// right: false,
208		},
209		firstDay: 1,
210		contentHeight: 500,
211		// クリックしたらポップアップウィンドウ
212		eventClick: function(event) {
213			window.open(event.url, 'gcalevent', 'width=700,height=600');
214			return false;
215		}
216	});
217
218	// 翌月
219	var dt = new Date();
220	$('#calendar_next').each(function () {
221		$(this).fullCalendar({
222			googleCalendarApiKey: 'AIzaSyAnxBZR7S1K5_M2O5lC6mSxtgIJ2fzHJXo',
223			eventSources:[ 
224			{
225				googleCalendarId: '[email protected]',
226				currentTimezone: 'Asia/Tokyo',
227				color: '#000000',
228				className: 'カレンダー',
229				backgroundColor: '#039BE5',
230				borderColor: '#039BE5'
231			},
232			{
233				googleCalendarId: '[email protected]',
234				currentTimezone: 'Asia/Tokyo',
235				color: '#000000',
236				className: 'カレンダー',
237				backgroundColor: '#039BE5',
238				borderColor: '#039BE5'
239			},
240			{
241				googleCalendarId: '[email protected]',
242				currentTimezone: 'Asia/Tokyo',
243				color: '#000000',
244				className: 'カレンダー',
245				backgroundColor: '#EA554E',
246				borderColor: '#EA554E',
247				textColor: '#FFFFFF',
248			},
249			{
250				googleCalendarId: '[email protected]',
251				currentTimezone: 'Asia/Tokyo',
252				color: '#000000',
253				className: 'カレンダー',
254				backgroundColor: '#F6BF26',
255				borderColor: '#F6BF26',
256				textColor: '#FFFFFF',
257			},
258			{
259				// 日本の祝日
260				url: 'https://www.google.com/calendar/feeds/japanese__ja%40holiday.calendar.google.com/public/basic',
261				currentTimezone: 'Asia/Tokyo',
262				color: '#000000',
263				backgroundColor: '#F19824',
264				borderColor: '#F19824',
265				textColor: '#FFFFFF'
266			}
267			],
268			header: {
269				// title, prev, next, prevYear, nextYear, today
270				left: 'title',
271				right: 'prev next',
272			},
273			firstDay: 1,
274			contentHeight: 500,
275			defaultDate: dt.setMonth(dt.getMonth() + 1),
276
277			// クリックしたらポップアップウィンドウ
278			eventClick: function(event) {
279				window.open(event.url, 'gcalevent', 'width=700,height=600');
280				return false;
281			}
282		});
283	});
284});
285</script>

285
286
287<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/css/swiper.min.css">

288<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/js/swiper.min.js"></script>

288

289<script src="/share/js/slide.js"></script>

289

290<script src="/calendar_test.js"></script>

290
291

292<script type="text/javascript">
293	$.ajax({
294	  type: 'GET',
295	  url: 'https://graph.facebook.com/v10.0/17841407741059999?fields=name%2Cmedia.limit(6)%7Bcaption%2Cmedia_url%2Cthumbnail_url%2Cpermalink%7D&access_token=EAAH4BsMKAzUBAGZB1n4ZCsmMwtDgzDcjzidZBJ8HcYztB9Vdkf3JcB1jWcZBjHFZChSOi1QgHnYUlx0DTnxbnvAb1dpcfgtZBjKMx4H5D9avDlsEMyTFWJYMxeBGkSjt5aJMaBmxeFUS1Edr48nXZCTuwpybfSHvXomRsy1LsQnalwuVusLlZC0h',
296	  dataType: 'json',
297	   success: function(json) {
298	  var ig = json.media.data;
299	  var html = "";
300	  for (var i = 0; i < ig.length; i++) {
301	  var link = ig[i].permalink;
302	  var image
303	  if(!ig[i].thumbnail_url) {
304		// 動画の場合はこちら
305		image = ig[i].media_url;}
306	  else {
307		// 写真の場合はこちら
308		image = ig[i].thumbnail_url;
309	  }
310		html += '<div><a href="' + link + '" target="_blank"><img src="' + image + '"></a></div>'
311	  }
312		$("#insta").append(html);
313	  }
314});
315</script>

315
316

317<script>
318$(function(){
319var onWindowResize2 = function() {
320    var news = new Swiper ('#top-news-swiper', {
321        //loop: true,
322        slidesPerView: 4,
323        spaceBetween: 20,
324        calculateHeight: true,
325        navigation: {
326          nextEl: '.swiper-button-next',
327          prevEl: '.swiper-button-prev',
328        },
329        breakpoints: {
330          767: {
331            slidesPerView: 1.5,
332            centeredSlides: true
333          }
334        }
335    })
336}
337
338    //onWindowResize2();
339
340
341$('.top-news').load('/share/inc/top_news.html', function (){
342	onWindowResize2();
343		window.addEventListener('resize', function() {
344			onWindowResize2();
345		});
346	});
347});
348
349$('body').on('click', '#calendar_next button.fc-prev-button', function() {
350	$("#calendar .fc-prev-button").click();
351	// $("#calendar_next .fc-prev-button").click();
352});
353
354$('body').on('click', '#calendar_next button.fc-next-button', function() {
355	$("#calendar .fc-next-button").click();
356	// $("#calendar_next .fc-next-button").click();
357});
358
359</script>

359
360
361<style>
362	.googlecal {
363		display: flex;
364		justify-content: space-between;
365	}
366	.googlecal > * {
367		width: calc(100% / 2 - 2%);
368	}
369	#calendar .fc-right {
370		display: none;
371	}
372	@media screen and (max-width: 768px) {
373		.googlecal > * {
374			width: 100%;
375		}
376		#calendar_next {
377			display: none;
378		}
379		#calendar .fc-right {
380			display: block;
381		}
382	}
383</style>
384
385

386<script>
387(function($){
388        $(window).on('load', function(){
389            $.instagramFeed({
390                'username': 'netz.kochi',
391                'container': "#instagram-feed1",
392                'display_profile': false,
393                'display_biography': false,
394                'display_gallery': true,
395                'display_captions': true,
396                'callback': null,
397                'styling': true,
398                'items': 3,
399                'items_per_row': 3,
400                'margin': 1,
401                'lazy_load': true,
402                'on_error': console.error
403            });
404        });
405    })(jQuery);
406</script>

406
407</body>
408</html>