1<!DOCTYPE HTML> 2<html lang="ja"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <!-- --> 7 <title>åå ´çãTOKYO MERï½èµ°ãç·æ¥æå½å®¤ï½ã</title> 8 <meta name="description" content="TBSæ¥æåå ´ã§æ¾éããããTOKYO MERï½èµ°ãç·æ¥æå½å®¤ï½ããå¾ æã®æ ç»åï¼æ ç»ç¶ç·¨å¶ä½æ±ºå®ï¼"> 9 <meta name="keywords" content="TOKYOMER,MER,é´æ¨äº®å¹³,è³æ¥è³¢äºº,䏿¡ããã¿,èã ç·,ã¸ã§ã·ã¼,æ,æ¥æåå ´,横æµ"> 10 <meta name="author" content="æ±å®"> 11 <!-- ogp --> 12 <meta property="og:site_name" content="åå ´çãTOKYO MERï½èµ°ãç·æ¥æå½å®¤ï½ã"> 13 <meta property="og:title" content="åå ´çãTOKYO MERï½èµ°ãç·æ¥æå½å®¤ï½ã"> 14 <meta property="og:type" content="website"> 15 <meta property="og:url" content="https://tokyomer-movie.jp/"> 16 <meta property="og:image" content="https://tokyomer-movie.jp/assets/images/share4.jpg"> 17 <meta property="og:description" content="TBSæ¥æåå ´ã§æ¾éããããTOKYO MERï½èµ°ãç·æ¥æå½å®¤ï½ããå¾ æã®æ ç»åï¼æ ç»ç¶ç·¨å¶ä½æ±ºå®ï¼"> 18 <meta property="fb:app_id" content=""> 19 <!-- twittercard --> 20 <meta name="twitter:card" content="summary_large_image"> 21 <meta name="twitter:site" content=""> 22 <meta name="twitter:creator" content=""> 23 <meta name="twitter:title" content="åå ´çãTOKYO MERï½èµ°ãç·æ¥æå½å®¤ï½ã"> 24 <meta name="twitter:description" content="TBSæ¥æåå ´ã§æ¾éããããTOKYO MERï½èµ°ãç·æ¥æå½å®¤ï½ããå¾ æã®æ ç»åï¼æ ç»ç¶ç·¨å¶ä½æ±ºå®ï¼"> 25 <meta name="twitter:image:src" content="https://tokyomer-movie.jp/assets/images/share4.jpg"> 26 <meta name="twitter:domain" content="tokyomer-movie.jp"> 27 <!-- --> 28 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 user-scalable=no"> 29 <link rel="shortcut icon" href="/favicon.ico?v=2"> 30 <!-- css --> 31 <link rel="preconnect" href="https://fonts.googleapis.com"> 32 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 33 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&family=Oswald&display=swap" rel="stylesheet"> 34 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" /> 35 <link rel="stylesheet" type="text/css" href="./assets/css/common.css?ver=13" media="all"> 36 <link rel="stylesheet" type="text/css" href="./assets/css/style.css?ver=37" media="all"> 37 <link rel="stylesheet" type="text/css" href="./assets/css/print.css" media="print"> 38
38<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
38 39 <!-- Google Tag Manager --> 40
40<script>
vendor: 497 bytes, lines 40-55
40 41 (function(w, d, s, l, i) 42 { 43 w[l] = w[l] || []; 44 w[l].push( 45 { 46 'gtm.start': new Date().getTime(), 47 event: 'gtm.js' 48 }); 49 var f = d.getElementsByTagName(s)[0], 50 j = d.createElement(s), 51 dl = l != 'dataLayer' ? '&l=' + l : ''; 52 j.async = true; 53 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 54 f.parentNode.insertBefore(j, f); 55 })(window, document, 'script', 'dataLayer', '
55GTM-MGG2SS4T
vendor: 8 bytes, lines 55-56
55'); 56
56</script>
56 57 <!-- End Google Tag Manager --> 58 </head> 59 <body oncontextmenu="return false;"> 60 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 60-61
60 61 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
61GTM-MGG2SS4T
vendor: 87 bytes, lines 61-62
61" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 62
62<!-- End Google Tag Manager (noscript) --> 63 <div id="cover"> 64 <div class="mark"> 65 <div> 66 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46 46" class="base"> 67 <circle class="a" cx="23" cy="23" r="20" /> 68 </svg> 69 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46 46" class="loader"> 70 <circle class="a" cx="23" cy="23" r="20" /> 71 </svg> 72 </div> 73 </div> 74 </div> 75 <!-- --> 76 <section class="top op-item"> 77 <div class="top__inner"> 78 <div class="top__v"> 79 <picture> 80 <source srcset="./assets/images/top/ver2/v-sp.jpg?ver=2" width="" height="" media="(max-width:750px)"> 81 <source srcset="./assets/images/top/ver2/v-pc.jpg?ver=2" width="" height=""> 82 <img src="./assets/images/top/ver2/v-pc.jpg?ver=2" alt="åå ´çãTOKYO MERï½èµ°ãç·æ¥æå½å®¤ï½ã" width="" height="" loading=""> 83 </picture> 84 </div> 85 <div class="top__text"> 86 <div class="top__text__inner"> 87 <!-- --> 88 <div class="top__text__container"> 89 <div class="top__text__container__inner"> 90 <div class="top__text__title"> 91 <p class="top__copy2"> 92 <picture> 93 <source srcset="./assets/images/top/ver2/copy2-sp.png?ver=" width="" height="" media="(max-width:750px)"> 94 <source srcset="./assets/images/top/ver2/copy2-pc.png?ver= 1x,./assets/images/top/ver2/[email protected]?ver= 2x" width="" height=""> 95 <img src="./assets/images/top/ver2/copy2-pc.png?ver=" alt="å¾ ã£ã¦ããã ããããæããªãå½ãããã" width="" height="" loading=""> 96 </picture> 97 </p> 98 <p class="top__copy -sp"> 99 <picture> 100 <source srcset="./assets/images/top/ver2/copy-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 101 <source srcset="./assets/images/top/ver2/copy-pc.png?ver=2 1x,./assets/images/top/ver2/[email protected]?ver=2 2x" width="" height=""> 102 <img src="./assets/images/top/ver2/copy-pc.png?ver=2" alt="å¾ ã£ã¦ããã ããããæããªãå½ãããã" width="" height="" loading=""> 103 </picture> 104 </p> 105 <h1> 106 <picture> 107 <source srcset="./assets/images/top/ver2/title-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 108 <source srcset="./assets/images/top/ver2/title-pc.png?ver=2 1x,./assets/images/top/ver2/[email protected]?ver=2 2x" width="" height=""> 109 <img src="./assets/images/top/ver2/title-pc.png?ver=2" alt="åå ´çãTOKYO MERï½èµ°ãç·æ¥æå½å®¤ï½ã" width="" height="" loading=""> 110 </picture> 111 </h1> 112 <div class="top__text__title__credit"> 113 <picture> 114 <source srcset="./assets/images/top/ver2/credit-sp.png?ver=" width="" height="" media="(max-width:750px)"> 115 <source srcset="./assets/images/top/ver2/credit-pc.png?ver= 1x,./assets/images/top/ver2/[email protected]?ver= 2x" width="" height=""> 116 <img src="./assets/images/top/ver2/credit-pc.png?ver=" alt="é´æ¨äº®å¹³ãè³æ¥è³¢äººã䏿¡ããã¿ãèã ç·ãã¸ã§ã·ã¼ãæ" width="" height="" loading=""> 117 </picture> 118 </div> 119 <footer class="top__footer -sp"> 120 <small> 121 <img src="./assets/images/common/copyright.png?ver=" srcset="./assets/images/common/copyright.png?ver= 1x, ./assets/images/common/[email protected]?ver= 2x" alt="" width="" height="" loading=""> 122 </small> 123 </footer> 124 </div> 125 <div class="top__text__sub"> 126 <!-- 127 <p class="top__text__title__roadshow"> 128 129<picture> 130 <source srcset="./assets/images/top/ver2/roadshow-hit-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 131 <source srcset="./assets/images/top/ver2/roadshow-hit-pc.png?ver=2 1x,./assets/images/top/ver2/[email protected]?ver=2 2x" width="" height=""> 132 <img src="./assets/images/top/ver2/roadshow-hit-pc.png?ver=2" alt="大ããã䏿 ä¸ï¼" width="" height="" loading=""> 133</picture> 134 </p> 135 --> 136 <div class="top__text__etc"> 137 <dl class="share"> 138 <dt>
139 <img src="./assets/images/share/title.png?ver=" srcset="./assets/images/share/title.png?ver= 1x, ./assets/images/share/[email protected]?ver= 2x" alt="Share" width="" height="" loading=""> 140 </dt> 141 <dd> 142 <a href="https://twitter.com/intent/tweet?text=åå ´çãTOKYO MERï½èµ°ãç·æ¥æå½å®¤ï½ã&url=https://tokyomer-movie.jp/"> 143 <img src="./assets/images/share/x.png?ver=" srcset="./assets/images/share/x.png?ver= 1x, ./assets/images/share/[email protected]?ver= 2x" alt="Twitter" width="" height="" loading=""> 144 </a> 145 </dd> 146 <dd> 147 <a href="javascript:void(0)" onclick="shares('https://tokyomer-movie.jp/','facebook')"> 148 <img src="./assets/images/share/facebook.png?ver=" srcset="./assets/images/share/facebook.png?ver= 1x, ./assets/images/share/[email protected]?ver= 2x" alt="Facebook" width="" height="" loading=""> 149 </a> 150 </dd> 151 <dd> 152 <a href="http://line.naver.jp/R/msg/text/?åå ´çãTOKYO MERï½èµ°ãç·æ¥æå½å®¤ï½ã https://tokyomer-movie.jp/"> 153 <img src="./assets/images/share/line.png?ver=" srcset="./assets/images/share/line.png?ver= 1x, ./assets/images/share/[email protected]?ver= 2x" alt="LINE" width="" height="" loading=""> 154 </a> 155 </dd> 156 </dl> 157 </div> 158 </div> 159 </div> 160 </div> 161 </div> 162 <!-- --> 163 <ul class="sns -sp"> 164 <li> 165 <a href="https://twitter.com/tokyo_mer_tbs" target="_blank"> 166 <picture> 167 <source srcset="./assets/images/sns/x-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 168 <source srcset="./assets/images/sns/x-pc.png?ver=2 1x,./assets/images/sns/[email protected]?ver=2 2x" width="" height=""> 169 <img src="./assets/images/sns/x-pc.png?ver=2" alt="Twitter" width="" height="" loading=""> 170 </picture> 171 </a> 172 </li> 173 <li> 174 <a href="https://www.instagram.com/tokyo_mer_tbs/" target="_blank"> 175 <picture> 176 <source srcset="./assets/images/sns/instagram-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 177 <source srcset="./assets/images/sns/instagram-pc.png?ver=2 1x,./assets/images/sns/[email protected]?ver=2 2x" width="" height=""> 178 <img src="./assets/images/sns/instagram-pc.png?ver=2" alt="Instagram" width="" height="" loading=""> 179 </picture> 180 </a> 181 </li> 182 <li> 183 <a href="http://tiktok.com/@tokyomer" target="_blank"> 184 <picture> 185 <source srcset="./assets/images/sns/tiktok-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 186 <source srcset="./assets/images/sns/tiktok-pc.png?ver=2 1x,./assets/images/sns/[email protected]?ver=2 2x" width="" height=""> 187 <img src="./assets/images/sns/tiktok-pc.png?ver=2" alt="Tiktok" width="" height="" loading=""> 188 </picture> 189 </a> 190 </li> 191 </ul> 192 <!-- 193 <div class="top__banner__large"> 194 <ul> 195 <li><a href="news.html#20240919" target="_blank"> 196 <picture> 197 <source srcset="./assets/images/badge/badge-large19-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 198 <source srcset="./assets/images/badge/badge-large19-pc.png?ver=2" width="" height=""> 199 <img src="./assets/images/badge/badge-large19-pc.png?ver=2" alt="Tiktok" width="" height="" loading=""> 200 </picture> 201 </a></li> 202 </ul> 203 </div> 204 --> 205 </div> 206 </div> 207 <div class="top__banner__large--sp"> 208 <ul> 209 <li><a href="javascript:void(0);" onclick="openModal('stream')"><img src="./assets/images/badge/badge-large20.png" alt=""></a></li> 210 <li><a href="../bluraydvd.html" target="_blank"><img src="./assets/images/badge/badge-large18.png" alt=""></a></li> 211 <!-- <li><a href="https://info.toho.co.jp/tokyomer_snc/" target="_blank"><img src="./assets/images/badge/badge-large13.png?ver=2" alt=""></a></li> --> 212 <!-- <li><a href="https://ssl.toho-movie.com/senden/tokyomer_quiz/" target="_blank"><img src="./assets/images/badge/badge-large14.png?ver=2" alt=""></a></li> --> 213 <!-- <li><a href="campaign.html" target="_blank"><img src="./assets/images/badge/badge-large10.png?ver=2" alt=""></a></li> --> 214 <!-- <li><a href="news.html#20230522001" target="_blank"><img src="./assets/images/badge/badge-large15.png" alt=""></a></li> --> 215 <!-- <li><a href="https://zexaevent.jp/tokyo-mer/" target="_blank"><img src="./assets/images/badge/badge-large8.png" alt=""></a></li> --> 216 <li><a href="../uniform.html" target="_blank"><img src="./assets/images/badge/badge-large5.png" alt=""></a></li> 217 <!-- <li><a href="https://tver.jp/series/srxpm91dnw" target="_blank"><img src="./assets/images/badge/badge-large2.png" alt=""></a></li> --> 218 <!-- <li><a href="news.html#20230412001" target="_blank"><img src="./assets/images/badge/badge-large9.png" alt=""></a></li> --> 219 <li>
219<a href="https://www.tbs.co.jp/TokyoMER_tbs/" target="_blank"><img src="./assets/images/badge/badge-large11.png" alt=""></a></li> 220 </ul> 221 </div> 222 </section> 223 <div class="banner"> 224 <ul class="banner__inner"> 225 <li class="banner__item"><a href="https://shopping.tbs.co.jp/tbs/shop/goods_dvd/drama_tokyomer?utm_source=tokyomer_o&utm_medium=link&utm_campaign=tokyomer_o_20210701_to_shop" target="_blank" class="banner__btn"><img src="./assets/images/banner/banner8.png" alt=""></a></li> 226 </ul> 227 <div class="top__text__sub__banner"> 228 <!-- 229<dl class="mvtk"> 230 <dt class="mvtk__title -sp"> 231 <img src="./assets/images/common/mvtk/mvtk-title-sp.png" alt=""> 232 </dt> 233 <dd> 234 <ul> 235 <li> 236 <button onclick="openModal('mvtkModal');"> 237 238<picture> 239 <source srcset="./assets/images/common/mvtk/mvtk1-sp.png?ver=3" width="" height="" media="(max-width:750px)"> 240 <source srcset="./assets/images/common/mvtk/mvtk1-pc.png?ver=3" width="" height=""> 241 <img src="./assets/images/common/mvtk/mvtk1-pc.png?ver=3" alt="" width="" height="" loading=""> 242</picture> 243 </button> 244 </li> 245 <li> 246 <a href="https://www.major-j.com/cinema_information.php?id=M20230223003" target="_blank"> 247 248<picture> 249 <source srcset="./assets/images/common/mvtk/mvtk2-sp.png?ver=3" width="" height="" media="(max-width:750px)"> 250 <source srcset="./assets/images/common/mvtk/mvtk2-pc.png?ver=3" width="" height=""> 251 <img src="./assets/images/common/mvtk/mvtk2-pc.png?ver=3" alt="" width="" height="" loading=""> 252</picture> 253 <img src="./assets/images/common/mvtk/mvtk-card.png" alt="" class="mvtk__card"> 254 </a> 255 </li> 256 </ul> 257 </dd> 258</dl> 259 260<div class="modal mvtk__modal" id="mvtkModal"> 261 <div class="modal__inner"> 262 <div> 263 <div id="mvtk-widgets-container" data-format="responsive" data-color="normal"><a id="mvtk-widgets" href="https://mvtk.jp/Film/077971">Widgets by ã ããã±</a></div>
263<script defer src="https://contents.mvtk.jp/widgets/js/widgets_v1_1.js" charset="utf-8"></script>
263 264 </div> 265 <a href="javascript:void(0);" class="btn-close" onclick="closeModal('mvtkModal');"> 266 <span class="btn-close__inner"></span> 267 </a> 268 </div> 269</div>
270<script> 271 window.openModal = function(_id){ 272 const el = document.getElementById(_id); 273 el.classList.add('-active'); 274 } 275 window.closeModal = function(_id){ 276 const el = document.getElementById(_id); 277 el.classList.remove('-active'); 278 } 279</script>
279 --> 280 <!-- --> 281 <div class="top__text__voice"> 282 <!-- 283 <a href="https://theater.toho.co.jp/toho_theaterlist/tokyomer_movie.html" target='_blank'> 284 <img src="./assets/images/common/voice.png?ver=2" alt="æ¬ä½åã¯HELLO! MOVIEæ¹å¼ã«ããé³å£°ã¬ã¤ãã»æ¥æ¬èªåå¹ã«å¯¾å¿ãã¦ãã¾ã"> 285 </a> 286 --> 287 </div> 288 </div> 289 </div> 290 <!-- --> 291 <!-- --> 292 <!-- --> 293 <nav class="nav"> 294 <div class="nav__mark nav-item" onclick="toggleNav(); return false;"> 295 <div class="nav__mark__inner"> 296 <span class="nav__mark__item -top"></span> 297 <span class="nav__mark__item -middle"></span> 298 <span class="nav__mark__item -bottom"></span> 299 </div> 300 </div> 301 <div class="nav__main nav-item"> 302 <!-- 303 <p class="nav__main__logo -pc"> 304 305<img src="./assets/images/nav/logo.png?ver=" srcset="./assets/images/nav/logo.png?ver= 1x, ./assets/images/nav/[email protected]?ver= 2x" alt="åå ´çãTOKYO MERï½èµ°ãç·æ¥æå½å®¤ï½ã" width="" height="" loading=""> 306 </p> 307 --> 308 <div class="nav__main__container"> 309 <ul class="nav__main__list"> 310 <li> 311 <a href="news.html"> 312 <div class="-e"><span>N</span>EWS</div> 313 <div class="-j">ãã¥ã¼ã¹</div> 314 </a> 315 </li> 316 <!-- 317 <li> 318 <a href="https://theater.toho.co.jp/toho_theaterlist/tokyomer_movie.html" target="_blank"> 319 <div class="-e"><span>T</span>HEATER</div> 320 <div class="-j">åå ´æ å ±</div> 321 </a> 322 </li> 323 --> 324 <li> 325 <a href="javascript:void(0);" onclick="openTrailer(); return false;"> 326 <div class="-e"><span>T</span>RAILER</div> 327 <div class="-j">äºåç·¨</div> 328 </a> 329 </li> 330 <li> 331 <a href="javascript:void(0);" onclick="go('#introduction'); return false;"> 332 <div class="-e"><span>I</span>NTRODUCTION&<span>S</span>TORY</div> 333 <div class="-j">ã¤ã³ãããã¯ã·ã§ã³ï¼ã¹ãã¼ãªã¼</div> 334 </a> 335 </li> 336 <li> 337 <a href="javascript:void(0);" onclick="go('#character'); return false;"> 338 <div class="-e"><span>C</span>HARACTER</div> 339 <div class="-j">ç»å ´äººç©</div> 340 </a> 341 </li> 342 <li> 343 <a href="javascript:void(0);" onclick="go('#chart'); return false;"> 344 <div class="-e"><span>P</span>ERSONAL <span>C</span>HART</div> 345 <div class="-j">人ç©ç¸é¢å³</div> 346 </a> 347 </li> 348 <li> 349 <a href="javascript:void(0);" onclick="go('#staff'); return false;"> 350 <div class="-e"><span>S</span>TAFF</div> 351 <div class="-j">ã¹ã¿ãã</div> 352 </a> 353 </li> 354 <li> 355 <a href="javascript:void(0);" onclick="go('#theme'); return false;"> 356 <div class="-e"><span>T</span>HEME <span>S</span>ONG</div> 357 <div class="-j">䏻顿</div> 358 </a> 359 </li> 360 <li> 361 <a href="productionnote.html"> 362 <div class="-e"><span>P</span>RODUCTION <span>N</span>OTE</div> 363 <div class="-j">ãããã¯ã·ã§ã³ãã¼ã</div> 364 </a> 365 </li> 366 </ul> 367 <ul class="sns"> 368 <li> 369 <a href="https://twitter.com/tokyo_mer_tbs" target="_blank"> 370 <picture> 371 <source srcset="./assets/images/sns/x-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 372 <source srcset="./assets/images/sns/x-pc.png?ver=2 1x,./assets/images/sns/[email protected]?ver=2 2x" width="" height=""> 373 <img src="./assets/images/sns/x-pc.png?ver=2" alt="Twitter" width="" height="" loading=""> 374 </picture> 375 </a> 376 </li> 377 <li> 378 <a href="https://www.instagram.com/tokyo_mer_tbs/" target="_blank"> 379 <picture> 380 <source srcset="./assets/images/sns/instagram-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 381 <source srcset="./assets/images/sns/instagram-pc.png?ver=2 1x,./assets/images/sns/[email protected]?ver=2 2x" width="" height=""> 382 <img src="./assets/images/sns/instagram-pc.png?ver=2" alt="Instagram" width="" height="" loading=""> 383 </picture> 384 </a> 385 </li> 386 <li> 387 <a href="http://tiktok.com/@tokyomer" target="_blank"> 388 <picture> 389 <source srcset="./assets/images/sns/tiktok-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 390 <source srcset="./assets/images/sns/tiktok-pc.png?ver=2 1x,./assets/images/sns/[email protected]?ver=2 2x" width="" height=""> 391 <img src="./assets/images/sns/tiktok-pc.png?ver=2" alt="Tiktok" width="" height="" loading=""> 392 </picture> 393 </a> 394 </li> 395 </ul> 396 </div> 397 </div> 398 </nav> 399 <!-- --> 400 <!-- trailer --> 401 <div id="trailer-wrapper"> 402 <div id="trailer"> 403 <div id="trailer-container"> 404 <div id="trailer-player-container"> 405 <div id="trailer-player"></div> 406 <div id="trailer-thumb-container"> 407 <div id="trailer-thumb"></div> 408 </div> 409 </div> 410 </div> 411 <div id="trailer-nav"></div> 412 </div> 413 <a href="javascript:void(0);" id="trailer-close" class="btn-close"> 414 <!-- <span class="btn-close__inner"></span> --> 415 </a> 416 </div> 417 <ul class="nav__main__container -sp"> 418 <li class=""> 419 <a href="news.html"> 420 <div class="-e"><span>N</span>EWS</div> 421 <div class="-j">ãã¥ã¼ã¹</div> 422 </a> 423 </li> 424 <!-- 425 <li> 426 <a href="https://theater.toho.co.jp/toho_theaterlist/tokyomer_movie.html" target="_blank"> 427 <div class="-e"><span>T</span>HEATER</div> 428 <div class="-j">åå ´æ å ±</div> 429 </a> 430 </li> 431 <li> 432 <a href="javascript:void(0);" onclick="openTrailer(); return false;"> 433 <div class="-e"><span>T</span>RAILER</div> 434 <div class="-j">äºåç·¨</div> 435 </a> 436 </li> 437 --> 438 <li> 439 <a href="javascript:void(0);" onclick="go('#introduction'); return false;"> 440 <div class="-e"><span>I</span>NTRODUCTION&<span>S</span>TORY</div> 441 <div class="-j">ã¤ã³ãããã¯ã·ã§ã³ï¼ã¹ãã¼ãªã¼</div> 442 </a> 443 </li> 444 <li> 445 <a href="javascript:void(0);" onclick="go('#character'); return false;"> 446 <div class="-e"><span>C</span>HARACTER</div> 447 <div class="-j">ç»å ´äººç©</div> 448 </a> 449 </li> 450 <li> 451 <a href="javascript:void(0);" onclick="go('#chart'); return false;"> 452 <div class="-e"><span>P</span>ERSONAL <span>C</span>HART</div> 453 <div class="-j">人ç©ç¸é¢å³</div> 454 </a> 455 </li> 456 <li> 457 <a href="javascript:void(0);" onclick="go('#staff'); return false;"> 458 <div class="-e"><span>S</span>TAFF</div> 459 <div class="-j">ã¹ã¿ãã</div> 460 </a> 461 </li> 462 <li> 463 <a href="javascript:void(0);" onclick="go('#theme'); return false;"> 464 <div class="-e"><span>T</span>HEME <span>S</span>ONG</div> 465 <div class="-j">䏻顿</div> 466 </a> 467 </li> 468 <li> 469 <a href="productionnote.html"> 470 <div class="-e"><span>P</span>RODUCTION <span>N</span>OTE</div> 471 <div class="-j">ãããã¯ã·ã§ã³ãã¼ã</div> 472 </a> 473 </li> 474 </ul> 475 <!-- --> 476 <section class="intro page__article" id="introduction"> 477 <div class="intro__inner"> 478 <div class="intro__text"> 479 <h1 class="intro__title"> 480 <picture> 481 <source srcset="./assets/images/introduction/ver2/title-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 482 <source srcset="./assets/images/introduction/ver2/title-pc.png?ver=2 1x,./assets/images/introduction/ver2/[email protected]?ver=2 2x" width="" height=""> 483 <img src="./assets/images/introduction/ver2/title-pc.png?ver=2" alt="INTRODUCTION" width="" height="" loading=""> 484 </picture> 485 </h1> 486 <p class="intro__text1"> 487 <picture> 488 <source srcset="./assets/images/introduction/ver2/copy1-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 489 <source srcset="./assets/images/introduction/ver2/copy1-pc.png?ver=2 1x,./assets/images/introduction/ver2/[email protected]?ver=2 2x" width="" height=""> 490 <img src="./assets/images/introduction/ver2/copy1-pc.png?ver=2" alt="横æµããçã«å ã¾ããââãå代æªèã®ç·æ¥äºæ çºçã å°ä¸ï¼ï¼éãåãæ®ãããï¼ï¼ï¼åã" width="" height="" loading=""> 491 </picture> 492 </p> 493 <p class="intro__text2"> ãTOKYO MERãââ ãªã室ãæè¼ãã大åè»ä¸¡ï¼ï¼¥Rã«ã¼ã§äºæ ãç½å®³ç¾å ´ã«é§ãä»ãã<br class="-pc">
493 èªãã®å±éºãé¡§ã¿ãæ£è ã®ããã«æ¦ããé½ç¥äºç´è½ã®æå½å»çãã¼ã ã§ããã<br> å½¼ãã®ä½¿å½ã¯ãã ä¸ã¤â¦ãæ»è ãä¸äººãåºããªããã¨ãã<br> 横æµã»ã©ã³ããã¼ã¯ã¿ã¯ã¼ã§ççºäºæ ãçºçãæ°å人ãéãæãå代æªèã®ç·æ¥äºæ ã«ã<br> ãå¾ ã£ã¦ããã ããããæããªãå½ãããããã¼ããã¯ã¿ã¼ã»åå¤è¦ã¯ãã¡æ©ãç¾å ´ã«åããã¹ãã¨ä¸»å¼µããããåçå´å大è£ãæ°è¨ããå·å¾¹ãªã¨ãªã¼ãéå£ãYOKOHAMA MERãã®é´¨å± ãã¼ãã¯ãå®å ¨ãªå ´æã§å¾ ã£ã¦ããªãã¦ã¯ãæããå½ãæããªããªããã¨çéã®ä¿¡å¿µãæ¿çªãããã<br> å°ä¸70éãåãæ®ããã193åãççºã¯æ¬¡ã ã¨é£éãã人ã ã«çãè¿«ãï¼æ··ä¹±ã®ãªãéå·è ãç¶åºããããçã¨ç ã§æå©ããªã¯è¿ã¥ããªããã¾ãã«çµ¶ä½çµ¶å½ã®å±æ©â¦<br> ããã«ãåå¤è¦ã¨åå©ããåæ¶ããã«ã«åãæ®ããã¦ãããã¨ã夿ã<br> åæ¶ã¯å¦å¨ 徿ã§ãåè¿«æ©ç£ã®ãªã¹ã¯ãæ±ãã¦ããâ¦<br><br> çµ¶æçãªç¶æ³ã®ä¸ãåå¤è¦ã®è³è£ã«ææã®å¦¹ã»æ¶¼é¦ã亡ããããã¤ã¦ã®æ²åããããââ<br> ãã誰ããæ»ãªãã¯ããªãã 494 <!-- 495<picture> 496 <source srcset="./assets/images/introduction/ver1/text2-sp.png?ver=" width="" height="" media="(max-width:750px)"> 497 <source srcset="./assets/images/introduction/ver1/text2-pc.png?ver= 1x,./assets/images/introduction/ver1/[email protected]?ver= 2x" width="" height=""> 498 <img src="./assets/images/introduction/ver1/text2-pc.png?ver=" alt="å ¨ã¦ã®å½ãæããã・・・MERãåºåã" width="" height="" loading=""> 499</picture> --> 500 </p> 501 <p class="intro__text3"> 502 <picture> 503 <source srcset="./assets/images/introduction/ver2/copy2-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 504 <source srcset="./assets/images/introduction/ver2/copy2-pc.png?ver=2 1x,./assets/images/introduction/ver2/[email protected]?ver=2 2x" width="" height=""> 505 <img src="./assets/images/introduction/ver2/copy2-pc.png?ver=2" alt="å½ã®å±æ©ã«æãå»çå¾äºè ãã¡ã®ãåæ°ã¨çµã®ç©èªã" width="" height="" loading=""> 506 </picture> 507 </p> 508 </div> 509 </div> 510 </section> 511 <div class="page__container"> 512 <div class="page__bg--chara"> 513 <picture> 514 <source srcset="./assets/images/chara/bg.webp?ver=1" width="" height="" type="image/webp"> 515 <source srcset="./assets/images/chara/bg.png?ver=1" width="" height=""> 516 <img src="./assets/images/chara/bg.png?ver=1" alt="" width="" height="" loading=""> 517 </picture> 518 </div> 519 <div class="page__bg--chart"> 520 <picture> 521 <source srcset="./assets/images/chart/bg.webp?ver=1" width="" height="" type="image/webp"> 522 <source srcset="./assets/images/chart/bg.png?ver=1" width="" height=""> 523 <img src="./assets/images/chart/bg.png?ver=1" alt="" width="" height="" loading=""> 524 </picture> 525 </div> 526 <div class="page__bg--grad"></div> 527 <div class="page__text"> 528 <section class="chara page__article" id="character"> 529 <div class="chara__inner"> 530 <h1 class="page__title"> 531 <img src="./assets/images/chara/title.png?ver=2" srcset="./assets/images/chara/title.png?ver=2 1x, ./assets/images/chara/[email protected]?ver=2 2x" alt="CHARACTER & CAST" width="" height="" loading=""> 532 </h1> 533 <div class="chara__container swiper1"> 534 <div class="chara__container__inner swiper-wrapper"> 535 <div class="chara-item swiper-slide chara__item--c1"> 536 <div class="chara-item__c"> 537 <picture> 538 <source srcset="./assets/images/chara/c1.webp?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793" type="image/webp"> 539 <source srcset="./assets/images/chara/c1.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793"> 540 <img src="./assets/images/chara/c1-pc.png?ver=1" alt="é´æ¨äº®å¹³" width="275" height="793" loading="lazy"> 541 </picture> 542 </div> 543 <div class="chara-item__n"> 544 <img src="./assets/images/chara/n1.png?ver=1" srcset="./assets/images/chara/n1.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" alt="" width="275" height="440" loading="lazy"> 545 </div> 546 </div> 547 <div class="chara-item swiper-slide chara__item--c2"> 548 <div class="chara-item__c"> 549 <picture> 550 <source srcset="./assets/images/chara/c2.webp?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793" type="image/webp"> 551 <source srcset="./assets/images/chara/c2.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793"> 552 <img src="./assets/images/chara/c2-pc.png?ver=1" alt="è³æ¥è³¢äºº" width="275" height="793" loading="lazy"> 553 </picture> 554 </div> 555 <div class="chara-item__n"> 556 <img src="./assets/images/chara/n2.png?ver=1" srcset="./assets/images/chara/n2.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" alt="" width="275" height="440" loading="lazy"> 557 </div> 558 </div> 559 <div class="chara-item swiper-slide chara__item--c3"> 560 <div class="chara-item__c"> 561 <picture> 562 <source srcset="./assets/images/chara/c3.webp?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793" type="image/webp"> 563 <source srcset="./assets/images/chara/c3.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793"> 564 <img src="./assets/images/chara/c3-pc.png?ver=1" alt="䏿¡ããã¿" width="275" height="793" loading="lazy"> 565 </picture> 566 </div> 567 <div class="chara-item__n"> 568 <img src="./assets/images/chara/n3.png?ver=1" srcset="./assets/images/chara/n3.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" alt="" width="275" height="440" loading="lazy"> 569 </div> 570 </div> 571 <div class="chara-item swiper-slide chara__item--c4"> 572 <div class="chara-item__c"> 573 <picture> 574 <source srcset="./assets/images/chara/c4.webp?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793" type="image/webp"> 575 <source srcset="./assets/images/chara/c4.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793"> 576 <img src="./assets/images/chara/c4-pc.png?ver=1" alt="èã ç·" width="275" height="793" loading="lazy"> 577 </picture> 578 </div> 579 <div class="chara-item__n"> 580 <img src="./assets/images/chara/n4.png?ver=1" srcset="./assets/images/chara/n4.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" alt="" width="275" height="440" loading="lazy"> 581 </div> 582 </div> 583 <div class="chara-item swiper-slide chara__item--c5"> 584 <div class="chara-item__c"> 585 <picture> 586 <source srcset="./assets/images/chara/c5.webp?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793" type="image/webp"> 587 <source srcset="./assets/images/chara/c5.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793"> 588 <img src="./assets/images/chara/c5-pc.png?ver=1" alt="尿伏ä¹" width="275" height="793" loading="lazy"> 589 </picture> 590 </div> 591 <div class="chara-item__n"> 592 <img src="./assets/images/chara/n5.png?ver=1" srcset="./assets/images/chara/n5.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" alt="" width="275" height="440" loading="lazy"> 593 </div> 594 </div> 595 <div class="chara-item swiper-slide chara__item--c6"> 596 <div class="chara-item__c"> 597 <picture> 598 <source srcset="./assets/images/chara/c6.webp?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793" type="image/webp"> 599 <source srcset="./assets/images/chara/c6.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793"> 600 <img src="./assets/images/chara/c6-pc.png?ver=1" alt="ä½éåæ" width="275" height="793" loading="lazy"> 601 </picture> 602 </div> 603 <div class="chara-item__n"> 604 <img src="./assets/images/chara/n6.png?ver=1" srcset="./assets/images/chara/n6.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" alt="" width="275" height="440" loading="lazy"> 605 </div> 606 </div> 607 <div class="chara-item swiper-slide chara__item--c7"> 608 <div class="chara-item__c"> 609 <picture> 610 <source srcset="./assets/images/chara/c7.webp?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793" type="image/webp"> 611 <source srcset="./assets/images/chara/c7.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793"> 612 <img src="./assets/images/chara/c7-pc.png?ver=1" alt="ã¸ã§ã·ã¼ï¼SixTONESï¼" width="275" height="793" loading="lazy"> 613 </picture> 614 </div> 615 <div class="chara-item__n"> 616 <img src="./assets/images/chara/n7.png?ver=1" srcset="./assets/images/chara/n7.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" alt="" width="275" height="440" loading="lazy"> 617 </div> 618 </div> 619 <div class="chara-item swiper-slide chara__item--c8"> 620 <div class="chara-item__c"> 621 <picture> 622 <source srcset="./assets/images/chara/c8.webp?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793" type="image/webp"> 623 <source srcset="./assets/images/chara/c8.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793"> 624 <img src="./assets/images/chara/c8-pc.png?ver=1" alt="ãã©ã³ãã¼" width="275" height="793" loading="lazy"> 625 </picture> 626 </div> 627 <div class="chara-item__n"> 628 <img src="./assets/images/chara/n8.png?ver=1" srcset="./assets/images/chara/n8.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" alt="" width="275" height="440" loading="lazy"> 629 </div> 630 </div> 631 <div class="chara-item swiper-slide chara__item--c9"> 632 <div class="chara-item__c"> 633 <picture> 634 <source srcset="./assets/images/chara/c9.webp?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793" type="image/webp"> 635 <source srcset="./assets/images/chara/c9.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793"> 636 <img src="./assets/images/chara/c9-pc.png?ver=1" alt="æ" width="275" height="793" loading="lazy"> 637 </picture> 638 </div> 639 <div class="chara-item__n"> 640 <img src="./assets/images/chara/n9.png?ver=1" srcset="./assets/images/chara/n9.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" alt="" width="275" height="440" loading="lazy"> 641 </div> 642 </div> 643 <div class="chara-item swiper-slide chara__item--c10"> 644 <div class="chara-item__c"> 645 <picture> 646 <source srcset="./assets/images/chara/c10.webp?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793" type="image/webp"> 647 <source srcset="./assets/images/chara/c10.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793"> 648 <img src="./assets/images/chara/c10-pc.png?ver=1" alt="è¦ æ½¤" width="275" height="793" loading="lazy"> 649 </picture> 650 </div> 651 <div class="chara-item__n"> 652 <img src="./assets/images/chara/n10.png?ver=1" srcset="./assets/images/chara/n10.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" alt="" width="275" height="440" loading="lazy"> 653 </div> 654 </div> 655 <div class="chara-item swiper-slide chara__item--c11"> 656 <div class="chara-item__c"> 657 <picture> 658 <source srcset="./assets/images/chara/c11.webp?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793" type="image/webp"> 659 <source srcset="./assets/images/chara/c11.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793"> 660 <img src="./assets/images/chara/c11-pc.png?ver=1" alt="仲éä¾ç´" width="275" height="793" loading="lazy"> 661 </picture> 662 </div> 663 <div class="chara-item__n"> 664 <img src="./assets/images/chara/n11.png?ver=1" srcset="./assets/images/chara/n11.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" alt="" width="275" height="440" loading="lazy"> 665 </div> 666 </div> 667 <div class="chara-item swiper-slide chara__item--c12"> 668 <div class="chara-item__c"> 669 <picture> 670 <source srcset="./assets/images/chara/c12.webp?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793" type="image/webp"> 671 <source srcset="./assets/images/chara/c12.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="275" height="793"> 672 <img src="./assets/images/chara/c12-pc.png?ver=1" alt="ç³ç°ããå" width="275" height="793" loading="lazy"> 673 </picture> 674 </div> 675 <div class="chara-item__n"> 676 <img src="./assets/images/chara/n12.png?ver=1" srcset="./assets/images/chara/n12.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" alt="" width="275" height="440" loading="lazy"> 677 </div> 678 </div> 679 </div> 680 <button class="chara__btn--prev"> 681 <img src="./assets/images/chara/btn-prev.png?ver=2" srcset="./assets/images/chara/btn-prev.png?ver=2 1x, ./assets/images/chara/[email protected]?ver=2 2x" alt="" width="" height="" loading=""> 682 </button> 683 <button class="chara__btn--next"> 684 <img src="./assets/images/chara/btn-next.png?ver=2" srcset="./assets/images/chara/btn-next.png?ver=2 1x, ./assets/images/chara/[email protected]?ver=2 2x" alt="" width="" height="" loading=""> 685 </button> 686 <div class="swiper-pagination"></div> 687 </div> 688 <div class="chara__container swiper2"> 689 <div class="chara__container__inner swiper-wrapper"> 690 <div class="chara-item swiper-slide chara__item--c1"> 691 <div class="chara-item__c"> 692 <picture> 693 <source srcset="./assets/images/chara/sc1.webp?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="550" height="285" type="image/webp"> 694 <source srcset="./assets/images/chara/sc1.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="550" height="285"> 695 <img src="./assets/images/chara/sc1-pc.png?ver=1" alt="é¶´è¦
695è¾°å¾" width="550" height="285" loading="lazy"> 696 </picture> 697 </div> 698 <div class="chara-item__n"> 699 <img src="./assets/images/chara/sn1.png?ver=1" srcset="./assets/images/chara/sn1.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" alt="" width="275" height="285" loading="lazy"> 700 </div> 701 </div> 702 <div class="chara-item swiper-slide chara__item--c2"> 703 <div class="chara-item__c"> 704 <picture> 705 <source srcset="./assets/images/chara/sc2.webp?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="550" height="285" type="image/webp"> 706 <source srcset="./assets/images/chara/sc2.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="550" height="285"> 707 <img src="./assets/images/chara/sc2-pc.png?ver=1" alt="é§å ´ å" width="550" height="285" loading="lazy"> 708 </picture> 709 </div> 710 <div class="chara-item__n"> 711 <img src="./assets/images/chara/sn2.png?ver=1" srcset="./assets/images/chara/sn2.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" alt="" width="275" height="285" loading="lazy"> 712 </div> 713 </div> 714 <div class="chara-item swiper-slide chara__item--c3"> 715 <div class="chara-item__c"> 716 <picture> 717 <source srcset="./assets/images/chara/sc3.webp?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="550" height="285" type="image/webp"> 718 <source srcset="./assets/images/chara/sc3.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="550" height="285"> 719 <img src="./assets/images/chara/sc3-pc.png?ver=1" alt="å¾³é è¡" width="550" height="285" loading="lazy"> 720 </picture> 721 </div> 722 <div class="chara-item__n"> 723 <img src="./assets/images/chara/sn3.png?ver=1" srcset="./assets/images/chara/sn3.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" alt="" width="275" height="285" loading="lazy"> 724 </div> 725 </div> 726 <div class="chara-item swiper-slide chara__item--c4"> 727 <div class="chara-item__c"> 728 <picture> 729 <source srcset="./assets/images/chara/sc4.webp?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="550" height="285" type="image/webp"> 730 <source srcset="./assets/images/chara/sc4.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="550" height="285"> 731 <img src="./assets/images/chara/sc4-pc.png?ver=1" alt="渡辺çèµ·å" width="550" height="285" loading="lazy"> 732 </picture> 733 </div> 734 <div class="chara-item__n"> 735 <img src="./assets/images/chara/sn4.png?ver=1" srcset="./assets/images/chara/sn4.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" alt="" width="275" height="285" loading="lazy"> 736 </div> 737 </div> 738 <div class="chara-item swiper-slide chara__item--c5"> 739 <div class="chara-item__c"> 740 <picture> 741 <source srcset="./assets/images/chara/sc5.webp?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="550" height="285" type="image/webp"> 742 <source srcset="./assets/images/chara/sc5.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" width="550" height="285"> 743 <img src="./assets/images/chara/sc5-pc.png?ver=1" alt="å¤å·é大" width="550" height="285" loading="lazy"> 744 </picture> 745 </div> 746 <div class="chara-item__n"> 747 <img src="./assets/images/chara/sn5.png?ver=1" srcset="./assets/images/chara/sn5.png?ver=1 1x, ./assets/images/chara/[email protected]?ver=1 2x" alt="" width="275" height="285" loading="lazy"> 748 </div> 749 </div> 750 </div> 751 <button class="chara__btn--prev"> 752 <img src="./assets/images/chara/btn-prev.png?ver=2" srcset="./assets/images/chara/btn-prev.png?ver=2 1x, ./assets/images/chara/[email protected]?ver=2 2x" alt="" width="" height="" loading=""> 753 </button> 754 <button class="chara__btn--next"> 755 <img src="./assets/images/chara/btn-next.png?ver=2" srcset="./assets/images/chara/btn-next.png?ver=2 1x, ./assets/images/chara/[email protected]?ver=2 2x" alt="" width="" height="" loading=""> 756 </button> 757 <div class="swiper-pagination"></div> 758 </div> 759 </div> 760 </section> 761 <section class="chart" id="chart"> 762 <div class="chart__inner"> 763 <h1 class="page__title"> 764 <img src="./assets/images/chart/title.png?ver=2" srcset="./assets/images/chart/title.png?ver=2 1x, ./assets/images/chart/[email protected]?ver=2 2x" alt="PERSONAL CHART" width="" height="" loading=""> 765 </h1> 766 <div class="chart__image" id="chartContainer"> 767 <div class="chart__image__inner"> 768 <picture> 769 <source srcset="./assets/images/chart/chart.webp?ver=2 1x, ./assets/images/chart/[email protected]?ver=2 2x" width="1281" height="870" type="image/webp"> 770 <source srcset="./assets/images/chart/chart.png?ver=2 1x, ./assets/images/chart/[email protected]?ver=2 2x" width="1281" height="870"> 771 <img src="./assets/images/chart/chart-pc.png?ver=2" alt="人ç©ç¸é¢å³" width="1281" height="870" loading="lazy"> 772 </picture> 773 </div> 774 </div> 775 </div> 776 <div class="chart__scroll"> 777 <img src="./assets/images/chart/scroll.png" alt=""> 778 </div> 779 </section> 780 </div> 781 </div> 782 <div class="bg__staff"> 783 <section class="staff" id="staff"> 784 <div class="staff__container"> 785 <h1 class="page__title staff__title"> 786 <img src="./assets/images/staff/title.png?ver=2" srcset="./assets/images/staff/title.png?ver=2 1x, ./assets/images/staff/[email protected]?ver=2 2x" alt="" width="" height="" loading=""> 787 </h1> 788 <div class="staff__text"> 789 <div class="staff__item"> 790 <dl> 791 <dt> 792 <div class="staff__n"> 793 <picture> 794 <source srcset="./assets/images/staff/s1-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 795 <source srcset="./assets/images/staff/s1-pc.png?ver=2 1x,./assets/images/staff/[email protected]?ver=2 2x" width="" height=""> 796 <img src="./assets/images/staff/s1-pc.png?ver=2" alt="" width="" height="" loading=""> 797 </picture> 798 </div> 799 </dt> 800 <dd> 801 <dl> 802 <dt> 803 <img src="./assets/images/staff/profile.png?ver=2" srcset="./assets/images/staff/profile.png?ver=2 1x, ./assets/images/staff/[email protected]?ver=2 2x" alt="" width="" height="" loading=""> 804 </dt> 805 <dd>1987å¹´çã¾ããå®®åçä»å°å¸åºèº«ã<br> 2011å¹´TBSãã¬ãå ¥ç¤¾ã第105åã¶ãã¬ãã¸ã§ã³ãã©ãã¢ã«ããã¼è³ ç£ç£è³ï¼2020å¹´ãåæ²¢ç´æ¨¹ããç¦æ¾¤å éãç°ä¸å¥å¤ªã¨å ±åï¼ãåè³ã 主ã
805ªä½åã¯ãåæ²¢ç´æ¨¹ãããã»ã¦ã¹ã®è¹ããä¸çºãã±ãããã </dd> 806 </dl> 807 </dd> 808 </dl> 809 </div> 810 <div class="staff__item"> 811 <dl> 812 <dt> 813 <div class="staff__n"> 814 <picture> 815 <source srcset="./assets/images/staff/s2-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 816 <source srcset="./assets/images/staff/s2-pc.png?ver=2 1x,./assets/images/staff/[email protected]?ver=2 2x" width="" height=""> 817 <img src="./assets/images/staff/s2-pc.png?ver=2" alt="" width="" height="" loading=""> 818 </picture> 819 </div> 820 </dt> 821 <dd> 822 <dl> 823 <dt> 824 <img src="./assets/images/staff/profile.png?ver=2" srcset="./assets/images/staff/profile.png?ver=2 1x, ./assets/images/staff/[email protected]?ver=2 2x" alt="" width="" height="" loading=""> 825 </dt> 826 <dd>1973å¹´çã¾ãã ãåã®ã¤ãã¤å¦»ãã§2016å¹´ã第3åASIA RAINBOW TV AWARDSæåªç§èæ¬è³ã17å¹´ã第5åå¸å·æ£®ä¸èæ¬è³ãåè³ã 主ãªä½åã¯é£ç¶ãã©ããã°ã©ã³ã¡ã¾ã³æ±äº¬ããæ¶ããåæãããã¤ãã¡ããªã¼ãæ ç»ãONE PIECE FILM REDãããã³ã°ãã ãã·ãªã¼ãºã»ã夿°ã</dd> 827 </dl> 828 </dd> 829 </dl> 830 </div> 831 <div class="staff__item"> 832 <div class="staff__n"> 833 <picture> 834 <source srcset="./assets/images/staff/s3-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 835 <source srcset="./assets/images/staff/s3-pc.png?ver=2 1x,./assets/images/staff/[email protected]?ver=2 2x" width="" height=""> 836 <img src="./assets/images/staff/s3-pc.png?ver=2" alt="" width="" height="" loading=""> 837 </picture> 838 </div> 839 <div class="staff__n"> 840 <picture> 841 <source srcset="./assets/images/staff/s4-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 842 <source srcset="./assets/images/staff/s4-pc.png?ver=2 1x,./assets/images/staff/[email protected]?ver=2 2x" width="" height=""> 843 <img src="./assets/images/staff/s4-pc.png?ver=2" alt="" width="" height="" loading=""> 844 </picture> 845 </div> 846 </div> 847 <div class="staff__item"> 848 <div class="staff__n"> 849 <picture> 850 <source srcset="./assets/images/staff/s5-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 851 <source srcset="./assets/images/staff/s5-pc.png?ver=2 1x,./assets/images/staff/[email protected]?ver=2 2x" width="" height=""> 852 <img src="./assets/images/staff/s5-pc.png?ver=2" alt="" width="" height="" loading=""> 853 </picture> 854 </div> 855 </div> 856 </div> 857 </div> 858 </section> 859 <section class="theme" id="theme"> 860 <div class="theme__container"> 861 <div class="theme__container__inner"> 862 <h1 class="theme__title"> 863 <img src="./assets/images/theme/title.png?ver=2" srcset="./assets/images/theme/title.png?ver=2 1x, ./assets/images/theme/[email protected]?ver=2 2x" alt="" width="" height="" loading=""> 864 </h1> 865 <div class="theme__image"> 866 <figure> 867 <picture> 868 <source srcset="./assets/images/theme/image-sp.jpg?ver=2" width="" height="" media="(max-width:750px)"> 869 <source srcset="./assets/images/theme/image-pc.jpg?ver=2 1x,./assets/images/theme/[email protected]?ver=2 2x" width="" height=""> 870 <img src="./assets/images/theme/image-pc.jpg?ver=2" alt="" width="" height="" loading=""> 871 </picture> 872 </figure> 873 </div> 874 <div class="theme__text"> 875 <h2 class="theme__name"> 876 <picture> 877 <source srcset="./assets/images/theme/name-sp.png?ver=2" width="" height="" media="(max-width:750px)"> 878 <source srcset="./assets/images/theme/name-pc.png?ver=2 1x,./assets/images/theme/[email protected]?ver=2 2x" width="" height=""> 879 <img src="./assets/images/theme/name-pc.png?ver=2" alt="" width="" height="" loading=""> 880 </picture> 881 </h2> 882 <!-- <p> 883 å¹³äº å¤§ãåã®å®åæ ç»ä¸»é¡æï¼<br> 884 ãæªæ¥ãæããé£ã«ããä¸äººãå®ããã¨ãããããä¸çã¯å¤ããããããã¨ãã叿ã¨é¡ãã«æºã¡æº¢ããã究極ã®ã©ããã©ã¼ãã§ãåå¼·ããã¼ã«ã«ã¨ãªã¼ã±ã¹ãã©ããå·»ãè¾¼ãã 壮大ãªã¢ã¬ã³ã¸ãå°è±¡çãªä¸æ²ã«ããæå¾ ãã ããã 885 </p> --> 886 </div> 887 </div> 888 <div class="theme-comment"> 889 <h3 class="theme-comment__title">COMMENT</h3> 890 <div class="theme-comment__container"> 891 <dl class="theme-comment__item"> 892 <dt>å¹³äº å¤§</dt> 893 <dd>æ¨å¹´ç¬¬ä¸åãçã¾ããå®ãã¹ãåå¨ãå¢ããã°ããã®ãã¯ã«ã¨ã£ã¦ããã®æ²ã®ãªãã¡ã¼ã¯ã¨ã¦ãã¿ã¤ã ãªã¼ãªãã®ã§ããããã®æ ç»ã®ãã¼ãã¯ä»ã¾ãã«æãããã¨æã£ã¦ããå 容ãã®ãã®ã§ããåå½ãã®ãªãæ²ãããã®æ§ãªå½¢ã§çæ§ã«ãå±ãã§ãããã¨ãå¬ããæãã¾ãã誰ãã誰ãã®ãã¼ãã¼ã§ããããããªãã¼ãã¼ã®çæ§ã®æ¥å¸¸ã«å¯ãæ·»ãã䏿²ã«ãªããã¨ãé¡ã£ã¦ãã¾ãã</dd> 894 </dl> 895 <dl class="theme-comment__item"> 896 <dt>
896主æ¼ã»é´æ¨äº®å¹³</dt> 897 <dd>æ ç»ã宿ãã¦åãã¦ãã®æãè´ããæã試å室ã§ã²ãããã«æ³£ããã®ã¯åã ãã§ã¯ãªãã¯ãã誰ãããã£ã¨ã誰ãã®ãã¼ãã¼ããããªMER ã®ãã¼ãã¨ã¹ãã¬ã¼ãã«ãªã³ã¯ããæé«ã®ãã¼ãã½ã³ã°ãããã ãã¾ãããæ ç»é¤¨ã§ãã®å¹³äºããã®æ¾ãã æå£°ãæµãããã®æãçæ§ã®å¿ã«ã¯ã©ããªææ ãæº¢ããã§ããããã</dd> 898 </dl> 899 </div> 900 </div> 901 </div> 902 </section> 903 </div> 904 <footer class="footer"> 905 <div class="footer__inner"> 906 <ul class="footer-link"> 907 <li class="footer-link__item"> 908 <a href="https://www.toho.co.jp/company/privacy-policy" target="_blank">å人æ å ±ä¿è·ããªã·ã¼</a> 909 </li> 910 <li class="footer-link__item"> 911 <a href="https://www.toho.co.jp/company/cookie-policy" target="_blank">ã¯ããã¼ããªã·ã¼</a> 912 </li> 913 </ul> 914 <small> 915 <img src="./assets/images/common/copyright.png?ver=2" srcset="./assets/images/common/copyright.png?ver=2 1x, ./assets/images/common/[email protected]?ver=2 2x" alt="©2023 åå ´çãTOKYO MERã製ä½å§å¡ä¼ãé çµ¦ï¼æ±å®" width="" height="" loading=""> 916 </small> 917 </div> 918 </footer> 919 <div class="modal modal-stream" id="stream"> 920 <div class="modal__inner"> 921 <div class="modal__container"> 922 <h3>åå ´çãTOKYO MERã</h3> 923 <ul> 924 <li> 925 <a href="https://www.amazon.co.jp/dp/B0CMXYLB45/" target="_blank"> 926 <img src="./assets/images/stream/banner-prime.png?ver=2" srcset="./assets/images/stream/banner-prime.png?ver=2 1x, ./assets/images/stream/[email protected]?ver=2 2x" alt="©2023 åå ´çãTOKYO MERã製ä½å§å¡ä¼ãé çµ¦ï¼æ±å®" width="" height="" loading=""> 927 </a> 928 </li> 929 </ul> 930 <h3>æ¥æåå ´ãTOKYO MERã</h3> 931 <ul> 932 <li> 933 <a href="https://www.video.unext.jp/title/SID0095244" target="_blank"> 934 <img src="./assets/images/stream/banner-unext.png?ver=2" srcset="./assets/images/stream/banner-unext.png?ver=2 1x, ./assets/images/stream/[email protected]?ver=2 2x" alt="©2023 åå ´çãTOKYO MERã製ä½å§å¡ä¼ãé çµ¦ï¼æ±å®" width="" height="" loading=""> 935 </a> 936 </li> 937 <li> 938 <a href="https://www.disneyplus.com/ja-jp/series/tokyo-mer-mobile-emergency-room/1iMp8l3r23A9" target="_blank"> 939 <img src="./assets/images/stream/banner-disney.png?ver=2" srcset="./assets/images/stream/banner-disney.png?ver=2 1x, ./assets/images/stream/[email protected]?ver=2 2x" alt="©2023 åå ´çãTOKYO MERã製ä½å§å¡ä¼ãé çµ¦ï¼æ±å®" width="" height="" loading=""> 940 </a> 941 </li> 942 <li> 943 <a href="https://www.netflix.com/title/81714970" target="_blank"> 944 <img src="./assets/images/stream/banner-netflix.png?ver=2" srcset="./assets/images/stream/banner-netflix.png?ver=2 1x, ./assets/images/stream/[email protected]?ver=2 2x" alt="©2023 åå ´çãTOKYO MERã製ä½å§å¡ä¼ãé çµ¦ï¼æ±å®" width="" height="" loading=""> 945 </a> 946 </li> 947 <li> 948 <a href="https://www.hulu.jp/tokyo-mer-mobile-emergency-room/?cmp=10102&utm_source=PC&utm_medium=Display&utm_campaign=JP_DM_Display_Others&waad=eztL5MSv" target="_blank"> 949 <img src="./assets/images/stream/banner-hulu.png?ver=2" srcset="./assets/images/stream/banner-hulu.png?ver=2 1x, ./assets/images/stream/[email protected]?ver=2 2x" alt="©2023 åå ´çãTOKYO MERã製ä½å§å¡ä¼ãé çµ¦ï¼æ±å®" width="" height="" loading=""> 950 </a> 951 </li> 952 <!-- 953 <li> 954 <a href="https://www.amazon.co.jp/gp/video/detail/B0CKM5SP9Q/ref=atv_dp_amz_c_TS5124c5_1_2?jic=16%7CCgNhbGwSA2FsbA%3D%3D" target="_blank"> 955 956<img src="./assets/images/stream/banner-prime.png?ver=2" srcset="./assets/images/stream/banner-prime.png?ver=2 1x, ./assets/images/stream/[email protected]?ver=2 2x" alt="©2023 åå ´çãTOKYO MERã製ä½å§å¡ä¼ãé çµ¦ï¼æ±å®" width="" height="" loading=""> 957 </a> 958 </li> 959 --> 960 <li> 961 <a href="https://lemino.docomo.ne.jp/search/word/TOKYOMER?crid=Y3JpZDovL3BsYWxhLmlwdHZmLmpwL2dyb3VwL2IxMDEwMzc%3D" target="_blank"> 962 <img src="./assets/images/stream/banner-lemino.png?ver=2" srcset="./assets/images/stream/banner-lemino.png?ver=2 1x, ./assets/images/stream/[email protected]?ver=2 2x" alt="©2023 åå ´çãTOKYO MERã製ä½å§å¡ä¼ãé çµ¦ï¼æ±å®" width="" height="" loading=""> 963 </a> 964 </li> 965 </ul> 966 <h3>TOKYO MERãé ç°å·ããã·ã§ã³ï½</h3> 967 <ul> 968 <li> 969 <a href="https://www.video.unext.jp/title/SID0088787" target="_blank"> 970 <img src="./assets/images/stream/banner-unext.png?ver=2" srcset="./assets/images/stream/banner-unext.png?ver=2 1x, ./assets/images/stream/[email protected]?ver=2 2x" alt="©2023 åå ´çãTOKYO MERã製ä½å§å¡ä¼ãé çµ¦ï¼æ±å®" width="" height="" loading=""> 971 </a> 972 </li> 973 <li> 974 <a href="https://www.netflix.com/title/81714970" target="_blank"> 975 <img src="./assets/images/stream/banner-netflix.png?ver=2" srcset="./assets/images/stream/banner-netflix.png?ver=2 1x, ./assets/images/stream/[email protected]?ver=2 2x" alt="©2023 åå ´çãTOKYO MERã製ä½å§å¡ä¼ãé çµ¦ï¼æ±å®" width="" height="" loading=""> 976 </a> 977 </li> 978 <li> 979 <a href="https://www.amazon.co.jp/gp/video/detail/B0CX5Q3WFS/ref=atv_dp_amz_c_TS5124c5_1_2?jic=16%7CCgNhbGwSA2FsbA%3D%3D" target="_blank"> 980 <img src="./assets/images/stream/banner-prime.png?ver=2" srcset="./assets/images/stream/banner-prime.png?ver=2 1x, ./assets/images/stream/[email protected]?ver=2 2x" alt="©2023 åå ´çãTOKYO MERã製ä½å§å¡ä¼ãé çµ¦ï¼æ±å®" width="" height="" loading=""> 981 </a> 982 </li> 983 </ul> 984 </div> 985 </div> 986 <button class="btn-close" onclick="closeModal();"></button> 987 </div> 988 <!-- --> 989
989<script> 990 var isTop = true; 991 </script>
991 992
992<script src="./assets/js/libs/jquery.min.js"></script>
992 993
993<script src="./assets/js/trailer.min.js?ver=5"></script>
993 994
994<script src="./assets/js/common.min.js?ver=12"></script>
994 995
995<script> 996 $(function() 997 { 998 const $win = $(window); 999 1000 function init() 1001 { 1002 $win.on("load", loaded); 1003 // $('.op-item').addClass('-hide'); 1004 } 1005 1006 function loaded() 1007 { 1008 setTimeout(function() 1009 { 1010 // $('.op-item').removeClass('-hide'); 1011 $('#cover').addClass('-hide'); 1012 }, 100); 1013 const swiperSub1 = new Swiper('.swiper1', 1014 { 1015 slidesPerView: "auto", 1016 spaceBetween: 0, 1017 navigation: 1018 { 1019 nextEl: '.chara__btn--next', 1020 prevEl: '.chara__btn--prev', 1021 }, 1022 pagination: 1023 { 1024 el: ".swiper-pagination", 1025 clickable: true, 1026 } 1027 }); 1028 const swiperSub2 = new Swiper('.swiper2', 1029 { 1030 slidesPerView: "auto", 1031 spaceBetween: 0, 1032 navigation: 1033 { 1034 nextEl: '.chara__btn--next', 1035 prevEl: '.chara__btn--prev', 1036 }, 1037 pagination: 1038 { 1039 el: ".swiper-pagination", 1040 clickable: true, 1041 } 1042 }); 1043 const w = $win.width(); 1044 const chartpos = (w * 2.7 - w) * 0.53; 1045 $('#chartContainer').animate( 1046 { 1047 scrollLeft: chartpos + 'px' 1048 }); 1049 } 1050 window.openComment = function() 1051 { 1052 $(".comment").addClass("-active"); 1053 $("body").addClass("-content"); 1054 } 1055 window.closeComment = function() 1056 { 1057 $(".comment").removeClass("-active"); 1058 $("body").removeClass("-content"); 1059 } 1060 init(); 1061 }) 1062 </script>
1062 1063
1063<script> 1064 ! function(d, s, id) 1065 { 1066 var js, fjs = d.getElementsByTagName(s)[0], 1067 p = /^http:/.test(d.location) ? 'http' : 'https'; 1068 if (!d.getElementById(id)) 1069 { 1070 js = d.createElement(s); 1071 js.id = id; 1072 js.src = p + "://platform.twitter.com/widgets.js"; 1073 fjs.parentNode.insertBefore(js, fjs); 1074 } 1075 }(document, "script", "twitter-wjs"); 1076 </script>
1076 1077
1077<script type="text/javascript"> 1078 (function() 1079 { 1080 var tagjs = document.createElement("script"); 1081 var s = document.getElementsByTagName("script")[0]; 1082 tagjs.async = true; 1083 tagjs.src = "//s.yjtag.jp/tag.js#site=zyguNrW"; 1084 s.parentNode.insertBefore(tagjs, s); 1085 }()); 1086 </script>
1086 1087 <!-- End Twitter single-event website tag code --> 1088
1088<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"bfd0a5f783a04ced994214d699faaeed","r":1,"spa":2}' crossorigin="anonymous"></script>
1088 1089</body> 1090</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.