PageSourceSearch

http://www.onkio.co.jp/

html onkio.co.jp collected 2026-10-04 11:21:16 UTC 85,634 bytes, 1,246 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# website: http://ogp.me/ns/websaite#">
4
5
6    <meta charset="utf-8">
7    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0" />
9    <meta property="og:title" content="音響ハウス【ONKIO HAUS】| レコーディングスタジオ・ポストプロダクション・テレビCMオンライン送稿サービス" />
10	<meta property="og:type" content="website" />
11	<meta property="og:url" content="https://www.onkio.co.jp/index.html" />
12	<meta property="og:image" content="https://www.onkio.co.jp/images/common/for_engage_0606_line_1200x630.jpg" />
13	<meta property="og:site_name" content="ONKIO HAUS" />
14	<meta property="og:description" content="音響ハウスは1974年創業以来、多くのアーティストの皆様にご愛顧いただいておりますレコーディングスタジオと、1979年に業務を開始し多様なニーズにお応えさせて頂いているポストプロダクションを基軸に、テレビCMオンライン運用、テレビCM字幕作成、オーディオ機器のメンテナンス業務及び販売、映像・音楽作品の制作業務等、様々なサービスを展開しています。また、レコーディングスタジオでは海外アーティストから直接のオファーを承る機会も増えております。" />
15	<meta property="og:locale" content="ja_JP" />
16
17    <meta name="view-transition" content="same-origin">
18    <title>音響ハウス【ONKIO HAUS】 レコーディングスタジオ・ポストプロダクション・テレビCMオンライン送稿サービス・テレビCM字幕作成</title>
19    
20    <!--<meta name="robots" content="none">-->
21    
22    <meta name="description"  content="音響ハウスは1974年創業以来、多くのアーティストの皆様にご愛顧いただいておりますレコーディングスタジオと、1979年に業務を開始し多様なニーズにお応えさせて頂いているポストプロダクションを基軸に、テレビCMオンライン運用、テレビCM字幕作成、オーディオ機器のメンテナンス業務及び販売、映像・音楽作品の制作業務等、様々なサービスを展開しています。また、レコーディングスタジオでは海外アーティストから直接のオファーを承る機会も増えております。" />
23    <meta name="keywords"  content="レコーディング,ポストプロ,CM,オンライン送稿,CMオンライン送稿,CMオンライン搬入,テレビCMオンライン運用,テレビCM字幕作成,Recording,Tokyo,Ginza" /> 
24	<link rel="apple-touch-icon-precomposed" href="apple-touch-icon.png" />
25	<link href="favicon.ico" rel="shortcut icon" />
26
27    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
28    <link rel="stylesheet" type="text/css" href="css/normalize.css">
29    <link rel="stylesheet" type="text/css" href="css/custom_2024ste.css">
30    <link rel="stylesheet" type="text/css" href="css/colorbox.css">
31	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
32    <link rel="stylesheet" type="text/css" href="css/insta_photo.css">
33
34
35
36    <!--[if (gt IE 8) | (IEMobile)]><!-->
37
38    <!--<![endif]-->
39    <!--[if (lt IE 9) & (!IEMobile)]>
40    <link rel="stylesheet" href="css/ie.css">
41    <![endif]-->
42    
43    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
44        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
45        <!--[if lt IE 9]>
46          
46<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
46
47          
47<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
47
48    <![endif]-->
49
50
51
52
53<!-- ---------- メニュー周り共通パーツ after StE Start(トップページ版) ----------------------------------------------------------------------------------------------------- -->
54
55
56<script src="js/jquery.min.js"></script>
vendor: 1 bytes, line 56
56
57<script src="js/bootstrap.min.js"></script>
vendor: 1 bytes, line 57
57
58<script src="js/jquery.colorbox-min.js"></script>
vendor: 1 bytes, line 58
58
59<script src="js/onkio.js"></script>
vendor: 1 bytes, line 59
59
60<script src="https://unpkg.com/scroll-out/dist/scroll-out.min.js"></script>
vendor: 1 bytes, line 60
60
61<script src="js/insta_photo.js"></script>
61
62
63
64<style>
65img.news-thumb  {
66  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
67}
68
69a.btn {
70  white-space:normal;
71}
72</style>
73
74
75<script type="text/javascript">
76window.onunload = function(){};
77</script>
77
78
79</head>
80
81
82
83<body class="body-offcanvas-top-page">
84    
85    
86<!-- ---------- メニュー周り共通パーツ after StE Start(トップページ版) ----------------------------------------------------------------------------------------------------- -->
87
88
89<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 89-90
89
90<script async src="https://www.googletagmanager.com/gtag/js?id=
90G-44P0YLMWWY
vendor: 12 bytes, line 90
90"></script>
91<script>
vendor: 128 bytes, lines 92-96
92window.dataLayer = window.dataLayer || [];
93function gtag(){dataLayer.push(arguments);}
94gtag('js', new Date());
95
96gtag('config', '
96G-44P0YLMWWY
vendor: 4 bytes, line 96
96');
97</script>
97
98
99
100<div id="fb-root"></div>
101<script async defer crossorigin="anonymous" src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v13.0" nonce="AWgDTSgy"></script>
101
102    
103<script type="text/javascript">
104$(function(){
105//Scroll to top
106var topBtn = $('#page-top');    
107topBtn.hide();
108topBtn.css("z-index","9999");
109$(window).scroll(function () {
110  if ($(this).scrollTop() > 300) {
111      topBtn.fadeIn();
112  } else {
113      topBtn.fadeOut();
114  }
115  return false;
116});
117topBtn.click(function () {
118  $('body,html').animate({
119      scrollTop: 0
120  }, 500);
121  return false;
122});
123
124
125$("div.panel-heading.panel-m a").on("click",function() {
126		if ($(this).attr("aria-expanded") === "true") {
127			$("div.panel-heading.panel-m a span").css("transform","rotate(0deg)");
128			} else {
129			$("div.panel-heading.panel-m a span").css("transform","rotate(90deg)");
130				if($("div.panel-heading.panel-p a").attr("aria-expanded") === "true") {
131					$("div.panel-heading.panel-p a span").css("transform","rotate(0deg)");
132				} 
133			}
134	});
135
136	$("div.panel-heading.panel-p a").on("click",function() {
137		if ($(this).attr("aria-expanded") === "true") {
138			$("div.panel-heading.panel-p a span").css("transform","rotate(0deg)");
139			} else {
140			$("div.panel-heading.panel-p a span").css("transform","rotate(90deg)");
141				if($("div.panel-heading.panel-m a").attr("aria-expanded") === "true") {
142						$("div.panel-heading.panel-m a span").css("transform","rotate(0deg)");
143				}
144			}
145	});
146
147});
148</script>
148<!-- #BeginLibraryItem "/Library/メニュー周り共通パーツ(トップページ).lbi" --><!------- ********** メニュー周り共通パーツ after StE Start(トップページ版)**********  -------->    
149
150<!--  Drawer Toggle Icon  -->
151<button data-pushbar-target="mypushbar1" class="hum-menu-xs visible-xs">
152  <span id="hum-open"></span>
153</button>
154      
155<!--  for Drawer Slide Contents  -->
156<div data-pushbar-id="mypushbar1" class="pushbar from_right visible-xs" id="pushbar-menu">
157  
158
159<nav class="navigation" data-position="left">
160  <div class="row">
161      <div id="off-can-left" class="col-xs-12">
162      
163          <ul class="off-can">
164              <li class="hum-menu-xs">
165                  <button data-pushbar-close class="hum-menu-xs">
166                      <span id="hum-close"></span>
167                  </button>	
168              </li>
169          
170              <li><a href="index.html">TOP</a></li>
171              <li><a href="mission/index.html">OUR MISSION</a></li>
172              <li class="navi-sub">
173                  <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
174                  
175                      <div class="panel panel-default">
176                          <div class="panel-heading panel-m" role="tab" id="headingOne">
177                              <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">MUSIC<span class="glyphicon glyphicon-triangle-right"></span></a>
178                          </div>
179                          <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
180                              <div class="panel-body">
181                                  <ul class="submenu-m">
182                                      <li><a href="music/index.html">RECORDING</a></li>
183                                      <li><a href="music/db_index.html">DUBBING</a></li>
184                                      <li><a href="music/7st.html">Spatial Audio | Audio Mastering</a></li>
185                                  </ul>
186                              </div>
187                          </div>
188                      </div><!-- .panel-default end -->
189                      
190                      <div class="panel panel-default">
191                          <div class="panel-heading panel-p" role="tab" id="headingTwo">
192                              <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">POSTPRODUCTION<span class="glyphicon glyphicon-triangle-right"></span></a>
193                          </div>
194                          <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
195                              <div class="panel-body">
196                                  <ul class="submenu-m">
197                                      <li><a href="postproduction/index.html">EDIT</a></li>
198                                      <li><a href="postproduction/ma_index.html">MA</a></li>
199                                      <li><a href="postproduction/authoring.html">BD&amp;DVD AUTHORING</a></li>
200                                      <li><a href="postproduction/jimaku.html">CM字幕作成</a></li>
201                                  </ul>
202                              </div>
203                          </div>
204                      </div><!-- .panel-default end -->
205                  </div><!-- #accordion end -->
206              </li>
207              <li><a href="ohs3/index.html" title="テレビCM オンライン送稿 ファイル送稿 オンライン運用サービス | オーエスキューブ/音響ハウス">TV-CM ONLINE SERVICE</a></li>
208              <li><a href="https://lacasaacustica.com" target="_blank">OFFICIAL STORE</a></li>
209              <li><a href="datalabo/index.html">SSD RENTAL</a></li>
210              <li><a href="company/index.html">COMPANY PROFILE</a></li>
211              <li><a href="access/index.html">ACCESS</a></li>
212              <li><a href="floor/index.html">FLOOR GUIDE</a></li>
213              <li><a href="staff/index.html">STAFF PROFILE</a></li>
214              <li><a href="recruit/index.html">RECRUIT</a></li>
215              <li><a href="contact/index.html">CONTACT</a></li>
216              <li class="toEngPage">
217                  <a href="en/index.html" target="_top">ENGLISH PAGE</a>
218              </li>
219          </ul>
220  
221      </div><!-- visible-xs End -->
222  </div><!-- row end -->
223</nav>
224</div>
225<!--  END for Drawer Slide Contents  -->
226
227
228
229
230<!--  for Drawer Main Contents  -->
231<div class="site-wrap">
232
233      <div id="header">
234          <div class="container">
235              <h1>ONKIO HAUS</h1>
236              <a href="index.html"><img src="images/common/onkio_logo2016_200.png" srcset="images/common/[email protected] 2x" width="200px" alt="音響ハウスは1974年創業以来、多くのアーティストの皆様にご愛顧いただいておりますレコーディングスタジオと、1979年に業務を開始し多様なニーズにお応えさせて頂いているポストプロダクションを基軸に、ãƒ
236†ãƒ¬ãƒ“CMオンライン運用、テレビCM字幕作成、オーディオ機器のメンテナンス業務及び販売、映像・音楽作品の制作業務等、様々なサービスを展開しています。また、レコーディングスタジオでは海外アーティストから直接のオファーを承る機会も増えております。" title="ONKIO HAUS"/></a>
237          </div><!-- container end -->
238      </div><!-- header END -->
239
240      <div id="header-menu" class="container">
241          <nav>
242              <div class="row">
243                  <div class="col-md-12 col-sm-12 visible-sm level1-sm">
244                      <div class="col-md-12 col-sm-12">
245                          <ul class="level1-btn">
246                              <li><a href="index.html">TOP</a></li>
247                              <li><a href="mission/index.html">OUR MISSION</a></li>
248                              <li><a href="company/index.html">COMPANY PROFILE</a></li>
249                              <li><a href="access/index.html">ACCESS</a></li>
250                              <li class="navi-eng-page pull-right">
251                              <a href="en/index.html">ENGLISH</a>
252                              </li>
253                          </ul>
254                      </div>
255                      <div class="col-md-12 col-sm-12">
256                          <ul class="level1-btn">
257                              <li><a href="floor/index.html">FLOOR GUIDE</a></li>
258                              <li><a href="staff/index.html">STAFF PROFILE</a></li>
259                              <li><a href="recruit/index.html">RECRUIT</a></li>
260                              <li><a href="contact/index.html">CONTACT</a></li>
261                          </ul>
262                      </div>
263                  </div>
264                  <div class="col-lg-12 visible-md visible-lg">
265                      <ul class="level1-btn">
266                          <li><a href="index.html">TOP</a></li>
267                          <li><a href="mission/index.html">OUR MISSION</a></li>
268                          <li><a href="company/index.html">COMPANY PROFILE</a></li>
269                          <li><a href="access/index.html">ACCESS</a></li>
270                          <li><a href="floor/index.html">FLOOR GUIDE</a></li>
271                          <li><a href="staff/index.html">STAFF PROFILE</a></li>
272                          <li><a href="recruit/index.html">RECRUIT</a></li>
273                          <li><a href="contact/index.html">CONTACT</a></li>
274                          <li class="navi-eng-page pull-right hidden-sm">
275                              <a href="en/index.html">ENGLISH</a>
276                          </li>
277                      </ul>
278                  </div>
279              </div><!-- row end -->
280
281              <div class="row">
282                  <div class="visible-sm col-md-12 visible-md visible-lg"><!----------------- md,lg時2段  ------------------------>
283                      <ul class="level2-btn tab-list">
284                          <li class="navi-music tab-item">
285                              <i class="fas fa-microphone"></i>
286                              <p>MUSIC</p>
287                          </li>
288                          <li class="navi-postpro tab-item">
289                              <i class="fas fa-video"></i>
290                              <p>POSTPRODUCTION</p>
291                          </li>
292                          <li class="navi-ohs3">
293                              <a href="ohs3/index.html"><img src="images/common/CUBE_240x257.png" height="35px" alt="テレビCM オンライン送稿 ファイル送稿 オンライン運用サービス | オーエスキューブ/音響ハウス" /><p>TV-CM ONLINE SERVICE</p></a>
294                          </li>
295                          <li class="navi-shop">
296                              <a href="https://lacasaacustica.com" target="_blank"><img src="images/common/official_store_302x257.png" height="35px" alt="OFFICIAL STORE div. Icon" /><p>OFFICIAL STORE</p></a>
297                          </li>
298                          <li class="navi-rental tab-item">
299                              <a href="datalabo/index.html"><i class="glyphicon glyphicon-hdd" aria-hidden="true" ></i>
300                              <p>SSD RENTAL</p></a>
301                          </li>
302                      </ul>
303                      <div class="clearFix"></div>
304                  </div><!-- col-md-12 end -->
305              </div><!-- row end -->
306              
307              
307<script>
308				$(function(){
309					$('li.tab-item').on('click', function() {
310						var tabIndex = $('li.tab-item').index(this);
311						
312						switch(tabIndex) {
313							case 0: $('div.panel-item').eq(0).slideToggle();
314									$('div.panel-item').eq(1).slideUp(); break;
315							case 1: $('div.panel-item').eq(1).slideToggle();
316									$('div.panel-item').eq(0).slideUp(); break;
317							default: 	$('div.panel-item').eq(0).hide();
318										$('div.panel-item').eq(1).hide(); break;
319							}
320			
321					});
322			
323					$(document).click(function(e) {
324						if(!$(e.target).closest('#level2-panels , .level1-btn , li.tab-item').length) {
325							$('div.panel-item').eq(0).slideUp();
326							$('div.panel-item').eq(1).slideUp();
327						} 
328					});
329			
330				});
331			
332			</script>
332
333              
334              <style>
335                  .panel-list {
336                      overflow: hidden;
337                  }
338                  .panel-item {
339                      display: none;
340                      width: 100%;
341                      /*padding: 40px 30px;
342                      background-color: #fff;*/
343                  }
344                  .panel-item.is-active {
345                  display: block;
346                  transform-origin: center top;
347                  animation: panel-show .5s ease-in-out forwards;
348                  }
349                  @keyframes panel-show {
350                      from {
351                          transform: translateY(-200px);
352                      }
353                      to {
354                          transform: translateY(0px);
355                      }
356                  }
357              
358              </style>
359
360  
361          <div class="row">
362              <div id="level2-panels" class="col-md-12 visible-sm visible-md visible-lg panel-list">
363
364                  <!-- タブコンテンツ ------------------------------------------------------------------>
365                  <div id="navi-m" class="navi-music panel-item">
366                      <ul class="submenu-m">
367                          <li><a href="music/index.html"><h3>RECORDING STUDIO</h3></a>
368                              <ul class="level2-thmb">
369                                  <li>1st<span class="roomName"></span><br />
370                                  <a href="music/1st.html"><div class="recth"><img src="images/navi/music/1st_btn_372x156.jpg" width="186" height="78" alt="1st" title="1st"></div></a>
371                                  </li>
372                                  <li>2st<span class="roomName"></span><br />
373                                  <a href="music/2st.html"><div class="recth"><img src="images/navi/music/2st_btn_372x156.jpg" width="186" height="78" alt="2st" title="2st"></div></a>
374                                  </li>
375                                  <li>3st<span class="roomName"></span><br />
376                                  <a href="music/3st.html"><div class="recth"><img src="images/navi/music/3st_btn_372x156.jpg?v=2026" width="186" height="78" alt="3st" title="3st"></div></a>
377                                  </li>
378                                  <li>6st<span class="roomName"></span><br />
379                                  <a href="music/6st.html"><div class="recth"><img src="images/navi/music/6st_btn_372x156.jpg" width="186" height="78" alt="6st" title="6st"></div></a>
380                                  <div class="clearFix"></div>
381                                  </li>
382                              </ul>
383                          </li>
384                          <li class="last-thumb"><a href="music/db_index.html"><h3>DUBBING STUDIO</h3></a>
385                              <ul class="level2-thmb">
386                                  <li>5st<span class="roomName"></span><br />
387                                  <a href="music/5st.html"><div class="recth"><img src="images/navi/music/5st_btn_372x156.jpg" width="186" height="78" alt="5st" title="5st"></div></a>
388                                  </li>
389                                  <li class="last-thumb">MA4<span class="roomName"></span><br />
390                                  <a href="postproduction/ma4.html"><div class="recth"><img src="images/navi/postpro/ma4_btn_372x156.jpg" width="186" height="78" alt="MA4" title="MA4"></div></a>
391                                  </li>
392                              </ul>
393                          </li>
394                          <li><a href="music/7st.html"><h3>Spatial Audio | Audio Mastering</h3></a>
395                              <ul class="level2-thmb">
396                                  <li>7st<span class="roomName"></span><br />
397                                  <a href="music/7st.html"><div class="recth"><img src="images/navi/music/7st_btn_372x156_re.jpg" width="186" height="78" alt="Spatial Audio | Audio Mastering" title="Spatial Audio | Audio Mastering"></div></a>
398                                  </li>
399                              </ul>
400                          </li>
401
402                      </ul>
402<!-- ul submenu-m end -->
403                      <div class="clearFix"></div>
404                  </div><!-- navi-m end -->
405
406                  <div id="navi-p" class="navi-postpro panel-item">
407                      <ul class="submenu-p">
408                          <li><a href="postproduction/index.html"><h3>EDIT</h3></a>
409                              <ul class="level2-thmb">
410                                  <li>Edit 1<br /><span class="roomName">Flame</span><br />
411                                  <a href="postproduction/edit1.html"><div class="postth"><img src="images/navi/postpro/edit1_btn_372x156_20260810.jpg" width="186" height="78" alt="Edit1" title="Edit1"></div></a>
412                                  </li>
413                                  <li>Edit 2<br /><span class="roomName">Flame</span><br />
414                                  <a href="postproduction/edit2.html"><div class="postth"><img src="images/navi/postpro/edit2_btn_372x156_20260810.jpg" width="186" height="78" alt="Edit2" title="Edit2"></div></a>
415                                  </li>
416                                  <li>Edit 3<br /><span class="roomName">Avid / Premiere Pro / DaVinci</span><br />
417                                  <a href="postproduction/edit3.html"><div class="postth"><img src="images/navi/postpro/edit3_btn_372x156.jpg" width="186" height="78" alt="Edit3" title="Edit3"></div></a>
418                                  </li>
419                                  <li>Edit 4<br /><span class="roomName">Premiere Pro</span><br />
420                                  <a href="postproduction/edit4.html"><div class="postth"><img src="images/navi/postpro/edit4_btn_372x156.jpg" width="186" height="78" alt="Edit4" title="Edit4"></div></a>
421                                  </li>
422                                  <li>Edit 5<br /><span class="roomName">DaVinci / Premiere Pro</span><br />
423                                  <a href="postproduction/edit5.html"><div class="postth"><img src="images/navi/postpro/edit5_btn_372x156.jpg?v=2026" width="186" height="78" alt="Edit5" title="Edit5"></div></a>
424                                  </li>
425                                  <li>Edit 6<br /><span class="roomName">Premiere Pro / DaVinci</span><br />
426                                  <a href="postproduction/edit6.html"><div class="postth"><img src="images/navi/postpro/edit6_btn_372x156.jpg" width="186" height="78" alt="Edit6" title="Edit6"></div></a>
427                                  </li>
428                                  <li>EDIT&nbsp;<span class="alpha">&alpha;</span><span class="se-badge"><a href="endeavour/index.html">スタジオエンデバー(新橋)</a></span>
429                                      <br /><span class="roomName">Premiere Pro / Flame on Mac</span><br />
430                                      <a href="endeavour/edit_alpha.html"><div class="postth"><img src="images/navi/endeavour/edit_ste_btn_372x156_20241122.jpg" width="186" height="78" alt="EDIT&nbsp;&alpha;" title="EDIT&nbsp;&alpha;"></div></a>
431                                  </li>
432                              </ul>
433                          </li>
434                          <li class="last-thumb"><a href="postproduction/ma_index.html"><h3>MA</h3></a>
435                              <ul class="level2-thmb">
436                                  <li>MA 1<span class="roomName"></span><br />
437                                  <a href="postproduction/ma1.html"><div class="postth"><img src="images/navi/postpro/ma1_btn_372x156.jpg" width="186" height="78" alt="MA1" title="MA1"></div></a>
438                                  </li>
439                                  <li>MA 2<span class="roomName"></span><br />
440                                  <a href="postproduction/ma2.html"><div class="postth"><img src="images/navi/postpro/ma2_btn_372x156.jpg" width="186" height="78" alt="MA2" title="MA2"></div></a>
441                                  </li>
442                                  <li>3st<span class="roomName"></span><br />
443                                  <a href="music/3st.html"><div class="postth"><img src="images/navi/music/3st_btn_372x156.jpg?v=2026" width="186" height="78" alt="3st" title="3st"></div></a>
444                                  </li>
445                                  <li>MA 4<span class="roomName"></span><br />
446                                  <a href="postproduction/ma4.html"><div class="postth"><img src="images/navi/postpro/ma4_btn_372x156.jpg" width="186" height="78" alt="MA4" title="MA4"></div></a>
447                                  </li>
448                                  <li>
4485st<span class="roomName"></span><br />
449                                  <a href="music/5st.html"><div class="recth"><img src="images/navi/music/5st_btn_372x156.jpg" width="186" height="78" alt="5st" title="5st"></div></a>
450                                  </li>
451                                  <li last-thumb>MA&nbsp;<span class="alpha">&alpha;</span><span class="roomName"></span><span class="se-badge"><a href="endeavour/index.html">スタジオエンデバー(新橋)</a></span><br />
452                                      <a href="endeavour/ma_alpha.html"><div class="postth"><img src="images/navi/endeavour/ma_ste_btn_372x156_20241122.jpg" width="186" height="78" alt="MA&nbsp;&alpha;" title="MA&nbsp;&alpha;"></div></a>
453                                  </li>
454                              </ul>
455                          </li>
456                          <li><a href="postproduction/authoring.html"><h3 class="last-thumb-authoring">BD&amp;DVD AUTHORING</h3></a>
457                            <ul class="level2-thmb">
458                                <li>
459                                <a href="postproduction/authoring.html"><div class="postth"><img src="images/navi/postpro/auth_btn_372x156.jpg" width="186" height="78" alt="BD&DVD AUTHORING" title="BD&DVD AUTHORING"></div></a>
460                                </li>
461                            </ul>
462                        </li>
463                        
464                        <li class="last-thumb"><a href="postproduction/jimaku.html"><h3 class="last-thumb-jimaku">CM字幕作成</h3></a>
465                            <ul class="level2-thmb">
466                                <li>
467                                <a href="postproduction/jimaku.html"><div class="postth"><img src="images/navi/postpro/jimaku_btn2024_372x156.jpg" width="186" height="78" alt="CM字幕作成" title="CM字幕作成"></div></a>
468                                </li>
469                            </ul>
470                        </li>
471                      </ul>
472                      <div class="clearFix"></div>
473                  </div><!-- navi-p end -->
474
475                  
476
477
478
479              </div><!-- col-md-12 end -->
480          </div><!-- row end -->
481          </nav>
482
483      </div><!-- #header-menu container end -->
484
485    
486<!------- ********** メニュー周り共通パーツ after StE End(トップページ版)**********  --------> 
487    
488<!-- ---------- メニュー周り共通パーツ after StE End(トップページ版) ----------------------------------------------------------------------------------------------------- --><!-- #EndLibraryItem -->
488<script>
489    $(function(){
490        $('a.colorbox1').colorbox({
491           rel:'colorbox1',
492           width:"80%",
493          transition: "fade",
494          opacity:"0.8"
495       });
496    });
497</script>
497
498    
499<style>
500    .bd-bg-grad {
501        background-image: linear-gradient(90deg, #f5f7fa 0%, #c3cfe2 100%);
502    }
503    .bd-bg-grad a:hover {
504        opacity: 0.5;
505    }
506
507</style>
508
509    
510
511			<!----------------- carousel Start ----------------->
512			
513                <div class="row">
514                    
515                 <!-- lg carousel Start -->   
516				<div class="container top-slide visible-sm visible-md visible-lg" style="margin:0 5px;">
517                    
518					<div id="carousel-example-generic" class="carousel fade" data-ride="carousel" data-interval="6000">
519                        
520						<ol class="carousel-indicators" style="margin-top:5px;">
521							<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
522							<li data-target="#carousel-example-generic" data-slide-to="1"></li>
523                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
524                            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
525                        </ol>
526
527					<!-- Wrapper for slides -->
528                        <div class="carousel-inner" role="listbox" style="border-bottom:#1D4991 solid 11px;">
529							<div class="item active">
530                                <a href="https://www.onkio.co.jp/postproduction/edit5.html">
531								<img src="images/slide/Slide_Sozai_2048x569_edit5color_min.jpg" style="width:100%;margin:0 0px;" alt="Edit5 :color | カラーグレーディング、編集、試写を一室でサポート">
532                                </a>
533							</div>
534                            <div class="item">
535                                <a href="https://lacasaacustica.com/" target="_blank">
536								<img src="images/slide/Slide_Sozai_2048x569_LCA9.jpg" style="width:100%;margin:0 0px;" alt="ラ・カーサ・アコースティカ | 音響ハウスのオフィシャルストア">
537                                </a>
538							</div>
539                            <div class="item">
540                                <a href="https://www.onkio.co.jp/endeavour/index.html">
541								<img src="images/slide/Slide2048x569_Endeavour.jpg" style="width:100%;margin:0 0px;" alt="エンデバーが音響ハウスの一員に加わりました!">
542                                </a>
543							</div>
544                            <div class="item">
545                                <a href="https://www.onkio.co.jp/music/7st.html">
546								<img src="images/slide/Slide2048x569_7st_wt_name.jpg" style="width:100%;margin:0 5px;" alt="音響ハウス Studio NO.7 Spatial Audio | Audio Mastering">
547                                </a>
548							</div>
549                        </div>
550
551					
552						<!-- Controls -->
553						<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
554						<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
555						<span class="sr-only">Previous</span>
556						</a>
557						<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
558						<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
559						<span class="sr-only">Next</span>
560						</a>
561					</div><!-- lg carousel end -->
562				</div><!-- container top-slide end -->
563                
564                    
565                <!-- xs carousel Start -->
566                <div class="container top-slide visible-xs" style="margin:0 5px;">
567                    
568                    <div id="carousel-example-generic-xs" class="carousel fade" data-ride="carousel" data-interval="6000">
569                        
570						<ol class="carousel-indicators">
571							<li data-target="#carousel-example-generic-xs" data-slide-to="0" class="active"></li>
572							<li data-target="#carousel-example-generic-xs" data-slide-to="1"></li>
573                            <li data-target="#carousel-example-generic-xs" data-slide-to="2"></li>
574                            <li data-target="#carousel-example-generic-xs" data-slide-to="3"></li>
575                        </ol>
576                        
577                        
578					<!-- Wrapper for slides --> 
579                        <div class="carousel-inner" role="listbox" style="border-bottom:#1D4991 solid 11px;">
580                            <div class="item active">
581                                <a href="https://www.onkio.co.jp/postproduction/edit5.html">
582								<img src="images/slide/Slide_Sozai_660x660_edit5color_min.jpg" style="width:100%;
582margin:0 0px;" alt="Edit5 :color | カラーグレーディング、編集、試写を一室でサポート">
583                                </a>
584							</div>
585                            <div class="item">
586                                <a href="https://lacasaacustica.com/" target="_blank">
587								<img src="images/slide/Slide_Sozai_660x660_LCA9.jpg" style="width:100%;margin:0 0px;" alt="ラ・カーサ・アコースティカ | 音響ハウスのオフィシャルストア">
588                                </a>
589							</div>
590                            <div class="item">
591                                <a href="https://www.onkio.co.jp/endeavour/index.html">
592								<img src="images/slide/Slide660x660_Endeavour_v2.jpg" style="width:98%;margin:0 -3px;" alt="エンデバーが音響ハウスの一員に加わりました!">
593                                </a>
594							</div>
595                            <div class="item">
596                                <a href="https://www.onkio.co.jp/music/7st.html">
597								<img src="images/slide/Slide660x660_7st_wt_name.jpg" style="width:98%;margin:0 5px;" alt="音響ハウス Studio NO.7 Spatial Audio | Audio Mastering">
598                                </a>
599							</div>
600                        </div>
601
602						<!-- Controls -->
603						<a class="left carousel-control" href="#carousel-example-generic-xs" role="button" data-slide="prev">
604						<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
605						<span class="sr-only">Previous</span>
606						</a>
607						<a class="right carousel-control" href="#carousel-example-generic-xs" role="button" data-slide="next">
608						<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
609						<span class="sr-only">Next</span>
610						</a>
611					</div><!-- xs carousel end -->
612                </div><!-- container top-slide end -->
613                    
614                    
615                    
616                    
617                    
618                    
619			</div><!-- row end -->
620			<!----------------- carousel End ----------------->
621        
622        
623        <!----------------- Atmos Start ----------------->
624            <div class="container">
625                <style>
626                    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap');
627                    div.atmos-kokuchi {
628                        background: rgb(13,9,66);
629                        background: linear-gradient(140deg, rgba(13,9,66,1) 15%, rgba(13,9,126,1) 47%, rgba(14,11,78,1) 87%); 
630                        color: #cacaca;
631                        font-family: 'Noto Sans JP';
632                        padding:0.5rem;
633                    }
634                    p.atmos-kokuchi {
635                        font-weight: 900;
636                        font-size: 2rem;
637                        letter-spacing: 0.2rem;
638                        color:#fff;
639                        padding:0.75rem;
640                        text-align:center;
641                        background-color:#171611;
642                        background: rgb(13,9,66);
643                        background: linear-gradient(140deg, rgba(13,9,66,1) 15%, rgba(13,9,126,1) 47%, rgba(14,11,78,1) 87%); 
644                    }
645                    div.st7-fig {
646                        padding: 0;
647                        margin: 0;
648                        /*width: 100%;*/
649                    }
650                    
651                </style>
652                
653                
654                <div class="row">
655
656                    <style>
657                        .onkio-acc-title-bg {
658                            background: rgb(114,96,57);
659                            background: -moz-linear-gradient(90deg, rgba(114,96,57,1) 0%, rgba(175,154,12,1) 100%);
660                            background: -webkit-linear-gradient(90deg, rgba(114,96,57,1) 0%, rgba(175,154,12,1) 100%);
661                            background: linear-gradient(90deg, rgba(114,96,57,1) 0%, rgba(175,154,12,1) 100%);
662                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#726039",endColorstr="#af9a0c",GradientType=1);
663                        }
664                    </style>
665
666
667            <!----------------- Atmos End ----------------->
668                    
669                    
670                    <div class="col-xs-12 col-sm-12 visible-xs visible-sm" style="padding:0;margin:1rem 0 2rem;">
671                        <div class="col-xs-4 col-sm-4">
672                            <div class="sns-area-banner" style="width:100%;">
673                                <div>
674                                    <a href ="/postproduction/jimaku.html" target="_self" style="height:100%;"> 
675                                        <img src="images/side/jimaku_Side_300x150.webp" alt="CM字幕作成" style="width:100% !important;margin:0 auto;">
676                                    </a>
677                                    <!--
678                                    <a href="postproduction/jimaku.html"><p style="text-align:center;font-weight:100;font-size:1.75rem;padding:0.25rem;">CM字幕制作承ります!</p></a>
679                                    -->
680                                   </div>
681                            </div>
682                        </div>
683                        <div class="col-xs-4 col-sm-4">
684                            <div class="sns-area-banner" style="width:100%;">
685                                <div>
686                                    <a href ="https://music.apple.com/jp/playlist/7st-playlist-for-atmos/pl.u-4JomaD3IJxokvx1" target="_blank"> 
687                                        <img src="images/side/7st_Playlist_for_Side_300x150_A.jpg" alt="7st Atmosのプレイリスト公開中!" style="width:100% !important;margin:0 auto;">
688                                    </a>
689                                   </div>
690                            </div>
691                        </div>
692                        <div class="col-xs-4 col-sm-4">
693                            <div class="sns-area-banner" style="width:100%;">
694                                <div>
695                                    <a href ="dist_list.html" target="_parent"> 
696                                        <img src="images/side/Melody-Go-Round_for_Side_300x150.jpg" alt="映画『音響ハウス Melody-Go-Round』" style="width:100% !important;margin:0 auto;">
697                                    </a>
698                                </div>
699                            </div>
700                        </div>
701                        
702                        <hr>
703                    </div>
704
705					<div class="col-xs-12 col-sm-12 col-md-7 col-lg-8 visible-xs visible-sm visible-md visible-lg">
706                        
707                        <style>
708                            .youtube {
709                                  position: relative;
710                                  width: 95%;
711                                  padding-top: 56.25%;
712                                }
713                                .youtube iframe {
714                                  position: absolute;
715                                  top: 0;
716                                  right: 0;
717                                  width: 100%;
718                                  height: 100%;
719                                }
720                            strong {
721                                font-weight: 700;
722                            }
723
724                            
725                            
726                        </style>
727                        
728                        <div class="row news">
729                            <h3>Information &amp; News</h3>
730                        </div>
731
732                        <!-- ▼▼▼▼▼ ニュース項目 ▼▼▼▼▼ -->
733
734                        <div data-scroll="in" class="news-item">
735                            <h2>首都高速大規模工事に伴う近隣出入口封鎖のお知らせ</h2>
736                            <h5>2026.9.18</h5>
737                            <p style="text-indent:1rem;">
738                               <span style="font-weight:700;">2026年10月18日(日) 23:00</span>より、首都高速道路の工事に伴い当社周辺の出入口が利用不可となります。
739                            </p>
740                            <ul style="margin-bottom:2rem;">
741                                <li style="margin-bottom:1rem;"><span style="line-height:3em;border-bottom:1px solid #777;font-weight:700;">■ 廃止</span><br>新富町出口(内回り・外回り)</li>
742                                <li><span style="line-height:3em;border-bottom:1px solid #777;font-weight:700;">■ 長期間通行止め(約3年間)</span><br>銀座入口(内回り)</li>
743                            </ul>
744                            <p>ご不便・ご迷惑をお掛けいたしますが、何卒ご理解とご協力のほどよろしくお願い申し上げます。
745                                <br>詳しい工事内容や迂回路につきましては、下記リンクおよび添付資料をご確認ください。</p>
746                            <div style="margin:2rem 0 2rem;">
747                                <p class="link"><a href="https://www.shutoko.jp/ss/shinkyobashi-renketsuro/" class="btn btn-default btn-sm" target="_blank"><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span>首都高速道路株式会社:新京橋連結路・高速都心環状線(築地川区間)</a></p>
748                            </div>
749
750                            <div>
751                                <a href="images/news/20260917_shutoko.pdf" target="_blank"><img class="img-responsive news-thumb" src="images/news/20260917_shutoko_min_th.jpg" style="width:35%;" alt="首都高速大規模工事に伴う近隣出入口封鎖のお知らせ"></a>
752                            </div>
753                        </div> 
754
755
756                        
757                        <div data-scroll="in" class="news-item">
758                            <h2>お盆期間 営業時間のご案内</h2>
759                            <h5>2026.8.5</h5>
760                            <div>
761                                当社では8月10日(月)、8月12日(水)〜8月14日(金)のスタジオ受付窓口の営業時間を「9時30分~17時30分」とさせて頂きます。<br>8月17日(月)からは通常営業です。
762                            </div>
763                        </div> 
764                        
765                        <div data-scroll="in" class="news-item">
766                            <h2>非化石証書取得の件</h2>
767                            <h5>2026.6.16</h5>
768                            <p>
769                                ㈱音響ハウスは、スタジオで使用する電力が、太陽光、風力、水力(小型)、地熱、バイオマスなど、再生
769可能エネルギーによる発電であることを証明する<strong>「FIT非化石証書」</strong>を取得しております。<br>
770                                国内外で活躍するミュージシャンの作品づくりを、脱炭素を推進するクライアントの広告作業を、
771                                国際基準のRE100にも準拠したクリーンな電力でサポートいたします。
772                            </p>
773                            <div style="background:#eee;padding:1rem 2rem;">
774                                <ul>
775                                    <li style="padding:0.2rem 0;">※JEPX 一般社団法人 日本卸電力取引所:<a href="https://www.jepx.jp/" target="_blank">https://www.jepx.jp/</a></li>
776                                    <li style="padding:0.2rem 0;">※RE100:<a href="https://www.theclimategroup.org/re100" target="_blank">https://www.theclimategroup.org/re100</a></li>
777                                </ul>
778                            </div>
779                        </div>  
780                        
781                        <div data-scroll="in" class="news-item">
782                            <h2>カラーグレーディングルームEdit5 :colorリニューアルオープン</h2>
783                            <h5>2026.5.22</h5>
784                            <p>
785                                秘密基地のような、心地よい特等席。<br>
786                                クリエイティブや試写環境の快適性を追求しました。<br>
787                                DaVinci Resolve、Adobe Premiere Proの併用が可能です。<br>
788                                ご予約の際は営業部までお問い合わせください。
789                            </p>
790                            <div style="margin:1rem 0 2rem;">
791                                    <p class="link"><a href="postproduction/edit5.html" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span>Edit5 ページへ</a></p>
792                                </div>
793                            <div style="margin-top:2rem;">
794                                    <a href="postproduction/edit5.html">
795                                        <img src="images/news/ONKIOHAUS_Edit5_poster-B_min.jpg" alt="ONKIO Edit5 :color" style="width: 90%;">
796                                    </a>
797                            </div>
798                        </div>  
799                        
800                        
801                        <div data-scroll="in" class="news-item">
802                            <style>
803                           .subtitle{font-size:13px;color:#888;margin-bottom:40px;}.gallery{display:flex;flex-wrap:wrap;gap:16px;}.thumb-wrap{cursor:pointer;overflow:hidden;border-radius:10px;width:320px;height:453px;position:relative;animation:thumbAppear 0.5s ease both;}.thumb-wrap:nth-child(1){animation-delay:0.05s;}.thumb-wrap:nth-child(2){animation-delay:0.12s;}.thumb-wrap:nth-child(3){animation-delay:0.19s;}.thumb-wrap:nth-child(4){animation-delay:0.26s;}.thumb-wrap:nth-child(5){animation-delay:0.33s;}.thumb-wrap:nth-child(6){animation-delay:0.40s;}@keyframes thumbAppear{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}.thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease;}.thumb-wrap:hover img{transform:scale(1.07);}.thumb-wrap::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0);transition:background 0.3s;border-radius:10px;}.thumb-wrap:hover::after{background:rgba(0,0,0,0.15);}.thumb-wrap .icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s;z-index:1;pointer-events:none;}.thumb-wrap:hover .icon{opacity:1;}.thumb-wrap .icon svg{width:36px;height:36px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.4));}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:9999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity 0.3s ease,backdrop-filter 0.3s ease;}.modal-overlay.active{opacity:1;pointer-events:auto;}.modal-inner{position:relative;cursor:pointer;transform:scale(0.88);opacity:0;transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1),opacity 0.35s ease;max-width:96vw;}
803.modal-overlay.active .modal-inner{transform:scale(1);opacity:1;}.modal-overlay.closing .modal-inner{transform:scale(0.88);opacity:0;}.modal-overlay.closing{opacity:0;}.modal-img{display:block;max-width:96vw;max-height:85vh;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.3),0 16px 48px rgba(0,0,0,0.5),0 40px 80px rgba(0,0,0,0.4);}.modal-hint{margin-top:14px;text-align:center;color:rgba(255,255,255,0.65);font-size:13px;letter-spacing:0.05em;display:flex;align-items:center;justify-content:center;gap:6px;}.modal-hint-arrow{display:inline-block;animation:bounce 1.6s ease-in-out infinite;}@keyframes bounce{0%,100%{transform:translateX(0);}50%{transform:translateX(4px);}}.modal-close{position:absolute;top:-14px;right:-14px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);color:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;z-index:1;}.modal-close:hover{background:rgba(255,255,255,0.3);}
804                            </style>  
805
806                            <h2>ONKIO Acoustics Ver.1.2.3 をリリース!</h2>
807                            <h5>2026.3.18</h5>
808                            <p style="text-indent:1rem;">
809                                【新機能】<br>
810                                ・ダークモード表示<br>
811                                ・マウスでのマイク操作<br>
812                                ・プリセットボタン追加<br>
813                                <br>
814                                欲しかった使いやすさを一気に実現。<br>
815                                もっと快適に、もっと直感的に制作できます!
816                            </p>
817                            <a href="https://lacasaacustica.com/?pid=171036188" target="_blank" rel="noopener">
818                                <img src="images/news/onkio_ac_v123_a4_min.jpg" alt="ONKIO Acoustics ver1.2.3" style="width: 90%;">
819                            </a>
820                        </div>  
821                              
822
823                        <div data-scroll="in" class="news-item">
824                            <h2>情報セキュリティ体制の強化および対策状況に関するお知らせ</h2>
825                            <h5>2026.1.16</h5>
826                            <p style="text-indent:1rem;">
827                               昨今、様々な業種・業界においてランサムウェアをはじめとするサイバー攻撃が激化しており、業務停止や情報漏洩といった深刻な事態が発生しています。株式会社音響ハウスでは、お客様の貴重な制作資産を守り、円滑な制作環境を維持することを最優先事項と捉え、セキュリティ対策を強化・運用しております。 
828                            </p>
829                            <div style="margin-top:2rem;">
830                                    <p class="link"><a href="images/news/information_security_notice_v2.pdf" target="_blank" class="btn btn-default btn-sm" style="font-size:1.35rem;font-weight:400;padding:1.25rem;border:2px solid #E9B5B6;"><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span>情報セキュリティ体制の強化および対策状況に関するお知らせ</a></p>
831                            </div>
832                        </div>  
833                        
834                        
835                        <div data-scroll="in" class="news-item">
836                              <h2>窓口営業時間変更のお知らせ</h2>
837                              <h5>2025.12.26</h5>
838                              <div>
839                                平素よりご利用いただき、誠にありがとうございます。<br>
840                                このたび、下記のとおり窓口営業時間を変更いたします。
841                              </div>
842                              <div style="margin-top:0.75rem;">
843                              <span style="line-height:3em;border-bottom:1px solid #777;">■ 変更前</span><br>9:30 ~ 20:00
844                              </div>
845                            <div style="margin-top:0.75rem;color:#ff0000;">
846                              <span style="line-height:3em;border-bottom:1px solid #ff0000;">■ 変更後</span><br><span style="font-weight:700;">9:30 ~ 19:30</span>
847                              </div>
848                            <div style="margin-top:0.75rem;">
849                              <span style="line-height:3em;border-bottom:1px solid #777;">■ 変更日</span><br>2026年1月5日(月)より
850                              </div>
851                            <p>
852                                お客様にはご不便をおかけする場合もございますが、<br>
853                                何卒ご理解賜りますようお願い申し上げます。
854                            </p>
855                            <p>
856                                今後とも変わらぬご愛顧のほど、よろしくお願いいたします。
857                            </p>
858                        </div>
859                        
860
861                        <div data-scroll="in" class="news-item">
862                            <h2>出張編集作業におけるエディター費改定のご案内</h2>
863                            <h5>2025.9.4</h5>
864                            <div>
865                                <a href="images/news/shuccho_sagyo.pdf" class="" target="_blank"><img class="img-responsive news-thumb" src="images/news/shuccho_sagyo_th.png" style="width:50%;" alt="出張編集作業におけるエディター費改定のご案内"></a>
866                            </div>
867                          </div>  
868                        
869                        <!-- ▼▼▼▼▼ ニュース項目 ▼▼▼▼▼ -->
870                        <div data-scroll="in" class="news-item">
871                            <h2>ピアノ調律料改訂のお願いについて</h2>
872                            <h5>2025.4.1</h5>
873                            <div>
874                                <a href="images/news/piano_choritsu.pdf" class="" target="_blank"><img class="img-responsive news-thumb" src="images/news/piano_choritsu_th.png" style="width:50%;" alt="ピアノ調律料改訂のお願いについて"></a>
875                            </div>
876                          </div>  
877                        
878                        
879                        <!-- ▼▼▼▼▼ ニュース項目 ▼▼▼▼▼ -->
880                        <div data-scroll="in" class="news-item">
881                            <h2>スタジオエンデバー事業継承につきまして</h2>
882                            <h5>2024.10.18</h5>
883                            <div>
884                                <a href="images/news/20241018_STUDIO_ENDEAVOUR_jigyoukeishou.pdf" class="" target="_blank"><img class="img-responsive news-thumb" src="images/news/20241018_STUDIO_ENDEAVOUR_jigyoukeishou_th.png" style="width:50%;" alt="スタジオエンデバー事業継承につきまして"></a>
885                            </div>
886                          </div>  
887
888                        <!-- ▼▼▼▼▼ ニュース項目 ▼▼▼▼▼ -->
889                        <div data-scroll="in" class="news-item">
890                            <h2>7st プレイリスト公開!!</h2>
891                            <div>
892                                <img src="images/news/7st_Playlist_for_Side_300x150.jpg" class="" style="width:50%;margin:0.5rem 0 1rem;" alt="7st Atmos プレイリスト公開!">
893                            </div>
894                            <div>
895                                7stでAtmos Mixを行った楽曲のプレイリストを作成いたしました!<br>
896                                是非、Apple Musicにてご試聴ください。
897                                <div style="margin:2rem 0;">
898                                    <p class="link"><a href="https://music.apple.com/jp/playlist/7st-playlist-for-atmos/pl.u-4JomaD3IJxokvx1" target="_blank" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span>7st Atmosプレイリスト</a></p>
899                                </div>
900                               
901                                引き続きスタジオ見学も承っておりますので是非お問合せ下さい。
902                            </div>
903                            <div>
904                                <div style="margin:2rem 0;">
905                                    <p class="link"><a href="https://www.onkio.co.jp/contact/index.html?p=sche" target="_blank" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span>お問合せフォームはこちら</a><span style="margin-left: 1.5rem;font-size:1.2rem;">電話番号:03-3564-4181</span></p>
906                                </div>
907                                
908                                <div style="margin-bottom:2rem;">
909                                    <p class="link"><a href="music/7st.html" target="_blank" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span>Studio No.7 ページへ</a></p>
910                                </div>
911                                
912                            </div>
913                        </div>
914
915                         <!-- ▼▼▼▼▼ ニュース項目 ▼▼▼▼▼ -->   
916                        <div data-scroll="in" class="news-item">
917                              <h2>デジタルリファレンスレベル変更のお知らせ</h2>
918                              <h5>2024.4.30</h5>
919                              <div>
920                                  いつも音響ハウスをご利用いただき誠にありがとうございます。<br>
921                                  JAPRS(日本音楽スタジオ協会)より発表されたリファレンスレベル推奨値の変更に伴い、
922                                  5/1よりデジタルリファレンスレベルを「0VU = -18dBFS」で運用いたします。
923                                  -16dBFSへの変更につきましては、承ることが出来ませんので
924                                  何卒ご了承頂きますようお願い申し上げます。
925                              </div>
926                              
927                        </div>
928                        
929                        <div style="margin:5rem 0;"></div>
930                        
931                        <!-- ▼▼▼▼▼ ニュース項目 ▼▼▼▼▼ -->
932                       <div style="margin:1.5rem;">
933                           <p style="color:#fff;padding:0.5rem;font-size:1.5rem;font-weight:700;font-style:italic;text-align:center;" class="onkio-acc-title-bg">
934                               <span style="word-break:keep-all;overflow-wrap:break-word;">
935                               「ONKIO Acoustics」Ver.1.2 リリース <wbr> 〜豪華エンジニア陣によるプリセットを<wbr>新搭載〜
936                                </span>
937                           </p>
938                           <p style="text-align:center;font-size:1.5rem;font-weight:700;word-break:keep-all;overflow-wrap:break-word;">
939                               音響ハウス 1スタ・2スタ<wbr>のアコースティックを<wbr>VSVerbテクノロジーを用いて忠実に再現した <wbr>Reverb Plug-in
940                           </p>
941                           <div class="row" style="padding:1rem;">
942                               <div class="col-xs-12 col-sm-12 col-lg-6"> 
943                                    <img src="images/news/ONKIAcousticsGUI1018.png" alt="ONKIO Acoustics" class="img-responsive">
944                               </div>
945                                <div class="col-sm-12 col-lg-6"> 
946                                     <p style="padding:2rem 2rem 0;line-height:2.5rem;">
947                                         2020年秋に公開されたドキュメンタリー映画「音響ハウス Melody-Go-Round」の中で
948                                        多くのアーティストによって語られたそのアコースティックをVSVerbⓇテクノロジーで忠実に再現。
949                                        音響ハウスのスタジオが持つ ”鳴りと響き” をお届けします。
950                                        音楽を志すDTMユーザーにも幅広くご提供・ご活用いただけるように
951                                        AAX, VST, AUの各プラットホームに対応。<br>
952                                        音楽を愛するすべての方に、「ONKIO Acoustics」がお役に立てることを願っています。
953                                     </p>
954
955                                    <div>  
956                                        <img src="images/news/st2_vo.png" alt="ONKIO Acoustics" class="img-responsive" style="width:50%;padding:0.75rem;float:left;">
957                                        <img src="images/news/st2_floor.png" alt="ONKIO Acoustics" class="img-responsive" style="width:50%;padding:0.75rem;float:left;">
958                                        <img src="images/news/st2_gt.png" alt="ONKIO Acoustics" class="img-responsive" style="width:50%;padding:0.75rem;float:left;">
959                                        <img src="images/news/st2_booth.png" alt="ONKIO Acoustics" class="img-responsive" style="width:50%;padding:0.75rem;float:left;">
960                                        <div style="clear:both;"></div>
961                                    </div>
962
963                                    <div style="text-align:center;margin:2rem 0;">
964                                        <p class="link"><a href="https://store.shopping.yahoo.co.jp/lacasaacustica/onkio-acoustics.html" target="_blank" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span>お求めは、音響ハウス・オンラインストア「La Casa Acustica」で!</a></p>
965                                    </div>
966                                    <div style="text-align:center;margin:2rem 0;">
967                                        <p class="link"><a href="https://www.snrec.jp/entry/product/onkio_acoustics" target="_blank" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span>サウンド&レコーディング・マガジン<br>「音響ハウスの響きがプラグインに!<br>ONKIO Acoustics〜開発者コメント&井上鑑レビュー」</a></p>
968                                    </div>
969                                </div>
970                               
971                                <div class="col-sm-12 col-lg-12" style="border:3px solid #1c4991;padding:0;text-align:center;font-weight:700;margin:0.5rem 0 1.5rem;">
972                                    <div style="width:100%;background-color:#1c4991;color:#ffffff;padding:0.5rem 0;">
973                                        Ver.1.2 リリース  - 新 Preset 搭載 -
974                                    </div>
975                                    <div style="background-color:#ffffff;">
976                                        <p style="color:#1c4991;padding:0.5rem;">
977                                        ONKIO HAUS ゆかりの豪華エンジニア陣によるプリセットを新搭載!!</p>
978                                        <p style="font-weight:400;text-align:left;padding:2rem 2rem;word-break:normal;">
979                                            2022å¹´10月に発表された音響ハウスの「鳴ã
979‚Šã¨éŸ¿ãã€ã‚’忠実に再現した『ONKIO Acoustics』に
980                                            今春、早くもVersion1.2がリリースされました。 
981                                            Ver.1.2ではプロフェッショナル・エンジニア達によるPresetを新たに搭載。 
982                                            CITY-POPの時代から「音響ハウス」を熟知してきたエンジニア/プロデューサーから現代J-POPシーンの最前線で活躍する気鋭のエンジニアまで、 多彩なレジェンド達による「ONKIO Acoustics」お薦めPresetを設定しました。
983                                            <br>
984                                            ONKIO Acousticsのポテンシャルを引き出すアイディア満載! 
985                                            ユーザーの方はすぐに無償アップデートできるので、この機会にぜひ、お試し下さい。
986                                        </p>
987
988                                        <div style="font-weight:400;font-size:1.25rem;text-align:left;word-break:normal;white-space:normal;">
989                                            <div class="row" style="padding:0.5rem 0;width:85%;margin:0 auto;">
990                                                <div class="col-sm-12 col-lg-12">
991                                                    <p style="text-align:left;border-bottom:2px solid black;font-weight:700;font-size:1.75rem;">
992                                                      *エンジニア・プロフィール
993                                                    </p>
994                                                </div>
995                                                <div class="col col-lg-3 col-sm-12">
996                                                    <div style="padding:0.2rem;display:flex;justify-content:center;">
997                                                        <img src="https://file003.shop-pro.jp/PA01437/118/images/lca/onkio_acoustics/a01.png" style="width:75%;max-width:180px;margin:0 auto;" alt="飯尾芳史">
998                                                    </div>
999                                                </div>
1000                                                <div class="col col-lg-9 col-sm-12">
1001                                                    <div style="padding:0.2rem;margin:0 auto;">
1002                                                        <img src="https://file003.shop-pro.jp/PA01437/118/images/lca/onkio_acoustics/a02.png" style="width:100%;" alt="飯尾芳史"><br>
1003                                                        <p style="padding:0.5rem 0 1rem;">飯尾芳史 ◆  オフィス・インテンツィオ ◆ レコーディング・エンジニア/プロデューサー</p>
1004                                                        <p>1979年、アルファレコードからキャリアをスタートし、1982年に細野晴臣『PHILHARMONY』でエンジニア・デビュー。以降、伝説のテクノユニット Y.M.O.を始め、矢野顕子、THE BEATNIKS、渡辺美里、藤井フミヤ、竹内まりや、大貫妙子、松たか子、のん、スキマスイッチ、矢沢永吉など時代のトップアーティストの作品を数多く手掛けているレジェンドエンジニア。<br>
1005                                                            2020年秋公開の映画「音響ハウス Melody-Go-Round」ではテーマ曲のエンジニアリングとプロデュースを務めた。
1006                                                        </p>
1007                                                    </div>
1008                                                </div>
1009                                            </div>
1010
1011                                            <div class="row" style="border-top:solid 1px black;padding:1rem 0;width:85%;margin:0 auto;">
1012                                                <div class="col col-lg-3 col-sm-12">
1013                                                    <div style="padding:0.2rem;display:flex;justify-content:center;">
1014                                                        <img src="https://file003.shop-pro.jp/PA01437/118/images/lca/onkio_acoustics/b
101401.png" style="width:75%;max-width:180px;margin:0 auto;" alt="伊東俊郎">
1015                                                    </div>
1016                                                </div>
1017                                                <div class="col col-lg-9 col-sm-12">
1018                                                    <div style="padding:0.2rem;margin:0 auto;">
1019                                                        <img src="https://file003.shop-pro.jp/PA01437/118/images/lca/onkio_acoustics/b02.png" style="width:100%;" alt="伊東俊郎"><br>
1020                                                        <p style="padding:0.5rem 0 1rem;">伊東俊郎 ◆ フリーランス ◆ レコーディング・エンジニア/サウンド・プロデューサー</p>
1021                                                        <p>1976年、音響ハウスに入社後、CBSソニー、スマイルガレージを経て現在フリーランス。<br>
1022                                                            TM NETWORK、宇都宮隆、渡辺美里、米米CLUB、HOUND DOG、大瀧詠一、吉田美奈子、山下達郎、一風堂、佐野元春、久石譲、天童よしみなど、数多くのアーティスト作品を手掛けている。CITY-POPの全盛期を支え、大きな功績を遺してきたベテランエンジニアであり、同時にヒットメーカーでもある。その歩みは現在も進行中。
1023                                                        </p>
1024                                                    </div>
1025                                                </div>
1026                                            </div>
1027
1028                                            <div class="row" style="border-top:solid 1px black;padding:1rem 0;width:85%;margin:0 auto;">
1029                                                <div class="col col-lg-3 col-sm-12">
1030                                                    <div style="padding:0.2rem;display:flex;justify-content:center;">
1031                                                        <img src="https://file003.shop-pro.jp/PA01437/118/images/lca/onkio_acoustics/c01.png" style="width:75%;max-width:180px;margin:0 auto;" alt="小森雅仁">
1032                                                    </div>
1033                                                </div>
1034                                                <div class="col col-lg-9 col-sm-12">
1035                                                    <div style="padding:0.2rem;margin:0 auto;">
1036                                                        <img src="https://file003.shop-pro.jp/PA01437/118/images/lca/onkio_acoustics/c02.png" style="width:100%;" alt="小森雅仁"><br>
1037                                                        <p style="padding:0.5rem 0 1rem;">小森雅仁 ◆ バーディハウス ◆ レコーディング・エンジニア</p>
1038                                                        <p>Studio Greenbird、ABS RECORDINGS、Bunkamura Studioを経てフリーランスとなる。<br>
1039                                                            米津玄師、Official髭男dism、藤井風、宇多田ヒカル、Yaffle、小袋成彬、TENDRE、iri、AAAMYYY、KIRINJI、浦上想起らのレコーディングやミキシングを手がける。
1040                                                        </p>
1041                                                    </div>
1042                                                </div>
1043                                            </div>
1044
1045                                            <div class="row" style="border-top:solid 1px black;padding:1rem 0;width:85%;margin:0 auto;">
1046                                                <div class="col col-lg-3 col-sm-12">
1047                                                    <div style="padding:0.2rem;display:flex;justify-content:center;">
1048                                                        <img src="https://file003.shop-pro.jp/PA01437/118/images/lca/onkio_acoustics/d01.png" style="width:75%;max-width:180px;margin:0 auto;" alt="斎藤敬興">
1049                                                    </div>
1050                                                </div>
1051                                                <div class="col col-lg-9 col-sm-12">
1052                                                    <div style="padding:0.2rem;margin:0 auto;">
1053                                                        <img src="https://file003.shop-pro.jp/PA01437/118/images/lca/onkio_acoustics/d02.png" style="width:100%;" alt="斎藤敬興"><br>
1054                                                        <p style="padding:0.5rem 0 1rem;">斎藤敬興 ◆ mimi-tab.net ◆ レコーディング・エンジニア</p>
1055                                                        <p>音響ハウスに在籍の後、1998 年よりフリーとして活動開始。<br>
1056                                                            コブクロ、Crystal Kay、大塚愛、阿部真央、類家心平、小沼ようすけ、鈴木央紹、半﨑美子、森山直太朗、ゴスペラーズ、May Jなど、ポップスからジャズまで幅広いジャンルのアーティスト作品を多数手掛けている。コブクロの LIVE に帯同し、サウンド・ディレクターを務めるなど活動の範囲を拡げている。
1057                                                        </p>
1058                                                    </div>
1059                                                </div>
1060                                            </div>
1061
1062                                            <div class="row" style="border-top:solid 1px black;padding:1rem 0;width:85%;margin:0 auto;">
1063                                                <div class="col col-lg-3 col-sm-12">
1064                                                    <div style="padding:0.2rem;display:flex;justify-content:center;">
1065                                                        <img src="https://file003.shop-pro.jp/PA01437/118/images/lca/onkio_acoustics/e01.png" style="width:75%;max-width:180px;margin:0 auto;" alt="采原史明">
1066                                                    </div>
1067                                                </div>
1068                                                <div class="col col-lg-9 col-sm-12">
1069                                                    <div style="padding:0.2rem;margin:0 auto;">
1070                                                        <img src="https://file003.shop-pro.jp/PA01437/118/images/lca/onkio_acoustics/e02.png" style="width:100%;" alt="采原史明"><br>
1071                                                        <p style="padding:0.5rem 0 1rem;">采原史明 ◆ フリーランス ◆ レコーディング・エンジニア</p>
1072                                                        <p>東京スカパラダイスオーケストラ、凛として時雨、yama、ALI、Aimer、クリープハイプ、alexandros、羊文学、kana-boon、リーガルリリー、WurtSなどの多くのアーティスト作品を手掛け、新しいムーブメントの発信に大きく貢献。エンジニアの枠を超えて飛躍している注目の音楽プロデューサーでもある。
1073                                                        </p>
1074                                                    </div>
1075                                                </div>
1076                                            </div>
1077                                        </div>
1078
1079                                    </div>
1080                                </div>
1081
1082                            </div>
1083                        </div>
1084                       <hr style="border-bottom:solid 1px #000;
1084width:100%;margin:5rem 0;" />
1085                        
1086 
1087                        <!-- ▼▼▼▼▼ ニュース項目 ▼▼▼▼▼ -->
1088                        <div style="margin:1.5rem;padding:1rem;border:red 5px solid;">
1089                           <p style="text-align:center;font-weight:900;font-size:2.5rem;">音響ハウスを名乗るECサイトが存在します。</p>
1090                            <p style="text-align:center;font-weight:900;font-size:2rem;background-color:red;color:white;">当社を騙る偽サイトにご注意ください!!!</p>
1091
1092                            <div style="text-align:center;margin-top:2rem;">
1093                                    <p class="link"><a href="notice_20220926.html" target="_blank" class="btn btn-default btn-sm" style="font-weight:400;"><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span>【重要なお知らせ】音響ハウスを名乗るECサイトにご注意ください</a></p>
1094                            </div>
1095                        </div>
1096                        <hr style="border-bottom:solid 1px #000;
1096width:100%;margin:5rem 0;" />
1097                        
1098                        
1099                    
1100
1101                        <hr style="border:1px solid #333333;">
1102                        
1103
1104                        <div data-scroll="in" class="news-item" style="margin:0 0 3rem;">
1105                             <div style="text-align:center;margin-bottom:2rem;">
1106                                  <p class="link"><a href="past-news.html" class="btn btn-default btn-sm"><span class="glyphicon glyphicon glyphicon-time" aria-hidden="true"></span>過去インフォメーション&ニュース...</a></p>
1107                            </div>
1108                        </div>    
1109
1110					</div><!-- col end -->
1111                    
1112                    <div class="sns clearfix col-xs-12 col-sm-12 visible-xs visible-sm">
1113                        
1114                        <div class="col-xs-12 col-sm-12 text-center">
1115                            <div class="eg" style="width:330px;margin:1rem auto 20px;">
1116                                <a href="" class="engage-recruit-widget" data-height="300" data-width="330" data-url="https://en-gage.net/onkio/widget/" target="_blank"></a>
1116<script src="https://en-gage.net/common/company_script/recruit/widget.js"></script>
1116
1117                            </div>
1118                        </div>
1119                        
1120                        <div class="col-xs-12 col-sm-12 text-center">
1121                            <div class="ig">
1122                                <h3>Instagram</h3>
1123                                <div class="insta"></div>
1124                            </div>
1125                        </div>
1126                        <!--
1127                        <div class="col-xs-12 col-sm-12 text-center">
1128                            <div class="tw">
1129                                <h3>X(旧Twitter)</h3>
1130                                    <a class="twitter-timeline" data-width="600" data-height="520" data-theme="light" href="https://twitter.com/onkio_haus?ref_src=twsrc%5Etfw">Tweets by onkio_haus</a> 
1130<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
1130
1131                            </div>
1132                        </div>
1133                        -->
1134
1135                    </div>
1136                    
1137					
1138					<div class="sns clearfix col-md-5 col-lg-4 visible-md visible-lg">
1139
1140                        <hr/>
1141       
1142                        <div class="sns-area-banner" style="width:100%;">
1143                            <div style="width:330px;">
1144                                <a href ="/postproduction/jimaku.html" target="_self"> 
1145                                    <img src="images/side/jimaku_Side_300x150.webp" alt="CM字幕作成" style="width:330px;margin:0 auto;">
1146                                </a>
1147                                <!--
1148                                <a href="postproduction/jimaku.html"><p style="text-align:center;font-weight:100;font-size:1.75rem;padding:0.25rem;">CM字幕制作承ります!</p></a>
1149                                -->
1150                               </div>
1151                        </div>
1152                        
1153                        <hr/>
1154                        
1155                        <div class="sns-area-banner" style="width:100%;">
1156                            <div style="width:330px;">
1157                                <a href ="https://music.apple.com/jp/playlist/7st-playlist-for-atmos/pl.u-4JomaD3IJxokvx1" target="_blank"> 
1158                                    <img src="images/side/7st_Playlist_for_Side_300x150_A.jpg" alt="7st Atmosのプレイリスト公開中!" style="width:330px;margin:0 auto;">
1159                                </a>
1160                               </div>
1161                        </div>
1162                        
1163                        <hr/>
1164                        
1165                        <div class="sns-area-banner" style="width:100%;">
1166                            <div style="width:330px;">
1167                                <a href ="dist_list.html" target="_parent"> 
1168                                    <img src="images/side/Melody-Go-Round_for_Side_300x150.jpg" alt="映画『音響ハウス Melody-Go-Round』" style="width:330px;margin:0 auto;">
1169                                </a>
1170                               </div>
1171                        </div>
1172                        
1173                        <hr/>
1174                        
1175						<div class="eg" style="margin:20px 5px;">
1176							<a href="" class="engage-recruit-widget" data-height="300" data-width="330" data-url="https://en-gage.net/onkio/widget/" target="_blank"></a>
1176<script src="https://en-gage.net/common/company_script/recruit/widget.js"></script>
1176
1177						</div>
1178                        <!--
1179						<div class="fb">
1180							<h3>facebook</h3>
1181                            
1182                            <div class="fb-page" data-href="https://www.facebook.com/onkiohaus.jp/" data-tabs="timeline" data-width="500" data-height="500" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="true"><blockquote cite="https://www.facebook.com/onkiohaus.jp/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/onkiohaus.jp/">音響ハウス(Onkio Haus Inc.)</a></blockquote></div>
1183                            
1184						</div>
1185                        -->
1186						
1187                        <!--
1188						<div class="ig">
1189							<h3>Instagram</h3>
1190							<iframe src="ig.php" height="400px" ></iframe>
1191						</div>
1192                        -->
1193                        
1194                        <div class="ig">
1195							<h3>Instagram</h3>
1196                            <div class="insta"></div>
1197						</div>
1198                        
1199						<!--
1200						<div class="tw">
1201							<h3>X(旧Twitter)</h3>
1202                                <a class="twitter-timeline" data-width="600" data-height="520" data-theme="light" href="https://twitter.com/onkio_haus?ref_src=twsrc%5Etfw">Tweets by onkio_haus</a> 
1202<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
1202
1203						</div>
1204                        -->
1205					</div><!-- sns end -->
1206		
1207				</div><!-- row end -->
1208			</div><!-- container end --><!-- #BeginLibraryItem "/Library/footer.lbi" --><footer class="footer-item">
1209    <div class="container">
1210        <h4 class="copyrights">&copy;&nbsp;Onkio Haus Inc. All Rights Reserved.</h4>
1211    </div>
1212</footer>
1213		<!-- #EndLibraryItem --></div>
1214	<!--  END for Drawer Main Contents  -->
1215
1216
1217
1218<div class="row">
1219	<div>
1220		<p id="page-top"><a href="#"><span class="glyphicon glyphicon-circle-arrow-up"></span></a></p>
1221	</div>
1222</div>
1223
1224
1225<script src="js/pushbar.js"></script>
vendor: 1 bytes, line 1225
1225
1226<script type="text/javascript">
1227  var pushbar = new Pushbar({
1228        blur:true,
1229        overlay:true,
1230      });
1231      
1232</script>
vendor: 1 bytes, line 1232
1232
1233<script>
1234  ScrollOut({
1235      once: true,
1236      threshold: 0.4
1237  });
1238</script>
1238
1239
1240<script>
1241const overlay=document.getElementById('modalOverlay');const modalImg=document.getElementById('modalImg');const modalInner=document.getElementById('modalInner');const modalClose=document.getElementById('modalClose');let currentUrl='';const ANIM_MS=320;function openModal(fullSrc,jumpUrl){currentUrl=jumpUrl;modalImg.src=fullSrc;modalImg.alt='';overlay.classList.remove('closing');overlay.classList.add('active');document.body.style.overflow='hidden'}function closeModal(){overlay.classList.add('closing');setTimeout(()=>{overlay.classList.remove('active','closing');modalImg.src='';document.body.style.overflow=''},ANIM_MS)}document.querySelectorAll('.thumb-wrap').forEach(el=>{el.addEventListener('click',()=>{openModal(el.dataset.full,el.dataset.url)})});modalInner.addEventListener('click',(e)=>{if(e.target===modalClose||modalClose.contains(e.target))return;window.location.href=currentUrl});modalClose.addEventListener('click',(e)=>{e.stopPropagation();closeModal()});overlay.addEventListener('click',(e)=>{if(modalInner.contains(e.target))return;closeModal()});document.addEventListener('keydown',(e)=>{if(e.key==='Escape'&&overlay.classList.contains('active')){closeModal()}});    
1242</script>
1242
1243
1244
1245</body>
1246</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.