1 2<!DOCTYPE html> 3<html lang="ja" class="h-100"> 4 5<head>
6<script> 7 const BASE_URL = "https://makiko-pianolab.com/"; 8 window.CURRENT_LANG = "japanese"; 9</script>
9 10 <meta charset="UTF-8"> 11 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 12 <meta name="author" content="Shuvashish Sarker, Aidid Alam, sugartaste.co.jp, sugartaste"> 13 <meta name="keywords" content="ãã¢ã,ãã¢ãã¬ãã¹ã³,ãªã³ã©ã¤ã³,ãªã³ã©ã¤ã³ãã¢ãã¬ãã¹ã³,2æ³ãã¢ã,3æ³ãã¢ã,å¼¾ãã¦ã¿ã, ãªãããã¯,ãã¢ãå°å ¥,åãã¦ã®ãã¢ã,ãã¬ã,楽èãèªã,ç°¡åãã¢ã,女ã®åãã¢ã,ç°åé½å¸ç·, æºã®å£,髿´¥,梶ã¶è°·,鷺沼,å®®åå¹³,å®®å´å°," /> 14 <link rel="canonical" href="https://makiko-pianolab.com/home/lessons"> 15 16 17 18 19<!-- Favicon .ico --> 20<link rel="icon" type="image/x-icon" href="https://makiko-pianolab.com/assets/img/sites/makiko/favicon/favicon.ico?v=1789709257"> 21 22<!-- PNG Icons --> 23 24<!-- Apple Touch Icons --> 25 26<!-- Manifest --> 27 28 <title>ã¬ãã¹ã³ä¸è¦§</title> 29 <meta name="description" content="ãã¢ãæå®¤ ã¾ããã´ãã®ãã¼ã®ã¬ãã¹ã³ä¸è¦§ã§ãã"> 30 <meta property="og:description" content="ãã¢ãæå®¤ ã¾ããã´ãã®ãã¼ã®ã¬ãã¹ã³ä¸è¦§ã§ãã" /> 31 32 33 <meta property="og:title" content="ã¬ãã¹ã³ä¸è¦§" /> 34 <meta property="og:url" content="https://makiko-pianolab.com/home/lessons" /> 35 <meta property="og:site_name" content="" /> 36 <meta property="og:type" content="website" /> 37 <meta property="og:image" content="https://makiko-pianolab.com/assets/img/sites/makiko/home_pic.jpg" /> 38 <meta name="twitter:card" content="summary_large_image" /> 39 <meta name="twitter:image" content="https://makiko-pianolab.com/assets/img/sites/makiko/home_pic.jpg" /> 40 41 42 <!-- <title>Document</title> --> 43 44 45 <!--Main Css--> 46 <link rel="stylesheet" href="https://makiko-pianolab.com/assets/css/style.css"> 47 <link rel="stylesheet" href="https://makiko-pianolab.com/assets/css/owl.carousel.min.css"> 48 <link rel="stylesheet" href="https://makiko-pianolab.com/assets/css/owl.theme.default.min.css"> 49 <!--Bootstrap CSS--> 50 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> 51 <!--Bootstrap CSS JS--> 52
52<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
52 53
53<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"> 54 </script>
54 55 <!--
55<script type="text/javascript" src="http://livejs.com/live.js"></script>
55 --> 56 <!-- fontawasom css --> 57 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"> 58 59 <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" /> --> 60 <link rel="stylesheet" href="https://makiko-pianolab.com/assets/css/animate.css"> 61 <link rel="stylesheet" href="https://makiko-pianolab.com/assets/css/common.css"> 62 63 64 65 66 67 68</head> 69 70<body class="d-flex flex-column h-100"> 71 <link rel="stylesheet" href="https://makiko-pianolab.com/assets/css/bootstrap-datepicker.standalone.min.css"> 72
72<script src="https://makiko-pianolab.com/assets/js/bootstrap-datepicker.min.js"></script>
72 73 74 <div class="row navbarLinks d-none"> 75 <div class="col-12"> 76 <a class="menuLink" href="https://makiko-pianolab.com/"> 77 <img src="https://makiko-pianolab.com/assets/img/template/1.png"> 78 <span>Home</span> 79 </a> 80 81 <a class="menuLink" href="https://makiko-pianolab.com/home/lessons"> 82 <img src="https://makiko-pianolab.com/assets/img/template/2.png"> 83 <span>ã¬ãã¹ã³äºç´</span> 84 </a> 85 86 <a class="menuLink" href="https://makiko-pianolab.com/#instructor"> 87 <img src="https://makiko-pianolab.com/assets/img/template/3.png"> 88 <span>è¬å¸«ç´¹ä»</span> 89 </a> 90 91 <a class="menuLink" href="https://makiko-pianolab.com/#studentReviews"> 92 <img src="https://makiko-pianolab.com/assets/img/template/8.png"> 93 <span>åè¬çã®å£°</span> 94 </a> 95 96 <a class="menuLink" href="https://makiko-pianolab.com/#news"> 97 <img src="https://makiko-pianolab.com/assets/img/template/4.png"> 98 <span>News</span> 99 </a> 100 101 <a class="menuLink" href="#" data-bs-toggle="modal" data-bs-target="#firstTime"> 102 <img src="https://makiko-pianolab.com/assets/img/template/5.png"> 103 <span>ã¯ããã¦ã®æ¹ã¸</span> 104 </a> 105 106 107 <a class="menuLink" href="https://makiko-pianolab.com/#access"> 108 <img src="https://makiko-pianolab.com/assets/img/template/6.png"> 109 <span>ã¢ã¯ã»ã¹</span> 110 </a> 111 <a class="menuLink" href="https://makiko-pianolab.com/login/mypageredirect"> 112 <img src="https://makiko-pianolab.com/assets/img/template/7.png"> 113 <span>ãã°ã¤ã³/æ°è¦ç»é²</span> 114 </a> 115 </div> 116 <div class="col-12"> 117 <div class="d-flex linkNavHeader w-100 justify-content-center justify-content-sm-start ms-0 ms-sm-4"> 118 <a class="socialLinkNav" target="_blank" href="https://www.instagram.com/makiko_haruki/"> 119 <img src="https://makiko-pianolab.com/assets/img/template/instagram_black.png"> 120 </a> 121 122 <a class="socialLinkNav" target="_blank" href="https://www.facebook.com/makikopianolab/"> 123 <img src="https://makiko-pianolab.com/assets/img/template/facebook_black.png"> 124 </a> 125 126 <a class="socialLinkNav" target="_blank" href="https://x.com/makikopianolab"> 127 <img src="https://makiko-pianolab.com/assets/img/template/x_black.png"> 128 </a> 129 </div> 130 </div> 131 </div> 132 133 <div class="mobilemenu"> 134 <div class="toggler"></div> 135 136 137 <a href="https://makiko-pianolab.com/"> 138 <img src="https://makiko-pianolab.com/assets/img/sites/makiko/uploads/logo.png" alt="ã¾ããã´ãã®ãã¼ ãã´ç»å" class="mobileLogo"> 139 </a> 140 141 </div> 142 143 <div class="container-fluid p-0 m-0 d-none d-sm-block"> 144 <div class="w-100 d-flex"> 145 <a class="header" href="https://makiko-pianolab.com/" style="background-image: url('https://makiko-pianolab.com/assets/img/sites/makiko/header_bg.png');" data-site-header-bg="https://makiko-pianolab.com/assets/img/sites/makiko/header_bg.png"> 146 147 <!-- logo_header --> 148 <img src="https://makiko-pianolab.com/assets/img/sites/makiko/uploads/logo_header.png" alt="ã¾ããã´ãã®ãã¼ ç¥å¥å·çå·å´å¸ã®ãã¢ãæå®¤"> 149 150 <!-- logo_header --> 151 </a> 152 153 154 <div class="logoContainer"> 155 <a class="headLogo" href="https://makiko-pianolab.com/"> 156 <img src="https://makiko-pianolab.com/assets/img/sites/makiko/uploads/logo.png" class="w-100" alt="ã¾ããã´ãã®ãã¼ ãã´ç»å"> 157 </a> 158 159 160 161 <div class="callHeader"> 162 163 <div> 164 <a href="tel:080-1128-2854"> 165 <img src="https://makiko-pianolab.com/assets/img/template/phone_icon.svg" /> 166 </a> 167 <a href="tel:080-1128-2854">080-1128-2854</a> 168 </div> 169 170 <div>
171 <span>åä» 9ï¼00ã21ï¼00</span> 172 </div> 173 174 </div> 175 </div> 176 </div> 177 178 </div> 179 180 <div class="container mt-4 mt-sm-0"> 181 <div class="row d-flex align-items-center align-items-sm-start flex-column-reverse flex-sm-row"> 182 <div class="col-11 col-sm-12 d-flex justify-content-start mt-0 mt-sm-5"> 183 184 <div class="collapse navbar-collapse"> 185 <ol class="breadcrumb"> 186 <li class="breadcrumb-item"><a href="https://makiko-pianolab.com/">ãã¼ã </a></li> 187 <li class="breadcrumb-item active" aria-current="page">ã¬ãã¹ã³ä¸è¦§</li> 188 </ol> 189 </div> 190 191 <nav style="--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E");" aria-label="breadcrumb"> 192 <ol class="breadcrumb"> 193 <li class="breadcrumb-item"><a href="https://makiko-pianolab.com/">ãã¼ã </a></li> 194 <li class="breadcrumb-item active" aria-current="page">ã¬ãã¹ã³ä¸è¦§</li> 195 </ol> 196 </nav> 197 </div> 198 </div> 199 </div> 200 201 <div class="main flex-shrink-0"> 202<div class="container mb-5 mt-4"> 203 <div class="row justify-content-lg-start justify-content-center "> 204 <div class="w-100 d-flex justify-content-center"> 205 <div class="col-11 col-sm-4"> 206 <form action="https://makiko-pianolab.com/home/lessons"> 207 <div class="input-group input-group-lg mb-4 mb-sm-5"> 208 <input name="query" type="text" value="" placeholder="æ¤ç´¢ã¬ãã¹ã³" class="form-control" aria-label="æ¤ç´¢ã¬ãã¹ã³" aria-describedby="inputGroup-sizing-lg"> 209 <button type="submit" class="btn border" id="inputGroup-sizing-lg">æ¤ç´¢</button> 210 </div> 211 </form> 212 </div> 213 </div> 214 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 215 <div class="sliderCard h-100 sliderCardTLPage"> 216 <a href="https://makiko-pianolab.com/lesson/21/åé¨çä¸é«æ ¡çé宿ï¼åã¬ãã¹ã³"> 217 <div class="ratio ratio-16x9"> 218 <img src="https://makiko-pianolab.com/assets/img/lesson/d00843155e84734e6f0442bced5a9285.webp" class="img-fluid w-100" style="object-fit: cover;"> 219 </div> 220 </a> 221 222 223 <div class="content h-100 align-top d-block" style="background-color: #7bc2ab;"> 224 <a class="text-reset" href="https://makiko-pianolab.com/lesson/21/åé¨çä¸é«æ ¡çé宿ï¼åã¬ãã¹ã³"> 225 <p class="badge bg-secondary text-white">æé¡ã¬ãã¹ã³</p> 226 227 <h4>åé¨çãä¸ã»é«æ ¡çéå®ãæï¼åã¬ãã¹ã³</h4> 228 <p class="secondSlide"> 229 </p> 230 <span> 231 åé¨æã®æ°å転æã«ã»å çã¨å¿ãæ´ããæéã»ç´°ã ã¨ã§ãç¶ãããã»å¥½ããªæ²ãå çã¨ä¸ç·ã«ããã£ã¨ç·´ç¿ããããæ§ã ãªçç±ã§ãå¿ããã¦ãç¶ãããçå¾ããã®ããã®ã³ã¼ã¹ </span> 232 233 </a> 234 </div> 235 236 </div> 237 </div> 238 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 239 <div class="sliderCard h-100 sliderCardTLPage"> 240 <a href="https://makiko-pianolab.com/lesson/22/ï¼æéã¬ãã¹ã³"> 241 <div class="ratio ratio-16x9"> 242 <img src="https://makiko-pianolab.com/assets/img/lesson/3650c65e99b3f24f63961eb12c68fa39.webp" class="img-fluid w-100" style="object-fit: cover;"> 243 </div> 244 </a> 245 246 247 <div class="content h-100 align-top d-block" style="background-color: #a9cb67;"> 248 <a class="text-reset" href="https://makiko-pianolab.com/lesson/22/ï¼æéã¬ãã¹ã³"> 249 <p class="badge bg-secondary text-white">æé¡ã¬ãã¹ã³</p> 250 251 <h4>ï¼æéã¬ãã¹ã³</h4> 252 <p class="secondSlide"> 253 </p>
254 <span> 255 ï¼æéã¬ãã¹ã³ </span> 256 257 </a> 258 </div> 259 260 </div> 261 </div> 262 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 263 <div class="sliderCard h-100 sliderCardTLPage"> 264 <a href="https://makiko-pianolab.com/lesson/23/ãªã³ã©ã¤ã³è¬åº§åæ¥çéå®çºéãã£ãããã¢ãã¬ãã¹ã³å®è·µç ç©¶ä¼"> 265 <div class="ratio ratio-16x9"> 266 <img src="https://makiko-pianolab.com/assets/img/lesson/f78066f31f0bd5929d32681ea181ad8f.webp" class="img-fluid w-100" style="object-fit: cover;"> 267 </div> 268 </a> 269 270 271 <div class="content h-100 align-top d-block" style="background-color: #7bc2ab;"> 272 <a class="text-reset" href="https://makiko-pianolab.com/lesson/23/ãªã³ã©ã¤ã³è¬åº§åæ¥çéå®çºéãã£ãããã¢ãã¬ãã¹ã³å®è·µç ç©¶ä¼"> 273 <p class="badge bg-secondary text-white">æé¡ã¬ãã¹ã³</p> 274 275 <h4>ãªã³ã©ã¤ã³è¬åº§åæ¥çéå®ãçºéãã£ãããã¢ãã¬ãã¹ã³å®è·µç ç©¶ä¼ã</h4> 276 <p class="secondSlide"> 277 </p> 278 <span> 279 çºéãã£ãããã¢ãã¬ãã¹ã³ãã¹ã¿ã¼è¬åº§ã®åæ¥çãå ¥ããã¨ãã§ããä¼ã§ãã<br /> 280 </span> 281 282 </a> 283 </div> 284 285 </div> 286 </div> 287 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 288 <div class="sliderCard h-100 sliderCardTLPage"> 289 <a href="https://makiko-pianolab.com/lesson/20/ï¼ï¼ï¼ï¼å¹´çºè¡¨ä¼ç³ãè¾¼ã¿"> 290 <div class="ratio ratio-16x9"> 291 <img src="https://makiko-pianolab.com/assets/img/lesson/aafb336fe19be11123b8528dd47b8394.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 292 </div> 293 </a> 294 295 296 <div class="content h-100 align-top d-block" style="background-color: #a9cb67;"> 297 <a class="text-reset" href="https://makiko-pianolab.com/lesson/20/ï¼ï¼ï¼ï¼å¹´çºè¡¨ä¼ç³ãè¾¼ã¿"> 298 <p class="badge bg-primary text-white">åçºã¬ãã¹ã³</p> 299 300 <h4>ï¼ï¼ï¼ï¼å¹´ãçºè¡¨ä¼ç³ãè¾¼ã¿</h4> 301 <p class="secondSlide"> 302 </p> 303 <span> 304 第ï¼åãã¾ããã´ãã®ãã¼ããã¢ãçºè¡¨ä¼<br /> 305<br /> 306 </span> 307 308 </a> 309 </div> 310 311 </div> 312 </div> 313 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 314 <div class="sliderCard h-100 sliderCardTLPage"> 315 <a href="https://makiko-pianolab.com/lesson/2/ä½é¨ã¬ãã¹ã³åå¿è ã®æ¹çµé¨è ã®æ¹"> 316 <div class="ratio ratio-16x9"> 317 <img src="https://makiko-pianolab.com/assets/img/lesson/5320ebb87cfae1fa76a28bcae970c19e.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 318 </div> 319 </a> 320 321 322 <div class="content h-100 align-top d-block" style="background-color: #7bc2ab;"> 323 <a class="text-reset" href="https://makiko-pianolab.com/lesson/2/ä½é¨ã¬ãã¹ã³åå¿è ã®æ¹çµé¨è ã®æ¹"> 324 <p class="badge bg-primary text-white">åçºã¬ãã¹ã³</p> 325 326 <h4>ä½é¨ã¬ãã¹ã³ï¼åå¿è ã®æ¹ã»çµé¨è ã®æ¹ï¼</h4> 327 <p class="secondSlide"> 328 </p>
329 <span> 330 ã叿ã®ãæ¥ã«ã¡ããªãå ´åã¯ãç´æ¥ãåãåãããã ããã<br /> 331ä½é¨ã¬ãã¹ã³ã®ã¿ãæ¥æç¥æ¥ãåãä»ããå ´åããããã¾ãã </span> 332 333 </a> 334 </div> 335 336 </div> 337 </div> 338 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 339 <div class="sliderCard h-100 sliderCardTLPage"> 340 <a href="https://makiko-pianolab.com/lesson/5/ãã¢ãå人ã¬ãã¹ã³-å¹´å°ã³ã¼ã¹"> 341 <div class="ratio ratio-16x9"> 342 <img src="https://makiko-pianolab.com/assets/img/lesson/6c51600ad2c981ed6058643ff20bf907.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 343 </div> 344 </a> 345 346 347 <div class="content h-100 align-top d-block" style="background-color: #a9cb67;"> 348 <a class="text-reset" href="https://makiko-pianolab.com/lesson/5/ãã¢ãå人ã¬ãã¹ã³-å¹´å°ã³ã¼ã¹"> 349 <p class="badge bg-secondary text-white">æé¡ã¬ãã¹ã³</p> 350 351 <h4>ãã¢ãå人ã¬ãã¹ã³ å¹´å°ã³ã¼ã¹</h4> 352 <p class="secondSlide"> 353 </p> 354 <span> 355 ãã¢ãå人ã¬ãã¹ã³ å¹´å°ã³ã¼ã¹ </span> 356 357 </a> 358 </div> 359 360 </div> 361 </div> 362 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 363 <div class="sliderCard h-100 sliderCardTLPage"> 364 <a href="https://makiko-pianolab.com/lesson/6/ãã¢ãå人ã¬ãã¹ã³å¹´ä¸å¹´é·ã³ã¼ã¹"> 365 <div class="ratio ratio-16x9"> 366 <img src="https://makiko-pianolab.com/assets/img/lesson/9662ed175271dcb8a8edb2a45e8d40c4.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 367 </div> 368 </a> 369 370 371 <div class="content h-100 align-top d-block" style="background-color: #7bc2ab;"> 372 <a class="text-reset" href="https://makiko-pianolab.com/lesson/6/ãã¢ãå人ã¬ãã¹ã³å¹´ä¸å¹´é·ã³ã¼ã¹"> 373 <p class="badge bg-secondary text-white">æé¡ã¬ãã¹ã³</p> 374 375 <h4>ãã¢ãå人ã¬ãã¹ã³ãå¹´ä¸å¹´é·ã³ã¼ã¹</h4> 376 <p class="secondSlide"> 377 </p> 378 <span> 379 ãã¢ãã®åºç¤ã馴æã¾ãã大åãªæéã§ããçºéã®ç¹æ§ãã©ã®ç¨åº¦ãªã®ãã確èªãã¦ããã¨è¯ãææã<br /> 380æå®¤è¦ç´ï¼https://docs.google.com/document/d/1E_XGmr-KKw9<br /> 381 </span> 382 383 </a> 384 </div> 385 386 </div> 387 </div> 388 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 389 <div class="sliderCard h-100 sliderCardTLPage"> 390 <a href="https://makiko-pianolab.com/lesson/7/ãã¢ãå人ã¬ãã¹ã³å°å¦ç大人ã³ã¼ã¹"> 391 <div class="ratio ratio-16x9"> 392 <img src="https://makiko-pianolab.com/assets/img/lesson/e283401089fb065f11ddbb08c7826a8e.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 393 </div> 394 </a> 395 396 397 <div class="content h-100 align-top d-block" style="background-color: #a9cb67;"> 398 <a class="text-reset" href="https://makiko-pianolab.com/lesson/7/ãã¢ãå人ã¬ãã¹ã³å°å¦ç大人ã³ã¼ã¹"> 399 <p class="badge bg-secondary text-white">æé¡ã¬ãã¹ã³</p> 400 401 <h4>ãã¢ãå人ã¬ãã¹ã³å°å¦çã大人ã³ã¼ã¹</h4> 402 <p class="secondSlide"> 403 </p>
404 <span> 405 ãã¢ãå人ã¬ãã¹ã³å°å¦çã大人ã³ã¼ã¹ </span> 406 407 </a> 408 </div> 409 410 </div> 411 </div> 412 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 413 <div class="sliderCard h-100 sliderCardTLPage"> 414 <a href="https://makiko-pianolab.com/lesson/8/çºéãã£ããã¡ããã¬ãã¹ã³"> 415 <div class="ratio ratio-16x9"> 416 <img src="https://makiko-pianolab.com/assets/img/lesson/bd6c9e7699cdd27f0348b5b7358338df.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 417 </div> 418 </a> 419 420 421 <div class="content h-100 align-top d-block" style="background-color: #7bc2ab;"> 422 <a class="text-reset" href="https://makiko-pianolab.com/lesson/8/çºéãã£ããã¡ããã¬ãã¹ã³"> 423 <p class="badge bg-secondary text-white">æé¡ã¬ãã¹ã³</p> 424 425 <h4>çºéãã£ããã¡ããã¬ãã¹ã³</h4> 426 <p class="secondSlide"> 427 </p> 428 <span> 429 ç¹æ§ã«åãããå®å ¨ã«ã¹ã¿ãã¤ãºã¬ãã¹ã³ </span> 430 431 </a> 432 </div> 433 434 </div> 435 </div> 436 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 437 <div class="sliderCard h-100 sliderCardTLPage"> 438 <a href="https://makiko-pianolab.com/lesson/3/ãã©ã¤ãã¼ããªãããã¯ã¬ãã¹ã³"> 439 <div class="ratio ratio-16x9"> 440 <img src="https://makiko-pianolab.com/assets/img/lesson/df4fe892634f3de16b829c62fdb1fc74.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 441 </div> 442 </a> 443 444 445 <div class="content h-100 align-top d-block" style="background-color: #a9cb67;"> 446 <a class="text-reset" href="https://makiko-pianolab.com/lesson/3/ãã©ã¤ãã¼ããªãããã¯ã¬ãã¹ã³"> 447 <p class="badge bg-secondary text-white">æé¡ã¬ãã¹ã³</p> 448 449 <h4>ãã©ã¤ãã¼ããªãããã¯ã¬ãã¹ã³</h4> 450 <p class="secondSlide"> 451 </p> 452 <span> 453 ãã©ã¤ãã¼ããªãããã¯ã¬ãã¹ã³ </span> 454 455 </a> 456 </div> 457 458 </div> 459 </div> 460 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 461 <div class="sliderCard h-100 sliderCardTLPage"> 462 <a href="https://makiko-pianolab.com/lesson/9/ã·ãã¢ã³ã¼ã¹"> 463 <div class="ratio ratio-16x9"> 464 <img src="https://makiko-pianolab.com/assets/img/lesson/335602ed8a13a164ea3421c50c6235d1.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 465 </div> 466 </a> 467 468 469 <div class="content h-100 align-top d-block" style="background-color: #7bc2ab;"> 470 <a class="text-reset" href="https://makiko-pianolab.com/lesson/9/ã·ãã¢ã³ã¼ã¹"> 471 <p class="badge bg-secondary text-white">æé¡ã¬ãã¹ã³</p> 472 473 <h4>ã·ãã¢ã³ã¼ã¹</h4> 474 <p class="secondSlide"> 475 </p> 476 <span> 477 ã·ãã¢ã³ã¼ã¹ </span> 478 479 </a> 480 </div> 481 482 </div> 483 </div> 484 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 485 <div class="sliderCard h-100 sliderCardTLPage"> 486 <a href="https://makiko-pianolab.com/lesson/11/ä¿è²å£«è³æ ¼åå¾ç¨-åçºã¬ãã¹ã³"> 487 <div class="ratio ratio-16x9"> 488 <img src="https://makiko-pianolab.com/assets/img/lesson/d2077d29
4880bdfb65c91598e81b885349b.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 489 </div> 490 </a> 491 492 493 <div class="content h-100 align-top d-block" style="background-color: #a9cb67;"> 494 <a class="text-reset" href="https://makiko-pianolab.com/lesson/11/ä¿è²å£«è³æ ¼åå¾ç¨-åçºã¬ãã¹ã³"> 495 <p class="badge bg-primary text-white">åçºã¬ãã¹ã³</p> 496 497 <h4>ä¿è²å£«è³æ ¼åå¾ç¨ åçºã¬ãã¹ã³</h4> 498 <p class="secondSlide"> 499 </p> 500 <span> 501 ä¿è²å£«è³æ ¼åå¾ç¨ åçºã¬ãã¹ã³ </span> 502 503 </a> 504 </div> 505 506 </div> 507 </div> 508 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 509 <div class="sliderCard h-100 sliderCardTLPage"> 510 <a href="https://makiko-pianolab.com/lesson/19/ãªã³ã©ã¤ã³ãã¢ãã¬ãã¹ã³"> 511 <div class="ratio ratio-16x9"> 512 <img src="https://makiko-pianolab.com/assets/img/lesson/e8732211bf2a33521c44fa5e3778901b.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 513 </div> 514 </a> 515 516 517 <div class="content h-100 align-top d-block" style="background-color: #7bc2ab;"> 518 <a class="text-reset" href="https://makiko-pianolab.com/lesson/19/ãªã³ã©ã¤ã³ãã¢ãã¬ãã¹ã³"> 519 <p class="badge bg-primary text-white">åçºã¬ãã¹ã³</p> 520 521 <h4>ãªã³ã©ã¤ã³ãã¢ãã¬ãã¹ã³</h4> 522 <p class="secondSlide"> 523 </p> 524 <span> 525 好ããªæ²ããèªèº«ã®ãã¼ã¹ã§åãçµããã¨ãã§ãã¾ãã<br /> 526LINEã®ãããªé話ãZoomã使ç¨ãã¾ãã<br /> 527ã¬ãã¹ã³ç°å¢ã§ã使ç¨å¯è½ããã確èªã®ä¸ããç³ãè¾¼ã¿ãã ããã<br /> 528ãå¸æã®æ¹ã¯ããã¹ãé ä¿¡è´ãã¾ãã<br /> 529 </span> 530 531 </a> 532 </div> 533 534 </div> 535 </div> 536 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 537 <div class="sliderCard h-100 sliderCardTLPage"> 538 <a href="https://makiko-pianolab.com/lesson/10/åçºã¬ãã¹ã³-大人ã³ã¼ã¹"> 539 <div class="ratio ratio-16x9"> 540 <img src="https://makiko-pianolab.com/assets/img/lesson/3fd37130fe374e16ed8d0b55593da6d9.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 541 </div> 542 </a> 543 544 545 <div class="content h-100 align-top d-block" style="background-color: #a9cb67;"> 546 <a class="text-reset" href="https://makiko-pianolab.com/lesson/10/åçºã¬ãã¹ã³-大人ã³ã¼ã¹"> 547 <p class="badge bg-primary text-white">åçºã¬ãã¹ã³</p> 548 549 <h4>åçºã¬ãã¹ã³ 大人ã³ã¼ã¹</h4> 550 <p class="secondSlide"> 551 </p> 552 <span> 553 åçºã¬ãã¹ã³ 大人ã³ã¼ã¹ </span> 554 555 </a> 556 </div> 557 558 </div> 559 </div> 560 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 561 <div class="sliderCard h-100 sliderCardTLPage"> 562 <a href="https://makiko-pianolab.com/lesson/1/ããã¼è³è²ã¬ãã¹ã³"> 563 <div class="ratio ratio-16x9"> 564 <img src="https://makiko-pianolab.com/assets/img/lesson/61c6403ee4a3189cbdb03a5d
564d77b4501.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 565 </div> 566 </a> 567 568 569 <div class="content h-100 align-top d-block" style="background-color: #7bc2ab;"> 570 <a class="text-reset" href="https://makiko-pianolab.com/lesson/1/ããã¼è³è²ã¬ãã¹ã³"> 571 <p class="badge bg-secondary text-white">æé¡ã¬ãã¹ã³</p> 572 573 <h4>ããã¼è³è²ã¬ãã¹ã³</h4> 574 <p class="secondSlide"> 575 </p> 576 <span> 577 ããã¼è³è²ã¬ãã¹ã³ </span> 578 579 </a> 580 </div> 581 582 </div> 583 </div> 584 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 585 <div class="sliderCard h-100 sliderCardTLPage"> 586 <a href="https://makiko-pianolab.com/lesson/18/ãã¢ãã®å çåãè¬åº§ä¸æ¬ãæ¯æã"> 587 <div class="ratio ratio-16x9"> 588 <img src="https://makiko-pianolab.com/assets/img/lesson/638b2d2ea118021819520379dc059f2e.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 589 </div> 590 </a> 591 592 593 <div class="content h-100 align-top d-block" style="background-color: #a9cb67;"> 594 <a class="text-reset" href="https://makiko-pianolab.com/lesson/18/ãã¢ãã®å çåãè¬åº§ä¸æ¬ãæ¯æã"> 595 <p class="badge bg-primary text-white">åçºã¬ãã¹ã³</p> 596 597 <h4>ãã¢ãã®å çåãè¬åº§ã䏿¬ãæ¯æãã</h4> 598 <p class="secondSlide"> 599 </p> 600 <span> 601 çºéé害ãã¢ãã¬ãã¹ã³ </span> 602 603 </a> 604 </div> 605 606 </div> 607 </div> 608 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 609 <div class="sliderCard h-100 sliderCardTLPage"> 610 <a href="https://makiko-pianolab.com/lesson/17/ãã¢ãã®å çåãè¬åº§åå²ãæ¯æãç¨"> 611 <div class="ratio ratio-16x9"> 612 <img src="https://makiko-pianolab.com/assets/img/lesson/97c4ccfaef2ac930e509ae41cf4e91ce.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 613 </div> 614 </a> 615 616 617 <div class="content h-100 align-top d-block" style="background-color: #7bc2ab;"> 618 <a class="text-reset" href="https://makiko-pianolab.com/lesson/17/ãã¢ãã®å çåãè¬åº§åå²ãæ¯æãç¨"> 619 <p class="badge bg-secondary text-white">æé¡ã¬ãã¹ã³</p> 620 621 <h4>ãã¢ãã®å çåãè¬åº§ãåå²ãæ¯æãç¨ã</h4> 622 <p class="secondSlide"> 623 </p> 624 <span> 625 3å </span> 626 627 </a> 628 </div> 629 630 </div> 631 </div> 632 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 633 <div class="sliderCard h-100 sliderCardTLPage"> 634 <a href="https://makiko-pianolab.com/lesson/12/ãã¹ãã¬ãã¹ã³"> 635 <div class="ratio ratio-16x9"> 636 <img src="https://makiko-pianolab.com/assets/img/lesson/096f619a2700db4dd838303ef6497e95.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 637 </div> 638 </a> 639 640 641 <div class="content h-100 align-top d-block" style="background-color: #a9cb67;"> 642 <a class="text-reset" href="https://makiko-pianolab.com/lesson/12/ãã¹ãã¬ãã¹ã³"> 643 <p class="badge bg-primary text-white">åçºã¬ãã¹ã³</p> 644 645 <h4>ãã¹ãã¬ãã¹ã³</h4> 646 <p class="secondSlide"> 647 </p>
648 <span> 649 ãã¹ãã¬ãã¹ã³ </span> 650 651 </a> 652 </div> 653 654 </div> 655 </div> 656 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 657 <div class="sliderCard h-100 sliderCardTLPage"> 658 <a href="https://makiko-pianolab.com/lesson/13/ãã¹ãä½é¨ã¬ãã¹ã³"> 659 <div class="ratio ratio-16x9"> 660 <img src="https://makiko-pianolab.com/assets/img/lesson/220bf3fce218c65bbd254794b5d9b627.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 661 </div> 662 </a> 663 664 665 <div class="content h-100 align-top d-block" style="background-color: #7bc2ab;"> 666 <a class="text-reset" href="https://makiko-pianolab.com/lesson/13/ãã¹ãä½é¨ã¬ãã¹ã³"> 667 <p class="badge bg-primary text-white">åçºã¬ãã¹ã³</p> 668 669 <h4>ãã¹ãä½é¨ã¬ãã¹ã³</h4> 670 <p class="secondSlide"> 671 </p> 672 <span> 673 ãã¹ãä½é¨ã¬ãã¹ã³ </span> 674 675 </a> 676 </div> 677 678 </div> 679 </div> 680 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 681 <div class="sliderCard h-100 sliderCardTLPage"> 682 <a href="https://makiko-pianolab.com/lesson/14/ãã¹ãæé¡ã¬ãã¹ã³"> 683 <div class="ratio ratio-16x9"> 684 <img src="https://makiko-pianolab.com/assets/img/lesson/83c8b1d6652a60b006a3b50782a55d65.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 685 </div> 686 </a> 687 688 689 <div class="content h-100 align-top d-block" style="background-color: #a9cb67;"> 690 <a class="text-reset" href="https://makiko-pianolab.com/lesson/14/ãã¹ãæé¡ã¬ãã¹ã³"> 691 <p class="badge bg-secondary text-white">æé¡ã¬ãã¹ã³</p> 692 693 <h4>ãã¹ãæé¡ã¬ãã¹ã³</h4> 694 <p class="secondSlide"> 695 </p> 696 <span> 697 ãã¹ãæé¡ã¬ãã¹ã³ </span> 698 699 </a> 700 </div> 701 702 </div> 703 </div> 704 <div class="col-11 col-sm-3 mb-3 mb-sm-4"> 705 <div class="sliderCard h-100 sliderCardTLPage"> 706 <a href="https://makiko-pianolab.com/lesson/15/ãã¹ãããã±ã¼ã¸ã¬ãã¹ã³"> 707 <div class="ratio ratio-16x9"> 708 <img src="https://makiko-pianolab.com/assets/img/lesson/279e26f96ed7122940a4930dc15b0b52.jpeg" class="img-fluid w-100" style="object-fit: cover;"> 709 </div> 710 </a> 711 712 713 <div class="content h-100 align-top d-block" style="background-color: #7bc2ab;"> 714 <a class="text-reset" href="https://makiko-pianolab.com/lesson/15/ãã¹ãããã±ã¼ã¸ã¬ãã¹ã³"> 715 <p class="badge bg-info text-white">ããã±ã¼ã¸ã¬ãã¹ã³</p> 716 717 <h4>ãã¹ãããã±ã¼ã¸ã¬ãã¹ã³</h4> 718 <p class="secondSlide"> 719 </p> 720 <span> 721 ãã¹ãããã±ã¼ã¸ã¬ãã¹ã³ </span> 722 723 </a> 724 </div> 725 726 </div> 727 </div> 728 </div> 729</div> 730</div> 731<style> 732.no-lessons-message { 733color: #555; 734} 735</style> 736 </div> 737 <div class="footer w-100 pinkBanner mt-auto p-0 p-sm-3" id="inquery"> 738 <div class="conatiner pt-3 pt-sm-0 pb-sm-0 footerContainer"> 739 <div class="row position-relative d-flex"> 740 <div class="col-12 text-center"> 741 <p class="footerTxt">ãã¢ãæå®¤ ã¾ããã´ãã®ãã¼</p> 742 </div> 743 <div class="col-12 text-center"> 744 <p class="linkp"><a href="https://makiko-pianolab.com/privacy-policy">ãã©ã¤ãã·ã¼ããªã·ã¼</a>
745 <span class="d-none d-sm-inline">/</span> <br class="d-block d-sm-none"> 746 <a href="https://makiko-pianolab.com/act">ç¹å®åå弿³ã«åºã¥ã表示</a> 747 <span class="d-none d-sm-inline">/</span> <br class="d-block d-sm-none"> 748 <a href="https://makiko-pianolab.com/cancel-privacy">ãã£ã³ã»ã«ããªã·ã¼</a> 749 <span class="d-none d-sm-inline">/</span> <br class="d-block d-sm-none"> 750 <a href="https://makiko-pianolab.com/terms-of-use">注æäºé </a> 751 </p> 752 </div> 753 <div class="col-12 text-center"> 754 <p class="footerPoweredBy">æä¾: <a href="https://pianosystem.sugartaste.tokyo/" target="_blank" rel="noopener">ãã©ã«ãã£ãã·ã¢ã·ã¹ãã </a></p> 755 </div> 756 757 <div class="footerSocial"> 758 <div class="d-flex my-2 my-sm-0 justify-content-center justify-content-sm-end w-100"> 759 760 <a class="socialLink" target="_blank" href="https://www.instagram.com/makiko_haruki/"> 761 <img src="https://makiko-pianolab.com/assets/img/template/instagram_black.png"> 762 </a> 763 764 <a class="socialLink" target="_blank" href="https://www.facebook.com/makikopianolab/"> 765 <img src="https://makiko-pianolab.com/assets/img/template/facebook_black.png"> 766 </a> 767 768 <a class="socialLink" target="_blank" href="https://x.com/makikopianolab"> 769 <img src="https://makiko-pianolab.com/assets/img/template/x_black.png"> 770 </a> 771 </div> 772 </div> 773 774 </div> 775 </div> 776 </div> 777 778 779 <div class="modal fade" id="firstTime" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> 780 <div class="modal-dialog modal-lg"> 781 <div class="modal-content"> 782 <div class="container w-100"> 783 <div class="row"> 784 <div class="col-12 d-flex justify-content-end"> 785 <button type="button" class="btn mt-2" data-bs-dismiss="modal"> 786 <img src="https://makiko-pianolab.com/assets/img/template/cros.png" class="close-btn"> 787 </button> 788 </div> 789 <div class="row d-flex justify-content-center mb-5"> 790 <div class="col-11 col-sm-8 bg-white pb-4 pt-3"> 791 <div class="row mb-5 mt-2"> 792 <div class="col-12 d-flex justify-content-center"> 793 <img src="https://makiko-pianolab.com/assets/img/template/pmusic.png" class="titleimg"> 794 <h3 class="title"> 795 ã¯ããã¦ã®æ¹ã¸ </h3> 796 </div> 797 </div> 798 799 <div class="row d-flex justify-content-center"> 800 <div class="col-10"> 801 <p>â ã¾ãã¯ãµã¤ãã¸ç»é²<br>ãæ°è¦ãç»é²ããã¿ã³ãã¯ãªãã¯ããå¿ è¦æ å ±ã<br>è¨å ¥ãã¦ãã¡ã¼ã«ã«ã¦å±ãURLã§ã¢ã«ã¦ã³ãã<br>æå¹ã«ãã¦ãã ããã</p> 802 </div> 803 </div> 804 <div class="row d-flex justify-content-center mt-2"> 805 <div class="col-10"> 806 <p>â¡äºç´ãã¿ã³ããã¬ãã¹ã³ã¨æ¥æã鏿ãã¦ã<br>è¬å¸«ãæ¥æã®ç¢ºèªå¾ã決æ¸ãå®äºããããäºç´å®<br>äºã§ãã</p> 807 </div> 808 </div> 809 <div class="row d-flex justify-content-center mt-2"> 810 <div class="col-10"> 811 <p>â¢äºç´å¾ã«å±ãã¡ã¼ã«ã確èªã<br>ã¬ãã¹ã³å½æ¥ãã¾ã¡ã¾ãããâª</p> 812 </div> 813 </div> 814 </div> 815 </div> 816 </div> 817 </div> 818 819 <img src="https://makiko-pianolab.com/assets/img/template/note_1.png" class="clipart-1"> 820 <img src="https://makiko-pianolab.com/assets/img/template/note_2.png" class="clipart-2"> 821 </div> 822 </div> 823 </div> 824 825 <div class="popmenu"> 826 <a class="menu1" href="https://makiko-pianolab.com/" data-bs-toggle="modal" data-bs-target="#firstTime">ã¯ããã¦ã®<br>æ¹ã¸</a> 827 <a class="menu2" href="https://makiko-pianolab.com/#lessons">ã¬ãã¹ã³<br>äºç´</a> 828 <a class="menu3" href="https://makiko-pianolab.com/#instructor">è¬å¸«ç´¹ä»</a> 829 <a class="menu4" href="https://makiko-pianolab.com/login">ãã°ã¤ã³/<br>ãã¤ãã¼ã¸</a> 830 </div> 831 832 833<!--
833<script> 834 835</script>
835 -->
836<script src="https://makiko-pianolab.com/assets/js/mikan.js"></script>
vendor: 1 bytes, line 836
836
837<script src="https://makiko-pianolab.com/assets/js/wow.js"></script>
837 838
839<script src="https://makiko-pianolab.com/assets/js/home.js"></script>
839 840
841<script> 842 const MEMBERSHIP_LANG = { 843 statusCaptured: "å®äº (Captured)", 844 statusRefunded: "è¿éæ¸ (Refunded)", 845 statusAuthorized: "æ¿èªæ¸ (Authorized)", 846 brandLabel: "ãã©ã³ã:", 847 cardNumberLabel: "ã«ã¼ãçªå·:", 848 fetchFailed: "詳細ã®åå¾ã«å¤±æãã¾ãã", 849 networkError: "éä¿¡ã¨ã©ã¼ãçºçãã¾ãã" 850 }; 851 852 $(document).ready(function() { 853 function positionMembershipDropdown($container) { 854 var $dropdown = $container.find('.membership-dropdown-menu'); 855 var rect = $container[0].getBoundingClientRect(); 856 var viewportMargin = 8; 857 var dropdownGap = 2; 858 var dropdownWidth = $dropdown.outerWidth() || 250; 859 var dropdownHeight = $dropdown.outerHeight() || 200; 860 var left = rect.left; 861 var top = rect.bottom + dropdownGap; 862 863 if (left + dropdownWidth > window.innerWidth - viewportMargin) { 864 left = window.innerWidth - dropdownWidth - viewportMargin; 865 } 866 867 if (top + dropdownHeight > window.innerHeight - viewportMargin) { 868 top = rect.top - dropdownHeight - dropdownGap; 869 } 870 871 left = Math.max(viewportMargin, left); 872 top = Math.max(viewportMargin, top); 873 874 $dropdown.css({ 875 top: top + 'px', 876 left: left + 'px', 877 right: 'auto', 878 bottom: 'auto' 879 }); 880 } 881 882 function hideMembershipDropdown($container) { 883 $container.removeClass('show dropup membership-click-open'); 884 $container.find('.membership-mark').attr('aria-expanded', 'false'); 885 $container.find('.membership-dropdown-menu') 886 .removeClass('show dropdown-menu-right') 887 .css({ 888 top: '', 889 left: '', 890 right: '', 891 bottom: '' 892 }); 893 } 894 895 function showMembershipDropdown($container) { 896 $('.membership-mark-container.show').not($container).each(function() { 897 hideMembershipDropdown($(this)); 898 }); 899 900 $container.addClass('show'); 901 $container.find('.membership-mark').attr('aria-expanded', 'true'); 902 $container.find('.membership-dropdown-menu') 903 .removeClass('dropdown-menu-right') 904 .addClass('show'); 905 positionMembershipDropdown($container); 906 } 907 908 function loadMembershipDetails($container) { 909 var $mark = $container.find('.membership-mark'); 910 var paymentId = $mark.data('payment-id'); 911 var domId = $mark.data('dom-id') || paymentId; 912 var $detailsContainer = $('#komoju-details-' + domId); 913 var skipKomoju = parseInt($mark.data('skip-komoju') || 0, 10) === 1; 914 915 if (!skipKomoju && !$detailsContainer.data('loaded') && !$detailsContainer.data('loading')) { 916 $detailsContainer.data('loading', true); 917 $.ajax({ 918 url: 'https://makiko-pianolab.com/home/get_komoju_payment_details', 919 type: 'POST', 920 data: { payment_id: paymentId }, 921 dataType: 'json', 922 success: function(response) { 923 if (response.success && response.data) { 924 var data = response.data; 925 var html = '<div class="small">'; 926 927 if (data.payment_details) { 928 if (data.payment_details.brand) html += '<div class="mb-1"><strong>' + MEMBERSHIP_LANG.brandLabel + '</strong> ' + data.payment_details.brand.toUpperCase() + '</div>'; 929 if (data.payment_details.last_four_digits) html += '<div class="mb-1"><strong>' + MEMBERSHIP_LANG.cardNumberLabel + '</strong> **** **** **** ' + data.payment_details.last_four_digits + '</div>'; 930 } 931 html += '</div>'; 932 $detailsContainer.html(html).data('loaded', true); 933 } else { 934 $detailsContainer.html('<div class="text-danger small"><i class="fas fa-exclamation-triangle"></i> ' + MEMBERSHIP_LANG.fetchFailed + '</div>'); 935 } 936 937 positionMembershipDropdown($container); 938 }, 939 error: function() { 940 $detailsContainer.html('<div class="text-danger small"><i class="fas fa-exclamation-triangle"></i> ' + MEMBERSHIP_LANG.networkError + '</div>'); 941 positionMembershipDropdown($container); 942 }, 943 complete: function() { 944 $detailsContainer.data('loading', false); 945 } 946 }); 947 } else if (skipKomoju) { 948 $detailsContainer.data('loaded', true); 949 } 950 } 951 952 // Handle membership mark hover dropdown 953 $(document).on('mouseenter', '.membership-mark-container', function() { 954 var $container = $(this); 955 956 showMembershipDropdown($container); 957 loadMembershipDetails($container); 958 }); 959 960 $(document).on('mouseleave', '.membership-mark-container', function() { 961 var $container = $(this); 962 963 if (!$container.hasClass('membership-click-open')) { 964 hideMembershipDropdown($container); 965 } 966 }); 967 968 $(document).on('click', '.membership-mark', function(event) { 969 event.preventDefault(); 970 event.stopPropagation(); 971 972 var $container = $(this).closest('.membership-mark-container'); 973 if ($container.hasClass('membership-click-open')) { 974 hideMembershipDropdown($container); 975 return; 976 } 977 978 showMembershipDropdown($container); 979 $container.addClass('membership-click-open'); 980 loadMembershipDetails($container); 981 }); 982 983 $(document).on('keydown', '.membership-mark', function(event) { 984 if (event.key === 'Enter' || event.key === ' ') { 985 event.preventDefault(); 986 $(this).trigger('click'); 987 } 988 }); 989 990 $(document).on('click', '.membership-dropdown-menu', function(event) { 991 event.stopPropagation(); 992 }); 993 994 $(document).on('click', function() { 995 $('.membership-mark-container.show').each(function() { 996 hideMembershipDropdown($(this)); 997 }); 998 }); 999 1000 $(window).on('scroll resize', function() { 1001 $('.membership-mark-container.show').each(function() { 1002 hideMembershipDropdown($(this)); 1003 }); 1004 }); 1005 }); 1006 </script>
1006 1007 1008 1009 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, line 1009
1009 <script async src="https://www.googletagmanager.com/gtag/js?id=
1009G-J9T6DWESHM
vendor: 12 bytes, line 1009
1009"></script>
1009<script>
vendor: 134 bytes, line 1009
1009window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
1009G-J9T6DWESHM
vendor: 4 bytes, line 1009
1009');
1009</script>
1009 1010 1011 1012<link rel="stylesheet" href="https://makiko-pianolab.com/assets/css/information.css"> 1013 1014 1015<div class="enable_bootstrap_5"> 1016 <div id="information-section"> 1017 <button class="btn infoButton" pos-top="47" pos-right="0"><i class="fas fa-info-circle"></i></button> 1018 1019 <div id="info-sidebar"> 1020 <div class="close"> 1021 <i class="fas fa-times fa-2x"></i> 1022 </div> 1023 1024 </div> 1025 </div> 1026 1027 <div class="modal fade" id="faqVideoModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> 1028 <div class="modal-dialog"> 1029 <div class="modal-content"> 1030 <div class="modal-header"> 1031 <h5 class="modal-title" id="modalFaqTitle">FAQ Video</h5> 1032 <button type="button" class="btn-close close" data-dismiss="modal" data-bs-dismiss="modal" aria-label="Close"> 1033 </button> 1034 </div> 1035 <div class="modal-body"> 1036 <div class="ratio ratio-16x9"> 1037 <iframe src="" id="iframeVideo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 1038 </div> 1039 1040 <div class="row"> 1041 <div class="col-12 mt-2 mt-sm-3" id="videoDes"> 1042 </div> 1043 </div> 1044 </div> 1045 <div class="modal-footer"> 1046 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">éãã</button> 1047 </div> 1048 </div> 1049 </div> 1050 </div> 1051</div> 1052 1053<div id="nsfinfodata"></div> 1054 1055 1056 1057 1058<!--
1058<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
1058 --> 1059 1060
1061<script> 1062 const urlsegment = ["home", "lessons"] 1063</script>
vendor: 1 bytes, line 1063
1063
1064<script src="https://makiko-pianolab.com/assets/js/information.js"></script>
1064 1065</body> 1066 1067</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.