1<!DOCTYPE HTML> 2<html class="no-js"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <meta name="viewport" content="width=device-width, initial-scale = 1.0, user-scalable = no"> 6 7 <meta name="keywords" content="OSAKA,ã¢ã¡ãªã«æ,ã¢ã¡æ,大éª,å¿ææ©,æ¥æ¬,é¢è¥¿,観å å°,ããã,RIBIA,RIVIA,LIBIA,LIVIA,TV,ãã¬ã,ãªãã¢,è¡é ,ãã¸ã§ã³,LED,大å,大åãã¸ã§ã³,è¡é ãã¸ã§ã³,å±å¤,åºå,å±å¤åºå,ä¸è§å ¬å,ã²ãªã©ã©ã¤ã,çæ¿,åºå代çåº,ããã°,å¯åå¼,ã¤ãã³ã,ã©ã¤ã,çæ¾é,ããããã£ã¹ã,Podcast,iPod,ã¿ãã&ãã©ã¤,ãã¼ã¯ã·ã§ã¼,å±ç¤ºä¼,æ å,æ åå¶ä½,çªçµ,CM,CMå¶ä½,ããã¢ã¼ã·ã§ã³,ããã¢ã¼ã·ã§ã³ãããª,DTP,ãã¶ã¤ã³,ãããã¯ã,å®ç¸¾,WEB,ã¦ã§ãå¶ä½,ãã¼ã ãã¼ã¸å¶ä½" /> 8 9 <meta name="description" content="æ¥æ¬åã®å¯åå¼ãã¸ã§ã³ï¼å¤§éªå¿ææ©(ã¢ã¡ãªã«æï¼ã¢ã¡æ)ã®ä¸è§å ¬ååã®å±å¤åºååªä½ã»RIBIA(ãªãã¢)ã大åLEDãã¸ã§ã³ã®éå¶ç®¡çã»ãªãªã¸ãã«ã³ã³ãã³ãã®æ åå¶ä½ã®ã»ãããã«2Fã®ã¤ãã³ãã»ã¹ãã¼ã¹ã§ã©ã¤ãï¼ã²ãªã©ã©ã¤ãããã¼ã¯ã·ã§ã¼ã販売ä¿é²ãã®ã£ã©ãªã¼çã®ããã¢ã¼ã·ã§ã³ãå¯è½ãªã¨ã³ã¿ã¼ãã¤ã³ã¡ã³ããªã¡ãã£ã¢ã§ãã/"> 10 11 <title>RIBIA.TVï½ä¸è§å ¬ååï¼ã¢ã¡ææµè¡çºä¿¡ãã£ã³ãã«@ã¢ã¡ãªã«æ/ã¢ã¡æ</title> 12 13 14 <link rel="stylesheet" href="css/swiper.min.css"> 15 <link rel="stylesheet" type="text/css" href="css/slick.css"/> 16 17 <!--ã°ã¼ã°ã«ãã©ã³ã--> 18 <link rel="preconnect" href="https://fonts.googleapis.com"> 19 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 20 <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200&display=swap" rel="stylesheet"> 21 22 <link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen"> 23 <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen"> 24 <link rel="stylesheet" href="css/style-index.css" type="text/css" media="screen"> 25 26 <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> 27 <!-- <link rel="stylesheet" href="css/style.min.css" type="text/css" media="screen"> --> 28 <!--[if IE]>
28<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
28<![endif]--> 29 30 31 <link href="css/animate.css" rel="stylesheet" type="text/css" > 32
32<script src="js/wow.js"></script>
32 33 34
34<script> 35 new WOW().init(); 36 </script>
36 37 38 39 40 <!--ã°ã¼ã°ã«ããã--> 41
41<script src="//maps.googleapis.com/maps/api/js?key=AIzaSyDxAw9ga9SaoKEdSG30azD_C-X6IEY0tpU"></script>
41 42
42<script src="js/gmap.js"></script>
42 43 <!--ã°ã¼ã°ã«ããã ããã¾ã§--> 44 45 <!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 45-46
45 46 <script async src="https://www.googletagmanager.com/gtag/js?id=
46G-GNYW2WNCL3
vendor: 13 bytes, lines 46-47
46"></script> 47
47<script> 48
vendor: 137 bytes, lines 48-52
48window.dataLayer = window.dataLayer || []; 49 function gtag(){dataLayer.push(arguments);} 50 gtag('js', new Date()); 51 52 gtag('config', '
52G-GNYW2WNCL3
vendor: 5 bytes, lines 52-53
52'); 53
53</script>
53 54 55 56 57</head> 58 59<body class="drawer drawer--right"> 60 61<div id="headertop_index"> 62 <a href="business/index.html">CMæ¾æ ã»ã¤ãã³ãã»æ åå¶ä½ã«ã¤ãã¦ã¯ã³ãã© â¶ï¸</a>ã 63</div> 64 65<header class="header"> 66 <h1 class="hlogo"> 67 <img src="images/logo.svg" alt="大éªãããã¢ã¡ãªã«æã®å¤§åè¡é ãã¸ã§ã³ ãªãã¢tv" width="130" > 68 </h1> 69</header> 70 71<div class="gnavi"> 72 <ul> 73 <li><a href="#about_us">ABOUT</a></li> 74 <li><a href="#artist_title_bg">ARTIST</a></li> 75 <li><a href="#event_title_bg_02">EVENT</a></li> 76 <li><a href="#access">ACCESS</a></li> 77 <li><a href="business/index.html">BUSINESS</a></li><br> 78 <li><a href="business/cm.html">CM</a></li> 79 <li><a href="business/movie.html">CREATIVE</a></li> 80 <li><a href="business/openstage.html">OPENSTAGE</a></li> 81 </ul> 82</div> 83 84 85 86<div class="top_mv"> 87 <div class="mv_movie"> 88 <video src="movie/top_mv.mp4" autoplay loop muted playsinline></video> 89 </div> 90 <p class="copy">大éªã¢ã¡ãªã«æã«ãã<br class="pcn">大åãã¸ã§ã³</p> 91</div> 92 93 94 95 96<div class="menu"> 97 <div class="container clearfix"> 98 99 100 101 <header role="banner"> 102 103 104 <button type="button" class="drawer-toggle drawer-hamburger"> 105 106 <span class="sr-only">toggle navigation</span> 107 <span class="drawer-hamburger-icon"></span> 108 109 </button> 110 111 <nav class="drawer-nav" role="navigation"> 112 113 <ul class="drawer-menu font_oswald"> 114 115 <li>ã</li> 116 <li><a class="drawer-brand" href="#">HOME</a></li> 117 <li><a class="drawer-brand" href="#artist_title_bg">ARTIST</a></li> 118 <li><a class="drawer-brand" href="#slide1">ON AIR</a></li> 119 <li><a class="drawer-brand" href="#event_title_bg_02">EVENT</a></li> 120 <li><a class="drawer-brand" href="#access">ACCESS</a></li> 121 <li><a class="drawer-brand" href="business/index.html">BUSINESS</a></li> 122 <li><a class="drawer-brand" href="business/cm.html">CM</a></li> 123 <li><a class="drawer-brand" href="business/movie.html">CREATIVE</a></li> 124 <li><a class="drawer-brand" href="business/openstage.html">OPENSTAGE</a></li> 125 126 </ul> 127 </nav> 128 </header> 129 <main role="main"> 130 <!-- Page content --> 131 </main> 132 133 134 135 </div> 136</div> 137 138 139 140<!--ã¼ã¼RIBIAãã¸ã§ã³ã¨ã¯ï¼ã¼ã¼--> 141 142<section id="about_us"> 143 <h2 class="fadeUpTrigger">ABOUT</h2> 144 <p class="text_center fadeUpTrigger">RIBIAãã¸ã§ã³ã¨ã¯ï¼</p> 145 <div class="clear"></div> 146 <br> 147 148 <div id="about_us_image"> 149 <img src="images/top2_img.jpg" alt="RIBIAãã¸ã§ã³ã¨ã¯ï¼"/> 150 </div> 151 152 <div class="container clearfix"> 153 <div class="grid_5"> 154 <p class="fadeUpTrigger"> 155 RIBIAãã¸ã§ã³ã¯ã1æ¥ã«<b>ç´17.5ä¸äººã訪ãã</b>大éªãããã»ã¢ã¡ãªã«æã®ä¸è§å ¬ååã«ãã大åãã¸ã§ã³ã§ãã 156 </p> 157 <p class="fadeUpTrigger"> 158 è¥è ãä¸å¿ã¨ããã°ã«ã¡ããã¡ãã·ã§ã³ã®æµè¡ã«ææãªå¤§å¢ã®æ¥è¡è ãã¿ã¼ã²ããã«ãCMã®æ¾æ ãã¤ãã³ãã®å®æ½ãå¯è½ã§ãã 159 </p> 160 <p class="fadeUpTrigger text_center"> 161 <a href="business/location.html" class="btn-animation font20 font_oswald"> 162 <span>MORE</span> 163 </a> 164 </p> 165 </div> 166 </div> 167 168 <div class="clear"></div> 169</section> 170 171 172<div class="clear"></div> 173 174 175 176<!--ã¼ã¼ã¼ã¼ã¼ãã¥ã¼ã¹ããããã¼ã¼ã¼ã¼ã¼ 177 <div id="news_box"> 178 <div class="container clearfix"> 179 <div class="box_srcollbar"> 180 â¶ï¸ 2022.08.07ã<a href="ribiarise.html">ï¼å¹´ã¶ãã«ãªãã¢ã©ã¤ãºéå¬ï¼</a><br> 181 <!-- 182 â 2022.08.04ã<a href="http://ribiarise.com/" target="_blank">8æ7æ¥ãããªãã¢ã©ã¤ãºåéæ±ºå®ï¼åºæ¼ã¢ã¼ãã£ã¹ãã¯ã³ãã©</a><br> 183 â 2020.02.02ã<a href="ribiarise.html">ãªãã¢ã©ã¤ãºï¼æã®ã¢ã¼ã«ã¤ããæ´æ°ãã¾ããã</a><br> 184 â 2018.10.21ã<a href="clk.html">CLK 2018å¹´ã°ã©ã³ããã£ã³ããªã³ã·ãã大ä¼ã®ã¢ã¼ã«ã¤ããæ´æ°ãã¾ããã</a><br> 185 â 2017.09.17ã<a href="clk.html">CLKãã£ã³ããªã³ã·ãã大ä¼å»¶æã«ã¤ãã¦</a><br> 186 â 2017.09.16ããµã¤ããªãã¥ã¼ã¢ã«<br> 187 </div> 188 189 </div> 190 </div> 191 --> 192 193<!--ã¼ã¼ã¼ã¼ã¼ã¢ã¼ãã£ã¹ã ã¿ã¤ãã«ã¼ã¼ã¼ã¼ã¼--> 194 195<div id="artist_title_bg"> 196 <h2 class="fadeUpTrigger">RIBIA à ARTIST</h2> 197 <p class="text_center fadeUpTrigger">æ¾æ ããã¦ããã ããã¢ã¼ãã£ã¹ãããç´¹ä»</p> 198</div> 199 200<div class="clear"></div> 201 202 203 204 205<!--ã¼ã¼ã¼ã¼ã¼Artist commentã¼ã¼ã¼ã¼ã¼--> 206
207<div class="slide" id="slide2" data-slide="2"> 208 <div class="container clearfix"> 209 <div id="content" class="grid_12"> 210 <div class="wow fadeIn"> 211 212 213 <!-- Slider main container --> 214 <div class="swiper-container"> 215 <!-- Additional required wrapper --> 216 <div class="swiper-wrapper"> 217 <!-- Slides --> 218 219 <!-- ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ --> 220 221 <div class="swiper-slide"> 222 <a href="artist.html"> 223 <img src="images/artist/kamisai_2024.jpg"> 224 </a> 225 <div class="font16">ç¥ã¯ãµã¤ã³ããæ¯ããªã</div> 226 </div> 227 228 <!-- ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ --> 229 230 <div class="swiper-slide"> 231 <a href="artist.html"> 232 <img src="images/artist/asoboism.jpg"> 233 </a> 234 <div class="font16">ASOBOiSM</div> 235 </div> 236 237 <!-- ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ --> 238 239 <div class="swiper-slide"> 240 <a href="artist.html"> 241 <img src="images/artist/bigmama2024.jpg"> 242 </a> 243 <div class="font16">BIGMAMA</div> 244 </div> 245 246 <!-- ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ --> 247 248 <div class="swiper-slide"> 249 <a href="artist.html"> 250 <img src="images/artist/polyplus.jpg"> 251 </a> 252 <div class="font16">POLYPLUS</div> 253 </div> 254 255 <!-- ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ --> 256 257 <div class="swiper-slide"> 258 <a href="artist.html"> 259 <img src="images/artist/berrymeet.jpg"> 260 </a> 261 <div class="font16">berry meet</div> 262 </div> 263 264 <!-- ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ --> 265 266 <div class="swiper-slide"> 267 <a href="artist.html"> 268 <img src="images/artist/singershigh2024.jpg"> 269 </a> 270 <div class="font16">ã·ã³ã¬ã¼ãºãã¤</div> 271 </div> 272 273 <!-- ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ --> 274 275 <div class="swiper-slide"> 276 <a href="artist.html"> 277 <img src="images/artist/odol.jpg"> 278 </a> 279 <div class="font16">odol</div> 280 </div> 281 282 <!-- ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ --> 283 284 <div class="swiper-slide"> 285 <a href="artist.html"> 286 <img src="images/artist/tiu.jpg"> 287 </a> 288 <div class="font16">TiU</div> 289 </div> 290 291 <!-- ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ --> 292 293 <div class="swiper-slide"> 294 <a href="artist.html"> 295 <img src="images/artist/arespuare.jpg"> 296 </a> 297 <div class="font16">AreSpuare</div> 298 </div> 299 300 <!-- ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ã¼ --> 301 </div> 302 303 <br><br> 304 <!-- If we need pagination --> 305 <div class="swiper-pagination"></div> 306 307 <!-- If we need navigation buttons --> 308 <div class="swiper-button-prev"></div> 309 <div class="swiper-button-next"></div> 310 </div> 311 <!-- Slider main container --> 312 313 314 315 316 </div> 317 </div> 318 319 320 321 322 323 324 </div> 325 326 <!--wow fadeIn--> 327 328 329 330<div class="text_center"> 331 <p class="fadeUpTrigger text_center"> 332 <a href="artist.html" class="btn-animation font20 font_oswald"> 333 <span>MORE</span> 334 </a> 335 </p> 336</div> 337 338 339 </div> 340 341 342 <div class="clear"></div> 343 344<!--
345<div class="slide" id="slide6" data-slide="2" data-stellar-background-ratio="0.5"> 346 347 <div class="container clearfix"> 348 349 <div class="grid_12"> 350 <h2 class="fadeUpTrigger">SNS</h2> 351 <p class="text_center fadeUpTrigger">æ¾æ æ å ±ãªã©æ¥ã ã®åºæ¥äºãçºä¿¡</p> 352 </div> 353 354 355 <!--PC--------------------------------- 356 <div class="insta_pc" > 357 358 <div class="grid_12 omega"> 359 <div class="twitter_box" style="text-align: center;"> 360 <a class="twitter-timeline" data-width="1000" data-height="500" data-theme="dark" href="https://twitter.com/ribiatv?ref_src=twsrc%5Etfw">Tweets by ribiatv</a>
360<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
360 361 </div> 362 </div> 363 </div> 364 365 </div> 366 367 </div> 368 369--> 370 371<div class="event_title"> 372 <div id="event_title_bg_02" data-stellar-background-ratio="0.9"> 373 <div id="event_title_bg_01" data-stellar-background-ratio="1"> 374 </div> 375 </div> 376 <div class="onair_title_smp"> 377 <img src="images/event_title.png" width="280" height="150"> 378</div> 379 380 </div> 381 382<div class="onair_title"> 383 <img src="images/event_title.png" width="280" height="150"> 384</div> 385 386 387 <div class="clear"></div> 388 389 390<!--ã¤ãã³ãã¢ã¼ã«ã¤ã--> 391<div class="slide" id="slide4" data-slide="2" data-stellar-background-ratio="0.5"> 392 <div class="container clearfix"> 393 <div class="grid_12"> 394 <h2 class="fadeUpTrigger">ARCHIVE</h2> 395 <p class="text_center fadeUpTrigger">宿½ã¤ãã³ãä¸è¦§</p> 396 </div> 397 398 <div class="grid_12 omega"> 399 400 <!--Pangea EXPO 2026--> 401 <a href="event.html"><img src="images/archive_img/archive_24.jpg" width="999"></a> 402 403 <!--ãã©ã³ãã¼æ¦è¨--> 404 <a href="event.html"><img src="images/archive_img/archive_23.jpg" width="999"></a> 405 406 <!--ææ¬ç¢å¼¥--> 407 <a href="event.html"><img src="images/archive_img/archive_22.jpg" width="999"></a> 408 409 <!--BPM15Q--> 410 <a href="event.html"><img src="images/archive_img/archive_21.jpg" width="999"></a> 411 412 <!--ããã ãã»ã¹--> 413 <a href="event.html"><img src="images/archive_img/archive_20.jpg" width="999"></a> 414 415 <!--ããã BIGMAMA 416 <a href="event.html"><img src="images/archive_img/archive_19.jpg" width="999"></a> 417 418 <!--ã¢ã¤ãã¸ã¨ã³ã 419 <a href="event.html"><img src="images/archive_img/archive_18.jpg" width="999"></a> 420 421 <!--ã¬ã²ã¨ã®æ¥ 422 <a href="event.html"><img src="images/archive_img/archive_17.jpg" width="999"></a> 423 424 <!--Novelbright 425 <a href="event.html#20230302"> 426 <img src="images/archive_img/archive_16.jpg" width="999"> 427 </a>--> 428 429 </div> 430 431 <div class="text_center"> 432 <p class="fadeUpTrigger text_center"> 433 <a href="event.html" class="btn-animation font20 font_oswald"> 434 <span>MORE</span> 435 </a> 436 </p> 437 </div> 438 439 </div> 440</div> 441 442 443 <div class="clear"></div> 444 445 446 447 <div class="slide" id="slide5" data-slide="2" data-stellar-background-ratio="0.5"> 448 449 <div class="container clearfix"> 450 <div class="grid_12"> 451 <h2 class="fadeUpTrigger">MONTHLY EVENT</h2> 452 <p class="text_center fadeUpTrigger">æ¯æéå¬ã¤ãã³ã</p> 453 </div> 454 455 <div class="grid_12 omega text_center"> 456 <a href="https://ribiarise.com/" target="_blank"> 457 <img src="images/banner_ribiarise_2.jpg" alt="" width="800px" /> 458 </a> 459 </div> 460 461 <!--<div class="grid_6 omega text_left"> 462 <a href="http://dance.americamura.biz/" target="_blank"><img src="images/banner_clk.jpg" alt=""/></a> 463 </div>--> 464 </div> 465 466 </div> 467 468 <div class="clear"></div> 469 <br><br> 470 471 472 473 <div id="access"></div> 474 475 <div class="clear"></div> 476 <br><br> 477 <div class="slide" id="slide7" data-slide="2" data-stellar-background-ratio="0.5"> 478 479 <div class="container clearfix"> 480 <div class="grid_12"> 481 <h2 class="fadeUpTrigger">ACCESS</h2> 482 <p class="text_center fadeUpTrigger">ã¢ã¯ã»ã¹</p> 483 </div> 484 485 <div class="grid_12"> 486 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3281.3081327207688!2d135.4977546!3d34.672171899999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6000e78cd4f5e5cf%3A0xcfd4cf037513a54!2zUklCSUEuVFbjgJDjgqLjg6Hjg6rjgqvmnZHkuInop5LlhazlnJLliY3jgavjgYLjgovlpKflnovjg5Pjgrjjg6fjg7PjgJE!5e0!3m2!1sja!2sjp!4v1751611441299!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> 487 </div> 488 489 <div class="grid_12"> 490 è¨ç½®å ´æã大éªåºå¤§éªå¸ä¸å¤®åºè¥¿å¿ææ©2-18-5<br> 491 ã¢ã¡ãªã«æ ä¸è§å ¬åå<br> 492 æ¾æ æéã10:00ï½22:00 (12h) å¹´ä¸ç¡ä¼ 493 </div> 494 495 496 </div> 497 498 </div> 499 500 501 502 <div id="business"></div> 503 504 <div class="clear"></div> 505 <br><br> 506 <div class="slide" id="slide8" data-slide="2" data-stellar-background-ratio="0.5"> 507 508 <div class="container clearfix"> 509 <div class="grid_12"> 510 <h2 class="fadeUpTrigger">BUSINESS</h2> 511 <p class="text_center fadeUpTrigger">ãã¸ãã¹</p> 512 </div> 513 514 <div class="grid_12 text_center"> 515 ãã¸ã§ã³æ¾æ ãã¤ãã³ãã®å®æ½ã«ã¤ãã¦ã¯ãã¸ãã¹ãµã¤ãããåç §ãã ããã 516 <br><br> 517 <a href="business/index.html"><img src="images/business_btn.jpg" alt=""/></a> 518 </div> 519 520 521 </div> 522 523 </div> 524 525 526<p id="pageTop"><a href="#"><img src="images/pagetop.png" ></a></p> 527<div class="footer"> 528 Copyright (C) OSAKAYA TRADING co.,ltd. all rights reserved. 529</div> 530 531 532 533 534 535 536
537<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
537 538
539<script type="text/javascript" src="js/jquery.stellar.min.js"></script>
vendor: 1 bytes, line 539
539
540<script type="text/javascript" src="js/waypoints.min.js"></script>
vendor: 1 bytes, line 540
540
541<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
vendor: 1 bytes, line 541
541
542<script type="text/javascript" src="js/scripts.js"></script>
542 543 544 545 <!-- ãããã¢ããããããã --> 546<link rel="stylesheet" href="css/magnific-popup.css">
547<script src="js/jquery.magnific-popup.min.js"></script>
547
548<script> 549jQuery(function($){ 550 $.extend(true, $.magnificPopup.defaults, { 551 tClose: 'éãã', 552 tLoading: 'ãã¼ãä¸...', 553 gallery: { 554 tPrev: 'å㸠(å·¦ç¢å°ãã¼)', 555 tNext: '次㸠(å³ç¢å°ãã¼)', 556 tCounter: '%curr% / %total%' 557 } 558 }); 559 560 $('#yt_link').magnificPopup({ 561 delegate: 'a', 562 type: 'iframe', 563 iframe: { 564 markup: '<div class="mfp-iframe-scaler">'+ 565 '<div class="mfp-close"></div>'+ 566 '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+ 567 '<div class="mfp-title">Some caption</div>'+ 568 '</div>' 569 }, 570 gallery: { 571 enabled:true 572 }, 573 callbacks: { 574 markupParse: function(template, values, item) { 575 values.title = item.el.attr('title'); 576 } 577 }, 578 disableOn: function() { 579 if( $(window).width() < 480 ) { 580 return false; 581 } 582 return true; 583 } 584 }); 585}); 586 587</script>
587 588 <!-- ãããã¢ãããããã¾ã§ --> 589 590 591 592 <!--
592<script type="text/javascript" src="js/scripts.min.js"></script>
592 --> 593
594<script type="text/javascript"> 595 //â page topãã¿ã³ 596 597$(function(){ 598var topBtn=$('#pageTop,'); 599topBtn.hide(); 600 601 602 603//âãã¿ã³ã®è¡¨ç¤ºè¨å® 604$(window).scroll(function(){ 605 if($(this).scrollTop()>80){ 606 607 //---- ç»é¢ã80pxã¹ã¯ãã¼ã«ãããããã¿ã³ã表示ãã 608 topBtn.fadeIn(); 609 610 }else{ 611 612 //---- ç»é¢ã80pxããä¸ãªãããã¿ã³ã表示ããªã 613 topBtn.fadeOut(); 614 615 } 616}); 617 618 619 620// âãã¿ã³ãã¯ãªãã¯ããããã¹ã¯ãã¼ã«ãã¦ä¸ã«æ»ã 621topBtn.click(function(){ 622 $('body,html').animate({ 623 scrollTop: 0},500); 624 return false; 625 626}); 627 628 629}); 630 631</script>
631 632 633 634 635<!--ãããããã³ãã¼ã¬ã¼ã¡ãã¥ã¼ --> 636 637 <link rel="stylesheet" href="css/drawer.min.css">
638<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
vendor: 1 bytes, line 638
638
639<script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.1.3/iscroll.min.js"></script>
vendor: 1 bytes, line 639
639
640<script src="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.1.0/js/drawer.min.js"></script>
640 641
642<script> 643$(document).ready(function() { 644$('.drawer').drawer(); 645$('.drawer-menu li a').on('click', function() { 646$('.drawer').drawer('close'); 647}); 648}); 649 650</script>
650 651<!--ããã¾ã§ãã³ãã¼ã¬ã¼ã¡ãã¥ã¼ --> 652 653 654<!--ãã¼ã¸å ãªã³ã¯ ã¤ã¼ã¸ã³ã° ãããã-->
655<script type="text/javascript"> 656 $(function () { 657 var headerHight = 100; //ãããã®é«ã 658 $('a[href^=#]').click(function(){ 659 var href= $(this).attr("href"); 660 var target = $(href == "#" || href == "" ? 'html' : href); 661 var position = target.offset().top-headerHight; //ãããã®é«ãåä½ç½®ãããã 662 $("html, body").animate({scrollTop:position}, 550, "swing"); 663 return false; 664 }); 665 }); 666</script>
666 667<!--ãã¼ã¸å ãªã³ã¯ ã¤ã¼ã¸ã³ã° ããã¾ã§--> 668 669 670 671<!--ã¢ã¼ãã£ã¹ããã¹ã©ã¤ãã¼ãããã--> 672 <!--
672<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
672--> 673
673<script type="text/javascript" src="js/slick.min.js"></script>
673 674 675
675<script>$('.your-class').slick({ 676 setting-name: setting-value 677 }); 678 </script>
678 679
679<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/js/swiper.min.js"></script>
679 680 681
681<script> 682 var mySwiper = new Swiper ('.swiper-container', { 683 loop: true, 684 slidesPerView: 4, 685 spaceBetween: 10, 686 centeredSlides : true, 687 autoplay : true, 688 speed :2500, 689 pagination: '.swiper-pagination', 690 nextButton: '.swiper-button-next', 691 prevButton: '.swiper-button-prev', 692 breakpoints: { 693 767: { 694 slidesPerView: 1, 695 spaceBetween: 0 696 } 697 } 698 }) 699 </script>
699 700<!--ã¢ã¼ãã£ã¹ããã¹ã©ã¤ãã¼ããã¾ã§--> 701 702 703<!--èªä½ã®JS-->
704<script src="js/original.js"></script>
704 705 706 707 708 709</body> 710</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.