1<!DOCTYPE html> 2<html lang="jp"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta property="og:title" content="ã¡ãã¥ã¼ï½BARãDININGãMARUGO / é座 / ãã¤ãã³ã°ãã¼"> 7 <meta property="og:type" content="website"> 8 <meta property="og:url" content="https://ginzasakebar.com/"> 9 <meta property="og:image" content="https://ginzasakebar.com/img/og.png"> 10 <meta property="og:site_name" content="BARãDININGãMARUGO / é座 / ãã¤ãã³ã°ãã¼"> 11 <meta property="og:description" content="ãé£ã¹ãBARãé座ã§é±5æ¥éãããã¤ãã³ã°BAR"> 12 <meta name="description" content="ãé£ã¹ãBARãé座ã§é±5æ¥éãããã¤ãã³ã°BAR"> 13 <meta name="viewport" content="width=device-width,initial-scale=1"> 14 <title>ã¡ãã¥ã¼ï½BARãDININGãMARUGO / é座 / ãã¤ãã³ã°ãã¼</title> 15 16 <link rel="stylesheet" href="css/slick.css?_ravenCacheKey=505ce3e323ab03767b8fbde2fa888bff5052c581" media="screen" /> 17 <link rel="stylesheet" href="css/slick-theme.css?_ravenCacheKey=505ce3e323ab03767b8fbde2fa888bff5052c581" media="screen" /> 18 <link rel="stylesheet" href="css/reset.css?_ravenCacheKey=505ce3e323ab03767b8fbde2fa888bff5052c581"> 19 <link rel="stylesheet" href="css/style.css?_ravenCacheKey=505ce3e323ab03767b8fbde2fa888bff5052c581"> 20 <link rel="stylesheet" href="css/style_responsive.css?_ravenCacheKey=505ce3e323ab03767b8fbde2fa888bff5052c581"> 21 <link href="https://fonts.googleapis.com/css?family=Crimson+Text:400,600,700" rel="stylesheet"> 22
22<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js?_ravenCacheKey=505ce3e323ab03767b8fbde2fa888bff5052c581"></script>
22 23
23<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js?_ravenCacheKey=505ce3e323ab03767b8fbde2fa888bff5052c581"></script>
23 24
24<script src="js/slick.min.js?_ravenCacheKey=505ce3e323ab03767b8fbde2fa888bff5052c581"></script>
24 25
25<script type="text/javascript" src="js/delighters.js?_ravenCacheKey=505ce3e323ab03767b8fbde2fa888bff5052c581"></script>
25 26 <link href="https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap&subset=japanese" rel="stylesheet"> 27
27<script> 28 $(document).ready(function() { 29 // PC 30 if (window.matchMedia('(min-width:768px)').matches) { 31 $('.content_slider').slick({ 32 arrows: false, 33 slidesToShow: 6, 34 autoplay: true, 35 autoplaySpeed: 0, 36 cssEase: 'linear', 37 speed: 5000 38 }); 39 40 // SP 41 } else { 42 $('.content_slider').slick({ 43 arrows: false, 44 slidesToShow: 3, 45 autoplay: true, 46 autoplaySpeed: 0, 47 cssEase: 'linear', 48 speed: 5000 49 }); 50 } 51 52 53 }); 54 55 </script>
55 56 57 </head> 58 59<body> 60<section class="hero_header"><header class="primary_header header_border"> 61<div class="row"> 62<div class="header_inner"><a href="index.html"> <img src="img/logo.png" class="header-logo-sub pc" /> </a><nav class="gnav pc"> 63<ul class="gnav_wrap"> 64<li class="gnav_item"><span style="color: #000000;"><a href="./index.html" class="gmenu" style="color: #000000;">ãã¼ã </a></span></li> 65<li class="gnav_item"><span style="color: #000000;"><a href="./menu.html" class="gmenu" style="color: #000000;">ã¡ãã¥ã¼</a></span></li> 66<li class="gnav_item"><span style="color: #000000;"><a href="./gallery.html" class="gmenu" style="color: #000000;">åç</a></span></li> 67<li class="gnav_item"><span style="color: #000000;"><a href="./access.html" class="gmenu" style="color: #000000;">åºèæ å ±</a></span></li> 68<li class="gnav_item"><span style="color: #000000;"><a href="./news.html" class="gmenu" style="color: #000000;">ãç¥ãã</a></span></li> 69<li class="gnav_item"><span style="color: #000000;"><a href="./contact.html" class="gmenu" style="color: #000000;">ãåãåãã</a></span></li> 70<li class="gnav_item"><span style="color: #000000;"><a href="./recruit.html" class="gmenu" style="color: #000000;">æ±äººæ å ±</a></span></li> 71<li class="gnav_item dropdown"><span class="gmenu">åºèä¸è¦§ </span> 72<ul> 73<li><a href="./maruhachi.html">é座é å ´ãã«ãã</a></li> 74<li><a href="./maruichi.html">é座é å ´ãã«ã¤ã</a></li> 75<li><a href="./marudai.html">é座é å ´ãã«ã㤠大å</a></li> 76</ul> 77</li> 78</ul> 79</nav></div> 80</div> 81<nav class="header_nav_sp sp"> 82<div class="gnav_inner_sp"> 83<ul class="header_nav_wrap_sp"> 84<li class="header_nav_list_sp"><a href="index.html"> <img src="img/logo.png" class="header-logo-sub" /> </a></li> 85<li class="header_nav_list_sp"><a href="./index.html" class="gmenu_sp" style="color: #000000;">ãã¼ã </a></li> 86<li class="header_nav_list_sp"><a href="./menu.html" class="gmenu_sp" style="color: #000000;">ã¡ãã¥ã¼</a></li> 87<li class="header_nav_list_sp"><a href="./gallery.html" class="gmenu_sp" style="color: #000000;">åç</a></li> 88<li class="header_nav_list_sp"><a href="./access.html" class="gmenu_sp" style="color: #000000;">åºèæ å ±</a></li> 89<li class="header_nav_list_sp"><a href="./recruit.html" class="gmenu_sp" style="color: #000000;">æ±äººæ å ±</a></li> 90<li class="header_nav_list_sp"><a href="./maruhachi.html" class="gmenu_sp">é座é å ´ãã«ãã</a></li> 91<li class="header_nav_list_sp"><a href="./maruichi.html" class="gmenu_sp">é座é å ´ãã«ã¤ã</a></li> 92<li class="header_nav_list_sp"><a href="./marudai.html" class="gmenu_sp">é座é å ´ãã«ã㤠大å</a></li> 93<li class="header_nav_list_sp"><a href="./news.html" class="gmenu_sp" style="color: #000000;">ãç¥ãã</a></li> 94<li class="header_nav_list_sp"><a href="./contact.html" class="gmenu_sp" style="color: #000000;">ãåãåãã</a></li> 95</ul> 96</div> 97<div class="icon_menu sp"><span class="icon_menu_txt">MENU</span> 98<div class="menu_border_box"><span class="menu_border"></span> <span class="menu_border"></span> <span class="menu_border"></span></div> 99</div> 100</nav></header> 101<section class="heading1_wrap heading1_wrap_01"> 102<h1 class="heading1">ã¡ãã¥ã¼ <small class="heading1_sm">Menu</small></h1> 103</section> 104<div class="google_translate"> 105<div id="google_translate_element"></div>
106<script type="text/javascript"> 107 function googleTranslateElementInit() { 108 new google.translate.TranslateElement({ 109 pageLanguage: 'ja', 110 includedLanguages: 'de,en,es,fr,ja,ko,ru,th,vi,zh-CN,zh-TW', 111 layout: google.translate.TranslateElement.InlineLayout.SIMPLE 112 }, 'google_translate_element'); 113 } 114 115 </script>
vendor: 2 bytes, line 115
115
116<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
116 117</div> 118</section> 119<section class="lawer_sec"> 120<div class="container"> 121<div class="anchor_area"> 122<div class="anchor_wrap"> 123<div class="anchor"><a href="https://tabelog.com/tokyo/A1301/A130101/13014417/party/" class="anchor_link" target=â_blankâ>COURSE</a></div> 124<div class="anchor"><a href="https://tabelog.com/tokyo/A1301/A130101/13014417/dtlmenu/" class="anchor_link" target=â_blankâ>FOOD</a></div> 125<div class="anchor"><a href="drink.html" class="anchor_link">DRINK</a></div> 126</div> 127</div> 128<section class="lawer_content_wrap" id="course"> 129<h2 class="heading2">COURSE</h2> 130<div class="txt"> 131<p><center>ã³ã¼ã¹ã¡ãã¥ã¼ã¯ä¸è¨ããã確èªä¸ãã</center><br></p> 132</div> 133<div class="anchor_area"> 134<div class="anchor_wrap"> 135<div class="anchor"><a href="https://tabelog.com/tokyo/A1301/A130101/13014417/party/" class="anchor_link" target=â_blankâ>COURSE</a></div> 136</div> 137</div> 138<!--é£ã¹ãã°é£æºç¨--> 139<!-- 140<div class="CMS-COURSE-MENU" cms-store-id="2988"></div>
141<script src="https://static.ccmphp.com/menu/1.0.0/embed.js?_ravenCacheKey=505ce3e323ab03767b8fbde2fa888bff5052c581"></script>
141--> 142<!--é£ã¹ãã°é£æºç¨--></section> 143</div> 144</section> 145<div id="page-top"><a href="#">TOP</a></div> 146<footer> 147<div class="footer_area"> 148<div class="footer_contents"> 149<div class="container"> 150<div class="footer_flex"> 151<div class="footer_flex_content"></div> 152</div> 153<nav class="footer_link mt40"> 154<div class="footer_link_wrap"> 155<ul class="footer_link_list"> 156<li class="footer_link_menu"><a href="./index.html" class="fmenu">ãã¼ã </a></li> 157<li class="footer_link_menu"><a href="./menu.html" class="fmenu">ã¡ãã¥ã¼</a></li> 158<li class="footer_link_menu"><a href="./gallery.html" class="fmenu">åç</a></li> 159<li class="footer_link_menu"><a href="./access.html" class="fmenu">åºèæ å ±</a></li> 160<li class="footer_link_menu"><a href="./recruit.html" class="fmenu">æ±äººæ å ±</a></li> 161<li class="footer_link_menu"><a href="./maruhachi.html" class="fmenu">é座é å ´ãã«ãã</a></li> 162<li class="footer_link_menu"><a href="./maruichi.html" class="fmenu">é座é å ´ãã«ã¤ã</a></li> 163<li class="footer_link_menu"><a href="./marudai.html" class="fmenu">é座é å ´ãã«ã㤠大å</a></li> 164<li class="footer_link_menu"><a href="./news.html" class="fmenu">ãç¥ãã</a></li> 165<li class="footer_link_menu"><a href="./contact.html" class="fmenu">ãåãåãã</a></li> 166</ul> 167</div> 168</nav></div> 169</div> 170</div> 171</footer> 172<div id="op_btn"><a href="https://booking.resebook.jp/webrsv/search/s014365501/18169?isfixshop=true" target="_blank" rel="noopener">ãäºç´ã¯ãã¡ã</a></div>
173<script> 174 // $(function() { 175 // $('.icon_menu').on('click', function () { 176 // $(this).toggleClass('action'); 177 // $('.gnav_inner_sp').toggleClass('action'); 178 // }); 179 // }); 180 181 $(function() { 182 var state = false; 183 var scrollpos; 184 185 $('.icon_menu').on('click', function() { 186 if (state == false) { 187 scrollpos = $(window).scrollTop(); 188 $('body').addClass('fixed').css({ 189 'top': -scrollpos 190 }); 191 $('.gnav_inner_sp').addClass('action'); 192 $(this).addClass('action'); 193 state = true; 194 } else { 195 $('body').removeClass('fixed').css({ 196 'top': 0 197 }); 198 window.scrollTo(0, scrollpos); 199 $('.gnav_inner_sp').removeClass('action'); 200 $(this).removeClass('action'); 201 state = false; 202 } 203 }); 204 205 }); 206 207 </script>
vendor: 2 bytes, line 207
207
208<script> 209 $(function() { 210 $('a[href^="#"]').click(function() { 211 var speed = 500; 212 var href = $(this).attr("href"); 213 var target = $(href == "#" || href == "" ? 'html' : href); 214 var position = target.offset().top; 215 $("html, body").animate({ 216 scrollTop: position 217 }, speed, "swing"); 218 return false; 219 }); 220 }); 221 222 </script>
vendor: 2 bytes, line 222
222
223<script> 224 $(function() { 225 var topBtn = $('#page-top'); 226 topBtn.hide(); 227 //ã¹ã¯ãã¼ã«ã100ã«éããããã¿ã³è¡¨ç¤º 228 $(window).scroll(function() { 229 if ($(this).scrollTop() > 100) { 230 topBtn.fadeIn(); 231 } else { 232 topBtn.fadeOut(); 233 } 234 }); 235 //ã¹ã¯ãã¼ã«ãã¦ããã 236 topBtn.click(function() { 237 $('body,html').animate({ 238 scrollTop: 0 239 }, 500); 240 return false; 241 }); 242 }); 243 244 </script>
vendor: 2 bytes, line 244
244
245<script> 246 $(function() { 247 $('.main_logo').fadeIn(3000); 248 }); 249 250 </script>
vendor: 2 bytes, line 250
250
251<script> 252 $('#main-slider').on('init', function() { 253 $('.slick-slide[data-slick-index="0"]').addClass('moving'); 254 }) 255 .slick({ 256 arrows: false, 257 dots: false, 258 infinite: true, 259 fade: true, 260 speed: 4000, 261 autoplay: true, 262 pauseOnHover: false, 263 autoplayspeed: 5000, 264 centerMode: true 265 }) 266 .on('beforeChange', function(event, slick, currentSlide, nextSlide) { 267 var slide_num = $('.slick-slide').length; 268 $('.slick-slide[data-slick-index="' + (currentSlide - 1) + '"]').removeClass('moving'); 269 $('.slick-slide[data-slick-index="' + nextSlide + '"]').addClass('moving'); 270 if (currentSlide == 0) { 271 $('.slick-slide[data-slick-index="' + (slide_num - 1) + '"]').removeClass('moving'); 272 } 273 }); 274 275 </script>
vendor: 2 bytes, line 275
275
276<script> 277 $(function() { 278 $('.effect').css("opacity", "0"); 279 $(window).scroll(function() { 280 $(".effect").each(function() { 281 var imgPos = $(this).offset().top; 282 var scroll = $(window).scrollTop(); 283 var windowHeight = $(window).height(); 284 if (scroll > imgPos - windowHeight + windowHeight / 5) { 285 $(this).css("opacity", "1"); 286 } else { 287 $(this).css("opacity", "0"); 288 } 289 }); 290 }); 291 }); 292 293 </script>
vendor: 2 bytes, line 293
293
294<script> 295 $(function() { 296 $(window).scroll(function() { 297 $('.fade_t').each(function() { 298 var targetElement = $(this).offset().top; 299 var scroll = $(window).scrollTop(); 300 var windowHeight = $(window).height(); 301 if (scroll > targetElement - windowHeight + 200) { 302 $(this).css('opacity', '1'); 303 $(this).css('transform', 'translateY(0)'); 304 } 305 }); 306 }); 307 }); 308 309 </script>
vendor: 2 bytes, line 309
309
310<script> 311 $(function() { 312 $(window).scroll(function() { 313 $('.fade_t02').each(function() { 314 var targetElement = $(this).offset().top; 315 var scroll = $(window).scrollTop(); 316 var windowHeight = $(window).height(); 317 if (scroll > targetElement - windowHeight + 200) { 318 $(this).css('opacity', '1'); 319 $(this).css('transform', 'translateY(0)'); 320 } 321 }); 322 }); 323 }); 324 325 </script>
vendor: 2 bytes, line 325
325
326<script> 327 $(function() { 328 $(window).scroll(function() { 329 $('.fade_t03').each(function() { 330 var targetElement = $(this).offset().top; 331 var scroll = $(window).scrollTop(); 332 var windowHeight = $(window).height(); 333 if (scroll > targetElement - windowHeight + 200) { 334 $(this).css('opacity', '1'); 335 $(this).css('transform', 'translateY(0)'); 336 } 337 }); 338 }); 339 }); 340 341 </script>
vendor: 2 bytes, line 341
341
342<script> 343 $(function() { 344 $(window).scroll(function() { 345 $('.fade_lr').each(function() { 346 var targetElement = $(this).offset().top; 347 var scroll = $(window).scrollTop(); 348 var windowHeight = $(window).height(); 349 if (scroll > targetElement - windowHeight + 200) { 350 $(this).css('opacity', '1'); 351 $(this).css('transform', 'translateX(0)'); 352 } 353 }); 354 }); 355 }); 356 357 </script>
vendor: 2 bytes, line 357
357
358<script> 359 $(function() { 360 $(window).scroll(function() { 361 $('.fade_rl').each(function() { 362 var targetElement = $(this).offset().top; 363 var scroll = $(window).scrollTop(); 364 var windowHeight = $(window).height(); 365 if (scroll > targetElement - windowHeight + 200) { 366 $(this).css('opacity', '1'); 367 $(this).css('transform', 'translateX(0)'); 368 } 369 }); 370 }); 371 }); 372 373 </script>
vendor: 2 bytes, line 373
373
374<script> 375 $(document).ready(function() { 376 var url = "https://api.instagram.com/v1/users/self/media/recent" 377 var max = 16; //表示ããæ° 378 var at = "12421370786.78a2e60.c737102ee47849f3a8e1e2f98042e7c8"; //ã¢ã¯ã»ã¹ãã¼ã¯ã³ãå ¥åï¼ 379 $(insta); 380 381 function insta() { 382 $.ajax({ 383 url: url, 384 data: { 385 access_token: at 386 }, 387 dataType: "jsonp", 388 error: function(jqXHR, textStatus, errorThrown) { 389 $(".instagram").text(textStatus); 390 }, 391 success: function(data, textStatus, jqXHR) { 392 url = data.pagination.next_url; 393 for (var i = 0, length = max; i < length; i++) { 394 var d = data.data[i]; 395 $(".top_social_insta").append( 396 $("<div>").addClass("insta_item").append($("<a>").attr("href", d.link).attr("target", "_blank").append($("<img>").attr("src", d.images.low_resolution.url)))); 397 } 398 } 399 }); 400 }; 401 }); 402 403 </script>
403 404<!-- CMS-TRACKING-CODE START -->
405<script src="https://sitest.jp/tracking/sitest_js?p=104110468" async=""></script>
405 406<!-- CMS-TRACKING-CODE END --> 407</body> 408 409</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.