https://papparenapoli.com/index.html

1<!doctype html>
2<html lang="ja">
3
4<head>
5    <meta charset="UTF-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="format-detection" content="telephone=no">
8    <meta name="viewport" content="width=device-width,initial-scale=1">
9    <meta name="keywords" content="ピッツァ,ピザ,パーティー,女子会,貸切り,二次会,ワイン,イタリアン,サラダランチ,窯焼き,禁煙,子連れ,パスタ,魚介,シーフード,誕生日,記念日">
10    <meta name="description" content="パッパーレナポリ PAPPARE NAPOLI 窯焼きナポリピッツァとナポリ料理を中心とした品川トラットリア">
11    <title>TOP | PAPPARE NAPOLI【公式】</title>
12    <meta property="og:site_name" content="PAPPARE NAPOLIコーポレートサイト">
13    <meta property="og:title" content="TOP | PAPPARE NAPOLI【公式】">
14    <meta property="og:description" content="パッパーレナポリ PAPPARE NAPOLI 窯焼きナポリピッツァとナポリ料理を中心とした品川トラットリア">
15    <meta property="og:type" content="website">
16    <meta property="og:locale" content="ja_JP">
17    <meta property="og:url" content="https://papparenapoli.com/">
18    <meta property="og:image" content="https://papparenapoli.com/img/logo.png">
19
20    

20<script src="https://code.jquery.com/jquery-3.7.1.min.js?_ravenCacheKey=87d776790460d17eeb62443352de557079ef6810" crossorigin="anonymous"></script>

20
21    

21<script type="text/javascript" src="./js/modernizr-2.6.2.min.js?_ravenCacheKey=87d776790460d17eeb62443352de557079ef6810"></script>

21
22    

22<script type="text/javascript" src="./js/jquery.inview.js?_ravenCacheKey=87d776790460d17eeb62443352de557079ef6810"></script>

22
23    

23<script src="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.1.0/js/drawer.min.js?_ravenCacheKey=87d776790460d17eeb62443352de557079ef6810"></script>

23
24    

24<script type="text/javascript" src="./js/iscroll.js?_ravenCacheKey=87d776790460d17eeb62443352de557079ef6810"></script>

24
25    

25<script type="text/javascript" src="./js/script.js?_ravenCacheKey=87d776790460d17eeb62443352de557079ef6810"></script>

25
26    

26<script type="text/javascript" src="./js/ofi.min.js?_ravenCacheKey=87d776790460d17eeb62443352de557079ef6810"></script>

26
27    

27<script src="https://static.ccmphp.com/fetch/1.0.0/news.js?_ravenCacheKey=87d776790460d17eeb62443352de557079ef6810"></script>

