1<!DOCTYPE html> 2<html lang="ja"> 3<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> 4<!-- Google Tag Manager -->
5<script>
vendor: 331 bytes, lines 5-9
5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 6new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 7j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 8'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 9})(window,document,'script','dataLayer','
9GTM-5LM5HTSF
vendor: 3 bytes, line 9
9');
9</script>
9 10<!-- End Google Tag Manager --> 11 12<!-- Google Tag Manager AD-->
13<script>
vendor: 331 bytes, lines 13-17
13(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 14new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 15j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 16'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 17})(window,document,'script','dataLayer','
17GTM-NSGHR3RC
vendor: 3 bytes, line 17
17');
17</script>
17 18<!-- End Google Tag Manager --> 19 <meta charset="UTF-8"> 20<meta name="viewport" content="width=device-width,initial-scale=1"> 21<meta name="robots" content="ALL"><!-- noindex,nofollow --> 22<!--[if IE]> 23<meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]--> 24 25<title>ãåå ´ç éæ³å°å¥³ã¾ã©ãâãã®ã«ãã¯ã«ãã«ã®ã¹ã®å»»å¤©ããå ¬å¼ãµã¤ã ï½ 2026å¹´8æ28æ¥(é)å ¬é</title> 26 27<meta name="keywords" content="éæ³å°å¥³ã¾ã©ãâãã®ã«,ã¾ã©ãâãã®ã«,ã¯ã«ãã«ã®ã¹ã®å»»å¤©,æ°æ¿æä¹,èæ·µç,è¼æ¨¹ãã,ã·ã£ãã,aniplex,ã¢ããã¬ãã¯ã¹" /> 28<meta name="description" content="æ°æ¿æä¹Ãèæ·µçï¼ããããã©ã¹ï¼Ãè¼æ¨¹ããÃã·ã£ããã«ãããåéã®ç©èªãã®æ£çµ±ãªãç¶ç·¨ââããã¦ãæ°ããªå§ã¾ãããåå ´ç éæ³å°å¥³ã¾ã©ãâãã®ã«ãã¯ã«ãã«ã®ã¹ã®å»»å¤©ãã2026å¹´8æ28æ¥(é)å ¬é" /> 29<meta name="author" content="Aniplex Inc." /> 30<meta name="twitter:card" content="summary_large_image" /> 31<meta name="twitter:url" content="https://www.madoka-magica.com/wr/" /> 32<meta name="twitter:title" content="åå ´ç éæ³å°å¥³ã¾ã©ãâãã®ã«ãã¯ã«ãã«ã®ã¹ã®å»»å¤©ããå ¬å¼ãµã¤ã ï½ 2026å¹´8æ28æ¥(é)å ¬é" /> 33<meta name="twitter:description" content="æ°æ¿æä¹Ãèæ·µçï¼ããããã©ã¹ï¼Ãè¼æ¨¹ããÃã·ã£ããã«ãããåéã®ç©èªãã®æ£çµ±ãªãç¶ç·¨ââããã¦ãæ°ããªå§ã¾ãããåå ´ç éæ³å°å¥³ã¾ã©ãâãã®ã«ãã¯ã«ãã«ã®ã¹ã®å»»å¤©ãã2026å¹´8æ28æ¥(é)å ¬é" /> 34<meta name="twitter:site" content="@madoka_magica" /> 35<meta name="twitter:image:src" content="https://www.madoka-magica.com/wr/ogp_v8.jpg" /> 36<meta property="og:title" content="ãåå ´ç éæ³å°å¥³ã¾ã©ãâãã®ã«ãã¯ã«ãã«ã®ã¹ã®å»»å¤©ããå ¬å¼ãµã¤ã" /> 37<meta property="og:description" content="æ°æ¿æä¹Ãèæ·µçï¼ããããã©ã¹ï¼Ãè¼æ¨¹ããÃã·ã£ããã«ãããåéã®ç©èªãã®æ£çµ±ãªãç¶ç·¨ââããã¦ãæ°ããªå§ã¾ãããåå ´ç éæ³å°å¥³ã¾ã©ãâãã®ã«ãã¯ã«ãã«ã®ã¹ã®å»»å¤©ãã2026å¹´8æ28æ¥(é)å ¬é" /> 38<meta property="og:url" content="https://www.madoka-magica.com/wr/" /> 39<meta property="og:type" content="website" /> 40<meta property="og:image" content="https://www.madoka-magica.com/wr/ogp_v8.jpg" /> 41<meta property="og:site:name" content="åå ´ç éæ³å°å¥³ã¾ã©ãâãã®ã«ãã¯ã«ãã«ã®ã¹ã®å»»å¤©ããå ¬å¼ãµã¤ã" /> 42 43<meta name="theme-color" content="#eeeeea"> 44<meta name="apple-mobile-web-app-status-bar-style" content="black"> 45<meta name="apple-mobile-web-app-capable" content="no"> 46<meta name="mobile-web-app-capable" content="no"> 47<link rel="canonical" href="https://www.madoka-magica.com/wr/"> 48 49<link rel="icon" type="image/x-icon" href="./assets/favicon.png"> 50<link rel="apple-touch-icon" href="./assets/apple-touch-icon.png"> 51 <link rel="stylesheet" href="./assets/css/swiper-bundle.min.css"> 52<link rel="stylesheet" href="./assets/css/madomagi2023.css?v7"> </head> 53<body> 54<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 54-55
54 55<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
55GTM-5LM5HTSF
vendor: 85 bytes, lines 55-56
55" 56height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
57<!-- End Google Tag Manager (noscript) --> 58 59 60<!-- Google Tag Manager (noscript) AD -->
vendor: 69 bytes, lines 60-61
60 61<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
61GTM-NSGHR3RC
vendor: 85 bytes, lines 61-62
61" 62height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
63<!-- End Google Tag Manager (noscript) --> 64 65 <div class="p-op"> 66 <div class="p-op__kv"></div> 67</div> 68 <div class="l-menu"> 69 <div class="l-menu__btn js-menu-btn"> 70 <div class="l-menu__btn-inner"> 71 <div class="l-menu__btn-line"></div> 72 <div class="l-menu__btn-line"></div> 73 </div> 74 <div class="l-menu__btn-text"> 75 <div class="p-in_open">MENU</div> 76 <div class="p-in_close">CLOSE</div> 77 </div> 78 </div> 79 <div class="l-menu__bg"></div> 80 <div class="l-menu__content"> 81 <div class="l-menu__inner"> 82 <div class="l-menu__main"> 83 <ul class="l-menu__list"> 84 <li class="l-menu__list-item"> 85 <a href="./">TOP</a> 86 </li> 87 <li class="l-menu__list-item"> 88 <a href="./news/">NEWS</a> 89 </li> 90 <li class="l-menu__list-item"> 91 <a href="./theater/">THEATER</a> 92 </li> 93 </ul> 94 <ul class="l-menu__list"> 95 <li class="l-menu__list-item"> 96 <a href="#intro">INTRODUCTION</a> 97 </li> 98 <li class="l-menu__list-item"> 99 <a href="#story">STORY</a> 100 </li> 101 <li class="l-menu__list-item"> 102 <a href="./movie/">MOVIE</a> 103 </li> 104 </ul> 105 <ul class="l-menu__list"> 106 <li class="l-menu__list-item"> 107 <a href="#staffcast">STAFFã»CAST</a> 108 </li> 109 <li class="l-menu__list-item"> 110 <a href="./chara/">CHARACTER</a> 111 </li> 112 <li class="l-menu__list-item"> 113 <a href="./music/">MUSIC</a> 114 </li> 115 </ul> 116 <ul class="l-menu__list"> 117 <li class="l-menu__list-item"> 118 <a href="./goods/">GOODS</a> 119 </li> 120 </ul> 121 </div> 122 <ul class="l-menu__officiallist"> 123 <li class="l-menu__officiallist-item"> 124 <a href="https://x.com/madoka_magica" target="_blank" rel="noopener noreferrer"> 125 <div class="l-menu__officiallist-bg"> 126 <img src="./assets/img/btn_sns_w.svg" alt=""> 127 </div> 128 <div class="l-menu__officiallist-icon"> 129 <img src="./assets/img/sns_x_w.svg" alt="OFFICIAL X"> 130 </div> 131 </a> 132 </li> 133 <li class="l-menu__officiallist-item"> 134 <a href="https://page.line.me/021bvfme" target="_blank" rel="noopener noreferrer"> 135 <div class="l-menu__officiallist-bg"> 136 <img src="./assets/img/btn_sns_w.svg" alt=""> 137 </div> 138 <div class="l-menu__officiallist-icon"> 139 <img src="./assets/img/sns_line_w.svg" alt="OFFICIAL LINE"> 140 </div> 141 </a> 142 </li> 143 <li class="l-menu__officiallist-item"> 144 <a href="https://www.tiktok.com/@madoka_magica_official" target="_blank" rel="noopener noreferrer"> 145 <div class="l-menu__officiallist-bg"> 146 <img src="./assets/img/btn_sns_w.svg" alt=""> 147 </div> 148 <div class="l-menu__officiallist-icon"> 149 <img src="./assets/img/sns_tt_w.svg" alt="OFFICIAL TikTok"> 150 </div> 151 </a> 152 </li> 153 </ul> 154 </div> 155 </div> 156</div> 157 158 159 <div class="l-wrap"> 160 <div class="l-main"> 161 <div class="p-hero"> 162 <div class="p-hero__kv js-kv"> 163 164 <div class="p-hero_kv"> 165 <div class="p-hero_kv__visual"> 166 <div class="p-hero_kv__visual-img is-current"> 167 <picture> 168 <source srcset="./assets/img/kv/kv_5.webp" type="image/webp"> 169 <img src="./assets/img/kv/kv_5.jpg" alt=""> 170 </picture> 171 </div> 172 </div> 173 </div> 174 175 <div class="p-hero__logo" data-scroll> 176 <h1> 177 <img src="./assets/img/logo.png" alt="åå ´ç éæ³å°å¥³ã¾ã©ãâãã®ã«ãã¯ã«ãã«ã®ã¹ã®å»»å¤©ã"> 178 </h1> 179 <div class="p-hero__logo-caption"> 180 <img src="./assets/img/header_date_v4.png" alt="2026å¹´8æ28æ¥(é)å ¬é"> 181 </div> 182 </div> 183 184 </div> 185 <div class="p-hero__bnr"> 186 <div class="bnr_swiper"> 187 <div class="swiper-wrapper"> 188 <div class="swiper-slide"> 189 <a href="/history/" target="_blank" rel="noopener noreferrer"> 190 <img src="./assets/img/bnr_mediamix.png" alt="éæ³å°å¥³ã¾ã©ãâãã®ã«ã¨ã¯ ï½PUELLA MAGI MADOKAâMAGICA'S HISTORYã"> 191 </a> 192 </div> 193 <div class="swiper-slide"> 194 <a href="https://www.madoka-magica.com/allstreaming/" target="_blank" target="_blank" rel="noopener noreferrer"> 195 <img src="./assets/img/bnr_series_1200.jpg" alt="ã¾ã©ãã®ã·ãªã¼ãºé ä¿¡ä¸è¦§"> 196 </a> 197 </div> 198 <div class="swiper-slide"> 199 <a href="https://www.madoka-magica.com/wr/special-call/" target="_blank" target="_blank" rel="noopener noreferrer"> 200 <img src="./assets/img/bnr_special-call.jpg" alt="æ¬ç·¨åé æ å ç¹å¥è¦è´"> 201 </a> 202 </div> 203 204 <div class="swiper-slide"> 205 <a href="https://madoka-exedra.com/campaign/wr/" target="_blank" rel="noopener noreferrer"> 206 <img src="./assets/img/heven.png" alt="ã¯ã«ãã«ã®ã¹ã®å»»å¤©ä¸æ è¨å¿µãã£ã³ãã¼ã³"> 207 </a> 208 </div> 209 </div> 210 <div class="swiper-pagination"></div> 211 </div> 212 </div> 213 <style> 214 .bnr_swiper{ 215 max-width: 1800px; 216 } 217 </style> 218 <div class="p-hero__ui" data-scroll> 219 <div class="p-movie"> 220 221<div class="p-movie__inner"> 222 <div class="p-movie__frame"></div> 223 <div class="movie_swiper"> 224 <div class="swiper-wrapper"> 225 <div class="swiper-slide" data-modal="youtube:mESs-ii2l6A"> 226 <div class="p-movie__thumb" style="background: url(http://img.youtube.com/vi/mESs-ii2l6A/maxresdefault.jpg) no-repeat center center; background-size: cover;"></div> 227 </div> 228 <div class="swiper-slide" data-modal="youtube:HD6vwmNvcXo"> 229 <div class="p-movie__thumb" style="background: url(http://img.youtube.com/vi/HD6vwmNvcXo/maxresdefault.jpg) no-repeat center center; background-size: cover;"></div> 230 </div> 231 <div class="swiper-slide" data-modal="youtube:UmVTrrDVYV4"> 232 <div class="p-movie__thumb" style="background: url(http://img.youtube.com/vi/UmVTrrDVYV4/maxresdefault.jpg) no-repeat center center; background-size: cover;"></div> 233 </div> 234 <div class="swiper-slide" data-modal="youtube:B1YTdDt49lE"> 235 <div class="p-movie__thumb" style="background: url(http://img.youtube.com/vi/B1YTdDt49lE/maxresdefault.jpg) no-repeat center center; background-size: cover;"></div> 236 </div> 237 <div class="swiper-slide" data-modal="youtube:iJazbGwBh-E"> 238 <div class="p-movie__thumb" style="background: url(http://img.youtube.com/vi/iJazbGwBh-E/maxresdefault.jpg) no-repeat center center; background-size: cover;"></div> 239 </div> 240 <div class="swiper-slide" data-modal="youtube:cFhiaRoBCZE"> 241 <div class="p-movie__thumb" style="background: url(http://img.youtube.com/vi/cFhiaRoBCZE/maxresdefault.jpg) no-repeat center center; background-size: cover;"></div> 242 </div> 243 <div class="swiper-slide" data-modal="youtube:TXRlggMPGLs"> 244 <div class="p-movie__thumb" style="background: url(http://img.youtube.com/vi/TXRlggMPGLs/maxresdefault.jpg) no-repeat center center; background-size: cover;"></div> 245 </div> 246 <div class="swiper-slide" data-modal="youtube:vSdolbHyvkA"> 247 <div class="p-movie__thumb" style="background: url(http://img.youtube.com/vi/vSdolbHyvkA/maxresdefault.jpg) no-repeat center center; background-size: cover;"></div> 248 </div> 249 <div class="swiper-slide" data-modal="youtube:gAR0CMwEfes"> 250 <div class="p-movie__thumb" style="background: url(http://img.youtube.com/vi/gAR0CMwEfes/maxresdefault.jpg) no-repeat center center; background-size: cover;"></div> 251 </div> 252 </div> 253 <div class="swiper-button-prev"></div> 254 <div class="swiper-button-next"></div> 255 </div> 256</div> </div> 257 <ul class="p-hero__other"> 258 <li class="p-hero__other-item --kv3"> 259 <div class="p-hero__otherkv" data-modal="template"> 260 <picture> 261 <source srcset="./assets/img/btn_kv_sub_3_sp.png" media="(max-width: 767px)"> 262 <img src="./assets/img/btn_kv_sub_3_pc.png" alt=""> 263 </picture> 264 <template> 265 <div class="p-kv_modal"> 266 <div class="p-kv_modal__item js-change_visual"> 267 <div class="p-kv_modal__item-img"> 268 <img src="./assets/img/kv/header_kv_3.jpg" alt=""> 269 </div> 270 </div> 271 <div class="p-kv_modal__item js-change_visual"> 272 <div class="p-kv_modal__item-img"> 273 <img src="./assets/img/kv/header_kv_4.jpg" alt=""> 274 </div> 275 </div> 276 <div class="p-kv_modal__changebtn"> 277 <div class="p-kv_modal__changebtn-item js-change-kv is-current" data-change="0"> 278 <img src="./assets/img/kv/btn_kv_main_2.png" alt=""> 279 </div> 280 <div class="p-kv_modal__changebtn-item js-change-kv" data-change="1"> 281 <img src="./assets/img/kv/btn_kv_main_1.png" alt=""> 282 </div> 283 </div> 284 </div> 285 </template> 286 </div> 287 </li> 288 <li class="p-hero__other-item --kv2"> 289 <div class="p-hero__otherkv" data-modal="img:./assets/img/kv/header_kv_2.webp"> 290 <picture> 291 <source srcset="./assets/img/btn_kv_sub_2_sp.png" media="(max-width: 767px)"> 292 <img src="./assets/img/btn_kv_sub_2_pc.png" alt=""> 293 </picture> 294 </div> 295 </li> 296 <li class="p-hero__other-item --kv1"> 297 <div class="p-hero__otherkv" data-modal="img:./assets/img/othervisual.jpg"> 298 <picture> 299 <source srcset="./assets/img/btn_kv_sub_1_sp.png" media="(max-width: 767px)"> 300 <img src="./assets/img/btn_kv_sub_1_pc.png" alt=""> 301 </picture> 302 </div> 303 </li> 304 </ul> 305 </div> 306 </div> 307 <div class="l-content"> 308 <div class="white-area"> 309 <div class="p-lead" data-scroll> 310 <img src="./assets/img/text_lead.png" alt="æ°æ¿æä¹Ãèæ·µçï¼ããããã©ã¹ï¼Ãè¼æ¨¹ããÃã·ã£ããã«ã
310ããåéã®ç©èªãã®æ£çµ±ãªãç¶ç·¨ââ ããã¦ãæ°ããªå§ã¾ãã"> 311 </div> 312 313 <div class="news_wrapper" data-scroll> 314 <div class="news_list"> 315 <ul> 316 317 318 319 320 321 <li class="news_list__item"> 322 <p class="-date">2026.09.29</p> 323 <p class="-title">10/3ï¼åï¼ã¯ã¾ã©ãã®èªçæ¥ï¼ãç¥ãã¤ã©ã¹ãï¼åå ´ã°ããºç¬¬ï¼å¼¾å ¬éï¼</p> 324 <a href="news/?id=71364"></a> 325 </li> 326 <li class="news_list__item"> 327 <p class="-date">2026.09.29</p> 328 <p class="-title">第6é±ç®æ¥å ´è ç¹å ¸é 叿±ºå®</p> 329 <a href="news/?id=71360"></a> 330 </li> 331 <li class="news_list__item"> 332 <p class="-date">2026.09.29</p> 333 <p class="-title">ã¡ãã£ã¢æ å ±ï¼éææ´æ°ï¼</p> 334 <a href="news/?id=71092"></a> 335 </li> 336 </ul> 337 </div> 338 <div class="news_more"> 339 <div class="c-btn"> 340 <a href="./news/" class="c-btn__inner"> 341 <div class="c-btn__base"> 342 <img src="./assets/img/ticket/btn_off.png" alt=""> 343 </div> 344 <div class="c-btn__text"> 345 MORE 346 </div> 347 </a> 348 </div> 349 </div> 350 </div> 351 </div> 352 353 <div class="p-intro" id="intro" data-scroll> 354 <div class="p-intro__bg"> 355 <picture> 356 <source srcset="./assets/img/intro/bg_intro_base_sp.jpg" media="(max-width: 767px)"> 357 <img src="./assets/img/intro/bg_intro_base_pc.jpg" alt=""> 358 </picture> 359 </div> 360 <div class="p-intro__ttl"> 361 <div class="p-intro__ttl-item"> 362 <picture> 363 <source srcset="./assets/img/intro/bg_intro_txt.png" media="(max-width: 767px)"> 364 <img src="./assets/img/intro/bg_intro_txt_pc.png" alt="INTRODUCTION"> 365 </picture> 366 </div> 367 </div> 368 <div class="p-intro__lead"> 369 <picture> 370 <source srcset="./assets/img/intro/txt_intro_sp_v2.png" media="(max-width: 767px)"> 371 <img src="./assets/img/intro/txt_intro_pc_v2.png" alt="ä»ããããéæ³å°å¥³ã¾ã©ãâãã®ã«ãã®ä¸çããæ°ããªå±é¢ãè¿ããã 372 2011å¹´ã«ãã¬ãã¢ãã¡ã¨ãã¦æ¾æ ããããéæ³å°å¥³ã¾ã©ãâãã®ã«ãã¯ã社ä¼ç¾è±¡ã¨å¼ã¹ãã»ã©ã®ä¸å¤§ã ã¼ãã¡ã³ããå·»ãèµ·ãããã 373 ç£ç£ãã¤ã¨ããã®ã¯ãããç©èªãã·ãªã¼ãºããã¯ãããç°å½©ãæ¾ã¤è¡¨ç¾ã§ç¥ãããã¢ãã¡çã®é¬¼æã»æ°æ¿æä¹ãã¢ãã¡ã¼ã·ã§ã³å¶ä½ã¯æ°æ¿ã¨é·ããã¿ãã°ãçµã¿ãæ°ã ã®åä½ãæãã¦ããã·ã£ãããèæ¬ãæãããã®ã¯ãããããã©ã¹ã®ã²ã¼ã ã·ããªãªã§é è§ãé¡ãããFate/Zeroãã®åä½å°èª¬ãªã©ã§ãé«ãè©ä¾¡ããã¦ããèæ·µçãæãããéæ³å°å¥³ãã¡ã®ãã£ã©ã¯ã¿ã¼åæ¡ã¯ãã²ã ã¾ãã¹ã±ãããã®è¼æ¨¹ããã 374 å½¼ãã®çã¿åºããä½åã«ãå¤ãã®äººã ãè¡æãåãããç´ç²ãªéæ³å°å¥³ãã¡ãé¡ãã¨å¼ãããã«ããã¦éé ·ãªéå½ã¨å¯¾å³ãã¦ããã坿ã§ãã¼ã¯ãªä¸çè¦³ãæ¾æ å¾ã人æ°ã¯é«ã¾ãç¶ãã2012å¹´ã«ã¯ã[åç·¨]å§ã¾ãã®ç©èªãã[å¾ç·¨]æ°¸é ã®ç©èªãã®2ç·¨ãããªãåç·¨éçãåå ´å ¬éãããã¦2013å¹´ã«ã¯ã[æ°ç·¨]åéã®ç©èªãããåå ´ç¨ã¢ãã¡ã¼ã·ã§ã³ã¨ãã¦å ¬éãããã 375 ããã¦ããã®å¢ãã¯ä»æ¥ã¾ã§çµ¶ãããã¨ããªãã£ããåãä¸ç観ã«ããã³ãã«ã©ã¤ãºãããã©ã¤ãºãå¤ä¼ããã®ã¢ã¬ã³ã¼ãããªã©ãä¸çãæ¡å¼µãããä½åã夿°çã¾ãã人æ°ãåãã¦ãã£ãããéæ³å°å¥³ã¾ã©ãâãã®ã«ãã¯2010年代ãéãã¦ãããã«ã¯2020年代ã«ããã¦ããæå 端ã«ãã¦æé«å³°ãç¾åããä¼èª¬ã§ããç¶ããã®ã ã 376 ããã¦2026å¹´ãæ°æ¿æä¹ãèæ·µçãè¼æ¨¹ãããã¯ããã主è¦ã¹ã¿ããã¯ã¤ãã«åçµéãããæ¤åº¦ãå½¼ããå®å ¨æ°ä½ã¨ãã¦ä½ã£ãã
376®ã¯ããåéã®ç©èªãã®è¡æçãªã©ã¹ãã·ã¼ã³ããæ£çµ±ãªç¶ç·¨ã¨ãªãç©èªãé¡ãã¦ãã¯ã«ãã«ã®ã¹ã®å»»å¤©ãã ã 377 ã¾ã©ãã¸ã®æ³ãããã«æªéã¨ãªã£ããæç¾ã»ãããæ°ãã«ã¤ããããä¸çã¨ãåã³éãç«ã¤éæ³å°å¥³ãã¡ããéæ³å°å¥³ã¾ã©ãâãã®ã«ãã®ä¸çã®æ¯è»ãããã¾åã³ããã£ããã¨åãå§ããã "> 378 </picture> 379 </div> 380 </div> 381 382 <div class="p-story" id="story" data-scroll> 383 <div class="p-story__inner"> 384 <div class="p-story__head"> 385 <div class="p-story__head-bg"> 386 <picture> 387 <source srcset="./assets/img/story/bg_story_sp_1.png" media="(max-width: 767px)"> 388 <img src="./assets/img/story/bg_story_pc_1.png" alt=""> 389 </picture> 390 </div> 391 <div class="p-story__head-ttl"> 392 <h2> 393 <picture> 394 <source srcset="./assets/img/story/cap_story_sp.png" media="(max-width: 767px)"> 395 <img src="./assets/img/story/cap_story_pc.png" alt="STORY"> 396 </picture> 397 </h2> 398 </div> 399 </div> 400 <div class="p-story__content"> 401 <div class="p-story__text"> 402 <div class="p-story__text-item"> 403 ã¨ããå°æ¹é½å¸ã»è¦æ»åå¸ã«ä½ã<span>鹿ç®ã¾ã©ã</span>ã¯ã<br>å°ãå¼ã£è¾¼ã¿ææ¡ãªãã©ãã«ã§ããã女åä¸å¦çã<br> 404 ã ãâéæ³å°å¥³âã¨ãªã£ã¦éå¥³ã¨æ¦ãå°å¥³ãã¡ã®åå¨ãç¥ãã<br class="is-pc">ãã®æ¦ãã«å·»ãè¾¼ã¾ãã¦ããã 405 </div> 406 <div class="p-story__text-item"> 407 éæ³å°å¥³ãã¡ãå·ã¤ãåãã¦ããå§¿ãæ²è¦³ãã彼女ã¯ã<br class="is-pc">ãã¥ã¥ã¹ãã«ããã¹ã¦ã®é女ãçã¾ããåã«æ¶ãå»ããããã¨é¡ãã<br> 408 ãããã¦ãã¾ã©ãã¯ãåç°ã®çãã¨å¼ã°ããè¶ å¸¸çæ¦å¿µã¨åãã<br class="is-pc">ãã®åã«ãã£ã¦ã<span>ä¸çã¯é女ãåå¨ããªã</span>ãã®ã¨ãã¦ä½ãå¤ããããã 409 </div> 410 <div class="p-story__text-item"> 411 <span>æç¾ã»ãã</span>ã¯ãã¾ã©ãã®æå¾ã®æå¿ãè¸ã«æ±ãã<br>é女ã®ä»£ããã«ã¯ã³ããããã«ãªã£ããéç£ããã¡ã¨æ¦ãç¶ãããã¨ãèªãã<br> 412 åç°ã®çã«å°ãããæ¥ã夢è¦ã¦ãæ¦ãç¶ããââã<br class="is-sp">ã»ããã¯éæ³å°å¥³ã¨ãã¦ã®æ¥å¸¸ããããã¦ããã 413 </div> 414 <div class="p-story__text-item"> 415 ãã¤ãã¡ã¢ã¨ã®æ¦ãã®æ¥ã ã ãã仲éãã¡ã¨ã®æ¥½ããæ¯æ¥ã<br> 416 ããããæ¥å¸¸ã®ç¶»ã³ã«éåæãè¦ãå§ããã¤ãã«ã¯æ±ºå®çãªäºå®ã«æãè³ãã<br> 417 ããã¯ããã®ä¸çã«ã¯ããªãã¯ãã®<span>â鹿ç®ã¾ã©ãâãåå¨ãã</span>ãã¨ã<br> 418 ããã¯<span>é女ã¨åãã¤ã¤ããèªå</span>ããã¾ã©ãã¨ã®æ¥å¸¸ãããä¸åº¦åãæ»ãããã«æé ããä¸çãå½ãã®ç©ºéã ã£ãã®ã ã 419 </div> 420 <div class="p-story__text-item"> 421 éæ³å°å¥³ãã¡ã¯ããã®ç§å¯ãç¥ãã¤ã¤å©ç¨ãããã¨ãã¦ãããã¥ã¥ã¹ãã®ä¼ã¿ãæã¡ç ãã¹ãå ±éããã<br> 422 ã ãããã¯ãã»ãããé女ã¨åãã<br class="is-pc">ã¾ã©ãã¯åç°ã®çã¨ãã¦ä¸çããéé¢ããåå¨ã§ãããã¨ããèªããã®ã«ä»ãªããªãã£ãã<br> 423 ããããã«æå¾ã®ç¬éãã»ããã¯ã¾ã©ãã失ããªãããã«ã<br class="is-pc">ç¥ã«ãçããã¾ã©ããè²¶ãã<span>ãæªéãã¨ãªããèªãä¸çãä½ãå¤ãã</span>ã 424 </div> 425 <div class="p-story__text-item"> 426 è¦æ»åã®å¥³ã®åãã¡ã®ããã ã§ãæè¿ãã¨ããããã話ãåããã¦ããã<br> 427 âãã«ã²ããé»è©±âããé¡ããå¶ãã¦ãããââãã®ä¸ã®åªãã¨æ¦ããã¨ãå¼ãæãã«ã<br>
428 ãã®é ã<span>âã½ã¦ã«ã¸ã§ã ãæããªãå°å¥³âãéç£ç©ããè¡ã</span>ã¨ãããç°å¸¸äºæ ãé£ç¶ãã¦èµ·ãã¦ããã<br> 429 ã»ããã¯ããããªé¢¨æ¯ãæ ç¶ã¨çºãããã®ä¸çã«åè¨ããæªéã¨ãã¦ã<br>ãã¹ã¦ãã»ããã¾ã¾ã«ãã¦ãããââã¯ãã ã£ãã 430 </div> 431 <div class="p-story__text-item"> 432 ãããªæªãã æ¥å¸¸ãçµããããåå¨ããçªå¦ã¨ãã¦ç¾ããã<br class="is-pc"> 433 ãã¹ã¦ã®é女ã®å§ã¾ãã®å ´æââåå¡åºæ ¹ï¼ãªã¥ãããã¤ãï¼ã<br class="is-pc"> 434 ãã¤ã¦ã»ãããè¦ãããè¤æ°ã®é女ã®éåä½ââã¯ã«ãã«ã®ã¹ã®å¤ã<br class="is-pc"> 435 436 437 ããã¦ãåç°ã®çãæ±ããéæ³å°å¥³ããµããã<br> 438 å°å¥³ãã¡ã¯è¨ãããæç¾ã»ããã許ããªããã¨ã<br> 439 </div> 440 <div class="p-story__text-item"> 441 <span>åç°ã®çã失ã£ãä¸çã§ãéæ³å°å¥³ãã¡ã®éå½ããåã³å»»ãå§ããã</span> 442 </div> 443 </div> 444 </div> 445 <div class="p-story__bottom"> 446 <picture> 447 <source srcset="./assets/img/story/bg_story_sp_3.png" media="(max-width: 767px)"> 448 <img src="./assets/img/story/bg_story_pc_3.png" alt=""> 449 </picture> 450 </div> 451 </div> 452 </div> 453 454 <div class="white-area"> 455 <section class="l-section p-staff" data-scroll id="staffcast"> 456 <div class="l-section__ttl p-staff__ttl"> 457 <h2> 458 <span class="p-staff__ttl-item"> 459 <img src="./assets/img/cap_staff.png" alt="STAFF"> 460 </span> 461 <span class="p-staff__ttl-item"> 462 <img src="./assets/img/cap_staff.png" alt="STAFF"> 463 </span> 464 <span class="p-staff__ttl-item"> 465 <img src="./assets/img/cap_staff.png" alt="STAFF"> 466 </span> 467 <span class="p-staff__ttl-item"> 468 <img src="./assets/img/cap_staff.png" alt="STAFF"> 469 </span> 470 <span class="p-staff__ttl-item"> 471 <img src="./assets/img/cap_staff.png" alt="STAFF"> 472 </span> 473 <span class="p-staff__ttl-item"> 474 <img src="./assets/img/cap_staff.png" alt="STAFF"> 475 </span> 476 </h2> 477 </div> 478 <div class="l-section__inner"> 479 <div class="p-staff__list"> 480 <picture> 481 <source srcset="./assets/img/text_staff_sp_v2.png" media="(max-width: 767px)"> 482 <img src="./assets/img/text_staff_pc_v2.png" alt=""> 483 </picture> 484 </div> 485 </div> 486 </section> 487 <section class="l-section p-cast" data-scroll> 488 <div class="l-section__ttl p-cast__ttl"> 489 <h2> 490 <span class="p-cast__ttl-item"> 491 <img src="./assets/img/cap_cast.png" alt="CAST"> 492 </span> 493 <span class="p-cast__ttl-item"> 494 <img src="./assets/img/cap_cast.png" alt="CAST"> 495 </span> 496 <span class="p-cast__ttl-item"> 497 <img src="./assets/img/cap_cast.png" alt="CAST"> 498 </span> 499 <span class="p-cast__ttl-item"> 500 <img src="./assets/img/cap_cast.png" alt="CAST"> 501 </span> 502 <span class="p-cast__ttl-item"> 503 <img src="./assets/img/cap_cast.png" alt="CAST"> 504 </span> 505 <span class="p-cast__ttl-item"> 506 <img src="./assets/img/cap_cast.png" alt="CAST"> 507 </span> 508 </h2> 509 </div> 510 <div class="l-section__inner"> 511 <div class="p-cast__list"> 512 <picture> 513 <source srcset="./assets/img/text_cast_sp_v3.png" media="(max-width: 767px)"> 514 <img src="./assets/img/text_cast_pc_v3.png" alt=""> 515 </picture> 516 </div> 517 </div> 518 </section> 519 </div> 520 </div> 521 <div class="p-bnr"> 522 <div class="p-bnr__item"> 523 <a href="./theater/novelty/"> 524 <div class="p-bnr__bg"> 525 <img src="./assets/img/bnr_bg.png" alt=""> 526 </div> 527 <div class="p-bnr__text"> 528 <img src="./assets/img/bnr_privilege.png" alt="æ¥å ´è ç¹å ¸"> 529 </div> 530 </a> 531 </div> 532 </div> 533 </div> 534 535 <footer class="l-footer"> 536 <div class="l-footer__outer"> 537 <div class="l-footer__line"> 538 <div class="l-footer__line-border"></div> 539 </div> 540 <div class="l-footer__inner"> 541 542 <ul class="l-footer__officiallist"> 543 <li class="l-footer__officiallist-item"> 544 <a href="https://x.com/madoka_magica" target="_blank" rel="noopener noreferrer"> 545 <div class="l-footer__officiallist-bg"> 546 <img src="./assets/img/btn_sns.svg" alt=""> 547 </div> 548 <div class="l-footer__officiallist-icon"> 549 <img src="./assets/img/sns_x.svg" alt="OFFICIAL X"> 550 </div> 551 </a> 552 </li> 553 <li class="l-footer__officiallist-item"> 554 <a href="https://page.line.me/021bvfme" target="_blank" rel="noopener noreferrer"> 555 <div class="l-footer__officiallist-bg"> 556 <img src="./assets/img/btn_sns.svg" alt=""> 557 </div> 558 <div class="l-footer__officiallist-icon"> 559 <img src="./assets/img/sns_line.svg" alt="OFFICIAL LINE"> 560 </div> 561 </a> 562 </li> 563 <li class="l-footer__officiallist-item"> 564 <a href="https://www.tiktok.com/@madoka_magica_official" target="_blank" rel="noopener noreferrer"> 565 <div class="l-footer__officiallist-bg"> 566 <img src="./assets/img/btn_sns.svg" alt=""> 567 </div> 568 <div class="l-footer__officiallist-icon"> 569 <img src="./assets/img/sns_tt.svg" alt="OFFICIAL TikTok"> 570 </div> 571 </a> 572 </li> 573 </ul> 574 575 <div class="l-footer__banner"> 576 <ul class="l-footer__banner-list"> 577 <li class="l-footer__banner-list-item"> 578 <a href="https://www.madoka-magica.com/uhdbd/" target="_blank" rel="noopener noreferrer"> 579 <img src="./assets/img/banner_4k.jpg" alt="4KUltraHDBlu-ray 2025å¹´1æ29æ¥çºå£²"> 580 </a> 581 </li> 582 <li class="l-footer__banner-list-item is-small-width"> 583 <a href="https://10th.madoka-magica.com/" target="_blank" rel="noopener noreferrer"> 584 <img src="./assets/img/link_madoka10th.png" alt="ãéæ³å°å¥³ã¾ã©ãâãã®ã«ã10å¨å¹´è¨å¿µãµã¤ã"> 585 </a> 586 </li> 587 <li class="l-footer__banner-list-item"> 588 <a href="https://www.madoka-magica.com/rebellion/" target="_blank" rel="noopener noreferrer"> 589 <img src="./assets/img/link_hangyaku_b.png" alt="ãåå ´ç éæ³å°å¥³ã¾ã©ãâãã®ã« [æ°ç·¨] åéã®ç©èªãå ¬å¼ãµã¤ã"> 590 </a> 591 </li> 592 <li class="l-footer__banner-list-item"> 593 <a href="https://www.madoka-magica.com/zenkouhen/" target="_blank" rel="noopener noreferrer"> 594 <img src="./assets/img/link_movie.png" alt="ãåå ´ç éæ³å°å¥³ã¾ã©ãâãã®ã« [åç·¨] å§ã¾ãã®ç©èª [å¾ç·¨] æ°¸é ã®ç©èªãå ¬å¼ãµã¤ã"> 595 </a> 596 </li> 597 <li class="l-footer__banner-list-item"> 598 <a href="https://www.madoka-magica.com/tv/" target="_blank" rel="noopener noreferrer"> 599 <img src="./assets/img/link_tv.png" alt="ãéæ³å°å¥³ã¾ã©ãâãã®ã«ãå ¬å¼ãµã¤ã"> 600 </a> 601 </li> 602 </ul> 603 </div> 604 605 606 607 <div class="l-footer__brand"> 608 <img src="./assets/img/logo.png" alt="åå ´ç éæ³å°å¥³ã¾ã©ãâãã®ã«ãã¯ã«ãã«ã®ã¹ã®å»»å¤©ã"> 609 </div> 610 611 612 613 <div class="l-footer__other"> 614 615 <div class="l-footer__share"> 616 <div class="l-footer__share-ttl"> 617 SHARE 618 </div> 619 <ul class="l-footer__share-list"> 620 <li class="l-footer__share-list-item"> 621 <a href="https://twitter.com/intent/tweet?text=%E6%96%B0%E6%88%BF%E6%98%AD%E4%B9%8B%C3%97%E8%99%9A%E6%B7%B5%E7%8E%84%EF%BC%88%E3%83%8B%E3%83%88%E3%83%AD%E3%83%97%E3%83%A9%E3%82%B9%EF%BC%89%C3%97%E8%92%BC%E6%A8%B9%E3%81%86%E3%82%81%C3%97%E3%82%B7%E3%83%A3%E3%83%95%E3%83%88%E3%81%AB%E3%82%88%E3%82%8B%E3%80%8E%E5%8F%9B%E9%80%86%E3%81%AE%E7%89%A9%E8%AA%9E%E3%80%8F%E3%81%AE%E6%AD%A3%E7%B5%B1%E3%81%AA%E3%82%8B%E7%B6%9A%E7%B7%A8%E2%80%95%E2%80%95%E3%81%9D%E3%81%97%E3%81%A6%E3%80%81%E6%96%B0%E3%81%9F%E3%81%AA%E5%A7%8B%E3%81%BE%E3%82%8A%E3%80%82%E3%80%8E%E5%8A%87%E5%A0%B4%E7%89%88%20%E9%AD%94%E6%B3%95%E5%B0%91%E5%A5%B3%E3%81%BE%E3%81%A9%E3%81%8B%E2%98%86%E3%83%9E%E3%82%AE%E3%82%AB%E3%80%88%E3%83%AF%E3%83%AB%E3%83%97%E3%83%AB%E3%82%AE%E3%82%B9%E3%81%AE%E5%BB%BB%E5%A4%A9%E3%80%89%E3%80%8F2026%E5%B9%B48%E6%9C%8828%E6%97%A5(%E9%87%91)%E5%85%AC%E9%96%8B%0A%0Ahttps://www.madoka-magica.com/wr/" target="_blank" rel="noopener noreferrer"> 622 <img src="./assets/img/sns_x.png" alt="X"> 623 </a> 624 </li> 625 <li class="l-footer__share-list-item"> 626 <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.madoka-magica.com%2Fwr%2F" target="_blank" rel="noopener noreferrer"> 627 <img src="./assets/img/sns_fb.png" alt="Facebook"> 628 </a> 629 </li> 630 <li class="l-footer__share-list-item"> 631 <a href="https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fwww.madoka-magica.com%2Fwr%2F" target="_blank" rel="noopener noreferrer"> 632 <img src="./assets/img/sns_line.png" alt="LINE"> 633 </a> 634 </li> 635 </ul> 636 </div> 637 <div class="l-footer__menu"> 638 <ul class="l-footer__menu-list"> 639 <li class="l-footer__menu-list-item"> 640 <a href="https://www.aniplex.co.jp/support/user.html" target="_blank" rel="noopener noreferrer">CONTACT</a> 641 </li> 642 <li class="l-footer__menu-list-item"> 643 <a href="https://www.aniplex.co.jp/help/privacy.html" target="_blank" rel="noopener noreferrer">PRIVACY POLICY</a> 644 </li> 645 <li class="l-footer__menu-list-item"> 646 <a href="https://www.aniplex.co.jp/" target="_blank" rel="noopener noreferrer">Aniplex</a> 647 </li> 648 </ul> 649 </div>
650 <div class="l-footer__copy"> 651 <small>ãã®ãã¼ã ãã¼ã¸ã«æ²è¼ããã¦ããèä½ç©ã®ç¡æå©ç¨ãç¦ãã¾ãã</small><br><br> 652 <small>©Magica Quartet/Aniplex,Madoka Project</small> 653 </div> 654 </div> 655 <div class="l-footer__pagetop" data-scroll-top> 656 <div class="l-footer__pagetop-base"> 657 <img src="./assets/img/btn_pagetop_bg.png" alt=""> 658 </div> 659 <div class="l-footer__pagetop-arrow"> 660 <img src="./assets/img/btn_pagetop_arrow.png" alt="PAGETOP"> 661 </div> 662 </div> 663 </div> 664 </div> 665</footer> </div> 666 <div class="l-loading"> 667 <div class="l-loading__content"> 668 <div class="l-loading__dot"></div> 669 <div class="l-loading__dot"></div> 670 <div class="l-loading__dot"></div> 671 </div> 672</div> 673
673<script src="https://www.aniplex.co.jp/js/aniplex.imgdownload.min.js"></script>
vendor: 1 bytes, line 673
673
674<script src="./assets/js/vender/jquery-3.6.0.min.js"></script>
vendor: 1 bytes, line 674
674
675<script src="./assets/js/vender/jquery.easing.1.4.min.js"></script>
vendor: 1 bytes, line 675
675
676<script src="./assets/js/vender/js-player-module-youtube.js"></script>
vendor: 1 bytes, line 676
676
677<script src="./assets/js/vender/js-modal-module.js"></script>
vendor: 1 bytes, line 677
677
678<script src="./assets/js/vender/js-scroll-effect-module.js"></script>
vendor: 1 bytes, line 678
678
679<script src="./assets/js/vender/swiper-bundle.min.js"></script>
679 680
681<script src="./assets/js/madomagi2023.js?v5"></script>
681
681<script src="./assets/js/vender/gsap.min.js"></script>
681 682
682<script src="./assets/js/vender/pixi.min.js"></script>
682 683
683<script src="./assets/js/madomagi2023.kv.js?v2"></script>
683 684 685</body> 686</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.