1<!DOCTYPE html> 2 3<html lang="ja"> 4 <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"> 5 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 5-6
5 6<script async src="https://www.googletagmanager.com/gtag/js?id=
6G-FCFTX1P6CL
vendor: 13 bytes, lines 6-7
6"></script> 7
8<script> 9
vendor: 134 bytes, lines 9-13
9window.dataLayer = window.dataLayer || []; 10 function gtag(){dataLayer.push(arguments);} 11 gtag('js', new Date()); 12 13 gtag('config', '
13G-FCFTX1P6CL
vendor: 4 bytes, line 13
13');
14</script>
14 15 16 17 18 <meta charset="UTF-8" /> 19 <meta property="og:url" content="https://mawatari-kazuaki.com/" /> 20 <meta property="og:type" content="website" /> 21 <mate property="og:title" content="馬渡åå½°|MAWATARI KAZUAKI" /> 22 <meta property="og:description" content="馬渡åå½°(MAWATARI KAZUAKI)æ±äº¬é½ä¸ç°è°·åºåºèº«ã®ãããµãã«ã¼é¸æã®å ¬å¼HPã2014å¹´ã¬ã¤ãã¼ã¬é³¥åã§ãããã£ãªã¢ãæ©ã¿å§ããJ3ããJ1ã¾ã§ã®ã«ãã´ãªã¼ã§ãã¬ã¼ã2021ã·ã¼ãºã³çµäºæç¾å¨ãå ¬å¼æ¦éç®195試ååºå ´ã17å¾ç¹ã2019å¹´FUJI XEROX SUPER CUPã¨ã«ã´ã¡ã³ã«ããåªåã«ã2022å¹´FUJIFILM SUPER CUPåªåã«è²¢ç®ãææ°æ å ±ãåçãæ´»åãå ¬éãã¦ããã¾ãã" /> 23 <meta property="og:site_name" content="馬渡åå½° å ¬å¼ãã¼ã ãã¼ã¸" /> 24 <meta property="og:image" content="https://mawatari-kazuaki.com/Photo/Profile-4.jpg" /> 25 <meta property="og:locale" content="ja_JP" /> 26 <meta name="description" content="馬渡åå½° (MAWATARI KAZUAKI)æ±äº¬é½ä¸ç°è°·åºåºèº«ã®ãããµãã«ã¼é¸æã®å ¬å¼HPã2014å¹´ã¬ã¤ãã¼ã¬é³¥åã§ãããã£ãªã¢ãæ©ã¿å§ããJ3ããJ1ã¾ã§ã®ã«ãã´ãªã¼ã§ãã¬ã¼ã2021ã·ã¼ãºã³çµäºæç¾å¨ãéç®å ¬å¼æ¦195試ååºå ´ã17å¾ç¹ã2019å¹´FUJI XEROX SUPER CUPã¨ã«ã´ã¡ã³ã«ããåªåã«ã2022å¹´FUJIFILM SUPER CUPåªåã«è²¢ç®ãææ°æ å ±ãåçãæ´»åãå ¬éãã¦ããã¾ãã"> 27 <meta name="twitter:site" content="@kazuyan_08"> 28 <meta name="twitter:card" content="summary_large_image"> 29 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 30 <mate name="keywords" content="馬渡åå½°,馬渡,åå½°ã¾ããã,ãããã,ãã¼ã ãã¼ã¸,ãµãã«ã¼é¸æ,ãµãã«ã¼,å ¬å¼,浦å,ã¬ããº,大宮,ã¢ã«ãã£ã¼ã¸ã£,æ¹å,ãã«ãã¼ã¬,å·å´,ããã³ã¿ã¼ã¬,ãµã³ãã¬ããã§,åºå³¶,徳島,ã´ã©ã«ãã£ã¹,ãã¨ã¼ã²ã³,éæ²¢,ã¬ã¤ãã¼ã¬,é³¥å"></mate> 31 <meta http-equiv="X-UA-Compatible" content="ie=edge" /> 32 33 34 35 36 <!--ãCSSã--> 37 <link rel="stylesheet" href="css/reset.css" /> 38 <link rel="stylesheet" href="css/style.css" /> 39 40 41 42 43 <!--ãJSã--> 44
44<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
44 45 <link rel="preconnect" href="https://fonts.googleapis.com"> 46 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 47 <link href="https://fonts.googleapis.com/css2?family=Inter&family=Open+Sans&display=swap" rel="stylesheet"> 48 <link href="https://fonts.googleapis.com/css?family=Sawarabi+Gothic" rel="stylesheet"> 49 <link href="https://fonts.googleapis.com/css?family=M+PLUS+1p" rel="stylesheet"> 50 <link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP" rel="stylesheet"> 51 52
52<script src="https://kit.fontawesome.com/73539429dc.js" crossorigin="anonymous"></script>
52 53 54 55 56 57 58 59 <title>馬渡åå½°å ¬å¼ãã¼ã ãã¼ã¸</title> 60 61</head> 62<body> 63 64 65 66<!--ãã³ã³ãã³ãã--> 67<div class="wrapper"> 68 69 70 71<header> 72 <div class="btnHamburger"> 73 <span class="line line_01"></span> 74 <span class="line line_02"></span> 75 <span class="line line_03"></span> 76 </div> 77 78 79 <!--ãã¡ãã¥ã¼ã--> 80 <div class="hamburger-open-block"> 81 82 <ul> 83 <li> 84 <h1 class="hmb-title"><a href="index.html">KAZUAKI MAWATARI</a></h1> 85 <p class="hmb-subtitle">馬渡åå½°å ¬å¼ãµã¤ã</p> 86 87 <div class="hmb-box"> 88 <a href="index.html#player" class="closebox"></a> 89 <div class="hmb-box-text"> 90 <p class="subtitle">ãããµãã«ã¼é¸æ</p><p class="title">KAZUAKI <br class="pad">MAWATARI</p> 91 </div> 92 </div> 93 94 <div class="hmb-box"> 95 <a href="index.html#academy" class="closebox"></a> 96 <div class="hmb-box-text"> 97 <p class="subtitle">MKSA</p><p class="title">SOCCER <br class="pad">ACADEMY</p> 98 </div> 99 </div> 100 101 102 <div class="hmb-box"> 103 <a href="index.html#event" class="closebox"></a> 104 <div class="hmb-box-text"> 105 <p class="subtitle">å°åè²¢ç®</p><p class="title">KIDS FESTA</p> 106 </div> 107 </div> 108 109 110 <div class="hmb-box"> 111 <a href="index.html#apparel" class="closebox"></a> 112 <div class="hmb-box-text"> 113 <p class="subtitle">ã¢ãã¬ã«ãã©ã³ã</p><p class="title">LEGARE</p> 114 </div> 115 </div> 116 117 </li> 118 </ul> 119 120 </div><!--ãend hamburger-open-blockã--> 121 122</header> 123 124 125 126 127 128 129<!--ãï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ã--> 130 131 132 133 134 135 136 <!--ãã¡ã¤ã³ãã¸ã¥ã¢ã«ã--> 137 <section class="MV"> 138 <div class="main-visual-block"> 139 140 141 142 <div class="mv-inblock"> 143 144 145 <h1 class="mv-title">KAZUAKI MAWATARI</h1> 146 <h3 class="mv-ccopy">ãããµãã«ã¼é¸æã馬渡åå½°ãã<br class="smart">æ²ããæªæ¥ã¸ã®å±æ</h3> 147 148 149 150 <div class="mv-nav"> 151 152 <ul> 153 <li class="icon"> 154 <a href="#player" class="scale"></a> 155 <img src="img/main/navi_player.png" class="pc" alt=""> 156 <img src="img/main/navi_player_pad.png" class="pad" alt=""> 157 <img src="img/main/navi_player.png" class="mobile" alt=""> 158 </li> 159 160 <li class="icon"> 161 <a href="#academy"></a> 162 <img src="img/main/navi_mksa.png" class="pc" alt=""> 163 <img src="img/main/navi_mksa_pad.png" class="pad" alt=""> 164 <img src="img/main/navi_mksa.png" class="mobile" alt=""> 165 </li> 166 167 <li class="icon"> 168 <a href="#event"></a> 169 <img src="img/main/navi_event.png" class="pc" alt=""> 170 <img src="img/main/navi_event_pad.png" class="pad" alt=""> 171 <img src="img/main/navi_event.png" class="mobile" alt=""> 172 </li> 173 174 <li class="icon"> 175 <a href="#apparel"></a> 176 <img src="img/main/navi_apparel.png" class="pc" alt=""> 177 <img src="img/main/navi_apparel_pad.png" class="pad" alt=""> 178 <img src="img/main/navi_apparel.png" class="mobile" alt=""> 179 </li> 180 </ul> 181 182 </div> 183 184 185 186 <div class="mv-sns"> 187 188 <ul> 189 <li><a href="https://note.com/kazuaki_mawatari" target="_blank"><img src="img/icon/note.png" class="imgW100 scale" alt="LINE BLOG"></a></li> 190 <li><a href="https://page.line.me/kazuakimawatari?openQrModal=true" target="_blank"><img src="img/icon/LINE.png" class="imgW100 scale" alt="LINE"></a></li> 191 <li><a href="https://www.instagram.com/kazuaki_mawatari" target="_blank"><img src="img/icon/instagram.png" class="imgW100 scale" alt="Instagram"></a></li> 192 <li><a href="https://twitter.com/kazuyan_08" target="_blank"><img src="img/icon/twitter.png" class="imgW100 scale" alt="Twitter"></a></li> 193 <li><a href="https://www.facebook.com/mawatarikazuakiofficial/" target="_blank"><img src="img/icon/facebook.png" class="imgW100 scale" alt="Facebook"></a></li> 194 <!-- <li><a href=""><img src="img/icon/Youtube.png" class="imgW100 scale" alt="Youtube"></a></li> --> 195 <li><a href="https://onesroots.stores.jp" target="_blank"><img src="img/icon/LGR.png" class="imgW100 scale" alt="LGR"></a></li> 196 </ul> 197 198 </div> 199 200 </div><!-- END mv-inblock --> 201 202 203 204 205 <div class="mv-bg-imgA">
206 <span class="mv-bgA-txt">SOCCER<br>PLAYER</span> 207 <img src="img/mv_km_backgroundA.jpg" alt="Background Image"> 208 </div> 209 210 <div class="mv-bg-imgB"> 211 <span class="mv-bgB-txt">KAZUAKI MAWATARI</span> 212 <img src="img/mv_km_backgroundB.jpg" alt="Background Image"> 213 </div> 214 215 </div> 216 </section><!-- END MV --> 217 218 219 220 221 222 223 224 225<!--ãï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ã--> 226 227 228 229 230 231 232 233 234 235 236 <!--ããã¥ã¼ã¹ã--> 237 <section> 238 <div class="news-block"> 239 240 <h2>NEWS & INFORMATION</h2> 241 242 <div class="news-inblock"> 243 <ul> 244 <li> 245 <div class="category-academy">ACADEMY</div> 246 <div class="thumbnail"><img src="img/news/20220913.jpg" alt="ãµã ãã¤ã«ç»å"></div> 247 <p class="date">2022/09/13</p> 248 <p class="news-title"><a href="https://mawatari-kazuaki.com/academy/" target="_blank">Mawatari Kazuaki Soccer Academyå ¬å¼HPéè¨ï¼</a></p> 249 </li> 250 251 <li> 252 <div class="category-blog">BLOG</div> 253 <div class="thumbnail"><img src="img/news/20220811.jpg" alt="ãµã ãã¤ã«ç»å"></div> 254 <p class="date">2022/08/11</p> 255 <p class="news-title"><a href="https://lineblog.me/kazuakimawatari/archives/2997554.html" target="_blank">åãã¦ã®We are Diamonds</a></p> 256 </li> 257 258 <li> 259 <div class="category-blog">BLOG</div> 260 <div class="thumbnail"><img src="img/news/20220811B.jpg" alt="ãµã ãã¤ã«ç»å"></div> 261 <p class="date">2022/08/11</p> 262 <p class="news-title"><a href="https://lineblog.me/kazuakimawatari/archives/2997550.html" target="_blank">æé«ã®å¿æ´ãããã¨ããããã¾ããã</a></p> 263 </li> 264 265 </ul> 266 267 268 <button class="gray"><a href="https://note.com/kazuaki_mawatari/" target="_blank"><i class="fa-solid fa-play"></i> BLOG</a></button> 269 </div> 270 271 272 </div> 273 </section><!-- END NEWS --> 274 275 276 277 278 279 280 281 282 283 284<!--ãï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ã--> 285 286 287 288 289 290 291 292 293 <!--ãPLAYERã--> 294 <a name="player"></a> 295 <section id="player"> 296 <div class="player-block"> 297 298 <h2 class="pb-title">PLAYER</h2> 299 300 <h3 class="pb-ccopy">24å¹´ã·ã¼ãºã³ããæ¾æ¬å±±é ã§ãã¬ã¼ã<br> 301 è±å¯ãªéåéã精度ã®é«ãå³è¶³ã®ããã¯ãæ¦å¨ã«<br class="pc"> 302 ã¢ã°ã¬ãã·ãã«ä»æããæ»æçãµã¤ãããã¯ã</h3> 303 304 305 306 <div class="pb-photoA"><img src="img/player/KM_ImageA.jpg" alt="Player Photo ImageA"></div> 307 <div class="pb-photoB"><img src="img/player/KM_ImageB.jpg" alt="Player Photo ImageB"></div> 308 <div class="pb-photoC"><img src="img/player/KM_ImageC.jpg" alt="Player Photo ImageC"></div> 309 <div class="pb-photoD"><img src="img/player/KM_ImageD.jpg" alt="Player Photo ImageD"></div> 310 311 312 313 <button class="gold pb-btnA" id="openModal"><i class="fa-solid fa-play"></i> PROFILES</button> 314 <button class="gold pb-btnB"><a href="https://www.youtube.com/watch?v=WC78q0M4C1E&t=16s" target="_blank"><i class="fa-solid fa-play"></i> PLAY MOVIE</a></button> 315 316 317 318 319 <div class="pb-bg-imgA"><img src="img/player/player_background.jpg" alt="Background Image"></div> 320 321 </div> 322 </section><!-- END PLAYER --> 323 324 325 326 327 328<!-- ãããã£ã¼ã«ã®ã¢ã¼ãã«ã¨ãªã¢ --> 329<section id="modalArea" class="modalArea"> 330 <div id="modalBg" class="modalBg"></div> 331 <div class="modalWrapper"> 332 <div class="modalContents"> 333 <h2 class="modal-title">KAZUAKI MAWATARI</h2> 334 <div class="modal-txtblock"> 335 <table cellspacing="0"> 336 337 <tr><td width="20%" bgcolor="#d5d5d5" align="center">çã¾ã</td><td>1991å¹´6æ23æ¥çã¾ããï¼æ±äº¬é½ä¸ç°è°·åºåºèº« Oå</td></tr> 338 <tr><td width="20%" bgcolor="#d5d5d5" align="center">çµæ´</td><td bgcolor="#f9f9f9">ä¸å®¿ãµãã«ã¼å°å¹´å£ï¼æ±äº¬é½ï¼ï¼ä¸å®¿ä¸å¦æ ¡ï¼æ±äº¬é½ï¼ï¼å¸ç«è¹æ©é«ç妿 ¡ï¼åèçï¼ï¼æ±æ´å¤§å¦ï¼æ±äº¬é½ï¼</td></tr> 339 <tr>
339<td width="20%" bgcolor="#d5d5d5" align="center">鏿æ´</td><td>ï¼»2014-2015ï¼½ã¬ã¤ãã¼ã¬é³¥åï¼ï¼»2016ï¼½ãã¨ã¼ã²ã³éæ²¢ï¼ï¼»2017]徳島ã´ã©ã«ãã£ã¹ï¼ï¼»2018ï¼½ãµã³ãã¬ããã§åºå³¶ï¼ï¼»2019-2020ï¼½å·å´ããã³ã¿ã¼ã¬ï¼ï¼»22020ï¼½æ¹åãã«ãã¼ã¬ï¼ï¼»2021]大宮ã¢ã«ãã£ã¼ã¸ã£ï¼ï¼»2022-23]浦åã¬ããº</td></tr> 340 <tr><td width="20%" bgcolor="#d5d5d5" align="center">ç¾å¨</td><td bgcolor="#f9f9f9"><b>ï¼»2024-ï¼½æ¾æ¬å±±é FC</b></td></tr> 341 342 </table> 343 344 </div> 345 346 </div> 347 <div id="closeModal" class="closeModal"> 348 à 349 </div> 350 </div> 351</section><!-- END modalArea --> 352 353 354 355 356 357 358 359 360 361 362 363<!--ãï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ã--> 364 365 366 367 368 369 370 371 <!--ãã¢ã«ããã¼ã--> 372 <a name="academy"></a> 373 <section id="academy"> 374 <div class="academy-block"> 375 376 <h2>ACADEMY</h2> 377 378 379 <div class="academy-inblock"> 380 381 <p class="ai-ccopy">馬渡 åå½°ã®æ¬æ°ã®ãµãã«ã¼ã¢ã«ããã¼ã<br>
382 ç¾å½¹ãããµãã«ã¼é¸æã«ããç´æ¥æå°ã宿çã«è¡ãæ©ä¼ãä½ããã¨ã«ãã 383 åã ã®æé·ã«çå£ã«åãåãã¾ãã 384 J3ããJ1ã¸ä¸ãè©°ãã鏿ã ããããä¼ããããã¡ãã»ã¼ã¸ãåã©ããã¡ã«ä¼ããµãã«ã¼ã¹ãã«ã ãã§ãªãåä¸å¿ãªã©ãç²¾ç¥é¢ã®æé·ãéè¦ãã¦ããã¾ãã</p> 385 386 387 <div class="ai-right-block"> 388 <img src="img/academy/MK_logo_A.png" class="imgW100 ab-logo" alt="MK SOCCER ACADEMY LOGO"> 389 <ul> 390 <li><img src="img/academy/staffA.jpg" class="imgW100" alt="ã¹ã¿ããåç"></li> 391 <li><img src="img/academy/staffB.jpg" class="imgW100" alt="ã¹ã¿ããåç"></li> 392 <li><img src="img/academy/staffC.jpg" class="imgW100" alt="ã¹ã¿ããåç"></li> 393 </ul> 394 </div> 395 396 </div> 397 398 399 400 <div class="ab-bg-imgA"> 401 <span class="ab-bg-txt">ACADEMY</span> 402 <img src="img/academy/academy_background.png" alt="Backgroun
402d Image"> 403 </div> 404 405 406 407 <div class="ab-rec-copy">ã¢ã«ããã¼çåéä¸ï¼</div> 408 <div class="ab-rectangle"></div> 409 410 411 <button class="gray"><a href="https://mawatari-kazuaki.com/academy/" target="_blank"><i class="fa-solid fa-play"></i> ACADEMY SITE</a></button> 412 413 </div> 414 </section><!-- END ACADEMY --> 415 416 417 418 419 420 421 422 423<!--ãï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ã--> 424 425 426 427 428 429 430 431 432 433 434 <!--ãã¤ãã³ãã--> 435 <a name="event"></a> 436 <section id="event"> 437 <div class="event-block"> 438 439 <h2 class="c-white">EVENT</h2> 440 441 442 443 <div class="event-inblock"> 444 445 <h3 class="eb-ccopy">ãä¸è©±ã«ãªã£ãå°åã¸ã®æ©è¿ãã®ä¸ç°ã¨ãã¦<br> 446 ãµãã«ã¼ã¤ãã³ãã»ãã§ã¹ãã£ãã«ã»å¤§ä¼ã<br class="smart">宿çã«éå¬ãã¦ãã¾ã</h3> 447 448 449 450 <div class="hscroll"> 451 <ul> 452 <li> 453 <!-- <a href="" target="_blank"></a> --> 454 <p class="eb-li-category">KIDS FESTA</p> 455 <p class="eb-li-title">第3å éå¬ã¬ãã¼ã<br>2022/11/27</p> 456 <div class="ei-li-photo"><img src="img/event/event_photo_sampleC.jpg" alt="ã¤ãã³ãã¤ã¡ã¼ã¸åç"></div> 457 <!-- <p class="eb-li-click">coming soon...</p> --> 458 </li> 459 460 <li> 461 <!-- <a href="https://mawatari-kazuaki.com/kidsfesta/" target="_blank"></a> --> 462 <p class="eb-li-category">KIDS FESTA</p> 463 <p class="eb-li-title">第5å éå¬ã¬ãã¼ã<br>2024/11/24</p> 464 <div class="ei-li-photo"><img src="img/event/event_photo_sampleA.jpg" alt="ã¤ãã³ãã¤ã¡ã¼ã¸åç"></div> 465 <!-- <p class="eb-li-click">詳細ã¯ãã¡ã</p> --> 466 <!-- <div class="new">NEW</div> --> 467 </li> 468 469 <li> 470 <!-- <a href="https://mawatari-kazuaki.com/kidsfesta/" target="_blank"></a> --> 471 <p class="eb-li-category">KIDS FESTA</p> 472 <p class="eb-li-title">第4å éå¬ã¬ãã¼ã<br>2023/11/26</p> 473 <div class="ei-li-photo"><img src="img/event/event_photo_sampleB.jpg" alt="ã¤ãã³ãã¤ã¡ã¼ã¸åç"></div> 474 <!-- <p class="eb-li-click">詳細ã¯ãã¡ã</p> --> 475 </li> 476 </ul> 477 <span class="arrowST left"><p class="back">BACK</p></span> 478 <span class="arrowST right"><p class="next">NEXT</p></span> 479 </div> 480 481 482 483
483<script> 484 document.querySelectorAll('.left').forEach(elm => { 485 elm.onclick = function () { 486 let ul = elm.parentNode.querySelector('ul'); 487 ul.scrollLeft -= ul.clientWidth; 488 }; 489 }); 490 document.querySelectorAll('.right').forEach(elm => { 491 elm.onclick = function () { 492 let ul = elm.parentNode.querySelector('ul'); 493 ul.scrollLeft += ul.clientWidth; 494 }; 495 }); 496 </script>
496 497 498 </div> 499 500 501 <div class="eb-bg-imgA"> 502 <span class="eb-bg-txt">REPORT</span> 503 <img src="img/event/event_background.png" alt="Background Image"> 504 </div> 505 506 507 <button class="gray"><a href="https://mawatari-kazuaki.com/kidsfesta/"><i class="fa-solid fa-play"></i> EVENT INFO</a></button> 508 509 510 </div> 511 </section><!-- END EVENT --> 512 513 514 515 516 517 518 519 520 521 522<!--ãï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ã--> 523 524 525 526 527 528 529 530 531 <!--ãã¢ãã¬ã«ã--> 532 <a name="apparel"></a> 533 <section id="apparel"> 534 <div class="apparel-block"> 535 536 <h2 class="c-white">LEGARE</h2> 537 538 539 540 <div class="apparel-inblock"> 541 542 <h3 class="apb-ccopy">馬渡åå½°ãããã¥ã¼ã¹ã®<br class="smart">ã¢ãã¬ã«ãã©ã³ã<br class="smart">ãLEGAREï¼ã¬ã¬ã¼ã¬ï¼ã<br> 543 <div class="apb-smart-br"></div> 544 人ã¨äººãçµã³ã¤ãæ²¢å±±ã®æ¹ã«ç¬é¡ã«ãªã£ã¦ 545 欲ããã¨ããé¡ããè¾¼ãã¦è²ã£ãå°åã¸ã® 546 æ©è¿ããåã©ãéã®å°æ¥ã®å¿æ´ã¨ã㦠547 売ä¸ãå°å¹´ãµãã«ã¼å¤§ä¼éå¬ãå°åæ´»æ§ã 548 社ä¼è²¢ç®ã®è²»ç¨ã«ä½¿ããã¦ããã ãã¾ã</h3> 549 550 </div> 551 552 553 <div class="apb-bg-imgA"> 554 <img src="img/apparel/apparel_background.jpg" alt="Background Image"> 555 </div> 556 557 558 <button class="gray"><a href="https://onesroots.stores.jp" target="_blank"><i class="fa-solid fa-play"></i> ONLINESTORE</a></button> 559 560 561 </div> 562 </section><!-- END APPAREL --> 563 564 565 566 567 568 569 570<!--ãï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ã--> 571 572 573 574 575 576 577 <footer> 578 <p>KAZUAKI MAWATARI</p> 579 580 <div class="mv-sns footer-sns-block"> 581 <ul> 582 <li><a href="https://note.com/kazuaki_mawatari/" target="_blank"><img src="img/icon/note.png" class="imgW100 scale" alt="LINE BLOG"></a></li> 583 <li><a href="https://page.line.me/kazuakimawatari?openQrModal=true" target="_blank"><img src="img/icon/LINE.png" class="imgW100 scale" alt="LINE"></a></li> 584 <li><a href="https://www.instagram.com/kazuaki_mawatari" target="_blank"><img src="img/icon/instagram.png" class="imgW100 scale" alt="Instagram"></a></li> 585 <li><a href="https://twitter.com/kazuyan_08" target="_blank"><img src="img/icon/twitter.png" class="imgW100 scale" alt="Twitter"></a></li> 586 <li><a href="https://www.facebook.com/mawatarikazuakiofficial/" target="_blank"><img src="img/icon/facebook.png" class="imgW100 scale" alt="Facebook"></a></li> 587 <!-- <li><a href=""><img src="img/icon/Youtube.png" class="imgW100 scale" alt="Youtube"></a></li> --> 588 <li><a href="https://onesroots.stores.jp" target="_blank"><img src="img/icon/LGR.png" class="imgW100 scale" alt="LGR"></a></li> 589 </ul> 590 </div> 591 </footer> 592 593 594 595 596 597 598 599 600</div><!-- END WRAPPER --> 601 602 603 604 605 606<!--ãï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ã--> 607 608 609 610 611 612 613<!--ãJSã--> 614
614<script> 615 $(function(){ 616 $('.btnHamburger').on('click', function(){ 617 $(this).toggleClass('is-active'); 618 }); 619 }); 620 621 622 $(function(){ 623 $('.closebox').on('click', function(){ 624 $('.is-active').toggleClass('is-active'); 625 }); 626 }); 627 628 </script>
628 629 630 631
632<script> 633 $(function(){ 634 $('a[href^=#]').click(function() { 635 var speed = 500; // ã¹ã¯ãã¼ã«é度(ããªç§) 636 var href = $(this).attr("href"); 637 var target = $(href == "#" || href == "" ? 'html' : href); 638 var position = target.offset().top; 639 $('html').animate({scrollTop:position}, speed, 'swing'); 640 return false; 641 }); 642 }); 643</script>
643 644 645 646 647 648<!-- âbodyéãã¿ã°ç´åã§jQueryãèªã¿è¾¼ã -->
649<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
649 650
650<script> 651 $(function () { 652 $('#openModal').click(function(){ 653 $('#modalArea').fadeIn(); 654 }); 655 $('#closeModal , #modalBg').click(function(){ 656 $('#modalArea').fadeOut(); 657 }); 658}); 659</script>
659 660 661 662 663 664</body> 665</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.