PageSourceSearch

https://www.kozaweb.jp/access

html kozaweb.jp collected 2026-10-02 16:41:32 UTC 42,259 bytes, 968 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5  <meta charset="UTF-8">
6<link rel="icon" href="/favicon_kzw.ico">
7<link rel="shortcut icon" href="/favicon_kzw.ico">
8<title>沖縄市へのアクセス|沖縄市観光ポータルコザウェブ-Kozaweb-</title>
9<meta property="og:site_name" content="沖縄市へのアクセス|沖縄市観光ポータルコザウェブ-Kozaweb-">
10<meta property="og:title" content="沖縄市へのアクセス|沖縄市観光ポータルKozaWeb">
11<meta name="twitter:title" content="沖縄市へのアクセス|沖縄市観光ポータルコザウェブ-Kozaweb-" />
12<meta name="keywords" content="沖縄市,コザ,観光,名所,体験,スポット,イベント,遊ぶ,食べる,泊まる,買う,沖縄市へのアクセス" />
13
14<meta name="description" content="沖縄市の観光情報サイト「コザウェブ」では、沖縄市内で行われるイベントをはじめ、飲食店グルメ情報、無料Wi-Fiスポットのサービスエリア、コザの穴場スポットを紹介するコザの裏側など観光や旅行に役立つ情報が満載です。" />
15<meta property="og:description" content="沖縄市の観光情報サイト「コザウェブ」では、沖縄市内で行われるイベントをはじめ、飲食店グルメ情報、無料Wi-Fiスポットのサービスエリア、コザの穴場スポットを紹介するコザの裏側など観光や旅行に役立つ情報が満載です。" />
16<meta name="twitter:description" content="沖縄市の観光情報サイト「コザウェブ」では、沖縄市内で行われるイベントをはじめ、飲食店グルメ情報、無料Wi-Fiスポットのサービスエリア、コザの穴場スポットを紹介するコザの裏側など観光や旅行に役立つ情報が満載です。" />
17<meta name="viewport" content="width=device-width, initial-scale=1">
18<meta name="format-detection" content="telephone=no,email=no">
19<meta http-equiv="X-UA-Compatible" content="IE=edge">
20<!-- Open Graph Protocol -->
21<meta property="og:type" content="website">
22<meta property="og:url" content="https://www.kozaweb.jp/access">
23<meta property="og:image" content="/resources/meta/img_ogp.jpg">
24<meta property="og:image:secure_url" content="/resources/meta/img_ogp.jpg" />
25
26<!-- Twitter -->
27<meta name="twitter:card" content="summary" />
28<meta name="twitter:image" content="/resources/meta/img_ogp.jpg" />
29<link rel="canonical" href="https://www.kozaweb.jp/access" />
30
31<!-- Google Material Icons -->
32<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
33<link rel="stylesheet" href="/resources/css/style.css">
34<link rel="stylesheet" href="/resources/css/style_custom.css">
35
36<link rel="stylesheet" href="https://cdn.kozaweb.jp/css/cdn_style.css">
37
38<!-- Google Analytics start -->
39<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 39-40
39
40<script async src="https://www.googletagmanager.com/gtag/js?id=
40G-0RF4GSXXLH
vendor: 13 bytes, line 40
40"></script>
41<script>
42  
vendor: 151 bytes, lines 42-49
42window.dataLayer = window.dataLayer || [];
43
44  function gtag() {
45    dataLayer.push(arguments);
46  }
47  gtag('js', new Date());
48
49  gtag('config', '
49G-0RF4GSXXLH
vendor: 7 bytes, lines 49-50
49');
50  
50gtag('config', 'UA-40726291-1');
51</script>
51
52<!-- Google Analytics end -->
53</head>
54
55<body>
56  <div class="l-page">
57        <header class="l-header">
58  <!-- /.is-compact -->
59  <div class="l-header__pc">
60    <div class="p-headerNavi">
61      <div class="p-headerNavi__inner">
62        <ul class="p-headerNavi__nav">
63          <li class="p-headerNavi__navItem"><a href="https://www.kozaweb.jp/searchs">
64              <span class="p-headerNavi__icon material-icons" aria-hidden="true">search</span>
65              <span class="p-headerNavi__text">
66情報を探す</span>
67            </a></li>
68          <li class="p-headerNavi__navItem"><a href="https://www.kozaweb.jp/news">
69              <span class="p-headerNavi__icon material-icons" aria-hidden="true">error_outline</span>
70              <span class="p-headerNavi__text">お知らせ</span>
71            </a></li>
72          <!-- <li class="p-headerNavi__navItem"><a href="https://www.kozaweb.jp/movies">
73              <span class="p-headerNavi__icon material-icons" aria-hidden="true">ondemand_video</span>
74              <span class="p-headerNavi__text"><span class="u-ls-half">動画</span></span>
75            </a></li> -->
76          <li class="p-headerNavi__navItem"><a href="https://www.kozaweb.jp/access">
77              <span class="u-icon-car" style="padding-right:0.5em;"></span>
78              <span class="p-headerNavi__text"><span class="u-ls-half" style="letter-spacing: 0.1em;">沖縄市へのアクセス</span></span>
79            </a></li>
80          <li class="p-headerNavi__navItem"><a href="https://www.kozaweb.jp/access#parking">
81              <span class="u-icon-parking" style="padding-right:0.5em;"></span>
82              <span class="p-headerNavi__text"><span class="u-ls-half" style="letter-spacing: 0.1em;">駐車場</span></span>
83            </a></li>
84          <!-- <li class="p-headerNavi__navItem"><a href="
85/aboutKozaPages/show/18">
86              <span class="p-headerNavi__icon material-icons" aria-hidden="true">rss_feed</span>
87              <span class="p-headerNavi__text">FREE-WiFi</span>
88            </a></li> -->
89        </ul>
90        <div class="p-headerNavi__lang js-languageNavi">
91          <div class="p-headerNavi__langHead js-languageNavi__head">
92            <button class="p-headerNavi__langBtn js-languageNavi__btn" type="button" role="tab" aria-controls="languageNavi" aria-selected="false" aria-expanded="false" lang="en">Language</button>
93          </div>
94          <div class="p-headerNavi__langBody js-languageNavi__body" role="tabpanel" id="languageNavi" aria-hidden="true">
95            <ul>
96                            <li><a href="https://www.kozaweb.jp" class="p-headerNavi__langItem" lang="ja">日本語</a></li>
97                            <li><a href="https://en.kozaweb.jp" class="p-headerNavi__langItem" lang="en">English</a></li>
98                            <li><a href="https://tw.kozaweb.jp" class="p-headerNavi__langItem" lang="zh-cmn-Hant">繁体中文</a></li>
99                            <li><a href="https://cn.kozaweb.jp" class="p-headerNavi__langItem" lang="zh-cmn-Hans">简体中文</a></li>
100                            <li><a href="https://ko.kozaweb.jp" class="p-headerNavi__langItem" lang="ko">한국어</a></li>
101                          </ul>
102          </div>
103        </div>
104        <div class="p-headerNavi__social">
105          <a href="https://ja-jp.facebook.com/kozacityweb/" class="p-headerNavi__socialItem c-social"><img src="/resources/img/base/icon-facebook.svg" alt="Facebook"></a>
106        </div>
107        <!-- /.p-headerNavi -->
108      </div>
109    </div>
110
111
112    <div class="l-header__main">
113      <div class="l-header__mainInner">
114        <div class="p-sitetitle logo-change-ja"><a href="/">沖縄市観光ポータルサイト KOZAWEB OKINAWA CITY</a></div>
115
116        <nav class="p-globalnavi">
117          <ul class="p-globalnavi__nav">
118            <li>
119              <a href="https://www.kozaweb.jp/events">
120                <span class="p-globalnavi__icon u-icon-date_range"></span><span class="p-globalnavi__text">イベント</span>
121              </a>
122            </li>
123            <li>
124              <a href="https://www.kozaweb.jp/featureCategories">
125                <span class="p-globalnavi__icon material-icons" aria-hidden="true">star</span>
126                <span class="p-globalnavi__text"><span class="u-ls-half">特集</span></span>
127              </a>
128            </li>
129            <li>
130              <a href="https://www.kozaweb.jp/aboutKozaPages">
131                <span class="p-globalnavi__icon u-icon-book"></span>
132                <span class="p-globalnavi__text">コザ<br>について</span>
133              </a>
134            </li>
135            <li>
136              <a href="https://www.kozaweb.jp/modelCourses">
137                <span class="p-globalnavi__icon material-icons" aria-hidden="true">timeline</span>
138                <span class="p-globalnavi__text">モデルコース</span>
139              </a>
140            </li>
141            <li>
142              <a href="https://www.kozaweb.jp/eats">
143                <span class="p-globalnavi__icon material-icons" aria-hidden="true">local_dining</span>
144                <span class="p-globalnavi__text">グルメ</span>
145              </a>
146            </li>
147            <li>
148              <a href="https://www.kozaweb.jp/plays">
149                <span class="p-globalnavi__icon material-icons" aria-hidden="true">place</span>
150                <span class="p-globalnavi__text">スポット・<br>体験</span>
151              </a>
152            </li>
153            <li>
154              <a href="https://www.kozaweb.jp/stays">
155                <span class="p-globalnavi__icon material-icons" aria-hidden="true">store</span>
156                <span class="p-globalnavi__text"><span class="u-ls-half">宿泊</span></span>
157              </a>
158            </li>
159            <li class="p-globalnavi__compactOnly">
160              <a href="https://www.kozaweb.jp/movies">
161                <span class="p-globalnavi__icon material-icons" aria-hidden="true">ondemand_video</span>
162                <span class="p-globalnavi__text"><span class="u-ls-half">動画</span></span>
163              </a>
164            </li>
165          </ul>
166
167                              <ul class="p-globalnavi__nav2">
168                        <li><a href="https://www.kozaweb.jp/categories/1">エイサー</a></li>
169                        <li><a href="https://www.kozaweb.jp/categories/6">スポーツ</a></li>
170                        <li><a href="https://www.kozaweb.jp/categories/11">音楽</a></li>
171                        <li><a href="https://www.kozaweb.jp/categories/16">文化・伝統芸能</a></li>
172                        <li><a href="https://www.kozaweb.jp/categories/21">ファミリー</a></li>
173                      </ul>
174                              <!-- /.p-globalnavi -->
175        </nav>
176      </div>
177    </div>
178  </div>
179
180  <div class="l-header__sp">
181    <div class="p-sitetitle logo-change-ja"><a href="/">沖縄市観光ポータルコザウェブ-Kozaweb- 沖縄市コザの表も裏も楽しむ</a></div>
182    <div class="p-facebook"><a href="https://ja-jp.facebook.com/kozacityweb/"><img src="/resources/img/base/icon-facebook.svg" alt="Facebook"></a></div>
183
184    <div class="p-menu">
185      <button class="p-menu__burger c-burger js-burger">
186        <div class="c-burger__buns">
187          <div class="c-burger__line bgr-1"></div>
188          <div class="c-burger__line bgr-2"></div>
189          <div class="c-burger__line bgr-3"></div>
190        </div>
191        <div class="c-burger__text">MENU</div>
192      </button>
193
194      <nav class="p-menu__body js-spMenu">
195        <div class="p-menu__bodyInner">
196          <div class="p-menu__head">
197            <a href="/" class="p-menu__home">HOME</a>
198            <a href="https://ja-jp.facebook.com/kozacityweb/" class="p-menu__socialItem c-social"><img src="/resources/img/base/icon-facebook.svg" alt="Facebook"></a>
199          </div>
200
201          <div class="p-menu__lang js-languageNavi">
202            <div class="p-menu__langHead js-languageNavi__head"><button class="p-menu__langBtn js-languageNavi__btn" type="button" role="tab" aria-controls="languageNavi-sp" aria-selected="false" aria-expanded="false" lang="en">Language</button></div>
203            <div class="p-menu__langBody js-languageNavi__body" role="tabpanel" id="languageNavi-sp" aria-hidden="true">
204              <ul>
205                                <li><a href="https://www.kozaweb.jp" class="p-menu__langItem" lang="ja">日本語</a></li>
206                                <li><a href="https://en.kozaweb.jp" class="p-menu__langItem" lang="en">English</a></li>
207                                <li><a href="https://tw.kozaweb.jp" class="p-menu__langItem" lang="zh-cmn-Hant">繁体中文</a></li>
208                                <li><a href="https://cn.kozaweb.jp" class="p-menu__langItem" lang="zh-cmn-Hans">简体中文</a></li>
209                                <li><a href="https://ko.kozaweb.jp" class="p-menu__langItem" lang="ko">한국어</a></li>
210                              </ul>
211            </div>
212          </div>
213
214          <div class="p-menu__search c-search">
215            <form method="GET" action="https://www.kozaweb.jp/searchs/result" accept-charset="UTF-8">
216            <input class="c-search__input" title="知りたい情報を入力してください" placeholder="知りたい情報を入力してください" name="k" type="text" value="">
217            <button class="c-search__button" title="__('layout.search_start')"></button>
218            </form>
219          </div>
220
221          <div class="c-links">
222            <ul class="c-links__list">
223              <li class="c-links__listItem"><a href="https://www.kozaweb.jp/access"><span class="u-icon-car"></span>沖縄市へのアクセス</a></li>
224              <li class="c-links__listItem"><a href="https://www.kozaweb.jp/access#parking"><span class="u-icon-parking"></span>駐車場</a></li>
225              <!-- <li class="c-links__listItem"><a href="/aboutKozaPages/show/18"><span class="u-icon-wifi"></span>FREE-WiFi</a></li> -->
226              <li class="c-links__listItem"><a href="https://www.kozaweb.jp/news"><span class="material-icons" aria-hidden="true">error_outline</span>お知らせ</a></li>
227              <li class="c-links__listItem"><a href="https://www.kozaweb.jp/searchs"><span class="material-icons" aria-hidden="true">search</span>情報を探す</a></li>
228            </ul>
229            <!-- /.c-links -->
230          </div>
231
232          <ul class="p-menu__nav">
233            <li class="p-menu__navItem"><a href="https://www.kozaweb.jp/events">
234                <span class="icon u-icon-date_range"></span>
235                <span class="text">イベント</span>
236              </a></li>
237            <li class="p-menu__navItem"><a href="https://www.kozaweb.jp/featureCategories">
238                <span class="icon material-icons" aria-hidden="true">star</span>
239                <span class="text"><span class="u-ls-half">特集</span></span>
240              </a></li>
241            <li class="p-menu__navItem"><a href="https://www.kozaweb.jp/aboutKozaPages">
242                <span class="icon u-icon-book"></span>
243                <span class="text">コザについて</span>
244              </a></li>
245            <li class="p-menu__navItem"><a href="https://www.kozaweb.jp/modelCourses">
246                <span class="icon material-icons" aria-hidden="true">timeline</span>
247                <span class="text">モデルコース</span>
248              </a></li>
249            <li class="p-menu__navItem"><a href="https://www.kozaweb.jp/eats">
250                <span class="icon material-icons" aria-hidden="true">local_dining</span>
251                <span class="text">グルメ</span>
252              </a></li>
253            <li class="p-menu__navItem"><a href="https://www.kozaweb.jp/plays">
254                <span class="icon material-icons" aria-hidden="true">place</span>
255                <span class="text">スポット・体験</span>
256              </a></li>
257            <li class="p-menu__navItem"><a href="https://www.kozaweb.jp/stays">
258                <span class="icon material-icons" aria-hidden="true">store</span>
259                <span class="text"><span class="u-ls-half">宿泊</span></span>
260              </a></li>
261          </ul>
262
263          <div class="p-menu__link"><a href="https://www.kozaweb.jp/recommendations">おすすめコンテンツ</a></div>
264
265                              <ul class="p-menu__nav2">
266                        <li><a href="https://www.kozaweb.jp/categories/1">エイサー</a></li>
267                        <li><a href="https://www.kozaweb.jp/categories/6">スポーツ</a></li>
268                        <li><a href="https://www.kozaweb.jp/categories/11">音楽</a></li>
269                        <li><a href="https://www.kozaweb.jp/categories/16">文化・伝統芸能</a></li>
270                        <li><a href="https://www.kozaweb.jp/categories/21">ファミリー</a></li>
271                      </ul>
272                    
273          <div class="p-menu__sitemap">
274            <dl class="p-menu__sitemapItem">
275              <dt class="p-menu__title">コザウェブ特設サイト</dt>
276              <dd class="p-menu__contents">
277                <ul class="p-menu__list">
278                  <li class="p-menu__listItem"><a href="/dantai" target="_blank">企業・学校関係者の皆さまへ</a></li>
279                  <li class="p-menu__listItem"><a href="/camp">沖縄市スポーツトレーニングガイド</a></li>
280                  <!-- <li class="p-menu__listItem"><a href="/prvideo">チムドンドンKOZA</a></li> -->
281                  <!-- <li class="p-menu__listItem"><a href="/cheer">沖縄市プロスポーツチーム応援公認店</a></li> -->
282                </ul>
283              </dd>
284              <dt class="p-menu__title">コザ情報</dt>
285              <dd class="p-menu__contents">
286                <ul class="p-menu__list">
287                  <li class="p-menu__listItem"><a href="/featureCategories/show/9">各青年会一覧</a></li>
288                  <li class="p-menu__listItem"><a href="https://www.kozaweb.jp/mediaLibraries">メディアライブラリ</a></li>
289                  <li class="p-menu__listItem"><a href="https://www.kozaweb.jp/digitalPamphlets">観光デジタルパンフレット</a></li>
290                  <li class="p-menu__listItem"><a href="https://www.kozaweb.jp/access">沖縄市へのアクセス</a></li>
291                </ul>
292              </dd>
293              <dt class="p-menu__title">
293コザウェブについて</dt>
294              <dd class="p-menu__contents">
295                <ul class="p-menu__list">
296                  <li class="p-menu__listItem"><a href="https://www.kozaweb.jp/recommendations">おすすめコンテンツ</a></li>
297                  <li class="p-menu__listItem"><a href="https://www.kozaweb.jp/contacts">お問い合わせ</a></li>
298                  <li class="p-menu__listItem"><a href="https://www.kozaweb.jp/aboutWebsites">このサイトについて</a></li>
299                  <li class="p-menu__listItem"><a href="https://www.kozaweb.jp/privacyPolicies">プライバシーポリシー</a></li>
300                  <li class="p-menu__listItem"><a href="https://www.kozaweb.jp/webAccessibilities">ウェブアクセシビリティ方針</a></li>
301                </ul>
302              </dd>
303            </dl>
304          </div>
305          <div class="p-menu__close"><button class="c-button4 js-close">メニューを閉じる</button></div>
306        </div>
307      </nav>
308      <!-- /.p-menu -->
309    </div>
310  </div>
311  <!-- /.l-header -->
312</header>
313    <main class="l-main">
314      <nav class="p-breadcrumbs">
315  <div class="p-breadcrumbs__inner">
316    <ol class="p-breadcrumbs__list" vocab="http://schema.org/" typeof="BreadcrumbList">
317        <li property="itemListElement" typeof="ListItem">
318            <a property="item" typeof="WebPage" href="https://www.kozaweb.jp">
319          <span property="name">Home</span>
320        </a>
321        <meta property="position" content="1">
322        </li>
323        <li property="itemListElement" typeof="ListItem">
324            <span property="item" typeof="WebPage">
325          <span property="name">沖縄市へのアクセス</span>
326        </span>
327        <meta property="position" content="2">
328        </li>
329      </ol>
330    <!-- /.p-breadcrumbs -->
331  </div>
332</nav>
333      <article class="l-article">
334  <div class="l-contents l-contents--w960">
335    <div class="l-contents__inner">
336
337      
338      <div class="c-heading">
339        <h1 class="c-heading__title">
340          <span>沖縄市へのアクセス</span>
341        </h1>
342        <!-- /.c-heading -->
343      </div>
344      <section class="c-freearea">
345        <div class="wysiwyg_area">
346          <!-- HTMLここから -->
347          <link rel="stylesheet" href="//maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
348          <style>
349            .img600px {
350              width: auto;
351              max-width: 600px;
352              margin: 0 auto;
353            }
354
355            .imgAuto {
356              width: auto;
357              max-width: auto;
358              margin: 0 auto;
359              text-align: center;
360            }
361
362            .imgAuto img {}
363
364            .Mb50 {
365              margin-bottom: 50px !important;
366            }
367
368            .Mb80 {
369              margin-bottom: 80px !important;
370            }
371
372            .Mb120 {
373              margin-bottom: 120px !important;
374            }
375
376            @media(min-width: 768px) {
377              a[href^="tel:"] {
378                pointer-events: none;
379              }
380            }
381
382            @media  only screen and (max-width: 479px) {
383              .SPCenter {
384                display: flex;
385                justify-content: center;
386              }
387            }
388
389            /*----- Base -----*/
390            .wysiwyg_area * {
391              box-sizing: border-box;
392            }
393
394            .wysiwyg_area section {
395              margin-bottom: 80px;
396            }
397
398            h2.midashi:not([class*=c-]):not([class*=p-]):after {
399              background: none;
400            }
401
402            .wysiwyg_area p {
403              font-size: 15px;
404            }
405
406            .wysiwyg_area a.tel {
407              color: #000;
408              text-decoration: none;
409            }
410
411            @media  only screen and (max-width: 767px) {
412
413              /*----- Base -----*/
414              .wysiwyg_area section {
415                margin-bottom: 30px;
416              }
417
418              .wysiwyg_area a.tel {
419                color: #800931;
420                text-decoration: underline;
421              }
422
423            }
424
425            /*----- Title h2 -----*/
426            .wysiwyg_area h2.midashi {
427              position: relative;
428              padding: 5px 0 5px 80px !important;
429              color: #956235;
430              border-top: 1px solid #956235;
431              border-bottom: 1px solid #956235;
432            }
433
434            .wysiwyg_area h2.midashi span {
435              position: relative;
436            }
437
438            .wysiwyg_area h2.midashi span:before {
439              position: absolute;
440              top: 50%;
441              left: -80px;
442              -webkit-transform: translateY(-50%);
443              transform: translateY(-50%);
444
445              display: inline-block;
446              width: 60px;
447              height: 40px;
448              content: "";
449              background-image: url(https://files.kozaweb.jp/prd_uploads/files/2022/05/5I1VHZtk51SLOa9IRkqEHxhG4fdKW7lINo5a3lzG.svg);
450              background-position: 50% 50%;
451              background-repeat: no-repeat;
452              background-size: contain;
453            }
454
455            @media  only screen and (max-width: 479px) {
456              .wysiwyg_area h2.midashi {
457                display: flex;
458                flex-direction: column;
459                justify-content: center;
460                align-items: center;
461                padding: 5px 0 5px 70px !important;
462                font-size: 1.7em !important;
463              }
464
465              .wysiwyg_area h2.midashi span {
466                display: block;
467                margin-left: -10px;
468                font-size: 80%;
469              }
470
471              .wysiwyg_area h2.midashi span:before {
472                top: 100%;
473                left: -80px;
474              }
475            }
476
477            /*----- Index -----*/
478            .index {
479              margin-bottom: 80px;
480            }
481
482            .index ul {
483              display: flex;
484              justify-content: center;
485              width: 100%;
486              padding: 0px !important;
487              margin: 0px !important;
488            }
489
490            .index ul li {
491              display: flex;
492              padding: 0px;
493              /*padding: 0 0 0 20px;*/
494              margin: 0px;
495              list-style: none;
496            }
497
498            .index ul li:last-of-type {
499              margin-bottom: 0px !important;
500            }
501
502            .index ul li:nth-of-type(-n+3) {
503              border-right: 1px solid #ccc;
504            }
505
506            .index ul li a {
507              position: relative;
508              display: block;
509              padding: 0px 30px;
510            }
511
512            @media  only screen and (max-width: 767px) {
513              .index ul li a {
514                padding: 0px 15px;
515              }
516
517              .index ul li a:before {
518                left: -10px;
519              }
520
521            }
522
523            /*----- BG -----*/
524            .bg {
525              background-image: url(https://files.kozaweb.jp/prd_uploads/files/2022/05/3A1Z7eJ1UjwiJ5VSRSfzaTvqnPX4gvCudaxZLC1X.jpeg);
526              background-repeat: repeat;
527              background-position: 0 0;
528              background-size: auto;
529            }
530
531            /*--------------------------------------------------------------
532	Spot Grid rayout
533---------------------------------------------------------------*/
534            .SpotList {
535              display: flex;
536              flex-wrap: wrap;
537              align-items: flex-start;
538
539              width: 100%;
540              max-width: 100%;
541              margin: 50px auto;
542            }
543
544            .spot {
545              position: relative;
546              display: flex;
547              flex-wrap: wrap;
548
549              width: 100%;
550              max-width: 100%;
551              width: 23%;
552              margin: 0 2.6% 70px 0;
553            }
554
555            @media  screen and (min-width: 767px) {
556              .SpotList .spot:nth-of-type(4n+4) {
557                margin: 0 0% 30px 0;
558              }
559            }
560
561            .spot .ttl,
562            .spot .img,
563            .spot .txt {
564              width: 100%;
565            }
566
567            .spot .txt {
568              position: absolute;
569              bottom: -37px;
570              left: 0;
571            }
572
573            .spot .img img {
574              width: 100%;
575              max-width: 80%;
576            }
577
578            .spot .detail p {
579              margin: 0;
580              padding: 0;
581            }
582
583            /*	 Title
584--------------------------------------*/
585            .spot .ttl h4 {
586              margin: 0;
587              padding: 0;
588            }
589
590            .spot .ttl h4 {
591              position: relative;
592              display: flex;
593              align-items: center;
594              min-height: 50px;
595              padding: 0px !important;
596              margin: 0px 0px 5px !important;
597              color: #986037;
598            }
599
600            .spot .ttl h4 span {
601              display: flex;
602              justify-content: center;
603              align-items: center;
604              width: 35px;
605              min-width: 35px;
606              height: 35px;
607              margin-right: 10px;
608              color: #fff;
609              font-family: Arial, Helvetica, sans-serif;
610              border-radius: 50%;
611              background-color: #986037;
612            }
613
614            /*	 Text
615--------------------------------------*/
616            .spot .txt {
617              display: flex;
618              justify-content: center;
619              align-items: center;
620              width: 100%;
621              margin: 0px auto;
622              padding: 5px;
623              color: #fff;
624              background-color: #986037;
625            }
626
627            .spot .txt p {
628              margin: 0px !important;
629              padding: 0px;
630            }
631
632            /*	 Images
633--------------------------------------*/
634            .spot .img {
635              position: relative;
636              overflow: hidden;
637              display: flex;
638
639              width: 100%;
640              height: 0%;
641              padding-top: 70%;
642            }
643
644            .spot .img span {
645              display: flex;
646              width: 100%;
647              height: 100%;
648              background-position: 50% 0%;
649              background-repeat: no-repeat;
650              background-size: cover;
651            }
652
653            .spot .img.tate span {
654              background-position: 50% 60%;
655              background-size: 100%;
656            }
657
658            /*	 Hover
659--------------------------------------*/
660            .spot .img span {
661              position: absolute;
662              top: 50%;
663              left: 50%;
664              transform: translate(-50%, -50%);
665              transition: 1s;
666            }
667
668            .spot a .img span:hover {
669              transform: translate(-50%, -50%) scale(1.2);
670            }
671
672            @media  only screen and (max-width: 767px) {
673              .SpotList {
674                display: block;
675                margin: 30px auto 0px;
676              }
677
678              .spot {
679                display: flex;
680                flex-wrap: wrap;
681                align-items: flex-start;
682                align-content: flex-start;
683                justify-content: space-between;
684
685
686                width: 100%;
687                margin: 0px 0px 20px;
688                padding: 0px 0px;
689              }
690
691
692              .spot .ttl {
693                order: 2;
694                width: 70%;
695                font-weight: 600;
696                font-size: 1.2em;
697              }
698
699              .spot .img {
700                order: 1;
701                width: 25%;
702              }
703
704              .spot .txt {
705                order: 3;
706                width: 70%;
707              }
708
709              /*	 Title
710--------------------------------------*/
711              .spot .ttl h4 {
712                align-items: flex-start;
713              }
714
715              .spot .ttl h4 span {
716                width: 25px;
717                min-width: 25px;
718                height: 25px;
719                margin-top: -3px;
720              }
721
722              /*	 Text
723--------------------------------------*/
724              .spot .txt {
725                top: 40px;
726                bottom: auto;
727                left: auto;
728                right: 0;
729                justify-content: flex-start;
730
731                padding-left: 35px;
732                color: #000;
733                background: none;
734              }
735
736              .spot .txt p {
737                padding: 0px;
738                font-size: 0.9em;
739              }
740
741              /*	 Images
742--------------------------------------*/
743              .spot .img {
744                padding-top: 20%;
745              }
746
747              .spot .img span {
748                background-size: auto 100%;
749              }
750            }
751            /*----- Banner -----*/
752            @media  only screen and (max-width: 767px) {
753              .access-banner {
754                width: 100% !important;
755              }
756            }
757            @media  screen and (min-width: 767px) {
758              .access-banner {
759                margin: 20px auto;
760                width: calc((100% - 32px) / 2) !important;
761              }
762            }
763          </style>
764
765          <section>
766
767            <nav class="index">
768              <ul>
769                <li><a href="#parking">駐車場</a></li>
770                <li><a href="/bus#rosenbus">路線バス</a></li>
771                <li><a href="/bus#taxi">タクシー</a></li>
772                <li><a href="/bus#junkanbus">循環バス</a></li>
773              </ul>
774            </nav>
775
776            <section id="access">
777              <h2 class="midashi"><span>主要観光地からの</span>アクセスガイド</h2>
778              <p class="SPCenter">※高速道路を利用した場合</p>
779            </section>
780
781
782            <section>
783              <div class="bg">
784                <div class="img600px"><img src="https://files.kozaweb.jp/prd_uploads/files/2022/05/Bs850GKeyNOdHyWXWiO7qmeQ1rBjOU48doHhdH1i.jpeg" alt="沖縄市地図"></div>
785              </div>
786
787              <section class="Mb50">
788                <div class="SpotList">
789                  <div class="spot">
790                    <div class="ttl">
791                      <h4><span>1</span>沖縄美ら海水族館</h4>
792                    </div>
793                    <div class="txt">
794                      <p>沖縄市まで約1時間10分</p>
795                    </div>
796                    <div class="img"><span style="background-image:url(https://files.kozaweb.jp/prd_uploads/files/2022/05/SIwJyawbnkm5kU7tzKnovWAKIHlmi9HGmCY9qBNM.jpeg);"></span></div>
797                  </div><!-- /.spot -->
798                  <div class="spot">
799                    <div class="ttl">
800                      <h4><span>2</span>古宇利島</h4>
801                    </div>
802                    <div class="txt">
803                      <p>沖縄市まで約1時間15分</p>
804                    </div>
805                    <div class="img tate"><span style="background-image:url(https://files.kozaweb.jp/prd_uploads/files/2022/05/nSOGGG100EtLCcaNPC28zbxqJBHUrQIRNhKZbKnf.jpeg);"></span></div>
806                  </div><!-- /.spot -->
807                  <div class="spot">
808                    <div class="ttl">
809                      <h4><span>3</span>海中道路</h4>
810                    </div>
811                    <div class="txt">
812                      <p>沖縄市まで約15分</p>
813                    </div>
814                    <div class="img"><span style="background-image:url(https://files.kozaweb.jp/prd_uploads/files/2022/05/YnRWIMfQADGeHgNNLYLmYLo5OQeeVE9UpSPcIXJC.jpeg);"></span></div>
815                  </div><!-- /.spot -->
816                  <div class="spot">
817                    <div class="ttl">
818                      <h4><span>4</span>美浜アメリカンヴィレッジ</h4>
819                    </div>
820                    <div class="txt">
821                      <p>沖縄市まで約15分</p>
822                    </div>
823                    <div class="img"><span style="background-image:url(https://files.kozaweb.jp/prd_uploads/files/2022/05/ct4uv0xY30qFm1sB0dIHJfuSvn9infKQf8ealldh.jpeg);"></span></div>
824                  </div><!-- /.spot -->
825                  <div class="spot">
826                    <div class="ttl">
827                      <h4><span>5</span>首里城</h4>
828                    </div>
829                    <div class="txt">
830                      <p>沖縄市まで約30分</p>
831                    </div>
832                    <div class="img"><span style="background-image:url(https://files.kozaweb.jp/prd_uploads/files/2022/05/clsdKbRGHlRv15D6DD8VF9VTsrtTvWvNyMnFxMFI.jpeg);"></span></div>
833                  </div><!-- /.spot -->
834                  <div class="spot">
835                    <div class="ttl">
836                      <h4><span>6</span>沖縄アリーナ</h4>
837                    </div>
838                    <div class="txt">
839                      <p>沖縄市</p>
840                    </div>
841                    <div class="img"><span style="background-image:url(https://files.kozaweb.jp/prd_uploads/files/2022/05/KzJ3Ovgs7EthS9freLD6ehloUWRz9kPQlbbRhzs6.jpeg);"></span></div>
842                  </div><!-- /.spot -->
843                  <div class="spot">
844                    <div class="ttl">
845                      <h4><span>7</span>タピック県総ひやごんスタジアム</h4>
846                    </div>
847                    <div class="txt">
848                      <p>沖縄市</p>
849                    </div>
850                    <div class="img"><span style="background-image:url(https://files.kozaweb.jp/prd_uploads/files/2022/05/DVX8M44txoFsvvvubJhh39WGVKwPLw5ABIJkR46k.jpeg);"></span></div>
851                  </div><!-- /.spot -->
852                </div>
853              </section>
854
855
856              <section class="l-section Mb50" id="parking">
857                <h2>沖縄市の駐車場</h2>
858
859                <div class="c-map u-mb0">
860                  <div class="c-map__main">
861                    <iframe src="https://www.google.com/maps/d/embed?mid=1JkD4xtLXQdrZlhQ0J_XpyWdeV3jx5Thn&amp;hl=ja" width="600" height="450"></iframe>
862                  </div>
863                  <!-- /.c-map -->
864                </div>
865
866                <div class="u-txt-center u-pt80">
867                  <span>\徒歩20分以内/</span>
868                  <a href="/featurePages/show/279" class="c-button c-button--right">コザ運動公園に近い有料駐車場</a>
869                  <!-- /.l-footUnit -->
870                </div>
871                <!-- /.l-section -->
872              </section>
873
874              <aside class="c-banners">
875                <ul class="c-banners__list">
876                  <li class="c-banners__item access-banner"><a href="https://www.kozaweb.jp/news/show/299"><img src="https://files.kozaweb.jp/images/access/bnr_sharecycle.jpg" alt="沖縄市のシェアサイクル"></a></li>
877                </ul>
878                <!-- /.c-banners -->
879              </aside>
880
881              <div class="c-links2">
882                <ul class="c-links2__list">
883                  <li class="c-links2__listItem"><a href="/bus#rosenbus">路線バスガイド</a></li>
884                  <li class="c-links2__listItem"><a href="/bus#taxi">タクシーガイド</a></li>
885                  <li class="c-links2__listItem"><a href="/bus#junkanbus">市内循環バスガイド</a></li>
886                </ul>
887                <!-- /.c-links2 -->
888              </div>
889              <!-- HTMLここまで -->
890        </div>
891        <!--/.c-freearea -->
892      </section>
893      <!-- /.l-contents -->
894
895      
896      <!-- /.l-contents -->
897    </div>
898  </div>
899  <div class="l-footUnit">
900    <div class="l-footUnit__inner">
901      <a href="/" class="c-button c-button--left">トップページへ戻る</a>
902      <!-- /.l-footUnit -->
903    </div>
904  </div>
905
906  <!-- /.l-article -->
907</article>
908      <ul class="p-sns">
909        <li><a class="p-sns__item p-sns__item--fb" href="https://www.facebook.com/share.php?u=https://www.kozaweb.jp/access" target="_blank" aria-label="facebookでシェア">facebookでシェア</a></li>
910                <li><a class="p-sns__item p-sns__item--tw" href="https://twitter.com/share?url=https://www.kozaweb.jp/access&text=沖縄市観光ポータルコザウェブ-Kozaweb-" target="_blank" aria-label="twitterでシェア">twitterでシェア</a></li>
911                <!-- /.p-sns -->
912      </ul>
913      <!-- /.l-main -->
914    </main>
915    <footer class="l-footer">
916  <div class="p-footer js-footerMenu">
917    <div class="p-footer__inner">
918      <dl class="p-footer__sitemap">
919        <div class="p-footer__links">
920          <dt class="p-footer__title">コザウェブ特設サイト</dt>
921          <dd class="p-footer__item"><a href="/dantai" target="_blank">企業・学校関係者の皆さまへ</a></dd>
922          <dd class="p-footer__item"><a href="/camp">沖縄市スポーツトレーニングガイド</a></dd>
923          <!-- <dd class="p-footer__item"><a href="/prvideo">チムドンドンKOZA</a></dd> -->
924          <!-- <dd class="p-footer__item"><a href="/cheer">沖縄市プロスポーツチーム応援公認店</a></dd> -->
925        </div>
926        <div class="p-footer__links">
927          <dt class="p-footer__title">コザ情報</dt>
928          <dd class="p-footer__item"><a href="/featureCategories/show/9">各青年会一覧</a></dd>
929          <dd class="p-footer__item"><a href="https://www.kozaweb.jp/mediaLibraries">メディアライブラリ</a></dd>
930          <dd class="p-footer__item"><a href="https://www.kozaweb.jp/digitalPamphlets">観光デジタルパンフレット</a></dd>
931          <dd class="p-footer__item"><a href="https://www.kozaweb.jp/access">沖縄市へのアクセス</a></dd>
932        </div>
933        <div class="p-footer__links">
934          <dt class="p-footer__title">
934コザウェブについて</dt>
935          <dd class="p-footer__item"><a href="https://www.kozaweb.jp/recommendations">おすすめコンテンツ</a></dd>
936          <dd class="p-footer__item"><a href="https://www.kozaweb.jp/contacts">お問い合わせ</a></dd>
937          <dd class="p-footer__item"><a href="https://www.kozaweb.jp/aboutWebsites">このサイトについて</a></dd>
938          <dd class="p-footer__item"><a href="https://www.kozaweb.jp/privacyPolicies">プライバシーポリシー</a></dd>
939          <dd class="p-footer__item"><a href="https://www.kozaweb.jp/webAccessibilities">ウェブアクセシビリティ方針</a></dd>
940        </div>
941      </dl>
942
943      <div class="c-links u-sponly">
944        <ul class="c-links__list">
945          <li class="c-links__listItem"><a href="https://www.kozaweb.jp/access"><span class="u-icon-car"></span>沖縄市へのアクセス</a></li>
946          <li class="c-links__listItem"><a href="https://www.kozaweb.jp/access#parking"><span class="u-icon-parking"></span>駐車場</a></li>
947          <!-- <li class="c-links__listItem"><a href="/aboutKozaPages/show/18"><span class="u-icon-wifi"></span>FREE-WiFi</a></li> -->
948        </ul>
949        <!-- /.c-links -->
950      </div>
951      <!-- /.p-footer -->
952    </div>
953  </div>
954  <div class="p-pagetop"><a href="#top"><img src="/resources/img/base/btn-pagetop.svg" alt="Page Top"></a></div>
955  <small class="p-copyright" lang="en">Copyright &copy; Okinawa City All Rights Reserved.</small>
956  <!-- /.l-footer -->
957</footer>
958    <!-- /.l-page -->
959  </div>
960  
960<script src="/resources/js/vendor/jquery.js"></script>
960
961  
961<script src="/resources/js/vendor/jquery.fujiscroll.js"></script>
961
962  
962<script src="/resources/js/vendor/jquery.slick.min.js"></script>
962
963  
963<script src="/resources/js/vendor/modaal.min.js"></script>
963
964  
964<script src="/resources/js/app.js"></script>
964
965  
965<script src="https://cdn.kozaweb.jp/js/cdn_script.js"></script>
965
966</body>
967
968</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.