CINXE.COM

レトロ食堂街 滝見小路

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"><!-- InstanceBegin template="/Templates/master.dwt" codeOutsideHTMLIsLocked="false" --> <head> <meta charset="utf-8"> <title>レトロ食堂街 滝見小路</title> <meta name="keywords" content="滝見小路,新梅田シティ,スカイビル,レトロ,レストラン"> <meta name="description" content="新梅田シティにある、昭和のノスタルジックな香り漂うレトロ食堂街「滝見小路」のオフィシャルサイトです。どこか懐かしく、なぜか新しく…。風情を感じながら、旨し料理をご堪能ください。"> <!-- InstanceEndEditable --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="robots" content="index,follow"> <!-- Le styles --> <link href="/assets/css/bootstrap.css" rel="stylesheet"> <link href="/assets/css/bootstrap-responsive.css" rel="stylesheet"> <link href="/assets/css/docs.css" rel="stylesheet"> <link href="/assets/css/general.css" rel="stylesheet"> <link href="/home/css/home.css" rel="stylesheet" type="text/css"> <!-- Le fav and touch icons --> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/assets/ico/apple-touch-icon-144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/ico/apple-touch-icon-114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/assets/ico/apple-touch-icon-72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="/assets/ico/apple-touch-icon-57-precomposed.png"> <link rel="shortcut icon" href="/assets/ico/favicon.png"> <link href="/home/css/slider.css" rel="stylesheet" type="text/css"> <!-- InstanceEndEditable --> <script src="/common/js/ga.js"></script> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="4NGM5-4GUGM-EJP6C-YTV88-VHTZX",function(){function e(){if(!o){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,i.parentNode.appendChild(e),o=!0}}function t(e){o=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(i.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",i.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"4NGM5-4GUGM-EJP6C-YTV88-VHTZX";var i=document.currentScript||document.getElementsByTagName("script")[0],o=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!o)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),i.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="bdpnbet4tpplaz2hbrtq-f-19a6253e2-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"1590007","ak.ai":parseInt("1020832",10),"ak.ol":"0","ak.cr":1,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"1487dda9","ak.r":6099,"ak.a2":n,"ak.m":"","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":59210,"ak.gh":"124.155.222.206","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732709479","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==ajJUykdDYDleZbZR3aZtCYyHWKQj80TRK/E18N8IwD2Gnkof6pIYBZSUNlQ/c2E8anmxB5E9LeB+HWBAI8dipS0gEim9EVSAN7qvb82YCNpVqXzpXW9AswKTyrgAnbPv/1sqZS3QG1gxP9eAZi4YDwBleEerE6apWOYhrV3JMQ1CPpk4furY9QS2+/6GWSLy0/7lSMD+uyfbh4NhA3OXyryBdDLUsJIKSj69XyV247YQnEk/rxbBkQeUDbM8Jm/jV96cLGRXDbFef+LqnXjjGJNENtJ2Ha3Q3mNzNhFA2szw9rGTMYn9iMKaKmOTmSa0yQ/A7ZqIr2jwCWqfN8yBv2PtBsuyeYhEZlWipNu1JVNoX3njsf1A76mVJUsfv6zMNaWam8aWgIAZDZ1p2OmBJeg2TQ0TfWO4DGm/y0FW7bs=","ak.pv":"4","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body id="normal" class="home_content" data-spy="scroll" data-target=".bs-docs-sidebar"> <script type="text/javascript" src="//cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <!-- ▼ Navbar ================================================== --> <div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="brand" href="/" id="header_tk"><img src="/images/logo_yoko.jpg" alt="滝見小路"></a> <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <img src="/images/btn_menu.gif" alt="menu"> </button> <div class="nav-collapse collapse"> <ul class="nav"> <li class="active nav01"> <a href="/">ホーム</a> </li> <li class="nav02"> <a href="/shop/">ショップ情報</a> </li> <li class="nav03"> <a href="/floormap/">フロアマップ</a> </li> <li class="nav05"> <a href="/about/index.html">滝見小路って?</a> </li> <li class="nav06"> <a href="https://www.skybldg.co.jp/access/citymap.html" target="_blank">アクセス</a> </li> </ul> </div> </div> </div> </div> <!-- ▲ Navbar ================================================== --> <!-- .breadcrumb-outer --> <div class="breadcrumb-outer"> <ul class="breadcrumb"> <!-- InstanceBeginEditable name="breadcrumb" --> <!-- InstanceEndEditable --> </ul> </div> <!-- InstanceBeginEditable name="jumbotron" --> <!-- .wideslider --> <div class="wideslider"> <ul> <li><img src="/home/images/main01.jpg" alt="昭和レトロ商店街 1" width="1080" height="606" /></li> <li><img src="/home/images/main02.jpg" alt="昭和レトロ商店街 2" width="1080" height="606" /></li> <li><img src="/home/images/main03.jpg" alt="昭和レトロ商店街 3" width="1080" height="606" /></li> </ul> <div class="top_lead"><img src="/home/images/top_lead.png" alt="昭和レトロ商店街" width="380" height="380" /></div> </div> <!-- /.wideslider --> <!-- InstanceEndEditable --> <div class="container"> <!-- InstanceBeginEditable name="container" --> <div class="outer"> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v3.0'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <style> .bnrArea.foot { padding: 70px 0;margin: 0; } </style> <div class="inner"> <!-- .tBnrOuter --> <link rel="stylesheet" type="text/css" href="/home/css/modal-video.min.css"> <div class="tBnrOuter"> <ul class="tBnr"> <li><a class="js-modal-btn" data-video-id="kmCzeSA73t0" href="#"><img src="/home/images/t_bnr02.png" alt="#"></a></li> </ul> </div> <!-- /.tBnrOuter --> <!-- .b_menu --> <div class="b_menu"> <ul class="clearfix"> <li><a href="/shop/" title="御食事所 RESTAURANTS"><img src="/home/images/b_menu01_line.jpg" alt="御食事所 RESTAURANTS" width="447" height="255" /></a></li> <li><a href="/shop/#svc" title="ショップ&amp;サービス SHOP &amp; SERVICE"><img src="/home/images/b_menu02_line.jpg" alt="ショップ&amp;サービス SHOP &amp; SERVICE" width="447" height="255" /></a></li> </ul> </div> <!-- /.b_menu --> <!-- #news --> <div id="news"> <h2 class="sub_title"><img src="/home/images/title_news.gif" alt="NEWS" width="400" height="40" /></h2> <div id="news_inner"> <ul> <li> <a href="https://www.takimikoji.jp/news/pdf/2023.12_christsmas_JAZZ.pdf" title="Christmas Jazz at 滝見小路【期間 12/23(土)〜25(月)】【PDF】"> <span class="info"> <span class="time">2023.12.08</span> <span class="title">Christmas Jazz at 滝見小路【期間 12/23(土)〜25(月)】【PDF】</span> </span> </a> </li> <li> <a href="https://www.skybldg.co.jp/new/2266.html" title="初夏の風物詩「蛍」舞う。都会に広がる‟中自然の森”で神秘的な灯りに癒しのひとときを。"> <span class="info"> <span class="time">2023.05.02</span> <span class="title">初夏の風物詩「蛍」舞う。都会に広がる‟中自然の森”で神秘的な灯りに癒しのひとときを。</span> </span> </a> </li> <li> <a href="https://www.takimikoji.jp/information/803/" title="緊急事態宣言発令に伴う営業体制の変更について"> <span class="info"> <span class="time">2021.08.02</span> <span class="title">緊急事態宣言発令に伴う営業体制の変更について</span> </span> </a> </li> <li> <a href="https://www.takimikoji.jp/information/935/" title="まん延防止等重点措置期間中の営業のお知らせ"> <span class="info"> <span class="time">2021.06.21</span> <span class="title">まん延防止等重点措置期間中の営業のお知らせ</span> </span> </a> </li> <li> <a href="https://www.takimikoji.jp/news/pdf/stamp202012.pdf" title="「コロナに負けるな!」スタンプラリー開催【2020年12月11日〜12月25日】【PDF】"> <span class="info"> <span class="time">2020.12.03</span> <span class="title">「コロナに負けるな!」スタンプラリー開催【2020年12月11日〜12月25日】【PDF】</span> </span> </a> </li> <li> <a href="https://map.goto.jata-net.or.jp/?st=result&l=34.704978,135.490267,19" title="GOTOトラベル 地域共通クーポン対応店舗はこちらから。"> <span class="info"> <span class="time">2020.10.20</span> <span class="title">GOTOトラベル 地域共通クーポン対応店舗はこちらから。</span> </span> </a> </li> <li> <a href="/news/pdf/umedatanabata2020.pdf" title="第14回 梅田七夕 ウェルカムアーチのみの開催【期間 6/5(金)〜8/8(土)】【 PDF 】"> <span class="info"> <span class="time">2020.06.08</span> <span class="title">第14回 梅田七夕 ウェルカムアーチのみの開催【期間 6/5(金)〜8/8(土)】【 PDF 】</span> </span> </a> </li> <li> <a href="https://www.takimikoji.jp/news/pdf/skybal20191001.pdf" title="10月1日より、謝恩福引抽選会を開催します。"> <span class="info"> <span class="time">2019.09.27</span> <span class="title">10月1日より、謝恩福引抽選会を開催します。</span> </span> </a> </li> <li> <a href="https://www.takimikoji.jp/news/pdf/kikan_eigyouannai_web.pdf" title="6/27(木)〜6/30(日)の間、臨時休業となる店舗がございます。詳しくはこちらをご確認ください【PDF】"> <span class="info"> <span class="time">2019.06.07</span> <span class="title">6/27(木)〜6/30(日)の間、臨時休業となる店舗がございます。詳しくはこちらをご確認ください【PDF】</span> </span> </a> </li> </ul> </div> </div> <!-- /#news --> <!-- .txt_bnr --> <div class="txt_bnr"> <a href="https://hitosara.com/areaguide/umedaskybldg/" title="ヒトサラ 料理人の顔が見えるグルメサイト" target="_blank"> <span class="txt_bnr_inner"> <i><img src="/home/images/txt_hitosara.gif" alt="ヒトサラ" width="210" height="50" /></i> <i><img src="/home/images/txt_gurume.gif" alt="料理人の顔が見えるグルメサイト" width="300" height="250" /></i> </span> </a> </div> <!-- /.txt_bnr --> <!-- #main_contents --> <div id="main_contents" class="bg_outer wideBody"> <div id="main_contents_inner" class="bg_inner wideBody"> <h2 class="sub_title"><img src="/home/images/title_events.gif" alt="PICK UP INFO / EVENTS" width="400" height="40" /></h2> <ul class="clearfix ul_two"> <li> <a href="/pdf/oicinema.pdf" target="_blank" title="美味シネマ"> <span class="img center"><img src="/home/images/p_e01.jpg" alt="美味シネマ" width="300" height="193" /></span> <span class="txt">映画を見ると滝見小路のグルメがお得!観る前、観た後の美味しいハナシ!</span> </a> </li> </ul> </div> </div> <!-- /#main_contents --> <!-- #sub_contents --> <div id="sub_contents"> <div id="sub_contents_inner"> <ul class="clearfix"> <li> <a href="/floormap/" title="フロアマップ"> <span class="txt">フロアマップ</span> <span class="img"><img src="/home/images/f_menu01.jpg" alt="フロアマップ" width="455" height="206" /></span> </a> </li> <li> <a href="/about/" title="滝見小路とは"> <span class="txt">滝見小路とは</span> <span class="img"><img src="/home/images/f_menu02.jpg" alt="滝見小路とは" width="455" height="206" /></span> </a> </li> </ul> </div> <div class="bnrArea foot"> <ul> <li><a href="/pdf/oicinema.pdf" title="美味シネマ(おいシネマ)" target="_blank"><img src="/images/subbnr01.jpg" alt="美味シネマ(おいシネマ)"></a></li> </ul> </div> </div> <!-- /#sub_contents --> <!-- #footer_contents --> <!-- <div id="footer_contents" class="bg_outer wideBody"> <div id="footer_contents_inner" class="bg_inner wideBody"> <div class="fb-page" data-href="https://www.facebook.com/skybldg/" data-tabs="timeline" data-width="600" data-height="250" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/skybldg/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/skybldg/">梅田スカイビル(Umeda Sky Building)</a></blockquote></div> </div> </div> --> <!-- /#footer_contents --> </div> </div> <!-- InstanceEndEditable --> </div> <!-- ▼ Footer ================================================== --> <footer class="footer"> <div class="container"> <p>copyright(C) 2013 梅田スカイビル商店会 all rights reserved.</p> </div> </footer> <!-- Le javascript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script> <script src="/assets/js/bootstrap-transition.js"></script> <script src="/assets/js/bootstrap-alert.js"></script> <script src="/assets/js/bootstrap-modal.js"></script> <script src="/assets/js/bootstrap-scrollspy.js"></script> <script src="/assets/js/bootstrap-tab.js"></script> <script src="/assets/js/bootstrap-tooltip.js"></script> <script src="/assets/js/bootstrap-popover.js"></script> <script src="/assets/js/bootstrap-button.js"></script> <script src="/assets/js/bootstrap-collapse.js"></script> <script src="/assets/js/bootstrap-carousel.js"></script> <script src="/assets/js/bootstrap-typeahead.js"></script> <script src="/assets/js/bootstrap-affix.js"></script> <script src="/assets/js/google-code-prettify/prettify.js"></script> <script src="/assets/js/application.js"></script> <!-- ▲ Footer ================================================== --> <!-- InstanceBeginEditable name="beforeCloseBody" --> <!--- .hiddenBox ---> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;700&display=swap" rel="stylesheet"> <script> $(function(){ $('.hdnOpenClose').on('click', function(){ hidden(); }); function hidden() { $(".hiddenBox .hiddenBoxInner").scrollTop(0); $(".hiddenBox").toggleClass("visible"); $(".blackOut").toggleClass("visible"); } // $(window).on('load resize', function(){ win_h = $(window).innerHeight() - 50; $('.hiddenBox .hiddenBoxInner').css('max-height', win_h + 'px'); }); }); </script> <style> .dur { transition-property:opacity,visibility;transition-duration: 0.5s;transition-timing-function: ease;transition-delay: 0s; } .hiddenBox { position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 100001;opacity: 0;visibility: hidden;text-align: center;display: block;background: #fff;font-family: 'Noto Sans JP', sans-serif; } .hiddenBox i { display: block;line-height: 2.5;font-size: 85%;letter-spacing: -0.02em; } .hiddenBox.visible { opacity: 1;visibility: visible; } .hiddenBox .hiddenBoxInner { display: block;overflow: auto; } .hiddenBox .hiddenBoxInner img { line-height: 0; } .hiddenBox .hiddenBoxInner .close { position: absolute;top: 30px;right: 30px; } .hiddenBox .hiddenBoxInner .body .bodyIn .bTit { line-height: 1.5;font-size: 200%;color: #fff;background: #ccc;padding: 20px 5px 5px;margin: 0 auto; } .hiddenBox .hiddenBoxInner .body .bodyIn .ft { display: block;line-height: 0; } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon { padding: 50px 70px; } .hiddenBox .hiddenBoxInner .body .bodyIn.body02 .bCon { background: #F3F2E0; } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon ul { margin: 0 0 -8% -4%;display: flex;flex-wrap: wrap; } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon li { width: 46%; margin: 0 0 8% 4%; } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon li span { display: block; } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon li span.img { padding: 0 8px;position: relative; } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon li span.img img { width: 100%;height: auto; } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon li span.img::after { display: block;content: ""; background-position: 0 0; background-repeat: no-repeat; position: absolute; top: 0; left: 5px; z-index: 1;width: 40px;height: 60px; } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon li:nth-child(1) span.img::after { background-image: url("/home/images/hiddenBox/num01.png"); } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon li:nth-child(2) span.img::after { background-image: url("/home/images/hiddenBox/num02.png"); } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon li:nth-child(3) span.img::after { background-image: url("/home/images/hiddenBox/num03.png"); } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon li:nth-child(4) span.img::after { background-image: url("/home/images/hiddenBox/num04.png"); } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon li:nth-child(5) span.img::after { background-image: url("/home/images/hiddenBox/num05.png"); } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon li:nth-child(6) span.img::after { background-image: url("/home/images/hiddenBox/num06.png"); } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon li span.tit { font-size: 130%;margin: 10px auto 0;font-weight: bolder;line-height: 1.3;letter-spacing: -0.05em; } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon li span.txt { font-size: 105%;margin: 8px auto 0;line-height: 1.5; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea { background: #fff;border-radius: 10px;margin: 70px auto 35px;position: relative; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea:after { content: ' ';width:0;height: 0;position:absolute;border:10px solid transparent;border-bottom-color:#fff;bottom:100%;right: 17%;border-width: 40px 20px 60px 20px; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea > div { padding: 30px 25px 40px; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea .tit { font-size: 200%;font-weight: bolder;margin-bottom: 20px;line-height: 1.5; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea .sub { margin: 15px auto -5px; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea .img { display: block; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea .img img { width: auto; height: auto; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea .btnT { display: inline-block;width: 270px;background: #f8931f;font-size: 140%;line-height: 1;padding: 13px 0 16px;color: #fff;border-radius: 10px;text-decoration: none !important; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea .btnT:hover { opacity: 0.7; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea .btnT span { position: relative;padding-right: 18px;margin-right: -9px; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea .btnT span::after { content: '';width: 10px;height: 10px;border: 0px;border-top: solid 2px #fff;border-right: solid 2px #fff;position: absolute;top: calc( 50% - 0px );transform: rotate(45deg) translateY(-50%);-webkit-transform: rotate(45deg) translateY(-50%);-ms-transform: rotate(45deg) translateY(-50%);right: 0; } .hiddenBox .hiddenBoxInner .body .bodyIn.body01 .bTit { background: #3da7a0; } .hiddenBox .hiddenBoxInner .body .bodyIn.body01 .bCon li span.tit { color: #3da7a0; } .hiddenBox .hiddenBoxInner .body .bodyIn.body02 .bTit { background: #f7931e; } .hiddenBox .hiddenBoxInner .body .bodyIn.body02 .bCon li span.tit { color: #f7931e; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea .sub01 { border-bottom: 1px solid #ccc; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea .sub02 {} .hiddenBox .hiddenBoxInner .body .bodyIn .subArea .cocoa {} .hiddenBox .hiddenBoxInner .body .bodyIn .subArea .cocoa li:first-child { width: 100%;margin-bottom: 30px; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea .cocoa li a { display: block; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea .cocoa li span.top { margin-bottom: 15px; } .hiddenBox .hiddenBoxInner .body .bodyIn .fClose .img { display: block;cursor: pointer; } .blackOut.visible { position: fixed;height: 100%;width: 100%;top: 0;left: 0;z-index: 100000;background: rgba(0,0,0,0.5); cursor: pointer; } @media screen and (min-width: 960px) { .hiddenBox a:hover { opacity: 0.7; } .hiddenBox.visible,.hiddenBox .hiddenBoxInner { width: 600px; } } @media screen and (max-width: 767px) { .hiddenBox { width: 96%;font-size: 80%; } .hiddenBox .hiddenBoxInner .body .bodyIn .bTit { font-size: 160%;font-weight: bolder; } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon { padding: 40px 20px; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea .btnT { width: 100%; } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon li span.tit { font-size: 120%; } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon li span.txt { margin-top: 5px; } .hiddenBox .hiddenBoxInner .body .bodyIn .bCon li span.img::after { width: 30px;height: 45px;background-size: 100%; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea .btnT span { font-weight: bolder; } .hiddenBox .hiddenBoxInner .body .bodyIn .subArea .cocoa li span.qr { display: none; } } </style> <div class="hiddenBox dur"> <div class="hiddenBoxInner"> <div class="body"> <div class="bodyIn body01"> <p class="bTit"><span class="bTitInner">昭和レトロ商店街「滝見小路」における<br />新型コロナウイルス<br />感染拡大防止対策について</span></p> <span class="ft"><img src="/home/images/hiddenBox/conft01.jpg" alt="昭和レトロ商店街「滝見小路」における新型コロナウイルス感染拡大防止対策について" /></span> <div class="bCon"> <ul> <li> <span class="img"><img src="/home/images/hiddenBox/c1_01.jpg" alt="勤務前に検温" /></span> <span class="tit">勤務前に検温</span> <span class="txt">業員は事前に検温等を実施し、健康管理に十分に留意しております。</span> </li> <li> <span class="img"><img src="/home/images/hiddenBox/c1_02.jpg" alt="マスク等を着用" /></span> <span class="tit">マスク等を着用</span> <span class="txt">感染拡大防止対策として、従業員はマスク等を着用いたします。</span> </li> <li> <span class="img"><img src="/home/images/hiddenBox/c1_03.jpg" alt="飛沫防止ガードを設置" /></span> <span class="tit">飛沫防止ガードを設置</span> <span class="txt">レジ等に飛沫防止ガードを設置しております。</span> </li> <li> <span class="img"><img src="/home/images/hiddenBox/c1_04.jpg" alt="除菌清掃" /></span> <span class="tit">除菌清掃</span> <span class="txt">定期的に除菌剤配合洗浄剤を使用した巡回清掃を行い、衛生維持に努めております。</span> </li> </ul> </div> </div> <div class="bodyIn body02"> <p class="bTit"><span class="bTitInner">お客様へのお願い</span></p> <span class="ft"><img src="/home/images/hiddenBox/conft02.jpg" alt="お客様へのお願い" /></span> <div class="bCon"> <ul> <li> <span class="img"><img src="/home/images/hiddenBox/c2_01.jpg" alt="手指消毒のお願い" /></span> <span class="tit">手指消毒のお願い</span> <span class="txt">各店舗内に手指消毒液を設置しておりますのでご利用ください。</span> </li> <li> <span class="img"><img src="/home/images/hiddenBox/c2_02.jpg" alt="発熱・体調不良にご注意" /></span> <span class="tit">発熱・体調不良にご注意</span> <span class="txt">発熱等、体調のすぐれないお客様は、ご来場・ご入店をお控えください。</span> </li> <li> <span class="img"><img src="/home/images/hiddenBox/c2_03.jpg" alt="手洗い、咳エチケットのお願い" /></span> <span class="tit">手洗い、咳エチケットの<br />お願い</span> <span class="txt">感染拡大防止対策のため、手洗い、咳エチケットにご協力をお願いいたします。</span> </li> <li> <span class="img"><img src="/home/images/hiddenBox/c2_04.jpg" alt="フィジカルディスタンス" /></span> <span class="tit">フィジカルディスタンス</span> <span class="txt">人と人の間隔はできるだけ空ける、ディスタンス確保へのご協力をお願いいたします。</span> </li> <li> <span class="img"><img src="/home/images/hiddenBox/c2_05.jpg" alt="電子決済をご利用ください" /></span> <span class="tit">電子決済をご利用ください</span> <span class="txt">お支払いはできるだけ、電子決済をご利用いただくようお願いいたします。</span> </li> <li> <span class="img"><img src="/home/images/hiddenBox/c2_06.jpg" alt="感染拡大防止のご協力" /></span> <span class="tit">感染拡大防止のご協力</span> <span class="txt">大阪コロナ追跡システム又は接触確認アプリCOCOAへの登録にご協力をお願いしております。</span> </li> </ul> <div class="subArea"> <div class="sub01"> <p class="tit">大阪コロナ追跡システム</p> <a href="https://www.pref.osaka.lg.jp/smart_somu/osaka_covid19/" target="_blank" class="btnT"><span>詳細はこちらから</span></a> <p class="sub">各店舗の二次元コードよりご登録ください</p> </div> <div class="sub02"> <p class="tit">接触確認アプリCOCOA</p> <ul class="cocoa"> <li><a href="https://www.mhlw.go.jp/stf/seisakunitsuite/bunya/cocoa_00138.html" target="_blank"><img src="/home/images/hiddenBox/cocoa.jpg" alt="接触確認アプリCOCOA" /></a></li> <li> <a href="https://apps.apple.com/jp/app/id1516764458" target="_blank"><span class="top"><img src="/home/images/hiddenBox/btn_app.jpg" alt="app store" /></span></a> <span class="qr"><img src="/home/images/hiddenBox/qr_app.jpg" alt="app store" /></span> </li> <li> <a href="https://play.google.com/store/apps/details?id=jp.go.mhlw.covid19radar" target="_blank"><span class="top"><img src="/home/images/hiddenBox/btn_gp.jpg" alt="Google Play" /></span></a> <span class="qr"><img src="/home/images/hiddenBox/qr_gp.jpg" alt="Google Play" /></span> </li> </ul> </div> </div> <div class="fClose"> <span class="img hdnOpenClose"><img src="/home/images/hiddenBox/close.gif" alt="閉じる" /></span> </div> </div> </div> </div> </div> </div> <div class="blackOut dur hdn hdnOpenClose"><!--- blackOut hdn ---></div> <!--- /.hiddenBox ---> <!--- modal-video ---> <script src="/home/js/jquery-modal-video.min.js"></script> <script> $(".js-modal-btn").modalVideo(); </script> <!--- /modal-video ---> <!-- InstanceEndEditable --> </body> <!-- InstanceEnd --> <script type="text/javascript" src="/home/js/jquery.matchHeight.js"></script> <script type="text/javascript" src="/home/js/jquery.easing.min.js"></script> <script type="text/javascript" src="/home/js/slider.js"></script> <script type="text/javascript" src="/home/js/common.js"></script> </html>

Pages: 1 2 3 4 5 6 7 8 9 10