27
28    
29    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css?_ravenCacheKey=87d776790460d17eeb62443352de557079ef6810" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
30    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.1.0/css/drawer.min.css?_ravenCacheKey=87d776790460d17eeb62443352de557079ef6810">
31    <link rel="stylesheet" href="./css/reset.css?_ravenCacheKey=87d776790460d17eeb62443352de557079ef6810">
32    <link rel="stylesheet" href="./css/common.css?_ravenCacheKey=87d776790460d17eeb62443352de557079ef6810">
33    <link rel="stylesheet" href="./css/style.css?_ravenCacheKey=87d776790460d17eeb62443352de557079ef6810">
34    <link rel="stylesheet" type="text/css" href="./css/zoomslider.css?_ravenCacheKey=87d776790460d17eeb62443352de557079ef6810" />
35    <link href="https://fonts.googleapis.com/css?family=Fruktur&display=swap" rel="stylesheet">
36    
37    <link rel="icon" href="./img/favicon.ico">
38</head>
39
40<body class="drawer drawer--right">
41<a name="top" id="top"></a>
42<div class="sp"><button type="button" class="drawer-toggle drawer-hamburger"><span class="sr-only"></span><span class="drawer-hamburger-icon"></span></button><nav class="drawer-nav">
43<ul class="drawer-menu">
44<li><a href="index.html"><img src="./img/fnav1.png" alt="TOP" /></a></li>
45<li><a href="special.html"><img src="./img/fnav2.png" alt="SPECIAL" /></a></li>
46<li><a href="food.html"><img src="./img/fnav3.png" alt="MENU" /></a></li>
47<li><a href="scene.html"><img src="./img/fnav4.png" alt="SCENE" /></a></li>
48<li><a href="access.html"><img src="./img/fnav5.png" alt="ACCESS" /></a></li>
49<li><a href="news.html"><img src="./img/fnav6.png" alt="TOPICS" /></a></li>
50<li><a href="https://en-gage.net/aki-nai_saiyo/" target="_blank" rel="noopener"><img src="./img/fnav7.png" alt="RECRUIT" /></a></li>
51<li class="reserve"><a href="https://www.tablecheck.com/ja/papparenapoli/reserve/landing"><img src="./img/fnav8.png" alt="RESERVE" /></a></li>
52<li><span>ご予約・お問い合わせはこちら</span><a href="tel:03-6712-0880"><i class="fas fa-phone-volume fa-fw"></i>03-6712-0880</a></li>
53</ul>
54</nav></div>
55<div>
56<p class="yoyaku pc"><a href="https://www.tablecheck.com/ja/papparenapoli/reserve/landing"><img src="./img/reserve.png" alt="RESERVE" /></a></p>
57<p class="yoyaku sp"><a href="https://www.tablecheck.com/ja/papparenapoli/reserve/landing">RESERVE</a></p>
58</div>
59<div id="main" data-zs-src="[&quot;img/bg_kv1.jpg&quot;, &quot;img/bg_kv2.jpg&quot;, &quot;img/bg_kv3.jpg&quot;, &quot;img/bg_kv4.jpg&quot;]" data-zs-overlay="false" data-zs-bullets="false"><header>
60<div class="inner">
61<h1 class="fade"><a href="index.html"><img src="./img/logo.png" alt="PAPPARE NAPOLI" /></a></h1>
62<ul class="fade pc">
63<li><a href="index.html"><img src="./img/nav1.png" alt="TOP" /></a></li>
64<li><a href="special.html"><img src="./img/nav2.png" alt="SPECIAL" /></a></li>
65<li><a href="food.html"><img src="./img/nav3.png" alt="MENU" /></a></li>
66<li><a href="scene.html"><img src="./img/nav4.png" alt="SCENE" /></a></li>
67<li><a href="access.html"><img src="./img/nav5.png" alt="ACCESS" /></a></li>
68<li><a href="news.html"><img src="./img/nav6.png" alt="TOPICS" /></a></li>
69<li><a href="https://en-gage.net/aki-nai_saiyo/" target="_blank" rel="noopener"><img src="./img/nav7.png" alt="RECRUIT" /></a></li>
70</ul>
71</div>
72</header></div>
73<div class="container">
74<div class="container">
75<div class="l-wave">
76<div class="wave"></div>
77</div>
78<div class="concept">
79<div class="inner">
80<h2 class="fade delay1 concept_text"><!-- <img src="./img/txt1.png" alt="CONCEPT"> --> CONCEPT</h2>
81<h3 class="fade delay2">ナポリピッツァと南イタリア料理のワイン食堂～パッパーレ・ナポリ</h3>
82<p class="fade delay3">自慢の窯焼きナポリピッツァをはじめ、 産地・季節食材にこだわったパスタやメイン料理、全国から仕入れる新鮮な魚介で仕立てるナポリ風アクアパッツァなど、シンプルで素材の良さが活かされた美味しい南イタリアの郷土料理を、厳選したイタリアワインと共にお楽ã

82—み下さい。</p>
83</div>
84</div>
85</div>
86</div>
87<div class="container">
88<div class="l-wave">
89<div class="wave"></div>
90</div>
91<div class="concept">
92<div class="topics">
93<h2 class="fade delay1 topics_text"><!-- <img src="./img/txt2.png" alt="TOPICS"> --> TOPICS</h2>
94<div class="second_news2">
95<div class="inner">
96<div class="fixed-topics">
97<p class="fixed-topic"><a href="https://www.tablecheck.com/ja/papparenapoli/reserve/experiences"><img src="./img/bestrate.jpg" alt="BEST RATE 公式ページからの予約が一番お得" /><br />WEB予約限定<br />お得なプランはこちら！</a></p>
98<p class="fixed-topic"><a href="https://www.papparenapoli.com/img/PN_party.pdf"><img src="./img/partyplan.png" alt="PARTY PLAN 店舗貸切承ります" /></a><br />貸切・各種宴会<br />詳細はこちら！</p>
99</div>
100<div class="CMS-NEWS-INDEX" cms-news-limit="2" cms-store-id="59">
101<div class="CMS-NEWS-ITEM"><img class="CMS-NEWS-THUMBNAIL" />
102<div class="CMS-NEWS-TIME"></div>
103<div class="CMS-NEWS-LINK"></div>
104</div>
105</div>
106</div>
107</div>
108<!--<div class="wrapper">
109                    <div class="item fade delay3">
110                        <span>2020.04.01</span>
111                        <a href="news.html">
112                            <figure>
113                                <img src="./img/news7.jpg">
114                                <figcaption class="hover-mask">4種の春食材のピッツァ</figcaption>
115                            </figure>
116                        </a>
117                    </div>
118                    <div class="item fade delay3">
119                        <span>2020.04.01</span>
120                        <a href="news.html">
121                            <figure>
122                                <img src="./img/news6.jpg">
123                                <figcaption class="hover-mask">臨時休業のお知らせ</figcaption>
124                            </figure>
125                        </a>
126                    </div>
127                    <div class="item fade delay3">
128                        <span>2020.03.20</span>
129                        <a href="news.html">
130                            <figure>
131                                <img src="./img/news5.jpg">
132                                <figcaption class="hover-mask">今だけの春味「あまおう苺×カヴァ」</figcaption>
133                            </figure>
134                        </a>
135                    </div>
136
137
138                </div>-->
139<div class="btn fade delay3"><a href="news.html"><img src="./img/btn.png" alt="VIEW MORE" /></a></div>
140</div>
141</div>
142</div>
143<div class="menu">
144<div class="menu-1 btn fade delay1"><a href="special.html" class="animated-button victoria-1"><img src="./img/txt3.png" alt="SPECIAL" /></a></div>
145<div class="menu-2 btn fade delay2"><a href="scene.html" class="animated-button victoria-1"><img src="./img/txt4.png" alt="SCENE" /></a></div>
146<div class="menu-3 btn fade delay3"><a href="food.html" class="animated-button victoria-1"><img src="./img/txt5.png" alt="FOOD" /></a></div>
147<div class="menu-4 btn fade delay4"><a href="drink.html" class="animated-button victoria-1"><img src="./img/txt6.png" alt="DRINK" /></a></div>
148</div>
149<footer>
150<p class="logo"><img src="./img/logo2.png" alt="パッパーレ・ナポリ" /></p>
151<ul>
152<li><a href="index.html"><img src="./img/fnav1.png" alt="TOP" /></a></li>
153<li><a href="special.html"><img src="./img/fnav2.png" alt="SPECIAL" /></a></li>
154<li><a href="food.html"><img src="./img/fnav3.png" alt="MENU" /></a></li>
155<li><a href="scene.html"><img src="./img/fnav4.png" alt="SCENE" /></a></li>
156<li><a href="access.html"><img src="./img/fnav5.png" alt="ACCESS" /></a></li>
157<li><a href="news.html"><img src="./img/fnav6.png" alt="TOPICS" /></a></li>
158<li><a href="https://en-gage.net/aki-nai_saiyo/" target="_blank" rel="noopener"><img src="./img/fnav7.png" alt="RECRUIT" /></a></li>
159</ul>
160<div class="btn fade delay3"><a href="http://www.aki-nai.com/" class="animated-button2 victoria-2" target="_blank" rel="noopener">AKINAI コーポレート</a></div>
161<small>&copy; 2019 PAPPARE NAPOLI All Rights Reserved.</small></footer>
162<p id="page-top"><a href="#top" id="op_btn"><i class="fa fa-chevron-circle-up" aria-hidden="true"></i></a></p>

