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-W5JTNVRH
vendor: 3 bytes, line 9
9');
9</script>
9 10<!-- End Google Tag Manager --> 11<meta charset="utf-8"> 12 13<title>ã¢ãã¡ããç©èªãã·ãªã¼ãº ãªãï¼ã¢ã³ã¹ã¿ã¼ã·ã¼ãºã³ãå ¬å¼ãµã¤ã</title> 14 15 <meta name="description" content="ãç©èªãã·ãªã¼ãº ãªãï¼ã¢ã³ã¹ã¿ã¼ã·ã¼ãºã³ã2026å¹´å¬æ¾ééå§ï¼"> 16 <meta property="og:locale" content="ja_JP"> 17 <meta property="og:site_name" content="ã¢ãã¡ããç©èªãã·ãªã¼ãº ãªãï¼ã¢ã³ã¹ã¿ã¼ã·ã¼ãºã³ãå ¬å¼ãµã¤ã"> 18 <meta property="og:title" content="ã¢ãã¡ããç©èªãã·ãªã¼ãº ãªãï¼ã¢ã³ã¹ã¿ã¼ã·ã¼ãºã³ãå ¬å¼ãµã¤ã"> 19 <meta property="og:type" content="website"> 20 <meta property="og:description" content="ãç©èªãã·ãªã¼ãº ãªãï¼ã¢ã³ã¹ã¿ã¼ã·ã¼ãºã³ã2026å¹´å¬æ¾ééå§ï¼"> 21 <meta property="og:url" content="https://www.monogatari-series.com/"> 22 <meta property="og:image" content="https://www.monogatari-series.com/oms/assets/og/ogp.jpg"> 23 <meta name="twitter:card" content="summary_large_image"> 24 <meta name="twitter:site" content="nisioisin_anime"> 25 <meta name="twitter:creator" content="nisioisin_anime"> 26 <meta name="twitter:title" content="ã¢ãã¡ããç©èªãã·ãªã¼ãº ãªãï¼ã¢ã³ã¹ã¿ã¼ã·ã¼ãºã³ãå ¬å¼ãµã¤ã"> 27 <meta name="twitter:description" content="ãç©èªãã·ãªã¼ãº ãªãï¼ã¢ã³ã¹ã¿ã¼ã·ã¼ãºã³ã2026å¹´å¬æ¾ééå§ï¼"> 28 <meta name="twitter:image" content="https://www.monogatari-series.com/oms/assets/og/ogp.jpg"> 29 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 30<meta name="format-detection" content="telephone=no, address=no, email=no"> 31<meta name="theme-color" content="#FFF"> 32<link rel="preconnect" href="https://fonts.googleapis.com"> 33<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 34<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@500&family=Jost:wght@300;400&family=Shippori+Mincho:wght@400;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"> 35<link href="./assets/css/common.css?260626" rel="stylesheet" type="text/css"> 36<link href="./assets/css/top.css?260626" rel="stylesheet" type="text/css">
37<script defer src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
37 38<link rel="shortcut icon" href="./favicon.ico"> 39</head> 40<body id="top" data-root="./"> 41<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 41-42
41 42<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
42GTM-W5JTNVRH
vendor: 85 bytes, lines 42-43
42" 43height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
44<!-- End Google Tag Manager (noscript) --> 45<div id="js-loader" class="loader" aria-hidden="true"></div> 46<div id="bg" class="bg"></div> 47<!-- BEGIN #fullWrap --> 48<div id="fullWrap"> 49 <div class="contentWrap"> 50 <header id="header" class="header"> 51 <h1 class="hd">ãç©èªãã·ãªã¼ãº ãªãï¼ã¢ã³ã¹ã¿ã¼ã·ã¼ãºã³</h1> 52 <div class="header__inner"> 53 <div class="menu__btn"> 54 <button class="menu__btnBtn js-menu"></button> 55 </div> 56 <div class="nav__wrap" id="js-navWrap"> 57 <div class="nav__content"> 58 <div class="nav__block"> 59 <nav id="nav" class="nav"> 60 <div class="nav__inner"> 61 <ul class="nav__lists"> 62 <li class="nav__item"> 63 <a href="#top" class="nav__link js-anchor"><span class="nav__link--en">TOP</span><span class="nav__link--ja">ããã</span></a> 64 </li> 65 <li class="nav__item"> 66 <a href="#movie" class="nav__link js-anchor"><span class="nav__link--en">MOVIE</span><span class="nav__link--ja">æ å</span></a> 67 </li> 68 <li class="nav__item"> 69 <a href="#introduction" class="nav__link js-anchor"><span class="nav__link--en">INTRODUCTION</span><span class="nav__link--ja">ä½åæ¦è¦</span></a> 70 </li> 71 <li class="nav__item"> 72 <a href="#story" class="nav__link js-anchor"><span class="nav__link--en">STORY</span><span class="nav__link--ja">ç©èª</span></a> 73 </li> 74 </ul> 75 </div> 76 </nav> 77 <div class="subNav"> 78 <div class="subNav__inner"> 79 <ul class="subNav__lists"> 80 <li class="subNav__item"><a href="https://x.com/nisioisin_anime" class="subNav__link subNav__link--x" target="_blank" rel="noopener noreferrer"><span>OFFICIAL X</span></a></li> 81 <li class="subNav__item"><a href="https://www.tiktok.com/@monogatari_anime" class="subNav__link subNav__link--tiktok" target="_blank" rel="noopener noreferrer"><span>OFFICIAL TikTok</span></a></li> 82 </ul> 83 </div> 84 </div> 85 </div> 86 </div> 87 </div> 88 </div> 89</header><!-- /.header --> <div class="contents"> 90 <div id="kv" class="kv"> 91 <div class="kv__swiperWrap"> 92 <div class="kv__swiper swiper" id="js-kvSwiper"> 93 <div class="kv__swiper-wrapper swiper-wrapper"> 94 <div class="kv__swiper-slide swiper-slide" data-logo="./assets/img/common/logo/logo_wazamonogatari"><picture><source srcset="./assets/img/top/kv/kv1.webp" type="image/webp"><img src="./assets/img/top/kv/kv1.jpg" alt=""></picture></div> 95 <div class="kv__swiper-slide swiper-slide" data-logo=""><picture><source srcset="./assets/img/top/kv/kv0.webp" type="image/webp"><img src="./assets/img/top/kv/kv0.jpg" alt=""></picture></div> 96 </div> 97 <div class="kv__logos"> 98 <div class="kv__logosin"> 99 <div class="kv__logo"><picture><source srcset="./assets/img/common/logo/logo_shadow.webp" type="image/webp"><img src="./assets/img/common/logo/logo_shadow.png" alt=""></picture></div> 100 <div class="kv__series"><picture><source srcset="./assets/img/common/logo/logo_wazamonogatari.webp" type="image/webp"><img src="./assets/img/common/logo/logo_wazamonogatari.png" alt="æ¥ç©èª ããããªã¦ã¬"></picture></div> 101 </div> 102 </div> 103 </div> 104 </div> 105 <div class="kv__sticky"> 106 <div class="kv__swiperSwitcher"> 107 <ul class="kv__swiperSwitchLists"> 108 <li class="kv__swiperSwitchItem"> 109 <a href="javascript:;" class="kv__swiperSwitchLink is-active" data-kv="0"><picture><source srcset="./assets/img/top/kv/kv1_thumb.webp" type="image/webp"><img src="./assets/img/top/kv/kv1_thumb.jpg" alt=""></picture></a> 110 </li> 111 <li class="kv__swiperSwitchItem"> 112 <a href="javascript:;" class="kv__swiperSwitchLink" data-kv="1"><picture><source srcset="./assets/img/top/kv/kv0_thumb.webp" type="image/webp"><img src="./assets/img/top/kv/kv0_thumb.jpg" alt=""></picture></a> 113 </li> 114 </ul> 115 </div> 116 <div class="kv__startdate"> 117 <div class="kv__startdatein"><span class="hd">äºãäºå å¹´å¬æ¾ééå§</span></div> 118 </div>
119 </div> 120 </div> 121 <div id="bnrs" class="bnrs"> 122 <div class="bnrs__inner"> 123 <div class="bnrs__swiper swiper" id="js-bnrSwiper"> 124 <div class="bnrs__swiper-wrapper swiper-wrapper"> 125 <div class="bnrs__swiper-slide swiper-slide"><a href="./special/tanabata2026/" target="_blank" rel="noopener noreferrer" class="bnrs__swiperLink"><picture><source srcset="./assets/img/common/bnr/77_2026.webp" type="image/webp"><img src="./assets/img/common/bnr/77_2026.jpg" alt="ä¸å¤ç¥2026"></picture></a></div> 126 </div> 127 </div> 128 <ul class="bnr__navLists"> 129 <li class="bnr__navItem"><a href="javascript:;" class="bnr__navLink" id="js-bnrPrev"><span class="hd">PREV</span></a></li> 130 <li class="bnr__navItem"><a href="javascript:;" class="bnr__navLink" id="js-bnrNext"><span class="hd">NEXT</span></a></li> 131 </ul> 132 <ul class="bnrs__pagination" id="js-bnrPagination"></ul> 133 </div> 134 </div> 135 <section id="movie" class="movie"> 136 <div class="movie__inner"> 137 <div class="movie__deco"> 138 <div class="movie__decoText --decoText-l">OFF & MONSTER SEASON</div> 139 <div class="movie__decoText --decoText-r">OFF & MONSTER SEASON</div> 140 <div class="movie__decoBlock --decoBlock-rt"></div> 141 <div class="movie__decoBlock --decoBlock-lb"></div> 142 <div class="movie__decoBlock --decoBlock-lb2"></div> 143 </div> 144 <h2 class="movie__title"><span class="hd">æ å MOVIE</span></h2> 145 <ul class="movie__navLists"> 146 <li class="movie__navItem"><a href="javascript:;" class="movie__navLink movie__navLink--prev" id="js-moviePrev"><span class="hd">å</span></a></li> 147 <li class="movie__navItem"><a href="javascript:;" class="movie__navLink movie__navLink--next" id="js-movieNext"><span class="hd">次</span></a></li> 148 </ul> 149 <div class="movie__content"> 150 <div class="movie__bg" id="js-movieBg" aria-hidden="true"> 151 <div class="movie__bgYt" id="js-movieBgYt"></div> 152 </div> 153 <div class="movie__swiper swiper" id="js-movieSwiper"> 154 <div class="movie__swiper-wrapper swiper-wrapper"> 155 <div class="movie__swiper-slide swiper-slide" data-yt-id="8P2QF7ReJQE" data-title="ãç¹å ±ããç©èªãã·ãªã¼ãº ãªã&ã¢ã³ã¹ã¿ã¼ã·ã¼ãºã³ï½æ°ã¨ãã½ã¼ãå¶ä½æ±ºå®"> 156 <a href="javascript:;" class="movie__swiperLink js-movieModalOpen"> 157 <span class="movie__playIcon"></span> 158 </a> 159 </div> 160 </div> 161 </div> 162 <div class="movie__mask" aria-hidden="true"></div> 163 </div> 164 <div class="movie__contentTitle"> 165 <p class="movie__contentTitlein"> 166 <span class="movie__contentTitleText" id="js-movieContentTitle"></span> 167 <span class="movie__mask movie__mask--title" aria-hidden="true"></span> 168 </p> 169 </div> 170 </div> 171 </section> 172 <section id="introduction" class="introduction"> 173 <div class="introduction__catchBg" id="js-introductionCatch" aria-hidden="true"> 174 <picture> 175 <source media="screen and (max-width:768px)" srcset="./assets/img/top/introduction/catch-s.svg"> 176 <img class="introduction__catchImg" src="./assets/img/top/introduction/catch.svg" alt=""> 177 </picture> 178 </div> 179 <div class="introduction__deco"> 180 <div class="introduction__decoin"> 181 <div class="introduction__scatter introduction__scatter--1" data-parallax="0.45"> 182 <div class="introduction__scatterFrame" aria-hidden="true"></div> 183 <picture><source srcset="./assets/img/top/introduction/img1.webp" type="image/webp"><img class="introduction__scatterImg" src="./assets/img/top/introduction/img1.jpg" alt="" loading="lazy" decoding="async"></picture> 184 </div> 185 <div class="introduction__scatter introduction__scatter--2" data-parallax="0.31"> 186 <picture><source srcset="./assets/img/top/introduction/img2.webp" type="image/webp"><img class="introduction__scatterImg" src="./assets/img/top/introduction/img2.jpg" alt="" loading="lazy" decoding="async"></picture> 187 </div> 188 <div class="introduction__scatterDeco introduction__scatterDeco--box40" data-parallax="0.48" aria-hidden="true"></div> 189 <div class="introduction__scatterDeco introduction__scatterDeco--line" data-parallax="0.38" aria-hidden="true"></div> 190 <div class="introduction__scatter introduction__scatter--3" data-parallax="0.94"> 191 <picture><source srcset="./assets/img/top/introduction/img3.webp" type="image/webp"><img class="introduction__scatterImg" src="./assets/img/top/introduction/img3.jpg" alt="" loading="lazy" decoding="async"></picture> 192 </div> 193 <div class="introduction__scatter introduction__scatter--4" data-parallax="0.68"> 194 <div class="introduction__scatterFrame" aria-hidden="true"></div> 195 <picture><source srcset="./assets/img/top/introduction/img4.webp" type="image/webp"><img class="introduction__scatterImg" src="./assets/img/top/introduction/img4.jpg" alt="" loading="lazy" decoding="async"></picture> 196 </div> 197 <div class="introduction__scatter introduction__scatter--5" data-parallax="0.2"> 198 <picture><source srcset="./assets/img/top/introduction/img5.webp" type="image/webp"><img class="introduction__scatterImg" src="./assets/img/top/introduction/img5.jpg" alt="" loading="lazy" decoding="async"></picture> 199 </div> 200 </div>
201 </div> 202 <div class="introduction__inner"> 203 <h2 class="introduction__title"><span class="hd">ä½åæ¦è¦ INTRODUCTION</span></h2> 204 <div class="introduction__texts"> 205 <p class="introduction__text"> 206 <span class="introduction__textin">é¿è¯ã æ¨æ¦ã«å©ããããå°å¥³éã</span> 207 <span class="introduction__textin">è¿·ãã¤ã¤ãæªæ¥ã¸é²ã彼女éã®ç©èªã¯ã</span> 208 <span class="introduction__textin">æ°ãã«å§ã¾ã£ãã</span> 209 </p> 210 <p class="introduction__text"> 211 <span class="introduction__textin">ä¸æ¹å¤§äººã¸ã®éãé²ããã¨ãã</span> 212 <span class="introduction__textin">æ¦ã®ãã¨ã«ã¯</span> 213 <span class="introduction__textin">æ°ããªæªç°ã®å½±ãå¿ã³å¯ã£ã¦ããã</span> 214 </p> 215 <p class="introduction__catch"> 216 <span class="introduction__catchin">é¿è¯ã æ¨æ¦ã大å¦ä¸å¹´ç<span class="introduction__hypen">â</span></span> 217 <span class="introduction__catchin">èªåã®è¶³ã§ç«ã¡ãæªæ¥ã¸é²ãç©èªã</span> 218 </p> 219 </div> 220 </div> 221 </section> 222 <section id="story" class="story"> 223 <div class="story__inner"> 224 <h2 class="story__title"><span class="hd">ç©èª STORY</span></h2> 225 <div class="story__box"> 226 <div class="story__tab"> 227 <ul class="story__tabLists"> 228 <li class="story__tabItem"><a href="javascript:;" class="story__tabLink is-active"><span>æ¥ç©èª</span></a></li> 229 </ul> 230 </div> 231 <div class="story__deco"> 232 <div class="story__decoBlock --decoBlock-lb"></div> 233 <div class="story__decoBlock --decoBlock-lb2"></div> 234 <div class="story__decoText">OFF & MONSTER SEASON</div> 235 </div> 236 <div class="story__boxin"> 237 <div class="story__content" id="story1"> 238 <div class="story__content--l"> 239 <h3 class="story__inLogo"><picture><source srcset="./assets/img/common/logo/logo_wazamonogatari.webp" type="image/webp"><img src="./assets/img/common/logo/logo_wazamonogatari.png" alt="" loading="lazy" decoding="async"></picture></h3> 240 <p class="story__inText">é«æ ¡ä¸å¹´çã«ãªã£ãé¿è¯ã æ¨ç«æã<br>空æã®å¸«å ã«å¼·ããèªããããªãããã<br>次ã®ã¹ãã¼ã¸ã«é²ãããã«<br>ç«æã¯ãå±±ç± ãããå½ããããã</p> 241 <p class="story__inText">åãã£ãå ã¯<br>鬼ä¼å±±ã»åéå²³ã»ã«ãã«ãå±±ãããªãé¢æä¸å±±ã</p> 242 <p class="story__inText">èªåèªèº«ã«åãåãããã®å±±ç± ããã<br>è¦é£ã®å ã«å¾ ã£ã¦ããã®ã¯ãæããã¦èª°ãªã®ãââã</p> 243 </div> 244 <div class="story__img"> 245 <div class="story__imgin"> 246 <picture><source srcset="./assets/img/top/story/story1.webp" type="image/webp"><img src="./assets/img/top/story/story1.jpg" alt="" class="story__img--shadow" loading="lazy" decoding="async"></picture> 247 <picture><source srcset="./assets/img/top/story/story1.webp" type="image/webp"><img src="./assets/img/top/story/story1.jpg" alt="" loading="lazy" decoding="async"></picture> 248 </div> 249 </div> 250 </div> 251 </div> 252 </div> 253 </div> 254 </section> 255 </div> 256 <footer id="footer" class="footer"> 257 <div class="footer__top"> 258 <div class="footer__seriesLogo"><a href="https://www.monogatari-series.com/" target="_blank" rel="noopener noreferrer" class="footer__seriesLogoLink"><span class="hd">ãç©èªãã·ãªã¼ãº</span></a></div> 259 </div> 260 <div class="footer__bottom"> 261 <ul class="footer__linkLists"> 262 <li class="footer__linkItem"><a href="https://www.nisioisin-anime.com/20thsp/" target="_blank" rel="noopener noreferrer" class="footer__link footer__link--20th"><picture><source srcset="./assets/img/common/logo/nisioisin_20th.webp" type="image/webp"><img src="./assets/img/common/logo/nisioisin_20th.png" alt="西尾ç¶æ° 20thank you for your reading!" loading="lazy" decoding="async"></picture></a></li> 263 <li class="footer__linkItem"><a href="https://www.aniplex.co.jp/" target="_blank" rel="noopener noreferrer" class="footer__link footer__link--aniplex"><picture><source srcset="./assets/img/common/logo/aniplex.webp" type="image/webp"><img src="./assets/img/common/logo/aniplex.png" alt="ANIPLEX" loading="lazy" decoding="async"></picture></a></li> 264 <li class="footer__linkItem"><a href="https://www.shaft-web.co.jp/" target="_blank" rel="noopener noreferrer" class="footer__link footer__link--aniplex"><picture><source srcset="./assets/img/common/logo/shaft.webp" type="image/webp"><img src="./assets/img/common/logo/shaft.png" alt="SHAFT" loading="lazy" decoding="async"></picture></a></li> 265 <li class="footer__linkItem"><a href="https://www.nisioisin-anime.com/" target="_blank" rel="noopener noreferrer" class="footer__link footer__link--shaft"><picture><source srcset="./assets/img/common/logo/nisioisin_animproject.webp" type="image/webp"><img src="./assets/img/common/logo/nisioisin_animproject.png" alt="西尾ç¶æ°ã¢ãã¡ããã¸ã§ã¯ã" loading="lazy" decoding="async"></picture></a></li> 266 </ul> 267 <div class="footer__last"> 268 <div class="footer__lastRight"> 269 <ul class="footer__subLinkLists"> 270 <li class="footer__subLinkItem"><a href="https://www.aniplex.co.jp/help/privacy.html" target="_blank" rel="noopener noreferrer" class="footer__subLink">PRIVACY POLICY</a></li> 271 <li class="footer__subLinkItem"><a href="https://www.aniplex.co.jp/support/user.html" target="_blank" rel="noopener noreferrer" class="footer__subLink">CONTACT</a></li> 272 <li class="footer__subLinkItem"><a href="https://www.aniplex.co.jp/" target="_blank" rel="noopener noreferrer" class="footer__subLink">ANIPLEX</a></li> 273 </ul> 274 </div> 275 <div class="footer__lastLeft"> 276 <p class="footer__caution">ãã®ãã¼ã ãã¼ã¸ã«æ²è¼ããã¦ããèä½ç©ã®ç¡æå©ç¨ãç¦ãã¾ãã</p>
277 <p class="footer__copyright">©è¥¿å°¾ç¶æ°ï¼è¬è«ç¤¾ã»ã¢ããã¬ãã¯ã¹ã»ã·ã£ãã</p> 278 </div> 279 </div> 280 </div> 281</footer><!-- #footer --> </div> 282</div><!-- #fullWrap --> 283<div class="movieModal" id="js-movieModal" aria-hidden="true"> 284 <div class="movieModal__overlay js-movieModalClose"></div> 285 <div class="movieModal__stage"> 286 <button type="button" class="movieModal__close js-movieModalClose"><span class="hd">éãã</span></button> 287 <div class="movieModal__video"> 288 <div class="movieModal__videoYt" id="js-movieModalYt"></div> 289 </div> 290 </div> 291</div><!-- #js-movieModal -->
292<script src="https://www.aniplex.co.jp/js/aniplex.imgdownload.min.js"></script>
vendor: 1 bytes, line 292
292
293<script defer src="./assets/js/bg-gradient.js?260626"></script>
vendor: 1 bytes, line 293
293
294<script defer src="./assets/js/common.js?260626"></script>
vendor: 1 bytes, line 294
294
295<script defer src="./assets/js/top.js?260626"></script>
vendor: 1 bytes, line 295
295
296<script defer src="./assets/js/movie.js?260626"></script>
296 297</body> 298</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.