PageSourceSearch

https://banseigai.com/music/op.html

html banseigai.com collected 2026-10-02 11:36:21 UTC 20,997 bytes, 405 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: 331 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-TPWGNXR
vendor: 3 bytes, line 9
9');
9</script>
9
10<!-- End Google Tag Manager -->
11  <meta charset="UTF-8">
12  
13<meta name="viewport" content="width=device-width">
14<meta name="robots" content="ALL"><!-- noindex,nofollow -->
15<!--[if IE]>
16<meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
17
18<title>MUSIC | TVアニメ「万聖街」公式サイト</title>
19
20        <meta name="description" content="「万聖街」2022年11月11日(金)より放送開始!『これは、あくまで何気ない日常のお話』">
21        <meta property="og:url" content="https://banseigai.com/">
22        <meta property="og:title" content="TVアニメ「万聖街」公式サイト">
23        <meta property="og:description" content="「万聖街」2022年11月11日(金)より放送開始!『これは、あくまで何気ない日常のお話』">
24        <meta property="og:type" content="website">
25        <meta property="og:image" content="https://banseigai.com/ogp.png">
26        <meta property="og:site:name" content="TVアニメ「万聖街」公式サイト">
27        <meta property="og:locale" content="ja_JP">
28        <meta name="twitter:card" content="summary_large_image">
29        <meta name="twitter:image" content="https://banseigai.com/ogp.png">
30  <meta name="author" content="Aniplex Inc.">
31
32<meta name="theme-color" content="#ffffff">
33<meta name="apple-mobile-web-app-status-bar-style" content="black">
34<meta name="apple-mobile-web-app-capable" content="no">
35<meta name="mobile-web-app-capable" content="no">
36<link rel="canonical" href="https://banseigai.com/">
37<link rel="icon" type="image/x-icon" href="/favicon.ico">
38<link rel="icon" type="image/png" href="/apple-touch-icon.png">
39<link rel="apple-touch-icon" href="/apple-touch-icon.png">  <link rel="preconnect" href="https://fonts.googleapis.com">
40<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
41<link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
42<link rel="stylesheet" href="/assets/css/banseigai.css">  <link rel="stylesheet" href="/assets/css/banseigai.music.css">
43</head>
44<body>
45<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 45-46
45
46<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
46GTM-TPWGNXR
vendor: 85 bytes, lines 46-47
46"
47height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
48<!-- End Google Tag Manager (noscript) -->
49<div class="l-wrap js-wrap">
50  <div class="l-wrap__bg js-bg"></div>
51<div class="l-wrap__cover">
52  <div class="p-deco js-deco">
53    <div class="p-deco__item -item1 js-deco-item">
54      <figure class="p-deco__img"><img src="/assets/img/common/deco/deco_01.png" alt=""></figure>
55    </div>
56    <div class="p-deco__item -item2 js-deco-item">
57      <figure class="p-deco__img"><img src="/assets/img/common/deco/deco_02.png" alt=""></figure>
58    </div>
59    <div class="p-deco__item -item3 js-deco-item">
60      <figure class="p-deco__img"><img src="/assets/img/common/deco/deco_03.png" alt=""></figure>
61    </div>
62    <div class="p-deco__item -item4 js-deco-item">
63      <figure class="p-deco__img"><img src="/assets/img/common/deco/deco_04.png" alt=""></figure>
64    </div>
65    <div class="p-deco__item -item5 js-deco-item">
66      <figure class="p-deco__img"><img src="/assets/img/common/deco/deco_05.png" alt=""></figure>
67    </div>
68    <div class="p-deco__item -item6 js-deco-item">
69      <figure class="p-deco__img"><img src="/assets/img/common/deco/deco_06.png" alt=""></figure>
70    </div>
71    <div class="p-deco__item -item7 js-deco-item">
72      <figure class="p-deco__img"><img src="/assets/img/common/deco/deco_07.png" alt=""></figure>
73    </div>
74    <div class="p-deco__item -item8 js-deco-item">
75      <figure class="p-deco__img"><img src="/assets/img/common/deco/deco_08.png" alt=""></figure>
76    </div>
77    <div class="p-deco__item -item9 js-deco-item">
78      <figure class="p-deco__img"><img src="/assets/img/common/deco/deco_09.png" alt=""></figure>
79    </div>
80    <div class="p-deco__item -item10 js-deco-item">
81      <figure class="p-deco__img"><img src="/assets/img/common/deco/deco_10.png" alt=""></figure>
82    </div>
83    <div class="p-deco__item -item11 js-deco-item">
84      <figure class="p-deco__img"><img src="/assets/img/common/deco/deco_11.png" alt=""></figure>
85    </div>
86    <div class="p-deco__item -item12 js-deco-item">
87      <figure class="p-deco__img"><img src="/assets/img/common/deco/deco_12.png" alt=""></figure>
88    </div>
89    <div class="p-deco__item -item13 js-deco-item">
90      <figure class="p-deco__img"><img src="/assets/img/common/deco/deco_13.png" alt=""></figure>
91    </div>
92    <div class="p-deco__item -item14 js-deco-item">
93      <figure class="p-deco__img"><img src="/assets/img/common/deco/deco_14.png" alt=""></figure>
94    </div>
95    <div class="p-deco__item -item15 js-deco-item">
96      <figure class="p-deco__img"><img src="/assets/img/common/deco/deco_15.png" alt=""></figure>
97    </div>
98    <div class="p-deco__item -item16 js-deco-item">
99      <figure class="p-deco__img"><img src="/assets/img/common/deco/deco_16.png" alt=""></figure>
100    </div>
101    <div class="p-deco__item -item17 js-deco-item">
102      <figure class="p-deco__img"><img src="/assets/img/common/deco/deco_17.png" alt=""></figure>
103    </div>
104  </div>
105</div>
106<div class="l-wrap__loader"></div>  <div class="l-wrap__container">
107    <div class="l-wrap__inner">
108
109            <nav class="l-nav">
110  <div class="l-nav__container">
111    <div class="l-nav__inner">
112      <ul class="l-nav__list">
113        <li class="l-nav__list-item">
114          <a href="/"  class="l-nav__link js-menu-close">
115            <div class="l-nav__link-base">
116              <picture>
117                <source srcset="/assets/img/common/menu_btn_bg_sp.png" media="(max-width: 960px)">
118                <img src="/assets/img/common/menu_btn_bg_pc.png" alt="">
119              </picture>
120            </div>
121            <div class="l-nav__link-text">TOP</div>
122          </a>
123        </li>
124        <li class="l-nav__list-item">
125          <a href="/news/" class="l-nav__link js-menu-close">
126            <div class="l-nav__link-base">
127              <picture>
128                <source srcset="/assets/img/common/menu_btn_bg_sp.png" media="(max-width: 960px)">
129                <img src="/assets/img/common/menu_btn_bg_pc.png" alt="">
130              </picture>
131            </div>
132            <div class="l-nav__link-text">NEWS</div>
133          </a>
134        </li>
135        <li class="l-nav__list-item">
136          <a href="/#onair"  class="l-nav__link js-menu-close">
137            <div class="l-nav__link-base">
138              <picture>
139                <source srcset="/assets/img/common/menu_btn_bg_sp.png" media="(max-width: 960px)">
140                <img src="/assets/img/common/menu_btn_bg_pc.png" alt="">
141              </picture>
142            </div>
143            <div class="l-nav__link-text">ONAIR</div>
144          </a>
145        </li>
146        <li class="l-nav__list-item">
147          <a href="/#introduction"  class="l-nav__link js-menu-close">
148            <div class="l-nav__link-base">
149              <picture>
150                <source srcset="/assets/img/common/menu_btn_bg_sp.png" media="(max-width: 960px)">
151                <img src="/assets/img/common/menu_btn_bg_pc.png" alt="">
152              </picture>
153            </div>
154            <div class="l-nav__link-text">INTRODUCTION</div>
155          </a>
156        </li>
157        <li class="l-nav__list-item">
158          <a href="/#story"  class="l-nav__link js-menu-close">
159            <div class="l-nav__link-base">
160              <picture>
161                <source srcset="/assets/img/common/menu_btn_bg_sp.png" media="(max-width: 960px)">
162                <img src="/assets/img/common/menu_btn_bg_pc.png" alt="">
163              </picture>
164            </div>
165            <div class="l-nav__link-text">STORY</div>
166          </a>
167        </li>
168        <li class="l-nav__list-item">
169          <a href="/#staff_cast"  class="l-nav__link js-menu-close">
170            <div class="l-nav__link-base">
171              <picture>
172                <source srcset="/assets/img/common/menu_btn_bg_sp.png" media="(max-width: 960px)">
173                <img src="/assets/img/common/menu_btn_bg_pc.png" alt="">
174              </picture>
175            </div>
176            <div class="l-nav__link-text">STAFF&CAST</div>
177          </a>
178        </li>
179        <li class="l-nav__list-item">
180          <a href="/#music"  class="l-nav__link js-menu-close">
181            <div class="l-nav__link-base">
182              <picture>
183                <source srcset="/assets/img/common/menu_btn_bg_sp.png" media="(max-width: 960px)">
184                <img src="/assets/img/common/menu_btn_bg_pc.png" alt="">
185              </picture>
186            </div>
187            <div class="l-nav__link-text">MUSIC</div>
188          </a>
189        </li>
190        <li class="l-nav__list-item">
191          <a href="/#character"  class="l-nav__link js-menu-close">
192            <div class="l-nav__link-base">
193              <picture>
194                <source srcset="/assets/img/common/menu_btn_bg_sp.png" media="(max-width: 960px)">
195                <img src="/assets/img/common/menu_btn_bg_pc.png" alt="">
196              </picture>
197            </div>
198            <div class="l-nav__link-text">CHARACTER</div>
199          </a>
200        </li>
201        <li class="l-nav__list-item">
202          <a href="/#movie"  class="l-nav__link js-menu-close">
203            <div class="l-nav__link-base">
204              <picture>
205                <source srcset="/assets/img/common/menu_btn_bg_sp.png" media="(max-width: 960px)">
206                <img src="/assets/img/common/menu_btn_bg_pc.png" alt="">
207              </picture>
208            </div>
209            <div class="l-nav__link-text">MOVIE</div>
210          </a>
211        </li>
212        <li class="l-nav__list-item">
213          <a href="/#bddvd"  class="l-nav__link js-menu-close">
214            <div class="l-nav__link-base">
215              <picture>
216                <source srcset="/assets/img/common/menu_btn_bg_sp.png" media="(max-width: 960px)">
217                <img src="/assets/img/common/menu_btn_bg_pc.png" alt="">
218              </picture>
219            </div>
220            <div class="l-nav__link-text">Blu-ray&DVD</div>
221          </a>
222        </li>
223        <li class="l-nav__list-item">
224          <a href="/#special"  class="l-nav__link js-menu-close">
225            <div class="l-nav__link-base">
226              <picture>
227                <source srcset="/assets/img/common/menu_btn_bg_sp.png" media="(max-width: 960px)">
228                <img src="/assets/img/common/menu_btn_bg_pc.png" alt="">
229              </picture>
230            </div>
231            <div class="l-nav__link-text">SPECIAL</div>
232          </a>
233        </li>
234        
235         <li class="l-nav__list-item">
236          <a href="/radio" class="l-nav__link js-menu-close">
237            <div class="l-nav__link-base">
238              <picture>
239                <source srcset="/assets/img/common/menu_btn_bg_sp.png" media="(max-width: 960px)">
240                <img src="/assets/img/common/menu_btn_bg_pc.png" alt="">
241              </picture>
242            </div>
243            <div class="l-nav__link-text">RADIO</div>
244          </a>
245        </li>
246        
247        <li class="l-nav__list-item">
248          <a href="https://twitter.com/banseigai" target="_blank" class="l-nav__link -tw js-menu-close" rel="noopener noreferrer">
249            <div class="l-nav__link-base">
250              <picture>
251                <source srcset="/assets/img/common/menu_btn-tw_bg_sp.png" media="(max-width: 960px)">
252                <img src="/assets/img/common/menu_btn-tw_bg_pc.png" alt="">
253              </picture>
254            </div>
255            <div class="l-nav__link-text">Twitter</div>
256          </a>
257        </li>
258      </ul>
259    </div>
260  </div>
261</nav>
262
263<div class="p-menu js-menu">
264  <div class="p-menu__btn -open">
265    <img src="/assets/img/common/menu_open.png" alt="">
266  </div>
267  <div class="p-menu__btn -close">
268    <img src="/assets/img/common/menu_close.png" alt="">
269  </div>
270</div>      
271            <main class="l-main">
272
273        <div class="l-in">
274          <div class="l-in__container">
275            <div class="l-in__header">
276              <div class="l-in__brand"><a href="/" class="l-in__brand-link"><img src="/assets/img/common/logo.png" alt=""></a></div>
277              <h2 class="l-in__title"><span class="l-in__title-text">
278                <span class="l-in__title-word" data-text=""></span><span class="l-in__title-word" data-text="M">M</span><span class="l-in__title-word" data-text="U">U</span><span class="l-in__title-word" data-text="S">S</span><span class="l-in__title-word" data-text="I">I</span><span class="l-in__title-word" data-text="C">C</span><span class="l-in__title-word" data-text=""></span>              </span></h2>
279            </div>
280
281            <div class="l-in__inner">
282              
283                             <div class="p-in-music">
284                 <div class="p-in-music__inner">
285                   
286                   <ul class="p-in-music_tab">
287                     <li class="current"><p>オープニング</p><a href="op.html"></a></li>
288                     <li><p>エンディング</p><a href="ed.html"></a></li>
289                   </ul>
290                   
291                   <div class="p-in-music_ttl">さとうささら すずきつづみ(CeVIO AI)<br>「万聖街(日本語歌唱版)」</div>
292                   <div class="p-in-music_artist">作詞:Yamachang<br>作曲・編曲:大河内航太<br>調声:ねじ式</div>
293                   
294                   <div class="p-in-music_artist_img"><figure><img src="../assets/img/music/op_artist.jpg" alt="artist"></figure></div>
295                   
296                   <dl class="p-in-music_profile">
297                     <dt>さとうささら プロフィール</dt>
298                     <dd>
299                       アニメやゲームが好きな、ごくごく普通の16歳の女の子。<br>
300                       明るく前向き、ちょっと天然。本気なのかフリなのか分からないボケをかましては手痛いツッコミを頂戴している。<br>
301                       真面目に頑張っていたり、いじられすぎてたまに拗ねたりする。<br>
302                       応援してくれる人たちのために、今日も精一杯頑張る。
303                     </dd>
304                   </dl>
305                   <dl class="p-in-music_profile">
306                     <dt>すずきつづみ プロフィール</dt>
307                     <dd>
308                       ショートカットが似合う、ちょっとすました17歳の女の子。<br>
309                       お喋りではないが、好きなものの話になると少しテンションが上がる。<br>
310                       漫画よりも小説が好きな文学少女。<br>
311                       「さとうささら」と仲が良いが、趣味の方向性は少し違う。<br>
312                       何でもそつなくこなす、頼れるお姉さん。
313                     </dd>
314                   </dl>
315                   <dl class="p-in-music_comment">
316                     <dt>
316『CeVIO AI』について</dt>
317                     <dd>
318                       最新のAI技術により、声質・癖・歌い方・話し方を高精度に再現する新世代の音声創作ソフトウェア。<br>
319                       人間の歌声をリアルに再現するだけでなく、使いやすいGUIにより、ピッチパターンやタイミング等を自在に編集することが可能で、創作の可能性を大きく広げます。
320                     </dd>
321                   </dl>
322                   <dl class="p-in-music_comment">
323                     <dt>CeVIOプロジェクトについて</dt>
324                     <dd>
325                       有限会社アップ・フィールド、株式会社ソニー・ミュージックエンタテインメント、株式会社テクノスピーチ、株式会社ブイシンク、株式会社フロンティアワークス(五十音順)による共同プロジェクト。<br>
326                       UGC(User Generated Contents、ユーザー生成コンテンツ)を支援し、新しいエンターテインメントを創出するために生まれました。<br>
327                       CeVIOプロジェクト公式HP:<a href="https://cevio.jp" target="_blank" rel="noopener noreferrer">https://cevio.jp</a>
328                     </dd>
329                   </dl>
330                 
331                 </div>
332               </div>
333                            
334            </div>
335          </div>
336        </div>
337
338      </main>
339      
340            <footer class="l-footer">
341  <div class="l-footer__container">
342    <div class="l-footer__change js-change">
343      <div class="l-footer__change-img">
344        <picture>
345          <source srcset="/assets/img/common/change_btn_sp.png" media="(max-width: 960px)">
346          <img src="/assets/img/common/change_btn_pc_01.png" alt="">
347        </picture>
348      </div>
349    </div>
350    
351    <div class="l-footer__share">
352      <div class="l-footer_share">
353        <div class="l-footer_share__inner">
354          <ul class="l-footer_share__list">
355            <li class="l-footer_share__list-item">
356              <a href="https://twitter.com/intent/tweet?text=%E3%80%8C%E4%B8%87%E8%81%96%E8%A1%97%E3%80%8D2022%E5%B9%B4%E7%A7%8B%E6%94%BE%E9%80%81%E9%96%8B%E5%A7%8B%EF%BC%81%0A%E3%80%8E%E3%81%93%E3%82%8C%E3%81%AF%E3%80%81%E3%81%82%E3%81%8F%E3%81%BE%E3%81%A7%E4%BD%95%E6%B0%97%E3%81%AA%E3%81%84%E6%97%A5%E5%B8%B8%E3%81%AE%E3%81%8A%E8%A9%B1%E3%80%8F%0Ahttps%3A%2F%2Fbanseigai.com%2F" target="_blank" class="l-footer_share__link" rel="noopener noreferrer">
357                <figure class="l-footer_share__link-img"><img src="/assets/img/common/share_tw.png" alt="Twitterでシェア"></figure>
358              </a>
359            </li>
360            <li class="l-footer_share__list-item">
361              <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fbanseigai.com%2F" target="_blank" class="l-footer_share__link" rel="noopener noreferrer">
362                <figure class="l-footer_share__link-img"><img src="/assets/img/common/share_fb.png" alt="facebookでシェア"></figure>
363              </a>
364            </li>
365            <li class="l-footer_share__list-item">
366              <a href="https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fbanseigai.com%2F" target="_blank" class="l-footer_share__link" rel="noopener noreferrer">
367                <figure class="l-footer_share__link-img"><img src="/assets/img/common/share_line.png" alt="LINEでシェア"></figure>
368              </a>
369            </li>
370          </ul>
371        </div>
372      </div>
373    </div>
374
375    <div class="l-footer__link">
376      <div class="l-footer_link">
377        <ul class="l-footer_link__list">
378          <li class="l-footer_link__list-item"><a class="l-footer_link__text" href="https://www.aniplex.co.jp/support/user.html" target="_blank" rel="noopener noreferrer">CONTACT</a></li>
379          <li class="l-footer_link__list-item"><a class="l-footer_link__text" href="https://www.aniplex.co.jp/help/privacy.html" target="_blank" rel="noopener noreferrer">PRIVACY POLICY</a></li>
380          <li class="l-footer_link__list-item"><a class="l-footer_link__text" href="https://www.aniplex.co.jp/" target="_blank" rel="noopener noreferrer">ANIPLEX</a></li>
381        </ul>
382      </div>
383    </div>
384    <div class="l-footer__legal">
385      <div class="l-footer__legal-text">このホームページに掲載されている<br class="is-sp">著作物の無断利用を禁じます。</div>
386      <div class="l-footer__legal-copy">&copy;FENZ, Inc. / Tencent / TIANWEN KADOKAWA</div>
387    </div>
388  </div>
389</footer>          </div>
390
391  </div>
392</div>
393<script src="https://www.aniplex.co.jp/js/aniplex.imgdownload.min.js"></script>
vendor: 1 bytes, line 393
393
394<script async src="//www.youtube.com/iframe_api"></script>
394
395
396<script src="//code.jquery.com/jquery-3.6.0.min.js"></script>
vendor: 1 bytes, line 396
396
397<script>window.jQuery || document.write('
397<script src="/assets/js/vender/jquery-3.6.0.min.js"><\/script>');</script>
vendor: 1 bytes, line 397
397
398<script src="/assets/js/vender/jquery.easing.1.3.js"></script>
vendor: 1 bytes, line 398
398
399<script src="/assets/js/vender/swiper.min.js"></script>
vendor: 1 bytes, line 399
399
400<script src="/assets/js/vender/js-scroll-effect-module.js"></script>
vendor: 1 bytes, line 400
400
401<script src="/assets/js/vender/js-random-module.js"></script>
vendor: 1 bytes, line 401
401
402<script src="/assets/js/vender/js-modal-module.js"></script>
402
403
404<script src="/assets/js/banseigai.js"></script>
404</body>
405</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.