163<script>
164        $(function() {
165            var c_cnt = 0;
166            $('.concept_text').on('inview', function(event, isInView) {
167                c_cnt = c_cnt + 1;
168                if (c_cnt == 1) {
169                    if (isInView) {
170                        // ここで文字を<span></span>で囲む
171                        $('.concept_text').children().addBack().contents().each(function() {
172                            if (this.nodeType == 3) {
173                                $(this).replaceWith($(this).text().replace(/(\S)/g, '<span>$1</span>'));
174                            }
175                        });
176                        // 一文字ずつフェードインさせる
177                        $('.concept_text').css({
178                            'opacity': 1
179                        });
180                        // 【修正箇所 1】 .size() を .length に変更
181                        for (var i = 0; i <= $('.concept_text').children().length; i++) {
182                            // $('.concept_text').children('span:eq('+i+')').delay(200*i).animate({'opacity':1},50);
183
184                            $('.concept_text').children('span:eq(' + i + ')').delay(100 * i).queue(function() {
185                                $(this).addClass('fadeBound');
186                            });
187                        };
188                    }
189                }
190            });
191            var t_cnt = 0
192            $('.topics_text').on('inview', function(event, isInView) {
193                t_cnt++;
194                if (t_cnt == 1) {
195                    if (isInView) {
196                        // ここで文字を<span></span>で囲む
197                        $('.topics_text').children().addBack().contents().each(function() {
198                            if (this.nodeType == 3) {
199                                $(this).replaceWith($(this).text().replace(/(\S)/g, '<span>$1</span>'));
200                            }
201                        });
202                        // 一文字ずつフェードインさせる
203                        $('.topics_text').css({
204                            'opacity': 1
205                        });
206                        // 【修正箇所 2】 .size() を .length に変更
207                        for (var i = 0; i <= $('.topics_text').children().length; i++) {
208                            // $('.topics_text').children('span:eq('+i+')').delay(200*i).animate({'opacity':1},50);
209
210                            $('.topics_text').children('span:eq(' + i + ')').delay(100 * i).queue(function() {
211                                $(this).addClass('fadeBound');
212                            });
213                        };
214                    }
215                }
216            });
217
218        });
219
220    </script>

220

221<script>
222        objectFitImages('img.object-fit-img');
223
224    </script>

224

225<script type="text/javascript" src="./js/scroll.js?_ravenCacheKey=87d776790460d17eeb62443352de557079ef6810"></script>

225
226<!-- 

226<script type="text/javascript" src="./js/jquery.zoomslider.min.js?_ravenCacheKey=87d776790460d17eeb62443352de557079ef6810"></script>

226 -->

227<script type="text/javascript" src="./js/jquery.zoomslider.min.js?v=2"></script>

227

228<script src="//sitest.jp/tracking/sitest_js?p=281444638" async=""></script>

228
229
230<!-- CMS-TRACKING-CODE START -->

231<script src="https://sitest.jp/tracking/sitest_js?p=281444638" async></script>

231
232<!-- CMS-TRACKING-CODE END -->
233</body>
234
235</html>