PageSourceSearch

https://ppp-anime.jp/

html ppp-anime.jp collected 2026-09-26 05:01:36 UTC 31,749 bytes, 685 lines download raw bytes

1<!doctype html>
2<html lang="ja">
3<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
4<!-- Google Tag Manager -->
5<script>
vendor: 327 bytes, lines 5-9
5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
6new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
7j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
8'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
9})(window,document,'script','dataLayer','
9GTM-KZLJNB55
vendor: 3 bytes, line 9
9');
9</script>
9
10<!-- End Google Tag Manager -->
11<meta charset="utf-8">
12<title>ミニチュアアニメ「ポップパップポルターズ」公式サイト</title>
13<meta name="description" content="2026年秋放送!気鋭のクリエイター・Mozuが贈る「のぞきたくなる」ミニチュアアニメ!">
14<meta name="keywords" content="ポップパップポルターズ,Mozu,シンエイ動画,ミニチュアアニメ, ポップパップ、オバケアニメ、テレ朝アニメ">
15<meta property="og:site_name" content="ミニチュアアニメ「ポップパップポルターズ」公式サイト">
16<meta property="og:title" content="ミニチュアアニメ「ポップパップポルターズ」公式サイト">
17<meta property="og:type" content="website">
18<meta property="og:description" content="2026年秋放送!気鋭のクリエイター・Mozuが贈る「のぞきたくなる」ミニチュアアニメ!">
19<meta property="og:url" content="https://ppp-anime.jp/">
20<meta property="og:image" content="https://ppp-anime.jp/assets/og/ogp.jpg">
21<meta name="twitter:card" content="summary_large_image">
22<meta name="twitter:site" content="@ppp_anime_PR">
23<meta name="twitter:creator" content="@ppp_anime_PR">
24<meta name="twitter:title" content="ミニチュアアニメ「ポップパップポルターズ」公式サイト">
25<meta name="twitter:description" content="2026年秋放送!気鋭のクリエイター・Mozuが贈る「のぞきたくなる」ミニチュアアニメ!">
26<meta name="twitter:image" content="https://ppp-anime.jp/assets/og/ogp.jpg">
27<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
28<meta name="format-detection" content="telephone=no, address=no, email=no">
29<meta name="theme-color" content="#FFBE00">
30
31<link rel="preconnect" href="https://fonts.googleapis.com">
32<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
33<link href="https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap" rel="stylesheet">
34
35<link href="./assets/css/libs/swiper-bundle.min-v8.css" rel="stylesheet" type="text/css">
36
37
38<link href="./assets/css/common.css" rel="stylesheet" type="text/css">
39
40
41<link href="./assets/css/top.css" rel="stylesheet" type="text/css">
42
43<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
vendor: 1 bytes, line 43
43
44<script>window.jQuery || document.write('
44<script src="./assets/js/libs/jquery-3.7.1.min.js"><\/script>')</script>
vendor: 1 bytes, line 44
44
45<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
vendor: 1 bytes, line 45
45
46<script>window.jQuery.easing.def || document.write('
46<script src="./assets/js/libs/jquery.easing.min.js"><\/script>')</script>
46
47<link rel="shortcut icon" href="./favicon.ico">
48</head>
49
50<body id="top" data-root="./" data-page="top">
51<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 51-52
51
52<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
52GTM-KZLJNB55
vendor: 83 bytes, lines 52-53
52"
53height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
54<!-- End Google Tag Manager (noscript) -->
55<div class="loading js-loading">
56	<div class="loadingWrap">
57		<p class="loading__logo"><img src="./assets/img/common/logo/logo.png" alt="ミニチュアアニメ「ポップパップポルターズ」公式サイト"></p>
58	</div>
59</div>
60<!-- BEGIN #fullWrap -->
61<div id="fullWrap">
62
63	<header class="header js-header">
64	<div class="header__inner">
65		<div class="headerNavWrap">
66			<div class="header__horn"></div>
67			<div class="headerNavIn">
68				<nav class="headerNav js-tscrlNav js-navLists">
69					<div class="header__logo"><a href="./" class="header__logoLink ah"><span class="hd"></span></a></div>
70<ul class="headerNavLists">
71	<li class="headerNavLists__item nav-top">
72		<a href="./" class="js-navlink navLink js-navTop js-nav" data-nav="fv" data-navid="#fv">
73			<div class="header__nav">
74				<span class="header__nav-en f-en">TOP</span><span class="header__nav-ja">トップ</span>
75			</div>
76			<div class="header__nav-arrow"></div>
77		</a>
78	</li>
79	<li class="headerNavLists__item nav-movie">
80		<a href="./movie/" class="js-navlink navLink js-nav" data-nav="movie" data-navid="#movie">
81			<div class="header__nav">
82				<span class="header__nav-en f-en">MOVIE</span><span class="header__nav-ja">映像</span>
83			</div>
84			<div class="header__nav-arrow"></div>
85		</a>
86	</li>
87	<li class="headerNavLists__item nav-news">
88		<a href="./news/" class="js-navlink navLink js-nav" data-nav="news" data-navid="#news">
89			<div class="header__nav">
90				<span class="header__nav-en f-en">NEWS</span><span class="header__nav-ja">ニュース</span>
91			</div>
92			<div class="header__nav-arrow"></div>
93		</a>
94	</li>
95	<li class="headerNavLists__item nav-onair">
96		<a href="./onair/" class="js-navlink navLink js-nav" data-nav="onair" data-navid="#onair">
97			<div class="header__nav">
98				<span class="header__nav-en f-en">ONAIR</span><span class="header__nav-ja">放送・配信情報</span>
99			</div>
100			<div class="header__nav-arrow"></div>
101		</a>
102	</li>
103	<li class="headerNavLists__item nav-intro">
104		<a href="#introduction" class="js-navlink navLink js-anchor js-navTop js-nav" data-nav="introduction" data-navid="#introduction">
105			<div class="header__nav">
106				<span class="header__nav-en f-en">INTRODUCTION</span><span class="header__nav-ja">イントロダクション</span>
107			</div>
108			<div class="header__nav-arrow"></div>
109		</a>
110	</li>
111	<li class="headerNavLists__item nav-castStaff">
112		<a href="#castStaff" class="js-navlink navLink js-anchor js-navTop js-nav" data-nav="castStaff" data-navid="#castStaff">
113			<div class="header__nav">
114				<span class="header__nav-en f-en">CAST&STAFF</span><span class="header__nav-ja">キャスト&スタッフ</span>
115			</div>
116			<div class="header__nav-arrow"></div>
117		</a>
118	</li>
119	<li class="headerNavLists__item nav-chara">
120		<a href="#character" class="js-navlink navLink js-anchor js-navTop js-nav" data-nav="character" data-navid="#character">
121			<div class="header__nav">
122				<span class="header__nav-en f-en">CHARACTER</span><span class="header__nav-ja">キャラクター</span>
123			</div>
124			<div class="header__nav-arrow"></div>
125		</a>
126	</li>
127	<li class="headerNavLists__item nav-special">
128		<a href="./special/" class="js-navlink navLink js-nav" data-nav="special" data-navid="#special">
129			<div class="header__nav">
130				<span class="header__nav-en f-en">SPECIAL</span><span class="header__nav-ja">スペシャル</span>
131			</div>
132			<div class="header__nav-arrow"></div>
133		</a>
134	</li>
135</ul>
136
137				</nav>
138				<div class="officialWrap sp js-shareLists">
139					<div class="official__tit f-en">OFFICIAL SNS</div>
140<ul class="official__lists">
141	<li class="official__item"><a href="https://x.com/ppp_anime_PR" class="official__link --official-x" target="_blank" rel="noopener noreferrer"><span class="hd">OFFICIAL X</span></a></li>
142	<li class="official__item"><a href="https://www.tiktok.com/@ppp_anime_PR" class="official__link --official-tiktok" target="_blank" rel="noopener noreferrer"><span class="hd">OFFICIAL TikTok</span></a></li>
143	<li class="official__item"><a href="https://www.instagram.com/ppp_anime_pr" class="official__link --official-insta" target="_blank" rel="noopener noreferrer"><span class="hd">OFFICIAL Youtube</span></a></li>
144</ul>
145
146				</div>
147			</div>
148		</div>
149		<div class="officialWrap pc js-shareLists">
150			<div class="official__tit f-en">OFFICIAL SNS</div>
151<ul class="official__lists">
152	<li class="official__item"><a href="https://x.com/ppp_anime_PR" class="official__link --official-x" target="_blank" rel="noopener noreferrer"><span class="hd">OFFICIAL X</span></a></li>
153	<li class="official__item"><a href="https://www.tiktok.com/@ppp_anime_PR" class="official__link --official-tiktok" target="_blank" rel="noopener noreferrer"><span class="hd">OFFICIAL TikTok</span></a></li>
154	<li class="official__item"><a href="https://www.instagram.com/ppp_anime_pr" class="official__link --official-insta" target="_blank" rel="noopener noreferrer"><span class="hd">OFFICIAL Youtube</span></a></li>
155</ul>
156
157		</div>
158	</div><!-- /.header__inner -->
159	<div class="header__navBtnWrap">
160		<a href="javascript:;" class="header__navBtn js-menu">
161			<div class="header__navBtn__lineWrap">
162				<span class="header__navBtn--line"></span>
163				<span class="header__navBtn--line"></span>
164				<span class="header__navBtn--line"></span>
165				<span class="header__navBtn--x --center"></span>
166				<span class="header__navBtn--x --lr"></span>
167			</div>
168		</a>
169	</div><!-- /.header__navBtn -->
170</header><!-- /.header -->
171
172
173	<main>
174		<section class="fv section" id="fv"> 
175			<div class="fv__stickyWrap --official">
176				<div class="fv__sticky">
177					<div class="officialWrap js-shareLists">
178						<div class="official__tit f-en">OFFICIAL SNS</div>
179<ul class="official__lists">
180	<li class="official__item"><a href="https://x.com/ppp_anime_PR" class="official__link --official-x" target="_blank" rel="noopener noreferrer"><span class="hd">OFFICIAL X</span></a></li>
181	<li class="official__item"><a href="https://www.tiktok.com/@ppp_anime_PR" class="official__link --official-tiktok" target="_blank" rel="noopener noreferrer"><span class="hd">OFFICIAL TikTok</span></a></li>
182	<li class="official__item"><a href="https://www.instagram.com/ppp_anime_pr" class="official__link --official-insta" target="_blank" rel="noopener noreferrer"><span class="hd">OFFICIAL Youtube</span></a></li>
183</ul>
184
185					</div>
186				</div>
187			</div>
188			<div class="fvWrap">
189				<div class="visualSwiper swiper js-visualSwiper">
190					<ul class="fv__visualLists swiper-wrapper">
191						<li class="fv__visualItem swiper-slide --vs2">
192							<p class="fv__visual">
193								<picture>
194									<source srcset="./assets/img/top/visual/visual2.webp" type="image/webp">
195									<img src="./assets/img/top/visual/visual2.jpg" alt="ティザービジュアル">
196								</picture>
197							</p>
198						</li>
199						<li class="fv__visualItem swiper-slide --vs1">
200							<p class="fv__visual">
201								<picture>
202									<source srcset="./assets/img/top/visual/visual.webp" type="image/webp">
203									<img src="./assets/img/top/visual/visual.jpg" alt="ティザービジュアル">
204								</picture>
205							</p>
206						</li>
207					</ul>
208				</div><!-- /.visualSwiper -->
209				<h1 class="fv__catch"><img src="./assets/img/top/fv_catch.svg" alt="2026年秋 放送スタート!"></h1>
210				<div class="fv__stickyWrap --change">
211					<div class="fv__sticky">
212						<ul class="fv__changeLists">
213							<li class="fv__changeItem --is-active">
214								<button class="fv__visualChange js-visualSelect" data-index="0">
215									<img src="./assets/img/top/visual/vs_btn2.png" alt="VISUAL1">
216								</button>
217							</li>
218							<li class="fv__changeItem">
219								<button class="fv__visualChange js-visualSelect" data-index="1">
220									<img src="./assets/img/top/visual/vs_btn1.png" alt="VISUAL2">
221								</button>
222							</li>
223						</ul><!-- /.fv__changeLists -->
224					</div>
225				</div>
226				<div class="fv__stickyWrap">
227					<div class="fv__sticky">
228						<div class="fv__movieArea">
229							<div class="movieAreaCont">
230								<div class="movieAreaContIn">
231									<button class="movieBtn js-youtubePlay" onclick="movieModal('05AmS7Nz8Og')" data-ytid="05AmS7Nz8Og">
232										<span class="movie__yt-play"><span class="hd">WATCH MOVIE</span></span>
233									</button>
234									<div class="fv__ytBg">
235										<div id="js-autoplay" class="fv__ytBg-player"></div>
236									</div>
237								</div>
238							</div>
239						</div><!-- /.fv__movieArea -->
240					</div>
241				</div>
242			</div>
243		</section><!-- /.fv -->
244
245		<section class="movie section js-scrani" id="movie">
246			<div class="movieWrap">
247				<h2 class="cont-tit">
248					<span class="cont-tit-en f-en --ty" data-text="MOVIE"><span class="js-txtSpan">MOVIE</span></span>
249					<span class="cont-tit-ja --by">映像</span>
250				</h2>
251				<div class="movieCont --by">
252					<div class="deco__crown js-animate" data-interval="6000" data-duration="4000"></div>
253					<div class="deco__bolt js-animate" data-interval="4000" data-duration="2000"></div>
254					<div class="deco__movieTv"></div>
255					<div class="movieSwiperWrap">
256						<div class="movieSwiper swiper js-movieSwiper">
257							<ul class="movie__lists swiper-wrapper">
258								<li class="movie__item swiper-slide">
259									<div class="movie__itemIn">
260										<button class="movieBtn js-youtubeThumb" onclick="movieModal('05AmS7Nz8Og')" data-ytid="05AmS7Nz8Og">
261											<span class="movie__yt-play"><span>本予告PV</span></span>
262										</button>
263									</div>
264								</li>
265							</ul>
266						</div>
267						<div class="swiper__arrowWrap movie__arrowWrap">
268							<div class="swiper__arrow --prev js-movieSwiper__prev"></div>
269							<div class="swiper__arrow --next js-movieSwiper__next"></div>
270						</div>
271						<ul class="swiper__pagerLists js-movieSwiper-pager"></ul>
272					</div>
273				</div>
274				<div class="movie__txtSlider --in"></div>
275			</div>
276			<div class="linkBtn --by">
277				<a href="./movie/" class="linkA f-en">
278					<span>MORE</span>
279					<div class="linkA__arrow"></div>
280				</a>
281			</div>
282			<div class="deco__chara1 js-animate --in"></div>
283			<div class="deco__chara2 js-animate --in"></div>
284		</section><!-- /.movie -->
285
286		<section class="news section js-scrani" id="news">
287			<div class="newsWrap">
288				<h2 class="cont-tit">
289					<span class="cont-tit-en f-en --ty" data-text="NEWS"><span class="js-txtSpan">NEWS</span></span>
290					<span class="cont-tit-ja --by">ニュース</span>
291				</h2>
292				<div class="newsCont swiper js-newsSwiper --by">
293					<ul class="news__lists swiper-wrapper" id="js-topicsLists"></ul>
294				</div>
295				<div class="linkBtn --by">
296					<a href="./news/" class="linkA f-en">
297						<span>MORE</span>
298						<div class="linkA__arrow"></div>
299					</a>
300				</div>
301				<div class="deco__chara3 js-animate --in"></div>
302			</div>
303			<div class="deco__chara4 js-animate --in"></div>
304			<div class="deco__chara5 js-animate --in"></div>
305			<div class="deco__chara6 js-animate --in"></div>
306		</section><!-- /.news -->
307
308		<section class="introduction section js-scrani" id="introduction">
309			<div class="intro__wave"></div>
310			<div class="introWrap">
311			<div class="deco__nui js-animate --in"></div>
312				<h2 class="cont-tit">
313					<span class="cont-tit-en f-en --ty" data-text="INTRODUCTION"><span class="js-txtSpan">INTRODUCTION</span></span>
314					<span class="cont-tit-ja --by">イントロダクション</span>
315				</h2>
316				<div class="introCont --in">
317					<p class="intro__txt --big" data-text="気鋭のミニチュアクリエイター・Mozuが贈る">気鋭のミニチュアクリエイター・Mozuが贈る</p>
318					<p class="intro__txt --big" data-text="「のぞきたくなる」ミニチュアアニメ!">「のぞきたくなる」ミニチュアアニメ! </p>
319					
320					<p class="intro__txt --mt">
321						日常に潜む「のぞきたくなる」世界が広がる<br class="sp">“ミニチュアアニメ”が制作決定!<br>
322						驚くほどリアルでどこか愛らしいミニチュアの世界が、<br class="pc">コマ撮りアニメになって動き出す!
323					</p>
324					<p class="intro__txt --mt">
325						監督を務めるのは、新進気鋭のミニチュアクリエイター、Mozu。<br class="pc">日常風景を再現した精緻なミニチュア作品がSNSで話題となり、<br class="pc">メディアでも大きな反響を呼びました。<br class="pc">また、学生時代に全て一人で制作したコマ撮りアニメ「故障中」が<br class="pc">アジア最大の映画祭「Digicon6」JAPAN Youth部門最優秀賞を受賞するなど、<br>
325国内外からの注目を集める作家です。
326					</p>
327					<p class="intro__txt --mt">
328						リモコンの位置が変わっている気がする、<br>
329						お菓子がいつの間にかなくなっている…?<br>
330						実は、やんちゃないたずらオバケの仕業かも…
331					</p>
332					<p class="intro__txt --mt">
333						これは、とある家の壁の中に暮らしている<br class="sp">小さなオバケの三兄弟、<br>ポップ・パップ・ポルタの<br>
334						くすっと笑えてちょっとふしぎな物語。
335					</p>
336					<div class="intro__txt-block">
337						<p class="intro__txt --big" data-text="2026年10月4日よりテレビ朝日「PicoAniTime」にて">
338							2026年10月4日よりテレビ朝日「PicoAniTime」にて
339						</p>
340						<p class="intro__txt --big" data-text="毎週日曜午前10時~放送スタート!">
341							毎週日曜午前10時~放送スタート!
342						</p>
343					</div>
344				</div>
345			</div>
346			<div class="intro__bg">
347				<div class="intro__bg-clip">
348					<div class="intro__bg-clip-in"></div>
349				</div>
350			</div>
351		</section><!-- /.introduction -->
352
353		<div class="imageSlideListsWrap">
354			<ul class="imageSlideLists js-imageSlide">
355				<li class="imageSlideItem"><img src="./assets/img/top/slider/slider01.jpg" alt="ミニチュアアニメ「ポップパップポルターズ」公式サイト"></li>
356				<li class="imageSlideItem"><img src="./assets/img/top/slider/slider02.jpg" alt="ミニチュアアニメ「ポップパップポルターズ」公式サイト"></li>
357				<li class="imageSlideItem"><img src="./assets/img/top/slider/slider03.jpg" alt="ミニチュアアニメ「ポップパップポルターズ」公式サイト"></li>
358				<li class="imageSlideItem"><img src="./assets/img/top/slider/slider04.jpg" alt="ミニチュアアニメ「ポップパップポルターズ」公式サイト"></li>
359			</ul>
360		</div><!-- /.imageSlideListsWrap -->
361
362		<section class="castStaff section js-scrani js-animate" id="castStaff">
363			<div class="castStaffWrap">
364				<h2 class="cont-tit">
365					<span class="cont-tit-en f-en --ty" data-text="CAST&STAFF"><span class="js-txtSpan">CAST&STAFF</span></span>
366					<span class="cont-tit-ja --by">キャスト&スタッフ</span>
367				</h2>
368				<div class="castStaffCont">
369					<div class="castStaffBox --by" id="staff">
370						<h3 class="castStaffBox-tit f-en"><span>CAST</span></h3>
371						<dl class="castStaff__lists">
372							<div class="castStaff__item">
373								<dt class="castStaff__item-dt js-txtSpan">ポップ・パップ・ポルタ</dt>
374								<dd class="castStaff__item-dd js-txtSpan">種﨑敦美</dd>
375								<dd class="castStaff__item-dd --comment">
376									<a href="javascript:commentModal('cast1');" class="commentLink"><span class="hd">COMMENT</span></a>
377								</dd>
378							</div>
379							<div class="castStaff__item">
380								<dt class="castStaff__item-dt js-txtSpan">家主</dt>
381								<dd class="castStaff__item-dd js-txtSpan">Mozu(演)</dd>
382								<dd class="castStaff__item-dd">
383									<span class="js-txtSpan">榎木淳弥(声の出演)</span>
384									<a href="javascript:commentModal('cast2');" class="commentLink"><span class="hd">COMMENT</span></a>
385								</dd>
386							</div>
387							
388						</dl>
389					</div><!-- /.castStaffBox -->
390					<div class="castStaffBox --by" id="staff">
391						<h3 class="castStaffBox-tit f-en"><span>STAFF</span></h3>
392						<dl class="castStaff__lists">
393							<div class="castStaff__item">
394								<dt class="castStaff__item-dt js-txtSpan">原作・</dt>
395								<dt class="castStaff__item-dt js-txtSpan">アニメーション制作</dt>
396								<dd class="castStaff__item-dd js-txtSpan">MOZU&nbsp;STUDIOS</dd>
397							</div>
398							<div class="castStaff__item">
399								<dt class="castStaff__item-dt js-txtSpan">監督・</dt>
400								<dt class="castStaff__item-dt js-txtSpan">ミニチュア制作</dt>
401								<dd class="castStaff__item-dd js-txtSpan">Mozu</dd>
402								 <dd class="castStaff__item-dd --comment">
403									<a href="javascript:commentModal('staff1');" class="commentLink"><span class="hd">COMMENT</span></a>
404								</dd>
405							</div>
406							<div class="castStaff__item">
407								<dt class="castStaff__item-dt js-txtSpan">脚本</dt>
408								<dd class="castStaff__item-dd js-txtSpan">Mozu / Yuuka</dd>
409							</div>
410							<div class="castStaff__item">
411								<dt class="castStaff__item-dt js-txtSpan">アートディレクター・</dt>
412								<dt class="castStaff__item-dt js-txtSpan">キャラクターデザイン</dt>
413								<dd class="castStaff__item-dd js-txtSpan">Yuuka</dd>
414							</div>
415							<div class="castStaff__item">
416								<dt class="castStaff__item-dt js-txtSpan">キャラクター立体造形</dt>
417								<dd class="castStaff__item-dd js-txtSpan">吉井 宏</dd>
418							</div>
419							<div class="castStaff__item">
420								<dt class="castStaff__item-dt js-txtSpan">撮影</dt>
421								<dd class="castStaff__item-dd js-txtSpan">根岸祐太</dd>
422							</div>
423							<div class="castStaff__item">
424								<dt class="castStaff__item-dt js-txtSpan">音響監督</dt>
425								<dd class="castStaff__item-dd js-txtSpan">小沼則義</dd>
426							</div>
427							<div class="castStaff__item">
428								<dt class="castStaff__item-dt js-txtSpan">音楽</dt>
429								<dd class="castStaff__item-dd js-txtSpan">スキャット後藤</dd>
430							</div>				
431							<div class="castStaff__item">
432								<dt class="castStaff__item-dt js-txtSpan">企画制作</dt>
433								<dd class="castStaff__item-dd js-txtSpan">シンエイ動画</dd>
434							</div>
435						</dl>
436					</div><!-- /.castStaffBox -->
437				</div>
438			</div>
439			<div class="deco__chara7 js-animate --in"></div>
440			<div class="deco__chara8 --in"></div>
441		</section><!-- /.castStaff -->
442
443		<section class="section character js-scrani" id="character">
444			<div class="charaWrap">
445				<h2 class="cont-tit">
446					<span class="cont-tit-en f-en --ty" data-text="CHARACTER"><span class="js-txtSpan">CHARACTER</span></span>
447					<span class="cont-tit-ja --by">キャラクター</span>
448				</h2>
449				<div class="charaCont --by">
450					<ul class="chara__lists">
451						<li class="chara__item --chara1">
452							<a href="javascript:charaModal('chara1')" class="chara__link">
453								<p class="chara__img"><img src="./assets/img/character/main/chara1.png" alt="ポップ"></p>
454								<div class="chara__nameWrap">
455									<h3 class="chara__name"><span class="hd">ポップ</span></h3>
456									<div class="chara__moreWrap">
457										<span class="chara__more-glass"></span>
458										<span class="chara__more-txt"></span>
459										<span class="chara__more-img"></span>
460									</div>
461								</div>
462							</a>
463						</li>
464						<li class="chara__item --chara2">
465							<a href="javascript:charaModal('chara2')" class="chara__link">
466								<p class="chara__img"><img src="./assets/img/character/main/chara2.png" alt="パップ"></p>
467								<div class="chara__nameWrap">
468									<h3 class="chara__name"><span class="hd">パップ</span></h3>
469									<div class="chara__moreWrap">
470										<span class="chara__more-glass"></span>
471										<span class="chara__more-txt"></span>
472										<span class="chara__more-img"></span>
473									</div>
474								</div>
475							</a>
476						</li>
477						<li class="chara__item --chara3">
478							<a href="javascript:charaModal('chara3')" class="chara__link">
479								<p class="chara__img"><img src="./assets/img/character/main/chara3.png" alt="ポルタ"></p>
480								<div class="chara__nameWrap">
481									<h3 class="chara__name"><span class="hd">ポルタ</span></h3>
482									<div class="chara__moreWrap">
483										<span class="chara__more-glass"></span>
484										<span class="chara__more-txt"></span>
485										<span class="chara__more-img"></span>
486									</div>
487								</div>
488							</a>
489						</li>
490					</ul>
491				</div><!-- /.charaCont -->
492				<div class="deco__flower1 js-animate"></div>
493				<div class="deco__flower2 js-animate"></div>
494				<div class="deco__flower3 js-animate"></div>
495				<div class="deco__flower4 js-animate"></div>
496				<div class="deco__ladybug js-animate --in"></div>
497			</div>
498			<div class="deco__wave-t js-animate"></div>
499			<div class="chara__bottomBg"></div>
500			<div class="deco__charaWrap">
501				<div class="deco__chara9 js-animate --in"></div>
502				<div class="deco__chara10 js-animate --in"></div>
503				<div class="deco__chara11 js-animate --in"></div>
504			</div>
505		</section><!-- /.character -->
506	</main>
507
508	<footer class="footer js-footer">
509	<div class="footer__horn sp"></div>
510	<div class="footerWrap">
511		<div class="footerCont">
512			<div class="footer__l pc">
513				<div class="footer__logo"><a href="./" class="footer__logoLink ah"><span class="hd">ポップパップポルターズ</span></a></div>
514				<p class="footer__img"><img src="./assets/img/common/deco/deco_footerImg.png" alt=""></p>
515			</div>
516			<div class="footer__r">
517				<div class="footer__navWrap">
518					<ul class="footer__navLists">
519						<li class="footer__navItem nav-top">
520							<a href="./" class="footer__navLink">
521								<div class="footer__nav">
522									<span class="footer__nav-en f-en">TOP</span><span class="footer__nav-ja">トップ</span>
523								</div>
524								<div class="footer__nav-arrow sp"></div>
525							</a>
526						</li>
527						<li class="footer__navItem nav-movie">
528							<a href="./movie/" class="footer__navLink">
529								<div class="footer__nav">
530									<span class="footer__nav-en f-en">MOVIE</span><span class="footer__nav-ja">映像</span>
531								</div>
532								<div class="footer__nav-arrow sp"></div>
533							</a>
534						</li>
535						<li class="footer__navItem nav-news">
536							<a href="./news/" class="footer__navLink">
537								<div class="footer__nav">
538									<span class="footer__nav-en f-en">NEWS</span><span class="footer__nav-ja">ニュース</span>
539								</div>
540								<div class="footer__nav-arrow sp"></div>
541							</a>
542						</li>
543						<li class="footer__navItem nav-onair">
544							<a href="./onair/" class="footer__navLink">
545								<div class="footer__nav">
546									<span class="footer__nav-en f-en">ONAIR</span><span class="footer__nav-ja">放送・配信情報</span>
547								</div>
548								<div class="footer__nav-arrow sp"></div>
549							</a>
550						</li>
551						<li class="footer__navItem nav-intro">
552							<a href="#introduction" class="footer__navLink js-anchor js-navTop">
553								<div class="footer__nav">
554									<span class="footer__nav-en f-en">INTRODUCTION</span><span class="footer__nav-ja">イントロダクション</span>
555								</div>
556								<div class="footer__nav-arrow sp"></div>
557							</a>
558						</li>
559						<li class="footer__navItem nav-castStaff">
560							<a href="#castStaff" class="footer__navLink js-anchor js-navTop">
561								<div class="footer__nav">
562									<span class="footer__nav-en f-en">CAST&STAFF</span><span class="footer__nav-ja">キャスト&スタッフ</span>
563								</div>
564								<div class="footer__nav-arrow sp"></div>
565							</a>
566						</li>
567						<li class="footer__navItem nav-chara">
568							<a href="#character" class="footer__navLink js-anchor js-navTop">
569								<div class="footer__nav">
570									<span class="footer__nav-en f-en">CHARACTER</span><span class="footer__nav-ja">キャラクター</span>
571								</div>
572								<div class="footer__nav-arrow sp"></div>
573							</a>
574						</li>
575						<li class="footer__navItem nav-special">
576							<a href="./special/" class="footer__navLink">
577								<div class="footer__nav">
578									<span class="footer__nav-en f-en">SPECIAL</span><span class="footer__nav-ja">スペシャル</span>
579								</div>
580								<div class="footer__nav-arrow sp"></div>
581							</a>
582						</li>
583					</ul>
584				</div><!-- /.footer__navWrap -->
585				<div class="officialWrap js-shareLists">
586					<div class="official__tit f-en">OFFICIAL SNS</div>
587<ul class="official__lists">
588	<li class="official__item"><a href="https://x.com/ppp_anime_PR" class="official__link --official-x" target="_blank" rel="noopener noreferrer"><span class="hd">OFFICIAL X</span></a></li>
589	<li class="official__item"><a href="https://www.tiktok.com/@ppp_anime_PR" class="official__link --official-tiktok" target="_blank" rel="noopener noreferrer"><span class="hd">OFFICIAL TikTok</span></a></li>
590	<li class="official__item"><a href="https://www.instagram.com/ppp_anime_pr" class="official__link --official-insta" target="_blank" rel="noopener noreferrer"><span class="hd">OFFICIAL Youtube</span></a></li>
591</ul>
592
593				</div>
594			</div>
595		</div>
596		<div class="scroll-top">
597			<a href="#top" class="scroll-topLink js-anchor">
598				<span class="scroll-topTxt f-en">TOP</span>
599				<span class="scroll-topRing"></span>
600				<span class="scroll-topBg"></span>
601				<span class="scroll-topArrow"></span>
602			</a>
603		</div>
604		<div class="footer__cookieWrap">
605			<ul class="footer__cookieLists">
606				<li class="footer__cookie"><a href="https://www.toho.co.jp/company/privacy-policy" class="ah" target="_blank" rel="noopener noreferrer">個人情報保護ポリシー</a></li>
607				<li class="footer__cookie"><a href="https://www.toho.co.jp/company/cookie-policy" class="ah" target="_blank" rel="noopener noreferrer">クッキーポリシー</a></li>
608			</ul>
609			<p class="copyright">&copy;MOZU STUDIOS・シンエイ/ポップパップポルターズ</p>
610		</div>
611	</div>
612</footer>
613
614
615</div>
616<!-- END #fullWrap -->
617
618<!-- BEGIN #js-commentModal -->
619<div id="js-commentModal" class="modalBox commentModal">
620	<div class="closeBtn">
621		<a href="javascript:;" class="js-commentModal-close ah">
622			<div class="closeBtn__line">
623				<span></span>
624				<span></span>
625			</div>
626		</a>
627	</div>
628	<div class="oneModal is-show">
629		<div class="oneModalIn js-commentModalIn">
630			<div class="oneModalIn__cont js-commentModalIn__cont"></div>
631		</div><!-- /.oneModalIn -->
632	</div>
633</div>
634<!-- END #js-commentModal -->
635
636<!-- BEGIN #js-charaModal -->
637<div id="js-charaModal" class="modalBox charaModal">
638	<div class="closeBtn">
639		<a href="javascript:;" class="js-charaModal-close ah">
640			<div class="closeBtn__line">
641				<span></span>
642				<span></span>
643			</div>
644		</a>
645	</div>
646	<div class="oneModal is-show">
647		<div class="oneModalIn js-charaModalIn">
648			<div class="oneModalIn__cont js-charaModalIn__cont"></div>
649		</div><!-- /.oneModalIn -->
650	</div>
651</div>
652<!-- END #js-charaModal -->お
653
654<!-- BEGIN #js-youtubeModal -->
655<div id="js-youtubeModal" class="modalBox youtubeModal">
656	<div class="closeBtn">
657		<a href="javascript:;" class="js-youtubeModal-close ah">
658			<div class="closeBtn__line">
659				<span></span>
660				<span></span>
661			</div>
662		</a>
663	</div>
664	<div class="oneModal is-show">
665		<div class="oneModalIn js-youtubeModalIn">
666			<div class="youtubeIframeWrap js-youtubeModalIn__cont">
667				<iframe class="youtubeIframe commonIframe js-youtubeIframe" src="" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
668			</div>
669		</div><!-- /.oneModalIn -->
670	</div>
671</div>
672<!-- END #js-youtubeModal -->
673
674<script>
675	let _default_ytid = '05AmS7Nz8Og';
676</script>
vendor: 1 bytes, line 676
676
677<script src="./assets/js/libs/swiper-bundle.min.-v8.js"></script>
vendor: 1 bytes, line 677
677
678<script src="./assets/js/libs/infiniteslidev2.min.js"></script>
vendor: 1 bytes, line 678
678
679<script src="./assets/js/jquery.common.js"></script>
vendor: 1 bytes, line 679
679
680<script src="./assets/js/jquery.top.js"></script>
vendor: 1 bytes, line 680
680
681<script src="./assets/js/module/news.js"></script>
681
682
683<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"2c6271898e3f49eb84178fce2f1b994d","r":1,"spa":2}' crossorigin="anonymous"></script>
683
684</body>
685</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.