1 2 <!doctype html> 3 <html lang="ja"> 4 5 <head> 6 <!-- bootstrapã使ãã®ã«å¿ è¦ãªè¨å® --> 7 <meta charset="utf-8"> 8 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 9 10 <!-- Bootstrapã®CSS --> 11 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" 12 crossorigin="anonymous"> 13 <!-- bootstrapã§å©ç¨ããjsé --> 14
14<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" 15 crossorigin="anonymous"></script>
15 16
16<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" 17 crossorigin="anonymous"></script>
17 18
18<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" 19 crossorigin="anonymous"></script>
19 20 <!-- Google tag (gtag.js) -->
vendor: 69 bytes, lines 20-21
20 21 <script async src="https://www.googletagmanager.com/gtag/js?id=
21G-PDT6MSWVYD
vendor: 17 bytes, lines 21-22
21"></script> 22
22<script> 23
vendor: 149 bytes, lines 23-27
23window.dataLayer = window.dataLayer || []; 24 function gtag(){dataLayer.push(arguments);} 25 gtag('js', new Date()); 26 27 gtag('config', '
27G-PDT6MSWVYD
vendor: 9 bytes, lines 27-28
27'); 28
28</script>
28 29 30 <title>KURO</title> 31 <link rel="stylesheet" href="css/style.css"> 32 <link rel="icon" href="/favicon.ico"> 33 <link rel="icon" sizes="32x32" href="/favicon.ico"> 34 <link rel="icon" sizes="16x16" href="/favicon.ico"> 35 <link rel="preconnect" href="https://fonts.googleapis.com"> 36 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 37 <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:[email protected]&display=swap" rel="stylesheet"> 38 39 40 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 41 <!--==============ã¬ã¤ã¢ã¦ããå¶å¾¡ããç¬èªã®CSSãèªã¿è¾¼ã¿===============--> 42 <link rel="stylesheet" type="text/css" href="https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/reset.css"> 43 <link rel="stylesheet" type="text/css" href="https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/9-1-1/css/9-1-1.css"> 44 45<style> 46 @charset "utf-8"; 47 48/*========= ã¹ã¯ãã¼ã«ãã¦ã³ã®ããã®CSS ===============*/ 49 50/*====== 9-1-1 縦ç·ãåãã¦ã¹ã¯ãã¼ã«ãä¿ã =======*/ 51 52/*ã¹ã¯ãã¼ã«ãã¦ã³å ¨ä½ã®å ´æ*/ 53.scrolldown1{ 54 /*æç»ä½ç½®â»ä½ç½®ã¯é©å®èª¿æ´ãã¦ãã ãã*/ 55 position:absolute; 56 left:50%; 57 bottom:10px; 58 /*å ¨ä½ã®é«ã*/ 59 height:50px; 60} 61 62/*Scrollããã¹ãã®æå*/ 63.scrolldown1 span{ 64 /*æç»ä½ç½®*/ 65 position: absolute; 66 left:-15px; 67 top: -15px; 68 /*ããã¹ãã®å½¢ç¶*/ 69 color: #eee; 70 font-size: 0.7rem; 71 letter-spacing: 0.05em; 72} 73 74/* ç·ã®æå */ 75.scrolldown1::after{ 76 content: ""; 77 /*æç»ä½ç½®*/ 78 position: absolute; 79 top: 0; 80 /*ç·ã®å½¢ç¶*/ 81 width: 1px; 82 height: 30px; 83 background: #eee; 84 /*ç·ã®åã1.4ç§ããã¦åããæ°¸é ã«ã«ã¼ã*/ 85 animation: pathmove 1.4s ease-in-out infinite; 86 opacity:0; 87} 88 89/*é«ãã»ä½ç½®ã»ééãå¤åãã¦ç·ãä¸ããä¸ã«åã*/ 90@keyframes pathmove{ 91 0%{ 92 height:0; 93 top:0; 94 opacity: 0; 95 } 96 30%{ 97 height:30px; 98 opacity: 1; 99 } 100 100%{ 101 height:0; 102 top:50px; 103 opacity: 0; 104 } 105} 106 107 108/*========= ã¬ã¤ã¢ã¦ãã®ããã®CSS ===============*/ 109 110h1{ 111 position: fixed; 112 top: 50%; 113 left: 50%; 114 transform: translateY(-50%) translateX(-50%); 115 color:#eee; 116 text-shadow: 0 0 15px #666; 117 text-align: center; 118 font-family: "Noto Serif JP", serif; 119 background: rgba(0, 0, 0, 0.8); 120 padding: 0.5rem 6rem; 121} 122 123#header p { 124 position: fixed; 125 top: 60%; 126 left: 50%; 127 transform: translateY(-50%) translateX(-50%); 128 color:#eee; 129 text-shadow: 0 0 15px #666; 130 text-align: center; 131 font-family: "Noto Serif JP", serif; 132 letter-spacing: 0.3rem; 133} 134 135#header .f15 { 136 font-size: 150%; 137 color: #eee; 138 letter-spacing: 0.3rem; 139 font-family: "Noto Serif JP", serif; 140} 141 142#header{ 143 width:100%; 144 height: 50vh; 145 position: relative; 146} 147 148#header:before{ 149 content: ''; 150 position:fixed; 151 top:0; 152 left:0; 153 z-index:-1; 154 width:100%; 155 height: 50vh; 156 /*èæ¯ç»åè¨å®*/ 157 background:url("/img/about_h1.jpg") no-repeat center; 158 background-size:cover; 159} 160 161#container{ 162 position: relative; 163 z-index:1; 164 background:#eee; 165 padding: 0; 166 text-align: center; 167} 168 169.txt_op { 170 font-family: "Noto Serif JP", serif; 171 line-height: 3rem; 172 text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75); 173 text-align: center; 174 margin-bottom: 0; 175} 176 177.linebox{ 178 margin: 0 auto; 179 font-weight: bold; 180 border: solid 1px #ffffff; 181 width: 250px; 182} 183 184.top_h3{ 185 font-family: "SquareFont", serif; 186 187} 188 189.f_logo{ 190 max-width: 15%; 191} 192 193#f_icon .row{ 194 justify-content: center; 195} 196 197#f_icon .col-md-6{ 198 flex: 0 0 0%; 199} 200 201.parent{ 202 position: relative; 203 width: 800px; 204 height: 250px; 205 background: #807F7F; 206 margin-left: auto; 207 margin-bottom: 10rem; 208 } 209 210.parent2{ 211 position:relative; 212 width:800px; 213 height:250px; 214 background:#9F856E; 215 margin-right: auto; 216} 217 218.children1{ 219 position: absolute; 220 top: -50px; 221 left: -200px; 222 width: 590px; 223 height: 240px; 224 } 225 226.children2{ 227 position:absolute; 228 top: -50px; 229 left: 410px; 230 width: 590px; 231 height: 240px; 232} 233 234.w-300 { 235 max-width: 200px; 236} 237 238 239.navbar { 240 display: flex; 241 justify-content: space-between; 242 align-items: center; 243 padding: 15px 20px; 244 color: #fff; 245} 246 247.nav-links { 248 list-style: none; 249 display: flex; 250} 251 252.nav-links li { 253 margin-left: 20px; 254} 255 256.nav-links a { 257 color: #fff; 258 text-decoration: none; 259 font-size: 1.2rem; 260} 261 262.menu-icon { 263 display: none; 264 flex-direction: column; 265 cursor: pointer; 266} 267 268.menu-icon .bar { 269 width: 25px; 270 height: 3px; 271 background-color: #fff; 272 margin: 4px 0; 273} 274 275.info_box{ 276 padding: 2rem; 277} 278 279.info_box h4{ 280 font-family: "SquareFont", serif; 281} 282 283.info_box p{ 284 line-height: 2rem; 285} 286 287table , td, th { 288 border: 1px solid #595959; 289 border-collapse: collapse; 290 width: 100%; 291} 292td, th { 293 padding: 1rem; 294 width: 30px; 295 height: 25px; 296} 297th { 298 background: #000000; 299} 300 301td { 302 background: #ffffff; 303} 304 305/* menu design */ 306dl.menu{ 307 width:100%; 308 font-size: 1rem; 309 } 310dl.menu div{ 311 position: relative; 312 display: flex; 313 justify-content: space-between; 314 margin: 5px 0; 315 padding: 5px 0; 316 } 317dl.menu div::after{ 318 content: ""; 319 display: block; 320 position: absolute; 321 top: 50%; 322 z-index: 1; 323 width: 100%; 324 border-bottom: dotted 1px #000; 325 } 326dl.menu dt{ 327 margin:0; 328 padding: 0 5px 0 0; 329 background-color: #ffffff; 330 z-index: 2; 331 text-align: left; 332 } 333dl.menu dd{ 334 margin:0; 335 padding: 0 0 0 5px; 336 background-color: #ffffff; 337 z-index: 2; 338 text-align: right; 339 } 340 341 span.btn_01 { 342 display: block; 343 text-align: center; 344 vertical-align: middle; 345 text-decoration: none; 346 width: 200px; 347 margin: auto; 348 font-weight: bold; 349 border: 2px solid #807F7F; 350 color: #ffffff; 351 background-color: #807F7F; 352 transition: 0.5s; 353 } 354 355 .cp_qa *, .cp_qa *:after, .cp_qa *:before { 356 -webkit-box-sizing: border-box; 357 box-sizing: border-box; 358} 359.cp_qa { 360 overflow-x: hidden; 361 margin: 0 auto; 362 color: #333333; 363} 364.cp_qa .cp_actab { 365 padding: 20px 0; 366 border-bottom: 1px dotted #cccccc; 367} 368.cp_qa label { 369 font-size: 1.2em; 370 position: relative;
371 display: block; 372 width: 100%; 373 margin: 0; 374 padding: 10px 10px 0 48px; 375 cursor: pointer; 376} 377.cp_qa .cp_actab-content { 378 font-size: 1em; 379 position: relative; 380 overflow: hidden; 381 height: 0; 382 margin: 0 40px; 383 padding: 0 14px; 384 -webkit-transition: 0.4s ease; 385 transition: 0.4s ease; 386 opacity: 0; 387} 388.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content { 389 height: auto; 390 padding: 14px; 391 opacity: 1; 392} 393.cp_qa .cp_plus { 394 font-size: 2.4em; 395 line-height: 100%; 396 position: absolute; 397 z-index: 5; 398 margin: 3px 0 0 10px; 399 -webkit-transition: 0.2s ease; 400 transition: 0.2s ease; 401} 402.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus { 403 -webkit-transform: rotate(45deg); 404 transform: rotate(45deg); 405} 406.cp_qa .cp_actab input[type=checkbox] { 407 display: none; 408} 409 410#container p { 411 text-align: left; 412} 413 414.cp_actab-content a { 415 color: #ECCE8C; 416} 417 418@media screen and (max-width:768px){ 419 420 .card-box { 421 width: 100%; 422} 423 424 #header, 425 #header:before{ 426 height: 50vh; 427 } 428 429 .f_logo { 430 max-width: 25%; 431 } 432 433 h1{ 434 font-size: 2rem; 435 top: 50%; 436 padding: 1rem 3rem; 437 } 438 439 #header p { 440 position: fixed; 441 width: 100%; 442 top: 25%; 443 color:#eee; 444 text-shadow: 0 0 15px #666; 445 text-align: center; 446 font-family: "Noto Serif JP", serif; 447 letter-spacing: 0.3rem; 448 font-size: 0.8rem; 449 } 450 .menu-icon { 451 display: flex; 452 } 453 454 .nav-links { 455 position: absolute; 456 top: 100%; 457 right: 0; 458 background-color: #333; 459 width: 100%; 460 height: 50vh; 461 flex-direction: column; 462 justify-content: center; 463 align-items: center; 464 display: none; 465 z-index: 2; 466 } 467 468 .nav-links.active { 469 display: flex; 470 } 471 472 .nav-links li { 473 margin: 20px 0; 474 } 475 476 .container-full2 { 477 display: flex; 478 background: none; 479 background-position: center; 480 background-color: #000; 481 } 482 483 .w-50 { 484 width: 100% !important; 485} 486 487} 488 489</style> 490 491 </head> 492 493 <body> 494 <header id="header"> 495 <nav class="navbar"> 496 <!--<div class="logo"><a href="/"><img class="w-300" src="img/ROGO_YOKO_SHIRO.png" alt=""></a></div>--> 497 <div class="menu-icon" id="menu-icon"> 498 <div class="bar"></div> 499 <div class="bar"></div> 500 <div class="bar"></div> 501 </div> 502 <ul class="nav-links" id="nav-links"> 503 <li><a href="/">Home</a></li> 504 <li><a href="about.html">æé表</a></li> 505 <li><a href="howto.html">ãµã¦ãã®æ¥½ãã¿æ¹</a></li> 506 </ul> 507 </nav> 508 </header> 509 <div id="container"> 510 <div class="container py-5"> 511 <h3 class="mb-8 top_h3">KUROãµã¦ãã®ãã¤ã³ã</h3> 512 <div class="row my-5"> 513 <div class="col-md-6 mb-3"> 514 <div class="box" data-title="ãã¤ãµã¦ã"> 515 <p>ã¿ãªã«ãã·ã£ã³ãã¼çèªåã®å¥½ããªç©ãæã¡è¾¼ã¿ãèªåã ãã®ãªãªã¸ãã«å室ãµã¦ãã§æé«ã®ãããã¤ãåºæ¥ãã</p> 516 </div> 517 </div> 518 <div class="col-md-6 mb-3"> 519 <div class="box" data-title="ã¡ã¤ã¯ãã¼ã¹ã®è¨ç½®"> 520 <p>ãµã¦ãå©ç¨æéãããã£ã±ããããã¤ãããå¾ã¡ã¤ã¯ãã¼ã¹ã§èº«æ¯åº¦ãåºæ¥ã¾ãã</p> 521 </div> 522 </div> 523 </div> 524 <div class="row my-5"> 525 <div class="col-md-6 mb-3"> 526 <div class="box" data-title="次åäºç´ã§5%off"> 527 <p>ãµã¦ãã®æ¬¡åäºç´ããããã¨ã§æ¯å5%offã<br> 528 ç¶ç¶çã«ãµã¦ãã«å ¥ãã¨ä¸ç³äºé³¥ï¼<br>ï¼äºé³¥ã®æå³ã¯ã¹ã¿ããã¾ã§ï¼</p> 529 </div> 530 </div> 531 <div class="col-md-6 mb-3"> 532 <div class="box" data-title="åæ°å¸ãæç¶ãå¾ï¼"> 533 <p>宿çã«ãããã¤ããæ¹ã«ãããã<br><a style="color: #333333;" href="about.html">詳ããã¯ãã¡ã</a><Br>â»æéã¯è³¼å ¥æ¥ãã6ã¶æ</p> 534 </div> 535 </div> 536 </div> 537 538 </div> 539 </div> 540 <div id="container"> 541 <div class="container-full3"> 542 <div class="container py-5"> 543 <h3 class="txt_w mb-3 top_h3">ãµã¦ãã®æ£ããå©ç¨</h3> 544 </div> 545 </div> 546 <div class="bg_80 py-5"> 547 <div class="container py-5"> 548 <h5 class="txt_w mb-5">ã¯ããã«</h5> 549 <div class="py-5 px-3"> 550 <p class="txt_w">ãµã¦ãã®å©ç¨ã¯ãæ¨å¥¨é »åº¦ã¨ãã¦é±ã«1ï½2åãçæ³çã§ãã 551 é度ãªé »åº¦ããã¨ãã°é±ã«4å以ä¸ã®å©ç¨ã¯ãé广ã¨ãªãããã¾ãããé©åº¦ãªãµã¦ãã¯ã身ä½ã®ççã軽æ¸ããè¡è¡ãä¿é²ãããã¨ã§ãå¿èº«ã¨ãã«ãªãã¬ãã·ã¥ããã¦ããã¾ãããå ¥ããããã¨èº«ä½ã«è² æ ãããããã¨ãããã¾ãã<br> 552 ç¡çããããé©åãªãã¼ã¹ãä¿ã¡ãªããã常ã«å¥½èª¿ãç¶æããããã«ããµã¦ãã䏿ã«åãå ¥ãã¦ãã ããã</p> 553 </div> 554 <h5 class="txt_w mb-5">ãµã¦ãã®å¹æ</h5> 555 <div class="wrapper"> 556 <img class="card-image" src="img/howto01.png"> 557 <div class="card-box"> 558 <h2 class="card-title">â ç¾å®¹</h2> 559 <p class="card-description">ãµã¦ãã«å ¥ããã¨ã§æ°é³ä»£è¬ãä¿é²ãããä½å ã®èå»ç©ãå¹çããæåºããã¾ããã¾ããèèãã
559®åå ã¨ãªãã¢ã¯ãèãæµãããããªããã¿ã¼ã³ãªã¼ãã¼ãæ£å¸¸åãããã¨ã§ãèã®ç¶æ ãæ¹åããã广ãæå¾ ã§ãã¾ãããµã¦ãå¾ã¯ãèã®ä¿æ¹¿ããã£ããè¡ããã¨ãããããã®å¹æãããå¼ãåºãããã«ã¨ã¦ãéè¦ã§ãã</p> 560 </div> 561 <img class="card-image" src="img/howto02.png"> 562 <div class="card-box"> 563 <h2 class="card-title">â ç¡ç 質åä¸</h2> 564 <p class="card-description">ãµã¦ãã«å ¥ããã¨ã§ãèªå¾ç¥çµã®ãã©ã³ã¹ãæ´ããå¿èº«ã¨ãã«ãªã©ãã¯ã¹ãããããªãã¾ããã¾ãããµã¦ãã®ç±åºæ¿ã«ããã幸ããã«ã¢ã³ãã¨å¼ã°ããã»ãããã³ãåæ³ãããå¿å°ããå¹¸ç¦æãæãããã¨ãã§ãã¾ããããã«ã使¸©èª¿æ´ãè¡ããããã¨ã§ãè³ã伿¯ã¢ã¼ãã«å ¥ããæ·±ããªã©ãã¯ã¹ç¶æ ãå¾ããã¨ãã§ããã®ãç¹å¾´ã§ãã</p> 565 </div> 566 <img class="card-image" src="img/howto03.png"> 567 <div class="card-box"> 568 <h2 class="card-title">â ç²å´å復</h2> 569 <p class="card-description">ãµã¦ãã«ãã£ã¦ä½å ã®è¡æµãè¯ããªãã¨ãç´°èã«å¿ è¦ãªé ¸ç´ ãæ é¤ç´ ãè¡ã渡ãããããªããä½ã®èªç¶ãªå復åãé«ã¾ãã¾ããè¡è¡ä¿é²ã«ãããç²å´ãçèã®ãããç·©åããããããå¿èº«ã¨ãã«ãªãã¬ãã·ã¥ã§ããã®ãé åã§ãã</p> 570 </div> 571 <img class="card-image" src="img/howto04.png"> 572 <div class="card-box"> 573 <h2 class="card-title">â ã²ãããåãããã</h2> 574 <p class="card-description">ãµã¦ãã«ãã£ã¦è³æ³¢ãæ´ããã¨ã§ããªã©ãã¯ã¹ããªãããéä¸åãé«ã¾ããããç¶æ ã«ãªãã¾ããè³æ³¢ãæ£å¸¸åãããã¨ãã¹ãã¬ã¹ã軽æ¸ãããæ°æã¡ãå®å®ããæ¥å¸¸ã®ããã©ã¼ãã³ã¹ãåä¸ãã¾ããããã«ãããå¿èº«ã¨ãã«ã¯ãªã¢ãªç¶æ ã§ç©äºã«åãçµããããã«ãªãã®ã§ãã</p> 575 </div> 576 <img class="card-image" src="img/howto05.png"> 577 <div class="card-box"> 578 <h2 class="card-title">â ççãåãã</h2> 579 <p class="card-description">ãµã¦ãã«ãã£ã¦ä½å ã®ççã軽æ¸ããããã¨ã§ãå¥åº·ç¶æã«éè¦ãªå¹æãæå¾ ã§ãã¾ããä¸ç ã®ãã¨ã¨ãããèå»ç©ãæåºããããããªããããã«æ´»æ§é ¸ç´ ã®æ¸å°ãä¿ããããããä½ã®å å´ããå¥åº·çãªç¶æ ã¸ã¨å°ãã¾ãã</p> 580 </div> 581 </div> 582 </div> 583 </div> 584 </div> 585 <div id="container"> 586 <div class="container-full4"> 587 <div class="container py-5"> 588 <h3 class="txt_w mb-3 top_h3">æ´ããµã¦ãã®å ¥ãæ¹</h3> 589 </div> 590 </div> 591 592 <div class="container-full-f"> 593 <div class="container py-5"> 594 <section class="test_area"> 595 <div class="pcimg"><img class="mb-5" src="img/hoe.jpg"></div> 596 <div class="spimg"><img class="mb-5" src="img/sp_hoe.jpg"></div> 597 <h5 class=" mb-5">温å·äº¤ä»£æµ´</h5> 598 <p class="mb-5">ã¾ããµã¦ãã§ä½ã温ãããã¨ã§ã交æç¥çµãåªä½ã«ãªãããªã©ãã¯ã¹å¹æãå¾ããã¾ãã 599 ãµã¦ãã«5ï½10åå ¥ã£ãå¾ãæ¬¡ã«æ°´é¢¨åãæ°´ã·ã£ã¯ã¼ã§1ï½2åå·ããã¨ãå¯äº¤æç¥çµãåºæ¿ããã¦ä½ãã·ã£ããã¨ç®è¦ããæ°åããªãã¬ãã·ã¥ããã¾ãã 600 æå¾ã«ãå¿æãè½ã¡çãã¾ã§ç´10å伿©ããåã³å¯äº¤æç¥çµãåªä½ã«ãªããã¨ã§ãå¿èº«ãæ´ããããããâãããã¤âç¶æ ããããã¯ãã©ã³ã¹ãææç¶æ ã«è³ãã¾ãã</p> 601 <h5 class="mb-5">ããããã®å©ç¨æé</h5> 602 <p>2ã»ããï¼25åÃ2ï¼50åç®å®<br>â»2ã»ããç®ä»¥éã§å¯äº¤æç¥çµåªä½</p> 603 <p>
6033ã»ããï¼25åÃ3ï¼75åç®å®ããã£ãã90å<br> 604 4ã»ããï¼25åÃ4ï¼100åç®å®ããã£ãã120å</p> 605 </div> 606 </div> 607 </div> 608 609 <div id="container"> 610 <div class="container-full4"> 611 <div class="container py-5"> 612 <h3 class="txt_w mb-3 top_h3">FAQ</h3> 613 </div> 614 </div> 615 <div class="container py-6"> 616 <div class="cp_qa"> 617 <!-- <div class="cp_actab"> 618 <input id="cp_tabfour021" type="checkbox" name="tabs"> 619 <div class="cp_plus">+</div> 620 <label for="cp_tabfour021">åçãåç»ã®æ®å½±ã¯å¤§ä¸å¤«ã§ããï¼</label> 621 <div class="cp_actab-content">åºèå ã¯ãèªç±ã«ã©ãããSNSã¸ã®æç¨¿ãæ§ãã¾ããã 622 ãã ããä»ã®ã客æ§ã¸ã®è¿·æè¡çºããã©ã¤ãã·ã¼ã®ä¾µå®³ãªã©ã«ãããè¡çºã¯ãé æ ®ãã ããã</div> 623 </div> 624 <div class="cp_actab"> 625 <input id="cp_tabfour022" type="checkbox" name="tabs"> 626 <div class="cp_plus">+</div> 627 <label for="cp_tabfour022">å©ç¨æéã«é ããå ´åã¯ã©ããªãã¾ããï¼</label> 628 <div class="cp_actab-content">å©ç¨çµäºæå»ã¾ã§ã¯ãå©ç¨ããã ãã¾ããã©ããã¦ãå©ç¨ãé£ãããªã£ãå ´åã¯ããã£ã³ã»ã«ã®ãé£çµ¡ããé¡ããã¾ãã<br> 629 â»ã¯ã¬ã¸ãããªã©ç²¾ç®ã®æ³¨æäºé å¿ è¦</div> 630 </div>--> 631 <div class="cp_actab"> 632 <input id="cp_tabfour023" type="checkbox" name="tabs"> 633 <div class="cp_plus">+</div> 634 <label for="cp_tabfour023">彿¥ãã£ã³ã»ã«ã¯ã©ããªãã¾ããï¼</label> 635 <div class="cp_actab-content">彿¥ãã£ã³ã»ã«ã®å ´åã®ã¿100ï¼ ã®ãã£ã³ã»ã«æãé æ´ãã¦ããã¾ãã</div> 636 </div> 637 <div class="cp_actab"> 638 <input id="cp_tabfour025" type="checkbox" name="tabs"> 639 <div class="cp_plus">+</div> 640 <label for="cp_tabfour025">æã¶ãã§å¤§ä¸å¤«ï¼</label> 641 <div class="cp_actab-content">æã¶ãã§ãè¶ãé ããæ§ãææã¬ã³ã¿ã«ã¿ãªã«ãªã©ã®ã¢ã¡ããã£ãæºåãã¦ããã¾ãã 642 <br> 詳ããã¯ã<a href="about.html">ããã¢æ¡å ãã¼ã¸</a>ãã覧ãã ãã</div> 643 </div> 644 <div class="cp_actab"> 645 <input id="cp_tabfour026" type="checkbox" name="tabs"> 646 <div class="cp_plus">+</div> 647 <label for="cp_tabfour026">館å çã¯ããã¾ããï¼</label> 648 <div class="cp_actab-content">ã¬ã³ã¿ã«æ°´çããç¨æãã¦ããã¾ãã</div> 649 </div> 650 <div class="cp_actab"> 651 <input id="cp_tabfour027" type="checkbox" name="tabs"> 652 <div class="cp_plus">+</div> 653 <label for="cp_tabfour027">wi-fiã¯ä½¿ãã¾ããï¼</label> 654 <div class="cp_actab-content">使ãã¾ããã</div> 655 </div> 656 <div class="cp_actab"> 657 <input id="cp_tabfour028" type="checkbox" name="tabs"> 658 <div class="cp_plus">+</div> 659 <label for="cp_tabfour028">ã¿ãã¥ã¼ã¯OKã§ããï¼</label> 660 <div class="cp_actab-content">å室ã®å ´ååé¡ãããã¾ããã</div> 661 </div> 662 <div class="cp_actab"> 663 <input id="cp_tabfour029" type="checkbox" name="tabs"> 664 <div class="cp_plus">+</div> 665 <label for="cp_tabfour029">è¤æ°äººã§å©ç¨ãããã®ã§ããå¯è½ã§ããï¼</label> 666 <div class="cp_actab-content">å®å ¨å室ã¿ã¤ãã§ãå©ç¨é ãã¾ãã人æ°ä¸éã¯3人ã¨ãªãã¾ãã<br> 667 ç°æ§ã¨ãå©ç¨ã®å ´åã¯ãæ°´çã®çç¨ãå¿ è¦ã¨ãªãã¾ãã</div> 668 </div> 669 <div class="cp_actab"> 670 <input id="cp_tabfour030" type="checkbox" name="tabs"> 671 <div class="cp_plus">+</div> 672 <label for="cp_tabfour030">äºç´ããªãã¨å ¥ãã¾ãããï¼</label> 673 <div class="cp_actab-content">ç·æ§ç¨ããªã¼ãµã¦ãã¯äºç´ãªãã®åä»ã«ãªãã¾ããå室ã¯å®å ¨äºç´å¶ã¨ãªãã¾ãã 674 <br>ç´æ¥ãæ¥åºã§ç©ºããããå ´åã¯ãæ¡å å¯è½ã§ã</div> 675 </div> 676 <div class="cp_actab"> 677 <input id="cp_tabfour031" type="checkbox" name="tabs"> 678 <div class="cp_plus">+</div> 679 <label for="cp_tabfour031">äºç´ã®ãã£ã³ã»ã«ã夿´ã¯ã©ããªãã¾ããï¼</label> 680 <div class="cp_actab-content">
680éå§æå»ã®24æéåã¾ã§ã¯ç¡æã§ã§ãã¾ãã<br> 681 彿¥ãã£ã³ã»ã«ã®å ´åããè¿é対象ã¨ãªãã¾ããã®ã§äºããäºæ¿ãã ããã</div> 682 </div> 683 <div class="cp_actab"> 684 <input id="cp_tabfour032" type="checkbox" name="tabs"> 685 <div class="cp_plus">+</div> 686 <label for="cp_tabfour032">女æ§ãåä¾ã¯å ¥ãã¾ããï¼</label> 687 <div class="cp_actab-content">å®å ¨é¢ã®é æ ®ãããä¿è·è åä¼´ãªãã¯18æ³ä»¥ä¸ã®ãå©ç¨ã¨è´ãã¦ããã¾ãã 688 女æ§ã®æ¹ã¯å室ã®ã¿ãå©ç¨é ãã¾ãã</div> 689 </div> 690 <div class="cp_actab"> 691 <input id="cp_tabfour033" type="checkbox" name="tabs"> 692 <div class="cp_plus">+</div> 693 <label for="cp_tabfour033">ããªã³ã¯ãªã©ã®è²©å£²ã¯ãã¦ãã¾ããï¼</label> 694 <div class="cp_actab-content">å種ããªã³ã¯ãåä»ã«ã¦è²©å£²ãã¦ããã¾ãã</div> 695 </div> 696 <div class="cp_actab"> 697 <input id="cp_tabfour034" type="checkbox" name="tabs"> 698 <div class="cp_plus">+</div> 699 <label for="cp_tabfour034">ä½ååããå ¥å®¤åºæ¥ã¾ããï¼</label> 700 <div class="cp_actab-content">æ¸ æãçµããæ¬¡ç¬¬å ¥å®¤ã§ãã¾ãã</div> 701 </div> 702 <div class="cp_actab"> 703 <input id="cp_tabfour035" type="checkbox" name="tabs"> 704 <div class="cp_plus">+</div> 705 <label for="cp_tabfour035">éåºæã®ã«ã¼ã«ãªã©ããã¾ããï¼</label> 706 <div class="cp_actab-content">å室ã®ã¿æ¬¡åäºç´ããã ãã¨5%ãªãã®ç¹å ¸ããããã¾ãã</div> 707 </div> 708 </div> 709 </div> 710 </div> 711 712 713 714 <!--/container--> 715 </div> 716 <!-- ããã¿ã¼ã--> 717 <footer> 718<div class="f_bg"> 719<div class="container text-center"> 720<img src="img/LOGO_TATE_SHIRO.png" class="mt-6 f_logo" alt="..."> 721<div id="f_icon"> 722 <div class="row mt-6"> 723 <div class="col-md-6"> 724 <a href="https://www.instagram.com/kuro20240906/" target="_blank"><img src="img/f_instagram.png" class="mb-5" alt="ç°ç©ºé"></a> 725 </div> 726 <div class="col-md-6"> 727 <a href="https://liff.line.me/1645278921-kWRPP32q/?accountId=306hxiqn" target="_blank"><img src="img/f_line.png" class="mb-5" alt="ç°ç©ºé"></a> 728 </div> 729 </div> 730 <div class="row"> 731 <div class="col-md-6 mb-3"> 732 <a href="tel:022-290-0866"><img src="img/f_tel.png" class="" alt=""></a> 733 </div> 734 <!--<div class="col-md-6"> 735 <img src="img/f_mail.png" class="w50" alt=""> 736 </div>--> 737 </div> 738</div> 739<p class="mt-6 txt_w sp_txt">ã981-0112 å®®åçå®®åé¡å©åºçºå©åºæ°å±ç°å22ã¤ãªã³ã¢ã¼ã«æ°å©åºå館1F</p> 740</div> 741</div> 742</footer> 743 744 <!-- ããã¿ã¼ã--> 745 746 <!-- JavaScript -->
747<script type="text/JavaScript" src="script.js"></script>
747 748
749<script> 750 const menuIcon = document.getElementById('menu-icon'); 751 const navLinks = document.getElementById('nav-links'); 752 753 menuIcon.addEventListener('click', () => { 754 navLinks.classList.toggle('active'); 755 }); 756</script>
756 757 758 </body> 759 </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.