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&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 © 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.