<!DOCTYPE html>
<!--[if IE 9 ]>    <html dir="ltr" lang="en-US" class="ie9"> <![endif]-->
<!--[if (gte IE 10)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html dir="ltr" lang="en-US"><!--<![endif]-->
  <head>
<!-- property -->
    <!-- Google Tag Manager -->
<script>
  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl+ '&gtm_auth=ZarF2Qyfj6o5KCl8wozoZA&gtm_preview=env-2&gtm_cookies_win=x';f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-NL4KN8G');
</script>
<!-- End Google Tag Manager -->

<!-- quick throwaway until we get old GA code fully removed/changed -->
<script>
  function ga() {}
</script>

    <meta charset="UTF-8">
    <meta name="viewport"         content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">

    <meta name="description" content="The epic adventures of the world’s greatest ninja!">

    <title>VIZ | The Official Website for Naruto Shippuden</title>

<script type="text/javascript">
function cl() {
}
</script>

<meta name="cart-version" content="5.1.9.0">
<meta name="server-info" content="Vizmule-Group1-e-03023@0b48c9c">



    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@VIZMedia">
    <meta property="og:url"           content="https://www.viz.com/naruto">
    <meta property="og:type"          content="website">
    <meta property="og:title"         content="VIZ: The Official Website for Naruto Shippuden">
      <meta property="og:description" content="The epic adventures of the world’s greatest ninja!">
      <meta property="og:image"       content="https://dw9to29mmj727.cloudfront.net/social/2830-NAR_600x314.jpg">

    
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>

<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png?v=47MPqANpyj">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png?v=47MPqANpyj">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png?v=47MPqANpyj">
<link rel="manifest" href="/favicon/manifest.json?v=47MPqANpyj" crossorigin="use-credentials">
<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg?v=47MPqANpyj" color="#ff0000">
<link rel="shortcut icon" href="/favicon/favicon.ico?v=47MPqANpyj">
<meta name="msapplication-config" content="/favicon/browserconfig.xml?v=47MPqANpyj">
<meta name="theme-color" content="#ff0000">



  <link rel="canonical" href="https://www.viz.com/naruto">

<link rel="stylesheet" media="all" href="https://assets.viz.com/assets/manifest-viz-ui-8ee5dc4081c3da1df9e2db23d85ebcaab8284bf5925391389b92ec6becdc5cd3.css" />
<style>
  @supports selector(:focus-visible) {
    :focus {
      /* Remove the focus indicator on mouse-focus for browsers
         that do support :focus-visible */
      outline: none;
    }
  }

  :focus-visible {
    outline: 4px solid #06f;
    outline-offset: .125rem;
  }

  .o_share-btn-sm:focus-visible {
    outline: 4px solid #000;
    outline-offset: -0.25rem;
  }

  .category-nav-list li a:focus-visible {
    outline-offset: -0.1875rem;
  } 

  #newsletter_footer_email:focus-visible {
    outline-offset: -0.25rem;
  }
</style>


<script type="text/javascript">
</script>

<script type="text/javascript" src="/search/series_titles.js"></script>

<script src="https://assets.viz.com/assets/manifest-picturefill-251915c1c5c28dce5fe695c7b06042b06148adf01b169726c36bf677baebd29a.js" async="async"></script>
<script src="https://assets.viz.com/assets/manifest-viz-common-3c16ac8a72664a8318c3b5e8031c7e62e6c8bcdb43e0def1b2313ac715dfd07f.js"></script>
<script src="https://assets.viz.com/assets/manifest-viz-ui-fa9e26abdc8ac92b98e50d3bccbb2d9f75c14036d70279b5715712fd161ef863.js"></script>

<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-firestore.js"></script>

<script type="text/javascript">
// NOTE: Do not assume that the root "firebase" obj will exist in any given browser (example iOS 9.3.5 is too old)
if (window.firebase) {
  // Initialize Firebase
  firebase.initializeApp({
    apiKey:            "AIzaSyC_HAHLGDNEpcJJdjC99E7KadiA1Q4IJIg",
    authDomain:        "vizmule.firebaseapp.com",
    databaseURL:       "https://vizmule.firebaseio.com",
    projectId:         "vizmule",
    storageBucket:     "vizmule.appspot.com",
    messagingSenderId: "381084636812",
    appId:             "1:381084636812:web:9ab6280f71b5137ad90da9",
    measurementId:     "G-41C9NY052Q"
  });
}

// REM: variables defined here so that we don't have to re-compile assets when adding new allowed collections
var fsDataEnv = "production";
// Used in VizFirebase.wrap to dis-allow initalization for any unrecognized collections (don't create garbage entries by typos)
var firestoreCollections = {
  users:  ['manga', 'series'],
  nouser: ['dataModelVersions']
};

var FSW = {};
</script>

<script src="https://assets.viz.com/assets/manifest-viz-firebase-6f9f9c49f1d4edb1266b523a1beed7dd73d0b6fc6403e21b271bf1204c404e09.js"></script>





    <script src="https://assets.viz.com/assets/manifest-viz-property-f0a36da386f4fca5dcac465714165aff1fa7d76a1d37228f2d78d14e99dd400d.js"></script>

    <script src="https://assets.viz.com/assets/manifest-viz-promocarousel-e9881252b4998521e173d29f5a9464d4fc386fc9f39efc52fcdcb51762266668.js"></script>
    <link rel="stylesheet" media="all" href="https://assets.viz.com/assets/manifest-viz-promocarousel-398c534cd01e68a304d047c99095cae8363909c5b5cd7dd85762a0d0bc0751a2.css" />

  </head>

  <body >
    <header id="site-header" role="banner" class="o_site-header bg-trans-white">

  <div id="fan-favorites" class="o_fan-favorites bg-off-black type-sm disp-n--nvsh">
  <a class="skip-main-btn mar-r-md bg-off-black" href="#main">Skip to main content</a>
    <div class="o_fan-favorites-row row nowrap">
      <h2 class="disp-ib mar-r-md color-mid-gray">Manga &amp; Anime Favorites</h2>
      <ul class="disp-ib">
          <li class="disp-ib mar-r-md"><a href="/junji-ito">Ito-verse</a></li>
          <li class="disp-ib mar-r-md"><a href="/naruto">Naruto</a></li>
          <li class="disp-ib mar-r-md"><a href="/pokemon">Pokémon</a></li>
          <li class="disp-ib mar-r-md"><a href="/jujutsu-kaisen">Jujutsu Kaisen</a></li>
          <li class="disp-ib mar-r-md"><a href="/bleach">Bleach</a></li>
          <li class="disp-ib mar-r-md"><a href="/one-punch-man">One-Punch Man</a></li>
          <li class="disp-ib mar-r-md"><a href="https://www.viz.com/shonenjump">Read Free Manga!</a></li>
          <li class="disp-ib mar-r-md"><a href="/products/gomi-no-sensei" rel="nofollow" style="display: none" aria-hidden="true">Gomi</a></li>
      </ul>
    </div>
  </div>


  <div id="header-container" class="row flex flex-justify">

    <h1 class="o_logo-top bg-red flex g-3--nvex g-omega--nvex">
      <span class="pos-r">
        <a href="/" class="o_logo-img"><img alt="VIZ" src="https://assets.viz.com/assets/logo@2x-b76f649f933ea15f45147ff5445a2501c85c7f863ba0aba5ea7bec93c3272cc6.png" />

</a>
      </span>
    </h1>

    <a href="javascript:void(0)" data-nav-open class="nav-btn nav-btn--center color-off-black"><i class="icon-menu"></i><span>Menu</span></a>

    
<nav id="nav-container" data-nav-state="closed" role="navigation" class="o_nav-container">

  <a aria-label="Dismiss" href="javascript:void(0)" data-nav-close class="nav-btn color-white pad-t-sm mar-t-rg pad-b-0 mar-b-0"><i class="icon-close"></i></a>

  <ul id="primary-nav" class="o_primary-nav style-caps weight-bold mar-y-md mar-y-0--nvex">
      <li class="o_primary-nav-item disp-ib--nvex">
          <a data-sub-nav-open data-sub-nav-context="default" data-sub-nav-section="manga-books" 
            class="o_primary-nav-link o_sub-nav-parent pad-x-md--nvex" href="#">Manga &amp; Books 
            <div aria-hidden="true" class="o_expand-nav-icon"></div></a>
          <ul class="o_sub-nav" data-sub-nav-state="closed">
            <li class="o_sub-nav-item">
              <a class="o_sub-nav-link o_nav-event
                " 
                href="/manga-books" 
                 >Main Page</a>
            </li>
            <li class="o_sub-nav-item">
              <a class="o_sub-nav-link o_nav-event
                " 
                href="/manga-books/series" 
                 >Series & Titles</a>
            </li>
            <li class="o_sub-nav-item">
              <a class="o_sub-nav-link o_nav-event
                " 
                href="/shonenjump" 
                 >Shonen Jump</a>
            </li>
            <li class="o_sub-nav-item">
              <a class="o_sub-nav-link o_nav-event
                " 
                href="/vizmanga" 
                 >VIZ Manga</a>
            </li>
            <li class="o_sub-nav-item">
              <a class="o_sub-nav-link o_nav-event
                " 
                href="/manga-books/genres" 
                 >Genres</a>
            </li>
            <li class="o_sub-nav-item">
              <a class="o_sub-nav-link o_nav-event
                " 
                href="/create" 
                 >Submit Manga</a>
            </li>
          </ul>
      </li>
      <li class="o_primary-nav-item disp-ib--nvex">
          <a data-sub-nav-open data-sub-nav-context="default" data-sub-nav-section="anime" 
            class="o_primary-nav-link o_sub-nav-parent pad-x-md--nvex" href="#">Anime 
            <div aria-hidden="true" class="o_expand-nav-icon"></div></a>
          <ul class="o_sub-nav" data-sub-nav-state="closed">
            <li class="o_sub-nav-item">
              <a class="o_sub-nav-link o_nav-event
                " 
                href="/anime" 
                 >Main Page</a>
            </li>
            <li class="o_sub-nav-item">
              <a class="o_sub-nav-link o_nav-event
                " 
                href="/anime/tv-shows" 
                 >TV Shows</a>
            </li>
            <li class="o_sub-nav-item">
              <a class="o_sub-nav-link o_nav-event
                " 
                href="/anime/movies" 
                 >Movies</a>
            </li>
          </ul>
      </li>
      <li class="o_primary-nav-item o_primary-nav-geo c-US disp-n">
          <a data-sub-nav-open data-sub-nav-context="default" data-sub-nav-section="shop-us" 
            class="o_primary-nav-link o_sub-nav-parent pad-x-md--nvex" href="#">Shop 
            <div aria-hidden="true" class="o_expand-nav-icon"></div></a>
          <ul class="o_sub-nav" data-sub-nav-state="closed">
            <li class="o_sub-nav-item">
              <a class="o_sub-nav-link o_nav-event
                o_external-nav-link" 
                href="https://shop.viz.com/?utm_source=www.viz.com/&amp;utm_medium=referral&amp;utm_campaign=nav-link&amp;utm_term=&amp;utm_content=" 
                target="_blank" >VIZ Shop</a>
            </li>
            <li class="o_sub-nav-item">
              <a class="o_sub-nav-link o_nav-event
                o_external-nav-link" 
                href="https://shonenjumpstore.com/?utm_campaign=shop-link&amp;utm_source=viz.com&amp;utm_medium=referral" 
                target="_blank" >Shonen Jump Store</a>
            </li>
          </ul>
      </li>
      <li class="o_primary-nav-item o_primary-nav-geo c-CA disp-n">
            <a class="o_primary-nav-link o_nav-event o_external-nav-link pad-x-md--nvex" href="https://shop.viz.com/?utm_source=www.viz.com/&utm_medium=referral&utm_campaign=nav-link&utm_term=&utm_content=" target="_blank">Shop</a>
      </li>
      <li class="o_primary-nav-item disp-ib--nvex">
            <a class="o_primary-nav-link o_nav-event pad-x-md--nvex" href="/calendar">Calendar</a>
      </li>
      <li class="o_primary-nav-item disp-ib--nvex">
          <a data-sub-nav-open data-sub-nav-context="default" data-sub-nav-section="more" 
            class="o_primary-nav-link o_sub-nav-parent pad-x-md--nvex" href="#">More 
            <div aria-hidden="true" class="o_expand-nav-icon"></div></a>
          <ul class="o_sub-nav" data-sub-nav-state="closed">
            <li class="o_sub-nav-item">
              <a class="o_sub-nav-link o_nav-event
                " 
                href="/blog" 
                 >Blog</a>
            </li>
            <li class="o_sub-nav-item">
              <a class="o_sub-nav-link o_nav-event
                " 
                href="/apps" 
                 >Apps</a>
            </li>
            <li class="o_sub-nav-item">
              <a class="o_sub-nav-link o_nav-event
                " 
                href="/events" 
                 >Events</a>
            </li>
            <li class="o_sub-nav-item">
              <a class="o_sub-nav-link o_nav-event
                " 
                href="/create" 
                 >Submit Manga</a>
            </li>
          </ul>
      </li>
  </ul>

  <div id="site-search" class="o_site-search float-r--nvex">
    <form action="/search" method="GET">
      <label for="search-input" class="visually-hidden">Author, title, character</label>
      <input id="search-input" name="search" type="search" class="o_search-ac o_site-search-field o_curtain-search-field" placeholder="Author, title, character" autocomplete="off">
      <button type="submit" title="submit search" class="o_site-search-btn"><i aria-hidden="true" class="icon-search"></i></button>
    </form>
  </div>

    <div id="fan-favorites-small" class="o_fan-favorites-small disp-n--nvex type-sm mar-y-md mar-y-0--nvex">
        <div class="mar-b-rg"><a href="https://www.viz.com/shonenjump">Read Free Manga!</a></div>
      <ul class="list-unmarked line-tight">
          <li class="mar-b-rg"><a href="/naruto">Naruto</a></li>
          <li class="mar-b-rg"><a href="/pokemon">Pokémon</a></li>
          <li class="mar-b-rg"><a href="/junji-ito">Ito-verse</a></li>
          <li class="mar-b-rg"><a href="/bleach">Bleach</a></li>
          <li class="mar-b-rg"><a href="/jujutsu-kaisen">Jujutsu Kaisen</a></li>
          <li class="mar-b-rg"><a href="/one-punch-man">One-Punch Man</a></li>
      </ul>
    </div>

  <ul id="utility-nav" class="o_utility-nav type-rg mar-t-rg mar-b-xl mar-t-md mar-t-sm--nvex mar-l-md--nvex">
    <li class="o_account-links disp-bl disp-ib--nvex mar-b-md mar-b-0--nvex">
    </li>
  </ul>

</nav>


  </div>

  <div id="main" tabindex="-1"></div>
</header>



    <script type="text/javascript">
  var followLabel = "Naruto"; 
  var followPage  = "property";
  var announcementType = "page";
  var announcementID = "67";

    $(document).ready(function() {
      var $hero    = $("#hero");
      var cls   = 'underlaid';
      $hero.removeClass(cls);
          $hero.addClass(cls);
      $(".o_social", "#series-intro").hide();
    });
</script>

    <div id="hero" class="o_hero">
      <img class="o_hero-media" alt="" src="https://dw9to29mmj727.cloudfront.net/promo/2016/6225-SeriesHeaders_NARSHP_2000x800.jpg" />
    </div>

<div class="pencil_announcement"> </div>

<section id="series-intro" class="row mar-y-lg mar-b-xxl--md">
  <div class="mar-y-md type-sm type-rg--lg line-tight flex--lg flex-justify">
      <div class="mar-b-md--lg" style="flex-shrink:100;">
            <a href="/shonen-jump" class="color-off-black weight-bold bg-yellow hover-bg-orange disp-ib pad-y-sm pad-x-rg mar-r-md mar-b-rg">SHONEN JUMP</a>
            <a href="/action-adventure" class="color-off-black hover-red disp-ib mar-r-md mar-b-rg">Action-Adventure</a>
            <a href="/comedy" class="color-off-black hover-red disp-ib mar-r-md mar-b-rg">Comedy</a>
            <a href="/fantasy" class="color-off-black hover-red disp-ib mar-r-md mar-b-rg">Fantasy</a>
            <a href="/martial-arts" class="color-off-black hover-red disp-ib mar-r-md mar-b-rg">Martial Arts</a>
      </div>

    <div class="color-mid-gray mar-b-md nowrap" style="padding-top:3px;">
        <span class="v-mid mar-r-rg" >Jump to:</span>
        <ul class="disp-ib v-mid list-unmarked list-inline list-divided">
            <li><a href="#section1" class="color-mid-gray hover-red">Manga</a></li>
            <li><a href="#section2" class="color-mid-gray hover-red">Anime</a></li>
            <li><a href="#section4" class="color-mid-gray hover-red">Books</a></li>
        </ul>
    </div>
  </div>

  <h2 id="page_title" class="type-lg type-xl--md type-xxl--lg line-solid weight-bold style-caps mar-b-rg">Naruto</h2>
    <p class="type-md type-lg--md type-xl--lg weight-bold line-tight mar-b-lg">The epic adventures of the world’s greatest ninja!</p>
    <div class="type-rg">
        <span class="disp-bl--bm mar-b-md">Created by Masashi Kishimoto</span>
          <span class="disp-n--bm disp-ib v-top mar-x-sm"> | </span>
        <a href="#series-intro-jump" data-toggle-state="disabled" data-toggle="#series-intro-jump" class="color-off-black hover-red disp-bl--bm">
          <span class="toggle-off">More</span><span class="toggle-on">Less</span> about Naruto
          <i class="icon-down-arrow toggle-off type-tiny v-mid"></i><i class="icon-up-arrow toggle-on type-tiny v-mid"></i>
        </a>
    </div>

    <div id="series-intro-jump" class="clearfix mar-y-lg mar-t-xl--md" data-toggle-state="off" data-toggle-target>
      <div class="g-8--md mar-b-lg mar-b-0--md type-rg type-md--lg line-copy text-spacing">
        <p>Naruto is a young shinobi with an incorrigible knack for mischief. He’s got a wild sense of humor, but Naruto is completely serious about his mission to be the world’s greatest ninja!</p>
      </div>
        <div class="o_bio g-4--md g-omega--md type-sm type-rg--lg line-copy text-spacing">
          Author/artist <a href="http://www.viz.com/search?search=Masashi+Kishimoto">Masashi Kishimoto</a> was born in 1974 in rural Okayama Prefecture, Japan. Like many kids, he was first inspired to become a manga artist in elementary school when he read <i>Dragon Ball</i>. After spending time in art college, he won the Hop Step Award for new manga artists with his story <i>Karakuri</i>. After considering various genres for his next project, Kishimoto decided on a story steeped in traditional Japanese culture.<br><br>His first version of Naruto, drawn in 1997, was a one-shot story about fox spirits; his final version, which debuted in <i>Weekly Shonen Jump</i> in 1999, quickly became the most popular ninja manga in the world. The series would also spawn multiple anime series, movies, novels, video games and more.<br><br>Having concluded the series in late 2014, Masashi Kishimoto kept himself busy penning continuing adventures in the <i>Naruto</i> world, including the manga <i>Naruto: The Seventh Hokage and the Scarlet Spring</i> and the story for <i>Boruto: Naruto the Movie</i>, both of which focus on the title character’s son, Boruto.
        </div>
    </div>

  <div class="mar-t-lg">
    <a href="javascript:void('Toggle favorite')"
   class="o_requires-login o_follow-link btn-primary-dark mar-b-md type-rg mar-r-sm disp-n"
   clickfn="Following.change(this);"
   data-follow="{&quot;msg&quot;:&quot;Naruto&quot;,&quot;type&quot;:&quot;property&quot;,&quot;id&quot;:593,&quot;fsId&quot;:&quot;naruto&quot;,&quot;eventId&quot;:&quot;naruto&quot;}"
   data-follow-state="off"
   data-show-signup="1">
   <span class="follow_start"><i aria-hidden="true" class="icon-like"></i>&nbsp;Add favorite</span>
   <span class="follow_stop disp-n"><i aria-hidden="true" class="icon-like color-red"></i>&nbsp;Favorited</span>
</a>


  
  </div>
</section>

  <script type="text/javascript">

  var blogCarousel;
  var prevNavIndex = -1;
  
  var blogCarouselEventHandler = function (info, eventName) {
    // direct access to info object
    // console.log(eventName, prevNavIndex, info);
    if (eventName == "indexChanged") {
      prevNavIndex = info.navCurrentIndex;
    }
    if (eventName == "transitionStart") {
      // console.log ("fading out slide " + prevNavIndex + " text");
      $(".o_bcs-text-content[data-slide='" + prevNavIndex + "']").animate({ 
        opacity: 0 
      }, 500, function() {
      });
      // console.log ("fading in slide " + info.navCurrentIndex + " text");
      $(".o_bcs-text-content[data-slide='" + info.navCurrentIndex + "']").animate({ 
        opacity: 1 
      }, 500, function() {
      });
    }
  }

  function initBlogCarousel() {
    blogCarousel = tns({
      container: '#blog_carousel',
      autoplay: true,
      autoplayButtonOutput: false,
      controls: false,
      nav: true,
      navContainer: '#blog_carousel_nav',
      navAsThumbnails: true,
      dots: true,
      center: true,
      rewind: false,
      preventScrollOnTouch: "auto",
      swipeAngle: 30
    });


    $(".o_bcs-blurb p").addClass("type-sm type-rg--md type-md--xl mar-b-sm color-white");

    $("#blog_carousel-item0 .o_bcs-text-content").css('opacity',1);

    // bind function to event
    blogCarousel.events.on('indexChanged',    blogCarouselEventHandler);
    blogCarousel.events.on('transitionStart', blogCarouselEventHandler);
    
    $("#blog_carousel_nav div[data-nav]").on("click", function() {
      setTimeout(blogCarousel.play, 300);
    });
    
    //adjust spacing around carousel section if necessary
    $carousel_section = $(".o_blog-carousel-section");
    $prev_section     = $carousel_section.prevAll("section").first();
    $next_section     = $carousel_section.next("section");
    if ( $prev_section.is("#series-intro") ) {
      $prev_section.removeClass("mar-b-xxl--md");
    }
    if ( $next_section.hasClass("bg-off-black") ) {
      $carousel_section.addClass("mar-b-lg mar-b-xl--md");
    }
  }

  $(document).ready(initBlogCarousel);

</script>

<!-- Prevent flickering in Safari -->
<style>
  .tns-item {
    -webkit-transform: translate3d(0, 0, 0);
  }
</style>

<div class="o_blog-carousel-section bg-off-black">
  <div class="row-nopad type-center">
    <div class="o_blog-carousel-wrapper g-10--nvex g-shift-1--nvex">
      <div id="blog_carousel" class="o_blog-carousel">  
        <div class="o_blog-carousel-slide" data-slide-pos="1">
          <img class="img-full" src="https://de7i3bh7bgh0d.cloudfront.net/2026/01/16/21/30/11/5a3fd2e1-5879-4cd7-a657-35939be029d3/NARSHP_set9_Blogsplash_1200x630.jpg">
          <a href="#modal-trailer" data-trailer-btn="" rel="_YWko8Onz5I" ><div class="o_bcs-linear-gradient disp-n disp-bl--ml"></div></a>
          <div class="o_bcs-text-content" data-slide="0">
            <div class="o_bcs-blurb">
              <h3 class="type-rg type-md--md type-ml--xl weight-bold mar-b-sm color-white">Naruto Sets Sail!</h3>
              <p>Follow Naruto’s secret mission in <em>Naruto Shippuden, Set 9 </em>on Blu-ray.</p>
            </div>
            <div class="o_bcs-cta1"><a href="#modal-trailer" data-trailer-btn="" rel="_YWko8Onz5I" class="btn-primary type-sm type-rg--md">Watch trailer</a></div>
            <div class="o_bcs-cta2"><a href="https://www.viz.com/anime/tv-series/naruto-uncut-video-box-sets/product/8728" class="btn-primary type-sm type-rg--md">Order now</a></div>
          </div>
        </div>
        <div class="o_blog-carousel-slide" data-slide-pos="2">
          <img class="img-full" src="https://de7i3bh7bgh0d.cloudfront.net/2025/10/31/17/59/32/f85fbe87-c86b-463d-9519-016512b81d6e/NARSHP_cookbook_Blog_1200x630.jpg">
          <a href="#modal-trailer" data-trailer-btn="" rel="JYIk4_jV9Mw" ><div class="o_bcs-linear-gradient disp-n disp-bl--ml"></div></a>
          <div class="o_bcs-text-content" data-slide="1">
            <div class="o_bcs-blurb">
              <h3 class="type-rg type-md--md type-ml--xl weight-bold mar-b-sm color-white">Cook Like a Ninja  </h3>
              <p>Make Ramen Ichiraku and more with <em>Naruto Shippuden: The Official Cookbook</em>.</p>
            </div>
            <div class="o_bcs-cta1"><a href="#modal-trailer" data-trailer-btn="" rel="JYIk4_jV9Mw" class="btn-primary type-sm type-rg--md">Watch trailer</a></div>
            <div class="o_bcs-cta2"><a href="https://www.viz.com/manga-books/activity-book/naruto-cookbook-working-title/product/8605" class="btn-primary type-sm type-rg--md">Order now</a></div>
          </div>
        </div>
        <div class="o_blog-carousel-slide" data-slide-pos="3">
          <img class="img-full" src="https://de7i3bh7bgh0d.cloudfront.net/2025/10/01/22/14/48/b19316e1-4c9e-4273-916f-5786ab50dfe7/NARSHP_set5_screen_1200x630v3.jpg">
          <a href="/blog/posts/believe-it-it-s-naruto-s-2025-birthday-celebration" ><div class="o_bcs-linear-gradient disp-n disp-bl--ml"></div></a>
          <div class="o_bcs-text-content" data-slide="2">
            <div class="o_bcs-blurb">
              <h3 class="type-rg type-md--md type-ml--xl weight-bold mar-b-sm color-white">Believe it! It’s Naruto’s 2025 Birthday Celebration!</h3>
              <p>We’re wishing Naruto a happy birthday with sales and more!</p>
            </div>
            <div class="o_bcs-cta1"><a href="/blog/posts/believe-it-it-s-naruto-s-2025-birthday-celebration" class="btn-primary type-sm type-rg--md">Learn more</a></div>
          </div>
        </div>
        <div class="o_blog-carousel-slide" data-slide-pos="4">
          <img class="img-full" src="https://de7i3bh7bgh0d.cloudfront.net/2025/01/07/00/09/26/71ea757d-c3cf-4256-a677-b51e74959837/NAR_The_Complete_Series_LE_Blog_1200x630.jpg">
          <a href="#modal-trailer" data-trailer-btn="" rel="5GsJtOHV7ws" ><div class="o_bcs-linear-gradient disp-n disp-bl--ml"></div></a>
          <div class="o_bcs-text-content" data-slide="3">
            <div class="o_bcs-blurb">
              <h3 class="type-rg type-md--md type-ml--xl weight-bold mar-b-sm color-white">Experience the Ultimate Naruto Collection!</h3>
              <p>Own <em>Naruto: The Complete Series, </em>the&#160;ultimate Blu-ray box set, featuring all 220 episodes, booklet, and window clings.</p>
            </div>
            <div class="o_bcs-cta1"><a href="#modal-trailer" data-trailer-btn="" rel="5GsJtOHV7ws" class="btn-primary type-sm type-rg--md">Watch trailer</a></div>
            <div class="o_bcs-cta2"><a href="https://www.viz.com/anime/tv-series/naruto-uncut-video-box-sets/product/8208/blu-ray" class="btn-primary type-sm type-rg--md">Order now</a></div>
          </div>
        </div>
        <div class="o_blog-carousel-slide" data-slide-pos="5">
          <img class="img-full" src="https://de7i3bh7bgh0d.cloudfront.net/2024/07/05/21/47/03/7255ebfb-0acf-495a-8e90-e1f0ccaa7e4c/KonohasStory_Blog_1200x630.jpg">
          <a href="#modal-trailer" data-trailer-btn="" rel="EgQ_1C-Fl04" ><div class="o_bcs-linear-gradient disp-n disp-bl--ml"></div></a>
          <div class="o_bcs-text-content" data-slide="4">
            <div class="o_bcs-blurb">
              <h3 class="type-rg type-md--md type-ml--xl weight-bold mar-b-sm color-white">Kakashi, Guy, and Mirai Are Back!</h3>
              <p>Return to Konoha in the spin-off manga <em>Naruto: Konoha’s Story—The Steam Ninja Scrolls: The Manga</em>.</p>
            </div>
            <div class="o_bcs-cta1"><a href="#modal-trailer" data-trailer-btn="" rel="EgQ_1C-Fl04" class="btn-primary type-sm type-rg--md">Watch trailer</a></div>
            <div class="o_bcs-cta2"><a href="/read/manga/naruto-konoha-s-story-the-steam-ninja-scrolls-the-manga-volume-1/product/7905/paperback?action=read" class="btn-primary type-sm type-rg--md">Read preview</a></div>
          </div>
        </div>
      </div>
    </div>
    <div id="blog_carousel_nav" class="pos-r disp-ib mar-x-auto mar-t-0 mar-b-sm mar-b-md--ml">
      <div class="o_blog_carousel_dotnav_button"></div>
      <div class="o_blog_carousel_dotnav_button"></div>
      <div class="o_blog_carousel_dotnav_button"></div>
      <div class="o_blog_carousel_dotnav_button"></div>
      <div class="o_blog_carousel_dotnav_button mar-r-0"></div>
    </div>
  </div>
</div>


  <section class="section_manga mar-y-xl bg-off-white" id="section1">
  <div class="row">
        <div class="clearfix mar-b-lg">
          <h3 class="section_title weight-bold type-md type-lg--md type-xl--lg line-solid mar-b-md float-l--lg flex-width-1">Read Naruto manga and books</h3>
        </div>
      <div class="manga_latest clearfix mar-b-xl">
        <div class="g-6 g-5--md bg-white mar-b-lg mar-t-0 mar-t-rg--md mar-t-lg--lg">
          <figure class="ar-square">
              <a href="javascript:void('Favorite')" 
     class="heart-btn o_requires-login color-mid-gray hover-red z-2 pad-x-md pad-y-sm pos-a t-0 l-0 type-rg"
     data-target-id="pr_16564"
     data-target-title="Naruto Shippuden: The Official Cookbook"
     aria-label="Add Naruto Shippuden: The Official Cookbook to favorites">
    <i aria-hidden="true" class="icon-like"></i>
    <span class="o_votes-up disp-ib color-mid-gray mar-l-sm v-mid">
      +18
    </span>
  </a>


            <a href="/manga-books/activity-book/naruto-cookbook-working-title/product/8605" class="product-thumb ar-inner type-center">
              <img class="lazy " alt="" data-original="https://dw9to29mmj727.cloudfront.net/products/197475619X.jpg" />
            </a>
          </figure>
        </div>
        <div class="g-6 g-6--md g-shift-1--md g-omega--md">
          <h4 class="type-md type-lg--md type-xl--lg weight-bold line-tight mar-b-md mar-b-lg--md">Naruto Shippuden: The Official Cookbook</h4>
          <div class="text-spacing type-sm type-rg--md type-md--lg line-caption mar-b-md mar-b-lg--md">
            <p>Ichiraku Ramen’s dishes are some of the best in Hidden Leaf Village, so it’s no surprise that it quickly became Naruto’s favorite restaurant!<br><br>Featuring 35 recipes inspired by the hit anime <em>NARUTO SHIPPUDEN</em>, including Jinchuriki Takoyaki and Kakashi’s special grilled mackerel, this cookbook is full of delicious recipes that will supercharge your cooking with the power of ninjutsu! Enjoy delicious Ramen Ichiraku, taste test Sasuke’s favorite <em>onigiri</em>, and even discover how to make <em>narutomaki</em>, the ramen topping that Naruto himself was named after. Relive your favorite moments from <em>NARUTO</em> as you re-create the flavors of the hit anime at home!</p>
          </div>
          <a href="/manga-books/activity-book/naruto-cookbook-working-title/product/8605" class="o_manga-buy-now btn-primary type-rg disp-ib mar-l-md mar-t-md">Buy now</a>
        </div>
      </div>
      <div class="clearfix mar-t-md mar-b-lg">
          <h3 class="type-md type-lg--lg line-solid float-l--lg">Other Naruto volumes</h3>
          <div class="section_see_all float-r--lg mar-t-md type-rg disp-n disp-bl--md">
            <a aria-label="see all manga products" href="/manga-books/naruto/section/114372/more" class="color-off-black hover-red">
              See all<span aria-hidden="true">&nbsp;&gt;</span>
            </a>
          </div>
      </div>
      <div class="shelf flex flex-wrap clearfix type-rg line-caption">
          <article class="g-3 g-3--md mar-b-lg bg-white color-off-black type-sm type-rg--lg">
  <figure class="ar-square">
      <a href="javascript:void('Favorite')" 
     class="heart-btn o_requires-login color-mid-gray hover-red z-2 pad-x-md pad-y-sm pos-a t-0 l-0"
     data-target-id="pr_16082"
     data-target-title="Naruto: Konoha’s Story—The Steam Ninja Scrolls: The Manga, Vol. 2"
     aria-label="Add Naruto: Konoha’s Story—The Steam Ninja Scrolls: The Manga, Vol. 2 to favorites">
    <i aria-hidden="true" class="icon-like"></i>
    <span class="o_votes-up disp-ib color-mid-gray mar-l-sm v-mid type-sm">
      +27
    </span>
  </a>


    <a tabindex="-1" role="presentation" href="/manga-books/manga/naruto-konoha-s-story-the-steam-ninja-scrolls-the-manga-volume-2-0/product/8054" class="product-thumb ar-inner type-center">
      <img class="lazy " alt="" data-original="https://dw9to29mmj727.cloudfront.net/products/1974749096.jpg" />
    </a>
  </figure>
  <div class="pad-x-md pad-x-lg--lg pad-b-md pad-b-lg--lg">
    <div class="mar-b-sm"><a class="color-mid-gray hover-red">Manga</a></div>
    <a class="color-off-black hover-red" href="/manga-books/manga/naruto-konoha-s-story-the-steam-ninja-scrolls-the-manga-volume-2-0/product/8054">Naruto: Konoha’s Story—The Steam Ninja Scrolls: The Manga, Vol. 2</a>
  </div>
</article>

          <article class="g-3 g-3--md mar-b-lg g-omega bg-white color-off-black type-sm type-rg--lg">
  <figure class="ar-square">
      <a href="javascript:void('Favorite')" 
     class="heart-btn o_requires-login color-mid-gray hover-red z-2 pad-x-md pad-y-sm pos-a t-0 l-0"
     data-target-id="pr_16049"
     data-target-title="Naruto: Sasuke’s Story—The Uchiha and the Heavenly Stardust: The Manga, Vol. 2"
     aria-label="Add Naruto: Sasuke’s Story—The Uchiha and the Heavenly Stardust: The Manga, Vol. 2 to favorites">
    <i aria-hidden="true" class="icon-like"></i>
    <span class="o_votes-up disp-ib color-mid-gray mar-l-sm v-mid type-sm">
      +36
    </span>
  </a>


    <a tabindex="-1" role="presentation" href="/manga-books/manga/naruto-sasuke-s-story-the-uchiha-and-the-heavenly-stardust-the-manga-volume-2-0/product/7988" class="product-thumb ar-inner type-center">
      <img class="lazy " alt="" data-original="https://dw9to29mmj727.cloudfront.net/products/1974748863.jpg" />
    </a>
  </figure>
  <div class="pad-x-md pad-x-lg--lg pad-b-md pad-b-lg--lg">
    <div class="mar-b-sm"><a class="color-mid-gray hover-red">Manga</a></div>
    <a class="color-off-black hover-red" href="/manga-books/manga/naruto-sasuke-s-story-the-uchiha-and-the-heavenly-stardust-the-manga-volume-2-0/product/7988">Naruto: Sasuke’s Story—The Uchiha and the Heavenly Stardust: The Manga, Vol. 2</a>
  </div>
</article>

          <article class="g-3 g-3--md mar-b-lg bg-white color-off-black type-sm type-rg--lg">
  <figure class="ar-square">
      <a href="javascript:void('Favorite')" 
     class="heart-btn o_requires-login color-mid-gray hover-red z-2 pad-x-md pad-y-sm pos-a t-0 l-0"
     data-target-id="pr_15645"
     data-target-title="NARUTO SHIPPUDEN: The Official Coloring Book"
     aria-label="Add NARUTO SHIPPUDEN: The Official Coloring Book to favorites">
    <i aria-hidden="true" class="icon-like"></i>
    <span class="o_votes-up disp-ib color-mid-gray mar-l-sm v-mid type-sm">
      +59
    </span>
  </a>


    <a tabindex="-1" role="presentation" href="/manga-books/activity-book/naruto-shippuden-the-official-coloring-book/product/7581" class="product-thumb ar-inner type-center">
      <img class="lazy " alt="" data-original="https://dw9to29mmj727.cloudfront.net/products/1974740935.jpg" />
    </a>
  </figure>
  <div class="pad-x-md pad-x-lg--lg pad-b-md pad-b-lg--lg">
    <div class="mar-b-sm"><a class="color-mid-gray hover-red">Activity Book</a></div>
    <a class="color-off-black hover-red" href="/manga-books/activity-book/naruto-shippuden-the-official-coloring-book/product/7581">NARUTO SHIPPUDEN: The Official Coloring Book</a>
  </div>
</article>

          <article class="g-3 g-3--md mar-b-lg g-omega g-omega--md bg-white color-off-black type-sm type-rg--lg">
  <figure class="ar-square">
      <a href="javascript:void('Favorite')" 
     class="heart-btn o_requires-login color-mid-gray hover-red z-2 pad-x-md pad-y-sm pos-a t-0 l-0"
     data-target-id="pr_1597"
     data-target-title="Naruto, Vol. 1"
     aria-label="Add Naruto, Vol. 1 to favorites">
    <i aria-hidden="true" class="icon-like"></i>
    <span class="o_votes-up disp-ib color-mid-gray mar-l-sm v-mid type-sm">
      +506
    </span>
  </a>


      <span class="product-tag pad-x-rg pad-y-sm pos-a t-0 r-0 z-2 bg-off-black color-white">Series Debut!</span>
    <a tabindex="-1" role="presentation" href="/manga-books/manga/naruto-volume-1-0/product/91" class="product-thumb ar-inner type-center">
      <img class="lazy " alt="" data-original="https://dw9to29mmj727.cloudfront.net/products/1569319006.jpg" />
    </a>
  </figure>
  <div class="pad-x-md pad-x-lg--lg pad-b-md pad-b-lg--lg">
    <div class="mar-b-sm"><a class="color-mid-gray hover-red">Manga</a></div>
    <a class="color-off-black hover-red" href="/manga-books/manga/naruto-volume-1-0/product/91">Naruto, Vol. 1</a>
  </div>
</article>

      </div>

        <div class="section_see_all mar-b-md type-rg disp-bl disp-n--md">
          <a aria-label="see all manga products" href="/manga-books/naruto/section/114372/more" class="color-off-black hover-red weight-bold">
            See all<span aria-hidden="true">&nbsp;&gt;</span>
          </a>
        </div>

  </div>
</section>


  
  <section class="section_anime pad-y-xl bg-off-black color-light-gray" id="section2">
    <div class="row">
        <div class="clearfix mar-b-lg">
          <h3 class="section_title color-white weight-bold type-md type-lg--md type-xl--lg line-solid mar-b-sm flex-width-1">Latest anime releases</h3>
        </div>
      <div class="anime_latest clearfix mar-b-xl">
        <div class="g-6 g-5--md bg-white mar-b-lg mar-t-0 mar-t-rg--md mar-t-lg--lg">
          <figure class="ar-square">
              <a href="javascript:void('Favorite')" 
     class="heart-btn o_requires-login color-mid-gray hover-red z-2 pad-x-md pad-y-sm pos-a t-0 l-0 type-rg"
     data-target-id="pr_16608"
     data-target-title="Naruto Shippuden, Set 9"
     aria-label="Add Naruto Shippuden, Set 9 to favorites">
    <i aria-hidden="true" class="icon-like"></i>
    <span class="o_votes-up disp-ib color-mid-gray mar-l-sm v-mid">
      +4
    </span>
  </a>


            <a href="/anime/tv-series/naruto-uncut-video-box-sets/product/8728" class="product-thumb ar-inner type-center">
              <img class="lazy " alt="" data-original="https://dw9to29mmj727.cloudfront.net/products/782009248620.jpg" />
            </a>
          </figure>
        </div>
        <div class="g-6 g-6--md g-shift-1--md g-omega--md">
          <h4 class="type-md type-lg--md type-xl--lg weight-bold line-tight mar-b-md mar-b-lg--md">Naruto Shippuden, Set 9</h4>
          <div class="text-spacing type-sm type-rg--md type-md--lg line-caption mar-b-md mar-b-lg--md">
            <p class="featured-product-desc-truncated">It’s war! The Fourth Great Ninja War is underway, and the Allied Shinobi Forces prepare to face the onslaught of Madara! To hide Naruto from the Akatsuki, Tsunade sends him on a secret mission that has him sailing the seas and facing pirates! Meanwhile, in the village, everyone prepares for the upcoming war in their own way—Hinata has a heart-to-heart with her father, Konohamaru tries to join the frontlines, Tenten helps Rock Lee train, and more! And after Naruto completes his journey at sea, Killer Bee trains him to unlock the full power of his Nine-Tails!<br><br>4 Disc Blu-ray Set, 28 Episodes (221-248), 1080p Video, Stereo 2.0, English and Japanese Audio, English Subtitles<br><br>SPECIAL FEATURES: Exclusive Double-Sided Full-Color Art Card, Storyboards, Clean Open and End Videos, Art Gallery, Double-Sided Cover, Trailers</p>
          </div>
          <a href="/anime/tv-series/naruto-uncut-video-box-sets/product/8728" class="o_manga-buy-now btn-primary type-rg disp-ib">Buy now</a>
        </div>
      </div>
    </div>  


      <div class="row mar-t-lg products">
        <div class="clearfix mar-b-lg">
          <h4 class="type-md type-lg--lg float-l--lg">Other Naruto anime</h4>
            <div class="float-r--lg mar-t-md type-rg">
              <a aria-label="see all anime products" href="/anime/naruto/section/114373/more" class="color-light-gray hover-red">
                See all<span aria-hidden="true">&nbsp;&gt;</span>
              </a>
            </div>
        </div>
        <div class="shelf flex flex-wrap clearfix clear-b type-rg line-caption">
            <article class="g-3 g-3--md mar-b-lg bg-white color-off-black type-sm type-rg--lg">
  <figure class="ar-square">
      <a href="javascript:void('Favorite')" 
     class="heart-btn o_requires-login color-mid-gray hover-red z-2 pad-x-md pad-y-sm pos-a t-0 l-0"
     data-target-id="pr_17417"
     data-target-title="Naruto Shippuden, Set 10"
     aria-label="Add Naruto Shippuden, Set 10 to favorites">
    <i aria-hidden="true" class="icon-like"></i>
    <span class="o_votes-up disp-ib color-mid-gray mar-l-sm v-mid type-sm">
      +2
    </span>
  </a>


      <span class="product-tag pad-x-rg pad-y-sm pos-a t-0 r-0 z-2 bg-mid-gray color-white">Pre-Order</span>
    <a tabindex="-1" role="presentation" href="/anime/tv-series/naruto-uncut-video-box-sets/product/8889" class="product-thumb ar-inner type-center">
      <img class="lazy " alt="" data-original="https://dw9to29mmj727.cloudfront.net/products/782009248774.jpg" />
    </a>
  </figure>
  <div class="pad-x-md pad-x-lg--lg pad-b-md pad-b-lg--lg">
    <div class="mar-b-sm"><a class="color-mid-gray hover-red">TV Series</a></div>
    <a class="color-off-black hover-red" href="/anime/tv-series/naruto-uncut-video-box-sets/product/8889">Naruto Shippuden, Set 10</a>
  </div>
</article>

  <article class="g-3 g-3--md mar-b-lg g-omega bg-white color-off-black type-sm type-rg--lg">
  <figure class="ar-square">
      <a href="javascript:void('Favorite')" 
     class="heart-btn o_requires-login color-mid-gray hover-red z-2 pad-x-md pad-y-sm pos-a t-0 l-0"
     data-target-id="pr_14851"
     data-target-title="Naruto Triple Feature"
     aria-label="Add Naruto Triple Feature to favorites">
    <i aria-hidden="true" class="icon-like"></i>
    <span class="o_votes-up disp-ib color-mid-gray mar-l-sm v-mid type-sm">
      +92
    </span>
  </a>


    <a tabindex="-1" role="presentation" href="/anime/movie/naruto-the-movie-video/product/6751" class="product-thumb ar-inner type-center">
      <img class="lazy " alt="" data-original="https://dw9to29mmj727.cloudfront.net/products/782009247272.jpg" />
    </a>
  </figure>
  <div class="pad-x-md pad-x-lg--lg pad-b-md pad-b-lg--lg">
    <div class="mar-b-sm"><a class="color-mid-gray hover-red">Movie</a></div>
    <a class="color-off-black hover-red" href="/anime/movie/naruto-the-movie-video/product/6751">Naruto Triple Feature</a>
  </div>
</article>

  <article class="g-3 g-3--md mar-b-lg bg-white color-off-black type-sm type-rg--lg">
  <figure class="ar-square">
      <a href="javascript:void('Favorite')" 
     class="heart-btn o_requires-login color-mid-gray hover-red z-2 pad-x-md pad-y-sm pos-a t-0 l-0"
     data-target-id="pr_14376"
     data-target-title="Naruto: 4-Movie Collection"
     aria-label="Add Naruto: 4-Movie Collection to favorites">
    <i aria-hidden="true" class="icon-like"></i>
    <span class="o_votes-up disp-ib color-mid-gray mar-l-sm v-mid type-sm">
      +167
    </span>
  </a>


    <a tabindex="-1" role="presentation" href="/anime/movie/naruto-shippuden-movie-video/product/6416" class="product-thumb ar-inner type-center">
      <img class="lazy " alt="" data-original="https://dw9to29mmj727.cloudfront.net/products/782009247104.jpg" />
    </a>
  </figure>
  <div class="pad-x-md pad-x-lg--lg pad-b-md pad-b-lg--lg">
    <div class="mar-b-sm"><a class="color-mid-gray hover-red">Movie</a></div>
    <a class="color-off-black hover-red" href="/anime/movie/naruto-shippuden-movie-video/product/6416">Naruto: 4-Movie Collection</a>
  </div>
</article>

  <article class="g-3 g-3--md mar-b-lg g-omega g-omega--md bg-white color-off-black type-sm type-rg--lg">
  <figure class="ar-square">
      <a href="javascript:void('Favorite')" 
     class="heart-btn o_requires-login color-mid-gray hover-red z-2 pad-x-md pad-y-sm pos-a t-0 l-0"
     data-target-id="pr_13776"
     data-target-title="Naruto Shippuden, Set 38"
     aria-label="Add Naruto Shippuden, Set 38 to favorites">
    <i aria-hidden="true" class="icon-like"></i>
    <span class="o_votes-up disp-ib color-mid-gray mar-l-sm v-mid type-sm">
      +377
    </span>
  </a>


      <span class="product-tag pad-x-rg pad-y-sm pos-a t-0 r-0 z-2 bg-off-black color-white">Final Set!</span>
    <a tabindex="-1" role="presentation" href="/anime/tv-series/naruto-shippuden-uncut-video-box-sets-volume-38-0/product/5973" class="product-thumb ar-inner type-center">
      <img class="lazy " alt="" data-original="https://dw9to29mmj727.cloudfront.net/products/782009245858.jpg" />
    </a>
  </figure>
  <div class="pad-x-md pad-x-lg--lg pad-b-md pad-b-lg--lg">
    <div class="mar-b-sm"><a class="color-mid-gray hover-red">TV Series</a></div>
    <a class="color-off-black hover-red" href="/anime/tv-series/naruto-shippuden-uncut-video-box-sets-volume-38-0/product/5973">Naruto Shippuden, Set 38</a>
  </div>
</article>



        </div>
      </div>
  </section>


    <div id="announcement_290" class="announcement o_internal-promo-trackable" style="display:none;position:relative;">
      <div class="announcement_txt"><section class="bg-yellow color-off-black pad-y-lg"><div class="row flex--sm flex-items-center"><div class="g-2--sm g-3--md mar-b-md mar-0--sm type-center"><a class="o_a-url" href="https://www.viz.com/shonenjump"><img style="display: inline;" src="https://dw9to29mmj727.cloudfront.net/misc/placeholder_320x260.png"></a></div><div class="g-4--sm g-9--md"><h3 class="o_a-hdr type-md type-lg--md line-solid weight-bold mar-b-md">Subscribe to Read Naruto!</h3><div class="type-rg type-md--md line-caption"><p class="o_a-body">Plus unlock +20,000 chapters in the Shonen Jump vault. <a href="https://www.viz.com/shonenjump">Subscribe now</a>!
</p></div><div class="type-sm type-rg--md mar-t-md"><a class="o_a-url color-off-black hover-red" href="https://www.viz.com/shonenjump"><span class="o_a-ftr"> </span></a></div></div></div></section><aside class="bg-yellow color-off-black mar-b-lg"><a class="o_a-url" href="https://www.viz.com/shonenjump"><img style="display: inline;" class="img-full" src="https://dw9to29mmj727.cloudfront.net/misc/placeholder_320x260.png"></a><div class="pad-md pad-lg--md"><h3 class="type-rg type-md--md line-solid weight-bold mar-b-md"><a class="o_a-hdr o_a-url color-off-black hover-red" href="https://www.viz.com/shonenjump">Subscribe to Read Naruto!</a></h3><div class="type-sm line-caption"><p class="o_a-body">Plus unlock +20,000 chapters in the Shonen Jump vault. <a href="https://www.viz.com/shonenjump">Subscribe now</a>!
</p></div><div class="type-sm mar-t-md"><a class="o_a-url color-off-black hover-red" href="https://www.viz.com/shonenjump"><span class="o_a-ftr"> </span></a></div></div></aside></div>
  </div>
  <div id="announcement-overlay" data-overlay-state="off" class="o_overlay o_announcement-overlay"></div>
  <script type="text/javascript">
    $(document).ready(function(){
      var announcementToShow = $("#announcement_290");
          $("img", announcementToShow).attr("src", "https://dwgkfo5b3odmw.cloudfront.net/img/announcement/290-ImprintThumbnails_ShonenJumpNEW_400x320_wht.jpg").show();
          $("aside",   announcementToShow).hide();
          $("section", announcementToShow).show();

      if (typeof(deactivate_announcements) !== 'undefined' && deactivate_announcements) {
        announcementToShow.hide();

      } else {
        $(".hide_announcement", announcementToShow).click(function() {
            VizAnnouncement.markHidden(290);
          announcementToShow.slideUp("fast");
        });
        VizAnnouncement.runIfVisible(290, function(isVisible) {
          if (isVisible) { announcementToShow.slideDown("fast"); }
        });
      }
    }); // document.ready

      var announcementPosition = "The Official Website for Naruto Shippuden";

      dataLayer.push({
        'ecommerce': {
          'promoView': {
            'promotions': [
             {
              'id': 'announcement_290',
              'name': 'SJ app banner for Library titles ',
              'creative': 'section',
              'position': announcementPosition
             }]
          }
        }
      });

      $(document).ready(function(){

        $(document).on("click", "#announcement_290 a:not(.hide_announcement)", function(e) {
          e.preventDefault();
          var href = $(this).attr("href");

          ga('ec:addPromo', {
            'id': 'announcement_290',
            'name': 'SJ app banner for Library titles ',
            'creative': 'section',
            'position': announcementPosition
          });
          ga('ec:setAction', 'promo_click');
          ga('send', 'event', 'Internal Promotions', 'click', 'SJ app banner for Library titles ', {
            hitCallback: function() {
              document.location = href;
            }
          });
          Tracking.sendEvent({"category":"Announcement","action":"SJ app banner for Library titles ","label":"title","newpage":href});

        }); // on.click
      }); // document.ready
  </script>

  <section class="section_products mar-y-xl bg-off-white" id="section4">
  <div class="shelf-wrapper row">
    <div class="clearfix mar-t-md mar-b-lg">
        <h3 class="section_title type-md type-lg--lg line-solid float-l--lg">Check out Naruto art books, novels and other special releases</h3>

        <div class="section_see_all float-r--lg mar-t-md type-rg disp-n disp-bl--md">
          <a aria-label="see all Check out Naruto art books, novels and other special releases"  href="/manga-books/naruto/section/114378/more" class="color-off-black hover-red">
            See all<span aria-hidden="true">&nbsp;&gt;</span>
          </a>
        </div>

    </div>

    <div class="shelf flex flex-wrap type-rg line-caption">
        <article class="g-3 g-3--md mar-b-lg bg-white color-off-black type-sm type-rg--lg">
  <figure class="ar-square">
      <a href="javascript:void('Favorite')" 
     class="heart-btn o_requires-login color-mid-gray hover-red z-2 pad-x-md pad-y-sm pos-a t-0 l-0"
     data-target-id="pr_16564"
     data-target-title="Naruto Shippuden: The Official Cookbook"
     aria-label="Add Naruto Shippuden: The Official Cookbook to favorites">
    <i aria-hidden="true" class="icon-like"></i>
    <span class="o_votes-up disp-ib color-mid-gray mar-l-sm v-mid type-sm">
      +18
    </span>
  </a>


    <a tabindex="-1" role="presentation" href="/manga-books/activity-book/naruto-cookbook-working-title/product/8605" class="product-thumb ar-inner type-center">
      <img class="lazy " alt="" data-original="https://dw9to29mmj727.cloudfront.net/products/197475619X.jpg" />
    </a>
  </figure>
  <div class="pad-x-md pad-x-lg--lg pad-b-md pad-b-lg--lg">
    <div class="mar-b-sm"><a class="color-mid-gray hover-red">Activity Book</a></div>
    <a class="color-off-black hover-red" href="/manga-books/activity-book/naruto-cookbook-working-title/product/8605">Naruto Shippuden: The Official Cookbook</a>
  </div>
</article>

  <article class="g-3 g-3--md mar-b-lg g-omega bg-white color-off-black type-sm type-rg--lg">
  <figure class="ar-square">
      <a href="javascript:void('Favorite')" 
     class="heart-btn o_requires-login color-mid-gray hover-red z-2 pad-x-md pad-y-sm pos-a t-0 l-0"
     data-target-id="pr_15645"
     data-target-title="NARUTO SHIPPUDEN: The Official Coloring Book"
     aria-label="Add NARUTO SHIPPUDEN: The Official Coloring Book to favorites">
    <i aria-hidden="true" class="icon-like"></i>
    <span class="o_votes-up disp-ib color-mid-gray mar-l-sm v-mid type-sm">
      +59
    </span>
  </a>


    <a tabindex="-1" role="presentation" href="/manga-books/activity-book/naruto-shippuden-the-official-coloring-book/product/7581" class="product-thumb ar-inner type-center">
      <img class="lazy " alt="" data-original="https://dw9to29mmj727.cloudfront.net/products/1974740935.jpg" />
    </a>
  </figure>
  <div class="pad-x-md pad-x-lg--lg pad-b-md pad-b-lg--lg">
    <div class="mar-b-sm"><a class="color-mid-gray hover-red">Activity Book</a></div>
    <a class="color-off-black hover-red" href="/manga-books/activity-book/naruto-shippuden-the-official-coloring-book/product/7581">NARUTO SHIPPUDEN: The Official Coloring Book</a>
  </div>
</article>

  <article class="g-3 g-3--md mar-b-lg bg-white color-off-black type-sm type-rg--lg">
  <figure class="ar-square">
      <a href="javascript:void('Favorite')" 
     class="heart-btn o_requires-login color-mid-gray hover-red z-2 pad-x-md pad-y-sm pos-a t-0 l-0"
     data-target-id="pr_15173"
     data-target-title="Naruto: Naruto’s Story—Uzumaki Naruto and the Spiral Destiny"
     aria-label="Add Naruto: Naruto’s Story—Uzumaki Naruto and the Spiral Destiny to favorites">
    <i aria-hidden="true" class="icon-like"></i>
    <span class="o_votes-up disp-ib color-mid-gray mar-l-sm v-mid type-sm">
      +100
    </span>
  </a>


    <a tabindex="-1" role="presentation" href="/manga-books/novel/naruto-novels/product/7383" class="product-thumb ar-inner type-center">
      <img class="lazy " alt="" data-original="https://dw9to29mmj727.cloudfront.net/products/1974732592.jpg" />
    </a>
  </figure>
  <div class="pad-x-md pad-x-lg--lg pad-b-md pad-b-lg--lg">
    <div class="mar-b-sm"><a class="color-mid-gray hover-red">Novel</a></div>
    <a class="color-off-black hover-red" href="/manga-books/novel/naruto-novels/product/7383">Naruto: Naruto’s Story—Uzumaki Naruto and the Spiral Destiny</a>
  </div>
</article>

  <article class="g-3 g-3--md mar-b-lg g-omega g-omega--md bg-white color-off-black type-sm type-rg--lg">
  <figure class="ar-square">
      <a href="javascript:void('Favorite')" 
     class="heart-btn o_requires-login color-mid-gray hover-red z-2 pad-x-md pad-y-sm pos-a t-0 l-0"
     data-target-id="pr_15174"
     data-target-title="Naruto: Sasuke’s Story—The Uchiha and the Heavenly Stardust"
     aria-label="Add Naruto: Sasuke’s Story—The Uchiha and the Heavenly Stardust to favorites">
    <i aria-hidden="true" class="icon-like"></i>
    <span class="o_votes-up disp-ib color-mid-gray mar-l-sm v-mid type-sm">
      +130
    </span>
  </a>


    <a tabindex="-1" role="presentation" href="/manga-books/novel/naruto-novels/product/7268" class="product-thumb ar-inner type-center">
      <img class="lazy " alt="" data-original="https://dw9to29mmj727.cloudfront.net/products/1974732584.jpg" />
    </a>
  </figure>
  <div class="pad-x-md pad-x-lg--lg pad-b-md pad-b-lg--lg">
    <div class="mar-b-sm"><a class="color-mid-gray hover-red">Novel</a></div>
    <a class="color-off-black hover-red" href="/manga-books/novel/naruto-novels/product/7268">Naruto: Sasuke’s Story—The Uchiha and the Heavenly Stardust</a>
  </div>
</article>



    </div>

      <div class="section_see_all mar-b-md type-rg disp-bl disp-n--md">
        <a aria-label="see all products" href="/manga-books/naruto/section/114378/more" class="color-off-black hover-red weight-bold">
          See all<span aria-hidden="true">&nbsp;&gt;</span>
        </a>
      </div>

  </div>
</section>

  <script type="text/javascript">
  $(document).ready(function() {
    $(".range-nav-container").on("change", "select", function(){ location.hash = $(this).val(); });
  });
</script>
<section class="section_properties pad-t-lg" style="background-image:url('https://dw9to29mmj727.cloudfront.net/sections/2016/6503-READ_header_2000x800_options_colours_grey30.png');" id="section5">
  <div class="row properties last-row">
    <div class="clearfix mar-t-md mar-b-lg">
          <h3 class="section_title type-md type-lg--lg line-solid float-l--lg">If you like Naruto, VIZ Editors recommend:</h3>
        <div class="section_see_all float-r--lg mar-t-md type-rg disp-n disp-bl--md">
          <a  aria-label="see all series" href="/any/naruto/section/114379/more" class="color-off-black hover-red">
            See all<span aria-hidden="true">&nbsp;&gt;</span>
          </a>
        </div>
    </div>
    
      <div class="clearfix flex flex-wrap property-row">
      <div class="p-cs-tile g-3 g-3--md mar-b-lg bg-off-black hover-bg-red">
      <a href="/dragon-ball" rel="Dragon Ball"
   class="disp-bl color-white o_property-link">
  <div class="pos-r overflow-hide">
    <img class="disp-bl lazy" alt="" data-original="https://dw9to29mmj727.cloudfront.net/properties/2016/84-SeriesThumbnailsManga_DBv2_400x320.jpg" src="https://dw9to29mmj727.cloudfront.net/misc/placeholder_400x320.png">
  </div>
  <div class="pad-x-rg pad-y-md type-sm type-rg--sm type-md--lg type-center line-tight">Dragon Ball</div>
</a>

      </div>
      <div class="p-cs-tile g-3 g-3--md mar-b-lg bg-off-black hover-bg-red g-omega">
      <a href="/dr-stone" rel="Dr. STONE"
   class="disp-bl color-white o_property-link">
  <div class="pos-r overflow-hide">
    <img class="disp-bl lazy" alt="" data-original="https://dw9to29mmj727.cloudfront.net/properties/2016/1901-1696-WSJ_DrStone_400x320.jpg" src="https://dw9to29mmj727.cloudfront.net/misc/placeholder_400x320.png">
  </div>
  <div class="pad-x-rg pad-y-md type-sm type-rg--sm type-md--lg type-center line-tight">Dr. STONE</div>
</a>

      </div>
      <div class="p-cs-tile g-3 g-3--md mar-b-lg bg-off-black hover-bg-red">
      <a href="/samurai-8-the-tale-of-hachimaru" rel="Samurai 8: The Tale of Hachimaru"
   class="disp-bl color-white o_property-link">
  <div class="pos-r overflow-hide">
    <img class="disp-bl lazy" alt="" data-original="https://dw9to29mmj727.cloudfront.net/properties/2016/2338-599_th_051219_Thumbnail_400x320_jpg" src="https://dw9to29mmj727.cloudfront.net/misc/placeholder_400x320.png">
  </div>
  <div class="pad-x-rg pad-y-md type-sm type-rg--sm type-md--lg type-center line-tight">Samurai 8: The Tale of Hachimaru</div>
</a>

      </div>
      <div class="p-cs-tile g-3 g-3--md mar-b-lg bg-off-black hover-bg-red g-omega g-omega--md">
      <a href="/boruto" rel="Boruto: Naruto Next Generations"
   class="disp-bl color-white o_property-link">
  <div class="pos-r overflow-hide">
    <img class="disp-bl lazy" alt="" data-original="https://dw9to29mmj727.cloudfront.net/properties/2016/2462-Boruto_BDSet06_400x320.jpg" src="https://dw9to29mmj727.cloudfront.net/misc/placeholder_400x320.png">
  </div>
  <div class="pad-x-rg pad-y-md type-sm type-rg--sm type-md--lg type-center line-tight">Boruto: Naruto Next Generations</div>
</a>

      </div>
  </div>



      <div class="section_see_all mar-b-md type-rg disp-bl disp-n--md">
        <a  aria-label="see all series" href="/any/naruto/section/114379/more" class="color-off-black hover-red weight-bold">
          See all<span aria-hidden="true">&nbsp;&gt;</span>
        </a>
      </div>

  </div>
</section>




    <section id="newsletter-footer" class="bg-lighter-gray">
  <div class="row flex--lg flex-items-center pad-y-lg pos-r">
    <div class="g-2--lg mar-b-lg mar-b-0--lg pos-a--lg b-0 disp-n--nl">
      <img class="disp-bl" alt="" src="https://dw9to29mmj727.cloudfront.net/misc/newsletter-naruto3.png" />
    </div>
    <div class="g-6--lg g-shift-2--lg mar-b-md mar-b-0--lg">
      <h3 class="type-md type-lg--lg line-solid mar-b-rg">Get the latest manga &amp; anime news!</h3>
      <p class="type-sm type-rg--lg line-caption">You&rsquo;ll never miss a beat when you subscribe to our newsletter.</p>
    </div>
    <form class="g-4--lg flex flex--stretch type-sm type-rg--sm" onsubmit="event.preventDefault(); showNewsletterSignupDialog();">
      <label class="visually-hidden" for="newsletter_footer_email">Enter your email address</label>
      <input type="text" class="flex-width-3" placeholder="Enter your email address" id="newsletter_footer_email">
      <button type="submit" class="btn-primary flex-width-1 btn-primary pad-x-sm pad-x-md--sm" id="newsletter_footer_signup">Sign Up</button>
    </form>
  </div>
  <script type="text/javascript">
</script>

<div role="dialog" aria-labelledby="newsletter-dialog" id="modal-newsletter" class="modal" data-modal-state="off">
<div class="pos-r pad-md pad-b-lg pad-lg--md pad-xl--lg">
  <span class="disp-bl--nl type-right mar-b-md">
    <a aria-label="close" href="#modal-newsletter" data-modal-btn class="modal-close">
      <i class="icon-close"></i>
    </a>
  </span>
  <div class="modal-g-lg shift mar-b-lg">
    <h2 id="newsletter-dialog" class="type-md weight-bold style-caps line-solid">Subscribe to the VIZ Newsletter</h2>
  </div>
  <form id="newsletter_form" class="clearfix clear-b" onsubmit="event.preventDefault(); newsletterSignup();">
    <input type="hidden" name="source" value="viz.com">
    <div class="modal-field type-rg">
      <div class="modal-g-sm type-right--lg mar-y-md--lg mar-b-sm">
        <label>E-mail</label>
      </div>
      <div class="modal-g-lg">
        <input type="text" name="email" id="newsletter_email">
        <div class="o_email feedback type-sm mar-t-rg disp-n"></div>
      </div>
    </div>

    <div class="modal-field type-rg">
      <div class="modal-g-sm type-right--lg mar-y-md--lg mar-b-sm">
        <label>
          First Name
        </label>
      </div>
      <div class="modal-g-lg">
        <input name="first_name" type="text">
      </div>
    </div>

    <div class="modal-field type-rg">
      <div class="modal-g-sm type-right--lg mar-y-md--lg mar-b-sm">
        <label>
          Last Name
        </label>
      </div>
      <div class="modal-g-lg">
        <input name="last_name" type="text">
      </div>
    </div>

    <div class="modal-field type-rg">
      <div class="modal-g-sm type-right--lg mar-y-md--lg mar-b-sm">
        <div id="newsletter-bday">
          Birthday
          <button aria-label="birthday tooltip" class="icon-button" aria-expanded="false">
            <i data-tooltip data-tip-text="To sign up, you must be 13 or older. Other people won’t see your birthday." data-tip-classes="tip-above" class="icon-tool-tip tip-target" aria-haspopup="true"></i>
          </button>
        </div>
      </div>
      <div class="o_birthdate_wrap modal-g-lg">
        <div class="select-wrapper disp-bl disp-ib--sm mar-b-rg mar-r-rg--sm">
          <div class="visually-hidden" id="newsletter-bday-month">Month</div>
          <select name="date[month]" class="month expand" aria-labelledby="newsletter-bday newsletter-bday-month">
<option value="">Month</option>
<option value="1">Jan</option>
<option value="2">Feb</option>
<option value="3">Mar</option>
<option value="4">Apr</option>
<option value="5">May</option>
<option value="6">Jun</option>
<option value="7">Jul</option>
<option value="8">Aug</option>
<option value="9">Sep</option>
<option value="10">Oct</option>
<option value="11">Nov</option>
<option value="12">Dec</option>
</select>

        </div>
        <div class="select-wrapper disp-bl disp-ib--sm mar-b-rg mar-r-rg--sm">
          <div class="visually-hidden" id="newsletter-bday-day">Day</div>
          <select name="date[day]" class="day expand" aria-labelledby="newsletter-bday newsletter-bday-day">
<option value="">Day</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>

        </div>
        <div class="select-wrapper disp-bl disp-ib--sm mar-b-rg mar-r-rg--sm">
           <div class="visually-hidden" id="newsletter-bday-year">Year</div>
           <select name="date[year]" class="year expand" aria-labelledby="newsletter-bday newsletter-bday-year">
<option value="">Year</option>
<option value="2026">2026</option>
<option value="2025">2025</option>
<option value="2024">2024</option>
<option value="2023">2023</option>
<option value="2022">2022</option>
<option value="2021">2021</option>
<option value="2020">2020</option>
<option value="2019">2019</option>
<option value="2018">2018</option>
<option value="2017">2017</option>
<option value="2016">2016</option>
<option value="2015">2015</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option>
<option value="1969">1969</option>
<option value="1968">1968</option>
<option value="1967">1967</option>
<option value="1966">1966</option>
<option value="1965">1965</option>
<option value="1964">1964</option>
<option value="1963">1963</option>
<option value="1962">1962</option>
<option value="1961">1961</option>
<option value="1960">1960</option>
<option value="1959">1959</option>
<option value="1958">1958</option>
<option value="1957">1957</option>
<option value="1956">1956</option>
<option value="1955">1955</option>
<option value="1954">1954</option>
<option value="1953">1953</option>
<option value="1952">1952</option>
<option value="1951">1951</option>
<option value="1950">1950</option>
<option value="1949">1949</option>
<option value="1948">1948</option>
<option value="1947">1947</option>
<option value="1946">1946</option>
<option value="1945">1945</option>
<option value="1944">1944</option>
<option value="1943">1943</option>
<option value="1942">1942</option>
<option value="1941">1941</option>
<option value="1940">1940</option>
<option value="1939">1939</option>
<option value="1938">1938</option>
<option value="1937">1937</option>
<option value="1936">1936</option>
<option value="1935">1935</option>
<option value="1934">1934</option>
<option value="1933">1933</option>
<option value="1932">1932</option>
<option value="1931">1931</option>
<option value="1930">1930</option>
<option value="1929">1929</option>
<option value="1928">1928</option>
<option value="1927">1927</option>
<option value="1926">1926</option>
<option value="1925">1925</option>
<option value="1924">1924</option>
<option value="1923">1923</option>
<option value="1922">1922</option>
<option value="1921">1921</option>
<option value="1920">1920</option>
</select>

        </div>
        <div class="o_birthdate feedback type-sm mar-t-rg disp-n"></div>
      </div>
    </div>

    <div class="modal-field type-rg">
      <div class="modal-g-sm type-right--lg mar-y-md--lg mar-b-sm">
        <label>
          Newsletters
        </label>
      </div>
      <div class="modal-g-lg type-sm type-rg--lg">
        <div class="flex--sm mar-y-md--lg mar-b-sm">
          <label style="white-space:nowrap" class="mar-r-md">
            <input type="checkbox" name="anime" value="1" class="pad-r-sm" data-init-checked=1> Anime
          </label>
          <label style="white-space:nowrap" class="mar-r-md">
            <input type="checkbox" name="manga" value="1" class="pad-r-sm" data-init-checked=1> Manga
          </label>
          <label style="white-space:nowrap" class="mar-r-md">
            <input type="checkbox" name="sj" value="1" class="pad-r-sm" data-init-checked=1> Shonen Jump Chapters
          </label>
          <label style="white-space:nowrap">
            <input type="checkbox" name="vm" value="1" class="pad-r-sm" data-init-checked=1> VIZ Manga Chapters
          </label>
        </div>
        <div class="o_interests feedback type-sm mar-t-rg disp-n"></div>
      </div>
    </div>

    <div class="modal-actions">
      <div class="modal-g-lg shift">
        <button type="submit" class="btn-primary type-rg pad-x-xl">Subscribe</button>
        <div class="mar-t-md type-sm">
          <p>By subscribing, I agree to VIZ's <a href="/terms">Terms of Service</a> and <a href="/privacy">Privacy Policy</a>.</p>
        </div>
      </div>
    </div>

  </form>
</div>
</div>


</section>


    <footer id="global-footer" class="o_site-footer bg-off-black">
  <div class="row">
    <div class="o_logo-bottom bg-black g-2 g-3--lg g-omega--lg">
      <a href="/" class="o_logo-img color-white type-md weight-bold pad-y-sm pad-y-rg--lg">
        <img alt="VIZ" src="https://assets.viz.com/assets/logo@2x-b76f649f933ea15f45147ff5445a2501c85c7f863ba0aba5ea7bec93c3272cc6.png" />
      </a>
    </div>
    <div class="g-6 g-12--md g-omega--md g-8--lg g-shift-1--lg type-rg pad-t-lg pad-t-rg--lg">
      <ul class="o_footer-secondary-nav-col pad-t-md--lg">
        <li class="o_footer-secondary-nav-item"><a class="color-mid-gray hover-red" href="/company-about">About VIZ</a></li>
        <li class="o_footer-secondary-nav-item"><a class="color-mid-gray hover-red" href="/company-contact">Contact VIZ</a></li>
        <li class="o_footer-secondary-nav-item"><a class="color-mid-gray hover-red" href="/company-faq">FAQ</a></li>
          <li class="o_footer-secondary-nav-item"><a class="color-mid-gray hover-red" href="/gifts/redeem">Redeem Gift</a></li>
      </ul>
      <ul class="o_footer-secondary-nav-col pad-t-md--lg">
        <li class="o_footer-secondary-nav-item"><a class="color-mid-gray hover-red" href="/ratings">Ratings</a></li>
        <li class="o_footer-secondary-nav-item"><a class="color-mid-gray hover-red" href="/copyrights">Copyrights</a></li>
        <li class="o_footer-secondary-nav-item"><a class="color-mid-gray hover-red" href="/company-jobs">Jobs</a></li>
      </ul>
      <ul class="o_footer-secondary-nav-col end pad-t-md--lg"> 
        <li class="o_footer-secondary-nav-item"><a class="color-mid-gray hover-red" href="https://twitter.com/VIZMedia"       target="viz_twitter">X (formerly Twitter)</a></li>
        <li class="o_footer-secondary-nav-item"><a class="color-mid-gray hover-red" href="https://www.instagram.com/vizmedia" target="viz_instagram">Instagram</a></li>
        <li class="o_footer-secondary-nav-item"><a class="color-mid-gray hover-red" href="https://www.tiktok.com/@vizmedia"   target="viz_tiktok">TikTok</a></li>
        <li class="o_footer-secondary-nav-item"><a class="color-mid-gray hover-red" href="https://www.youtube.com/@vizmedia"  target="viz_youtube">YouTube</a></li>
      </ul>
    </div>
  </div>
  <div class="row type-sm">
    <div class="g-6 g-12-md g-omega--md type-sm type-center--lg">
      <ul class="o_footer-horizontal-nav">
        <li><a class="color-mid-gray hover-red" href="/terms">Terms of Use</a></li>
        <li><a class="color-mid-gray hover-red" href="/privacy">Privacy Policy</a></li>
        <li><a class="color-mid-gray hover-red" href="/privacy#ccpa">California Privacy Notice</a></li>
        <li><a class="color-mid-gray hover-red" onclick="OneTrust.ToggleInfoDisplay();return false;">Do Not Sell Or Share My Information</a></li>
        <li><a class="color-mid-gray hover-red" href="/accessibility">Accessibility</a></li>
      </ul>
    </div>
  </div>
  <div id="footer_account" class="row"></div>
</footer>



    <div id="common_modals">

  <div id="error_modals">

  <div role="dialog" aria-labelledby="err-dialog" id="modal-err" class="modal" data-modal-state="off">
  <div class="pos-r pad-md pad-b-lg pad-lg--md pad-xl--lg">
    <span class="disp-bl--nl type-right mar-b-md">
      <a aria-label="close" href="#modal-err" data-modal-btn class="modal-close">
        <i class="icon-close"></i>
      </a>
    </span>
    <div class="modal-g-lg shift mar-b-lg">
      <h2 id="err-dialog" class="o_err-title type-md weight-bold style-caps line-solid"></h2>
      <div class="o_err-msg type-rg mar-t-md"><p></p></div>
    </div>
    <div class="modal-actions">
      <div class="modal-g-lg shift">
        <input type="button" class="btn-primary type-rg pad-x-xl" value="OK" />
      </div>
    </div>
    <div class="modal-g-lg shift">
      <div class="o_err-msg-feedback disp-n type-rg mar-t-lg mar-b-lg">
        <p>If you believe you’re receiving this message in error, please <a class="o_err-msg-feedback color-mid-gray hover-red disp-n" data-modal-btn href="javascript:void('feedback')" onclick="Modals.toggle('#modal-feedback'); return false;">contact Customer Service</a></p>
      </div>
    </div>
  </div>
  </div>

  <div role="dialog" aria-labelledby="confirm-dialog" id="modal-confirm" class="modal" data-modal-state="off">
  <div class="pos-r pad-md pad-b-lg pad-lg--md pad-xl--lg">
    <span class="disp-bl--nl type-right mar-b-md">
      <a aria-label="close" href="#modal-confirm" data-modal-btn class="modal-close">
        <i class="icon-close"></i>
      </a>
    </span>
    <div class="modal-g-lg shift mar-b-lg">
      <h2 class="o_confirm-title type-md weight-bold style-caps line-solid"></h2>
      <div id="confirm-dialog" class="o_confirm-msg type-rg mar-t-md"></div>
    </div>
    <div class="modal-actions">
      <div class="modal-g-lg shift">
        <div class="disp-ib mar-b-rg">
          <input type="button" class="o_confirm-yes btn-primary type-rg pad-x-md mar-r-md" value="Yes" />
        </div>
        <div class="disp-ib mar-b-rg">
          <input type="button" class="o_confirm-no btn-primary type-rg pad-x-md" value="No" />
        </div>
      </div>
    </div>
  </div>
  </div>

  <div role="dialog" aria-labelledby="wait-dialog" id="modal-wait" class="modal" data-modal-state="off">
  <div class="pos-r pad-md pad-b-lg pad-lg--md pad-xl--lg">
    <div class="modal-g-lg shift mar-b-lg">
      <h2 id="wait-dialog" class="o_wait-title type-md weight-bold style-caps line-solid"></h2>
      <div class="o_wait-msg type-rg mar-t-md"><p></p></div>
    </div>
  </div>
  </div>

</div>

  <div role="dialog" aria-labelledby="feedback-dialog" id="modal-feedback" class="modal" data-modal-state="off">
<div class="pos-r pad-md pad-b-lg pad-lg--md pad-xl--lg">
  <span class="disp-bl--nl type-right mar-b-md">
    <a aria-label="close" href="#modal-feedback" data-modal-btn class="modal-close">
      <i class="icon-close"></i>
    </a>
  </span>
  <div class="modal-g-lg shift mar-b-lg">
    <h2 id="feedback-dialog" class="type-md weight-bold style-caps line-solid">Feedback</h2>
    <div class="type-rg mar-t-md"><p>Please submit a suggestion, comment or question - we would love to hear from you!</p></div>
  </div>
  <form id="feedback_form" class="clearfix clear-b">
    <div class="modal-field type-rg">
      <div class="modal-g-sm type-right--lg mar-y-md--lg mar-b-sm">
        <label>E-mail <span class="type-sm"></span></label>
      </div>
      <div class="modal-g-lg">
        <input type="text" name="feedback_email" id="feedback_email"></input>
        <div id="feedback-email-feedback" class="feedback type-sm mar-t-rg disp-n"></div>
      </div>
    </div>
    <div class="modal-field type-rg">
      <div class="modal-g-sm type-right--lg mar-y-md--lg mar-b-sm">
        <label>
          Comments
        </label>
      </div>
      <div class="modal-g-lg">
        <textarea rows=4 id="feedback_comments" name="feedback_comments"></textarea>
        <div id="feedback-comments-feedback" class="feedback type-sm mar-t-rg disp-n color-red"></div>
      </div>
    </div>
    <div class="modal-field type-rg">
      <div class="modal-g-lg shift">
        <div id="feedback-captcha"></div>
        <div id="feedback-captcha-feedback" class="feedback type-sm mar-t-rg disp-n color-red"></div>
      </div>
    </div>
    <div class="modal-actions mar-b-lg">
      <div class="modal-g-lg shift">
        <input type="submit" class="btn-primary type-rg pad-x-xl" value="Send Feedback" />
      </div>
    </div>
  </form>
</div>
</div>
<script type="text/javascript">
  $("#feedback_form").submit(function(){
    var isSjPage = 0;
    var isVmPage = 0;
    var errors    = false;

    // REM: feedback message is given by validate.email
    if (!validate.email( $("#feedback_email").val(), $("#feedback-email-feedback") )) { errors = true; }

    if ($("#feedback_comments").val() == "") {
      validate.feedback_err( $("#feedback-comments-feedback"), 'Please enter a message to send.' );
      errors = true;
    } 
    if (feedback_recaptcha_response) {
    
    } else {
      validate.feedback_err( $("#feedback-captcha-feedback"), 'You must complete the captcha verification above' );
      errors = true;
    }

    if (errors === true) {
      // No need to scroll since its a modal
    } else {
      var jqxhr = $.ajax({
        type: "POST",
        url:  "/company/feedback_send",
        data: {
          email:    $("#feedback_email").val(),
          comments: $("#feedback_comments").val(),
          is_sj:    isSjPage,
          is_vm:    isVmPage,
          recaptcha_response: feedback_recaptcha_response
        },
        dataType: "json"
      });
      jqxhr.done(function(data, textStatus, xhr) { 
        if (data.sent == 1) {
          $("#feedback_email, #feedback_comments").val("");

          Modals.toggle("#modal-thanks");
          $("#modal-thanks h2").html('Thank you!');
          $("#modal-thanks #thanks-small-note").html('Your comments have been received.');

        } else {
          validate.feedback_err( $("#feedback-captcha-feedback"), data.error );
        }
      });
      jqxhr.fail(function(xhr, textStatus, error) {
        showErr(xhr.statusText, JSON.stringify(error));
      });
    }
    return false; // stop default behavior
  });
</script>


  <div role="dialog" aria-labelledby="signup-dialog" id="modal-signup" class="modal" data-modal-state="off">
<div class="pos-r pad-md pad-b-lg pad-lg--md pad-xl--lg">
  <span class="disp-bl--nl type-right mar-b-md">
    <a aria-label="close" href="#modal-signup" data-modal-btn class="modal-close">
      <i class="icon-close"></i>
    </a>
  </span>
  <div class="modal-g-lg shift mar-b-lg o_modal-header">
    <h2 id="signup-dialog" class="type-md weight-bold style-caps line-solid">Sign up for a new VIZ account</h2>
    <div class="color-mid-gray type-rg mar-t-rg">
      <p>Already have a VIZ account? <a href="#modal-login" data-modal-btn>Log in</a>.</p>
    </div>
    <div id="create_account_error" class="feedback type-sm mar-t-rg color-red disp-n"></div>
  </div>
  <form id="signup_form" class="clearfix clear-b">

    <div class="modal-field type-rg o_signup-login">
      <div class="modal-g-sm type-right--lg mar-y-md--lg mar-b-sm">
        <div>
          <span id="signup-uname">Username</span>
          <button aria-label="username tooltip" class="icon-button" aria-expanded="false">
            <i data-tooltip data-tip-text="Your username is public." data-tip-classes="tip-above" class="icon-tool-tip tip-target" aria-haspopup="true"></i>
          </button>
        </div>
      </div>
      <div class="modal-g-lg">
        <input name="login" aria-labelledby="signup-uname" type="text">
        <div class="o_login feedback type-sm mar-t-rg disp-n"></div>
      </div>
    </div>

    <div class="modal-field type-rg o_signup-email">
      <div class="modal-g-sm type-right--lg mar-y-md--lg mar-b-sm">
        <label for="new_email">E-mail</label>
      </div>
      <div class="modal-g-lg">
        <input type="text" name="email" id="new_email">
        <div class="o_email feedback type-sm mar-t-rg disp-n"></div>
      </div>
    </div>

    <div class="modal-field type-rg o_signup-password">
      <div class="modal-g-sm type-right--lg mar-y-md--lg mar-b-sm">
        <label for="pass">Password</label>
       </div>
      <div id="pass_wrap" class="modal-g-lg">
        <input type="password" name="pass" autocomplete="new-password">

        

  <script src="https://assets.viz.com/assets/manifest-zxcvbn-9feae4bcf274e1ff2860499646e7e19c6d4cf1b4759d81f5413f3b6d9f342738.js"></script>

  <template id="tip-template">
    <div role="dialog" aria-description="password strength details with tips and suggestions">
      <div id="sugg" class="disp-n">
        <b>Password suggestions</b>
        <ul class="mar-b-sm"></ul>
      </div>
      <b>Estimated cracking times</b>
      <div id="col1">
        Gaming Rig<br>
        Botnet
      </div>
      <div id="col2"><i></i></div>
    </div>
  </template>
  <script type="text/javascript">
  // Return the contents of the fragment as is
  function get_template_content() {
    var frag = $('#tip-template')[0].content.cloneNode(true); // Cloning may not be necessary in this case
    return $(frag).children().first().get(0);
  }
  </script>

<div id="pass_meter_bbd258" class="password_strength disp-n">
  <div class="meterP disp-ib"></div>
  <small>
    <span class="meter-text">Empty</span>
    <button aria-label="password strength tooltip" class="icon-button" aria-expanded="false">
      <i data-tooltip data-tip-classes="light left wide tip-above" data-tip-content-fn="get_template_content" class="icon-tool-tip tip-target" aria-haspopup="true"></i>
    </button>
  </small>
</div>
<script type="text/javascript">
// short for document.ready
$(function() {
  password_meter("#pass_meter_bbd258", "#pass_wrap input", "#pass_wrap .feedback");
});
</script>


        <div class="o_password feedback type-sm mar-t-rg disp-n"></div>
      </div>
    </div>

    <div class="modal-field type-rg o_signup-birthday">
      <div class="modal-g-sm type-right--lg mar-y-md--lg mar-b-sm">
        <div>
          <span id="signup-bday">Birthday</span>
          <button aria-label="birthday tooltip" class="icon-button" aria-expanded="false">
            <i data-tooltip data-tip-text="To sign up, you must be 13 or older. Other people won’t see your birthday." data-tip-classes="tip-above" class="icon-tool-tip tip-target" aria-haspopup="true"></i>
          </button>
        </div>
      </div>
      <div class="o_birthdate_wrap modal-g-lg">
        <div class="select-wrapper disp-bl disp-ib--sm mar-b-rg mar-r-rg--sm">
          <div class="visually-hidden" id="signup-bday-month">Month</div>
          <select name="date[month]" class="month expand" aria-labelledby="signup-bday signup-bday-month">
<option value="">Month</option>
<option value="1">Jan</option>
<option value="2">Feb</option>
<option value="3">Mar</option>
<option value="4">Apr</option>
<option value="5">May</option>
<option value="6">Jun</option>
<option value="7">Jul</option>
<option value="8">Aug</option>
<option value="9">Sep</option>
<option value="10">Oct</option>
<option value="11">Nov</option>
<option value="12">Dec</option>
</select>

        </div>
        <div class="select-wrapper disp-bl disp-ib--sm mar-b-rg mar-r-rg--sm">
          <div class="visually-hidden" id="signup-bday-day">Day</div>
          <select name="date[day]" class="day expand" aria-labelledby="signup-bday signup-bday-day">
<option value="">Day</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>

        </div>
        <div class="select-wrapper disp-bl disp-ib--sm mar-b-rg mar-r-rg--sm">
          <div class="visually-hidden" id="signup-bday-year">Year</div>
           <select name="date[year]" class="year expand" aria-labelledby="signup-bday signup-bday-year">
<option value="">Year</option>
<option value="2026">2026</option>
<option value="2025">2025</option>
<option value="2024">2024</option>
<option value="2023">2023</option>
<option value="2022">2022</option>
<option value="2021">2021</option>
<option value="2020">2020</option>
<option value="2019">2019</option>
<option value="2018">2018</option>
<option value="2017">2017</option>
<option value="2016">2016</option>
<option value="2015">2015</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option>
<option value="1969">1969</option>
<option value="1968">1968</option>
<option value="1967">1967</option>
<option value="1966">1966</option>
<option value="1965">1965</option>
<option value="1964">1964</option>
<option value="1963">1963</option>
<option value="1962">1962</option>
<option value="1961">1961</option>
<option value="1960">1960</option>
<option value="1959">1959</option>
<option value="1958">1958</option>
<option value="1957">1957</option>
<option value="1956">1956</option>
<option value="1955">1955</option>
<option value="1954">1954</option>
<option value="1953">1953</option>
<option value="1952">1952</option>
<option value="1951">1951</option>
<option value="1950">1950</option>
<option value="1949">1949</option>
<option value="1948">1948</option>
<option value="1947">1947</option>
<option value="1946">1946</option>
<option value="1945">1945</option>
<option value="1944">1944</option>
<option value="1943">1943</option>
<option value="1942">1942</option>
<option value="1941">1941</option>
<option value="1940">1940</option>
<option value="1939">1939</option>
<option value="1938">1938</option>
<option value="1937">1937</option>
<option value="1936">1936</option>
<option value="1935">1935</option>
<option value="1934">1934</option>
<option value="1933">1933</option>
<option value="1932">1932</option>
<option value="1931">1931</option>
<option value="1930">1930</option>
<option value="1929">1929</option>
<option value="1928">1928</option>
<option value="1927">1927</option>
<option value="1926">1926</option>
<option value="1925">1925</option>
<option value="1924">1924</option>
<option value="1923">1923</option>
<option value="1922">1922</option>
<option value="1921">1921</option>
<option value="1920">1920</option>
</select>

        </div>
        <div class="o_birthdate feedback type-sm mar-t-rg disp-n"></div>
      </div>
    </div>

    <div class="modal-field type-rg o_signup-interests">
      <div class="modal-g-sm type-right--lg mar-b-sm">
        <div>
          Interests
        </div>
      </div>
      <div class="modal-g-lg flex--sm mar-b-sm type-sm type-rg--lg">
        <label style="white-space:nowrap" class="mar-r-md">
          <input type="checkbox" aria-label="Interested in Anime" name="interest_anime" value="1" class="pad-r-sm" data-init-checked=1> Anime
        </label>
        <label style="white-space:nowrap" class="mar-r-md">
          <input type="checkbox" aria-label="Interested in Manga" name="interest_manga" value="1" class="pad-r-sm" data-init-checked=1> Manga
        </label>
        <label style="white-space:nowrap" class="mar-r-md">
          <input type="checkbox" aria-label="Interested in Shonen Jump chapters" name="interest_sj" value="1" class="pad-r-sm" data-init-checked=1> Shonen Jump Chapters
        </label>
        <label style="white-space:nowrap">
          <input type="checkbox" aria-label="Interested in VIZ Manga chapters" name="interest_vm" value="1" class="pad-r-sm" data-init-checked=1> VIZ Manga Chapters
        </label>
      </div>
    </div>

    <div class="modal-field type-rg o_signup-captcha">
      <div class="modal-g-lg shift">
        <div id="captcha"></div>
        <div class="o_captcha feedback type-sm mar-t-rg disp-n"></div>
      </div>
    </div>

    <div class="modal-field type-rg o_signup-remember">
      <div class="modal-g-lg shift">
        <label class="disp-ib mar-0--lg">
          <input type="checkbox" class="v-mid mar-r-sm" name="rem_user" aria-labelledby="signup-remember">
          <span id="signup-remember" class="color-mid-gray">Remember me</span>
        </label>
      </div>
    </div>

    <div class="modal-actions mar-b-rg o_signup-submit">
      <div class="modal-g-lg shift">
        <input type="button" onclick="javascript:createAccount()" class="btn-primary type-rg pad-x-xl" value="Sign up">
        <div class="mar-t-md type-sm">
          <p>By signing up, I agree to VIZ's <a target="signupwin" href="/terms">Terms of Service</a> and <a target="signupwin" href="/privacy">Privacy Policy</a>.</p>
        </div>
      </div>
    </div>

  </form>
</div>
</div>

<script type="text/javascript">
  $(document).on("modal-signup-open", function() {
    // Reset the password strength meter
    $(".password_strength", Modals.getOnModal()).addClass("disp-n");
  });

  $('#pass_wrap input').on('input', function() {
    validate.pass($('#pass_wrap input').val(), $('#pass_wrap .feedback'));
  });
</script>

<script type="text/javascript">
  var recaptcha_response;
  var captcha_response = function(resp) { recaptcha_response = resp; }
  var feedback_recaptcha_response;
  var feedback_captcha_response = function(resp) { feedback_recaptcha_response = resp; }

  var recaptchaCallback = function() {
    //console.log('recaptchaCallback called');
    grecaptcha.render('captcha', { 
      "sitekey"  : "6LcOjgITAAAAADBlwgh-UTh4-2Hmh1LNWQE-Or9l",
      "callback" : captcha_response
    });
    grecaptcha.render('feedback-captcha', {
      "sitekey"  : "6Ldn5xoTAAAAAClzsqqpxV4ki8tGc9FnvZy53TCA",
      "callback" : feedback_captcha_response
    });
  }
</script>
<script src="https://www.google.com/recaptcha/api.js?onload=recaptchaCallback&render=explicit" async defer></script>


  <div role="dialog" aria-labelledby="login-dialog" id="modal-login" class="modal" data-modal-state="off">
<div class="pos-r pad-md pad-b-lg pad-lg--md pad-xl--lg">
  <span class="disp-bl--nl type-right mar-b-md">
    <a aria-label="close" href="#modal-login" data-modal-btn class="modal-close">
      <i class="icon-close"></i>
    </a>
  </span>
  <div class="modal-g-lg shift mar-b-lg o_modal-header">
    <h2 id="login-dialog" class="type-md weight-bold style-caps line-solid">Log in to VIZ</h2>
    <div class="color-mid-gray type-rg mar-t-rg">
      <p>Don't have an account? <a href="#modal-signup" data-modal-btn data-event='{"category":"Account","action":"Begins Sign-up Process","label":"title"}'>Sign up</a>.</p>
    </div>
  </div>
  <div id="sign_in_feedback" class="feedback modal-g-lg shift mar-b-lg disp-n"></div>
  <form id="login_form" class="clearfix clear-b">

    <div class="modal-field type-rg o_login-account">
      <div class="modal-g-sm type-right--lg mar-y-md--lg mar-b-sm">
        <label>
          Account
        </label>
      </div>
      <div class="modal-g-lg">
        <label for="try_login" class="visually-hidden">Account - email or username</label>
        <input type="text" name="login" id="try_login" onkeydown="if (event.keyCode == 13){$('.o_login-submit input').click();return false;}" placeholder="E-mail or username">
      </div>
    </div>

    <div class="modal-field type-rg o_login-password">
      <div class="modal-g-sm type-right--lg mar-y-md--lg mar-b-sm">
        <label for="try_pass">
          Password
        </label>
       </div>
      <div class="modal-g-lg">
        <input type="password" name="pass" id="try_pass" onkeydown="if (event.keyCode == 13){$('.o_login-submit input').click();return false;}">
      </div>
    </div>

    <div class="modal-field type-rg o_login-remember">
      <div class="modal-g-lg shift">
         <label class="disp-ib mar-b-md mar-0--lg">
           <input type="checkbox" class="v-mid mar-r-sm" name="rem_user" id="rem_user" aria-labelledby="login-remember">
           <span id="login-remember" class="color-mid-gray">Remember me</span>
         </label>
         <div class="disp-bl float-r--lg"><a href="#modal-resetpass" data-modal-btn class="color-red hover-dark-red">Forgot password?</a></div>
      </div>
    </div>

    <div class="modal-actions mar-b-rg o_login-submit">
      <div class="modal-g-lg shift">
        <input type="button" class="btn-primary type-rg pad-x-xl" value="Log in" onclick="javascript:tryLogin()" />
      </div>
    </div>

  </form>
</div>
</div>


  <div role="dialog" aria-labelledby="resetpass-dialog" id="modal-resetpass" class="modal" data-modal-state="off">
<div class="pos-r pad-md pad-b-lg pad-lg--md pad-xl--lg">
  <span class="disp-bl--nl type-right mar-b-md">
    <a aria-label="close" href="#modal-resetpass" data-modal-btn class="modal-close">
      <i class="icon-close"></i>
    </a>
  </span>
  <div id="hide_on_success">
    <div class="modal-g-lg shift mar-b-lg">
      <h2 id="resetpass-dialog" class="type-md weight-bold style-caps line-solid">Reset Password</h2>
      <div class="type-rg mar-t-md"><p>Enter the e-mail address associated with your account and we'll email you a link to reset your password.</p></div>
    </div>

    <form class="clearfix clear-b">

      <div class="modal-field type-rg">
        <div class="modal-g-sm type-right--lg mar-y-md--lg mar-b-sm">
          <label>E-mail</label>
        </div>
        <div class="modal-g-lg">
          <input placeholder="Enter your e-mail address" type="text" id="forgot_pass_email" name="forgot_pass_email" onkeydown="if (event.keyCode == 13){$('#btn_forgot_pass').click();return false;}"></input>
        </div>
      </div>
      <div class="modal-actions">
        <div class="modal-g-lg shift mar-b-lg">
          <input id="btn_forgot_pass" type="button" class="btn-primary type-rg pad-x-xl" value="Send reset link" onClick="javascript:send_forgot_pass()" />
        </div>
      </div>

    </form>
  </div>

  <div id="messages" class="modal-g-lg shift mar-b-lg">
    <h3 id="msg_error"    class="type-md weight-bold line-solid color-red disp-n"></h3>
    <h3 id="msg_loading"  class="type-md weight-bold line-solid disp-n">Requesting Password Reset Instructions...</h3>
    <div id="msg_success" class="disp-n">
      <h3 class="type-md weight-bold line-solid">You have been sent an email with instructions on how to reset your password.</h3>
      <h4 class="type-rg bg-yellow weight-bold line-solid pad-md mar-t-md">NOTE: If you don't receive a message right away, please be patient. At times some customers have experienced delays of several minutes.</h4>
    </div>
  </div>

</div>
</div>

  <div role="dialog" aria-labelledby="thanks-dialog" id="modal-thanks" class="modal" data-modal-state="off">
<div class="pos-r pad-md pad-b-lg pad-lg--md pad-xl--lg">
  <span class="disp-bl--nl type-right mar-b-md">
    <a aria-label="close" href="#modal-thanks" data-modal-btn class="modal-close">
      <i class="icon-close"></i>
    </a>
  </span>
  <div class="mar-b-lg">
    <h2 id="thanks-dialog" class="type-md weight-bold style-caps line-solid"></h2>
  </div>
  <div class="modal-field type-rg">
    <div id="thanks-left" class="mar-y-md--lg mar-b-sm">
      <label>
        <div id="thanks-small-note" class="mar-t-md type-sm mar-b-lg"></div>
        <a class="flex-width-1 btn-primary pad-x-sm pad-x-md--sm" href="javascript:Modals.toggle('#modal-thanks')">Close</a>
      </label>
    </div>
  </div>
</div>
</div>

  <script type="text/javascript">
  $(document).ready(function() {
    $('.o_external-nav-link').on('click', function(e) {
      var $this            = $(this),
          externalSiteName = $this.html(),
          externalSiteImg  = '',
          externalSiteUrl  = $this.attr('href'),
          externalSiteTar  = $this.attr('target');
          leavingPrivMsg   = $("#leaving-priv-msg"),
          leavingContBtn   = $(".o_leaving-continue");
          
      var vizImg = new Image(); 
      var sjImg  = new Image();
      vizImg.src = "https://dw9to29mmj727.cloudfront.net/logos/VIZshop_logo-black_v3.png";
      sjImg.src  = "https://dw9to29mmj727.cloudfront.net/logos/SJStore_Logo_v2.png";

      e.preventDefault();
      $("#modal-leaving-site-img").attr('alt',externalSiteName);
      leavingContBtn.attr('href',externalSiteUrl);
      leavingContBtn.attr('target',externalSiteTar);
      switch (externalSiteName) {
        case 'Shonen Jump Store':
          externalSiteImg = "https://dw9to29mmj727.cloudfront.net/logos/SJStore_Logo_v2.png";
          leavingPrivMsg.removeClass('disp-b').addClass('disp-n');
          $("#modal-leaving-site-name").html("Shonen Jump Store");
          break;
        default:
          externalSiteImg = "https://dw9to29mmj727.cloudfront.net/logos/VIZshop_logo-black_v3.png";
          leavingPrivMsg.removeClass('disp-n').addClass('disp-b');
          $("#modal-leaving-site-name").html("VIZ Shop");
      }
      $("#modal-leaving-site-img").attr('src',externalSiteImg);
      //Nav.reset();
      Modals.toggle("#modal-leaving");
    });
    $('.o_leaving-continue').on('click', function(e) {
      e.preventDefault();
      Modals.toggle("#modal-leaving");
      var $this            = $(this),
          externalSiteUrl  = $this.attr('href'),
          externalSiteTar  = $this.attr('target');
      window.open(externalSiteUrl, externalSiteTar);
    });
  });
</script>
<div role="dialog" aria-labelledby="laving-dialog" id="modal-leaving" class="modal" data-modal-state="off">
  <div class="pos-r pad-ml pad-b-lg pad-lg--md pad-xl--lg">
    <span class="disp-bl--nl type-right mar-b-md">
      <a aria-label="close" href="#modal-leaving" data-modal-btn class="modal-close">
        <i class="icon-close"></i>
      </a>
    </span>
    <div class="modal-g-lg shift mar-b-md">
      <img id="modal-leaving-site-img" alt="" src="">
    </div>
    <div class="modal-g-lg shift mar-b-lg">
      <h2 id="leaving-dialog" class="o_leaving-title type-rg type-md--lg">
        Click Continue to visit the <span id="modal-leaving-site-name"></span>, an official VIZ online store.
      </h2>
      <p id="leaving-priv-msg" class="disp-n type-rg type-md--lg mar-t-md">The privacy and security policies differ.</p>
    </div>
    <div class="modal-actions">
      <div class="modal-g-lg shift">
        <a href="#modal-leaving" data-modal-btn class="btn-primary-dark type-rg mar-b-md mar-r-md">Cancel</a>
        <a href="" target="" class="o_leaving-continue btn-primary pad-x-lg type-rg bg-green hover-bg-green">Continue</a>
      </div>
    </div>
  </div>
</div>

  <div role="dialog" aria-labelledby="gdpr-dialog" id="modal-gdpr" class="modal" data-modal-state="off">
<div class="pos-r pad-md pad-b-lg pad-lg--md pad-xl--lg">
  <div class="modal-g-lg shift mar-b-lg">
    <h2 id="gdpr-dialog" class="o_err-title type-md weight-bold style-caps line-solid">Note to our visitors in the EU</h2>
    <div class="o_err-msg type-rg mar-t-md">
This website uses cookies and tracking technologies to assist with your navigation, analyze use of our website and products and services, assist with your registration and login, and to assist with our marketing efforts. You may block cookies via standard web-browser settings, but this site may not function correctly without cookies.
    </div>
  </div>
  <div class="modal-actions">
    <div class="modal-g-lg shift">
      <input aria-label="close" type="button" class="btn-primary type-rg pad-x-xl modal-close" value="OK" onclick="Modals.close(); setCookie('gdpr_seen', 1, 365);" />
    </div>
  </div>
</div>
</div>

  <div role="dialog" aria-labelledby="editcomment-dialog" id="modal-editcomment" class="modal" data-modal-state="off">
<div class="pos-r pad-md pad-b-lg pad-lg--md pad-xl--lg">
  <span class="disp-bl--nl type-right mar-b-md">
    <a aria-label="close" href="#modal-editcomment" data-modal-btn class="modal-close"><i class="icon-close"></i></a>
  </span>

  <div class="clearfix mar-t-md mar-b-lg type-center line-solid">
    <h3 id="editcomment-dialog" class="type-md type-lg--lg">Edit comment</h3>
  </div>
  <form id="edit_comment_form" action="#" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZOWsRdvMIjoLRU+MKodzsjhuFvqBR+Wcron6G96RL7B1O2lFsOVy1v+D55Y6iF7+1UmNOj9qdTn4I18b/CaqYg==" />
    <div class="comment_form_err color-red clearfix mar-t-md mar-b-lg" style="display:none;">
      <h3 class="type-md weight-bold line-solid"></h3>
    </div>
    <textarea name="comment[content]" class="admin" rows="4" cols="100"></textarea>
    <div>
      <div class="mar-t-md" style="margin-top:8px;">
        <label class="disp-bl float-l--md mar-b-md mar-y-rg--md">
          <input type="checkbox" name="comment[is_spoiler]" value="1" class="is_spoiler v-mid mar-r-rg" />
          <span class="v-mid color-mid-gray">Contains spoilers!</span>
        </label>
        <input class="submit_btn btn-primary-dark type-rg float-r--md" type="submit" value="Update Comment" />
      </div>
      <img class="wait_gif disp-n" style="float:right; margin:12px 7px 0 0;" alt="loading" src="https://assets.viz.com/assets/ajax-loader-slick-e7b44c86b050fca766a96ddac2d0932af0126da6f2305280342d909168dcce6b.gif" />
      <div class="clear-b"></div>
    </div>
</form></div>
</div>

    <div role="dialog" aria-labelledby="trailer-dialog" id="modal-trailer" class="modal trailer" data-trailer-state="off">
<div class="pos-r pad-md pad-b-lg pad-lg--md pad-xl--lg">
  <span class="disp-bl--nl type-right mar-b-md">
    <a aria-label="close" href="#modal-trailer" data-trailer-btn class="modal-close">
      <i class="icon-close"></i>
    </a>
  </span>
  <div class="modal-g-lg mar-b-lg">
    <h2 id="trailer-dialog" class="type-md weight-bold style-caps line-solid trailer-header"></h2>
  </div>
  <div class="clearfix clear-b">
    <div class="ar-cinema">
      <div class="ar-inner" id="modal_trailer_window"></div>
    </div>
  </div>
</div>
</div>

    <script type="text/javascript">
  // NOTE: this doesn't need to trigger twice on the same page.
  $(document).one("post_account_links", function() {
    var modal_skip_msg = function(reason){
      cl('follow modal skipped (' + reason + ')');
    };

    // Open a 'follow' modal after 3 seconds, if appropriate
    var followModalTimeout = setTimeout(function() {

      // If another modal is open, skip it
      if (Modals.getOnModal().length) { modal_skip_msg('other modal'); return false; }

      var $followBtn = $(".o_follow-link").addClass('no_modal'),
          oldCName   = "property-593-follow-modal", 
          c = cookie_params['modal-follows-seen'] || "",
          cVals = c.split("#"), numC = cVals.length,
          modalsSeenC = {},
          modalsSeenP = {},
          i, m, mParts, followableType, followableID, modalLastSeen;

      // Cookie format is "pxxxx_yyyy-mm-dd#cxxxx_yyyy-mm-dd", where # is delimiter, {p,c} is the type, xxxx is the followable ID, and the date string is last time seen.
      for (i = 0; i < numC; i++) {
        m = cVals[i];
        if (!m) continue;  // "".split() => [""] (single empty element in array)
        followableType = m.charAt(0);
        mParts = m.slice(1).split("_");
        followableID  = mParts[0];
        modalLastSeen = mParts[1];
        if (followableType == "c") { modalsSeenC[followableID] = modalLastSeen; }  // chapter-series
        else                       { modalsSeenP[followableID] = modalLastSeen; }  // property
      }

      // From pages_controller, @followable[:type] will either by "chapter_series" or "property"
      var modalsSeen = ("property" == "chapter_series" ? modalsSeenC : modalsSeenP);
      modalLastSeen = 0;  // If no cookie, just set to epoch
      if (modalsSeen["593"]) {
        modalLastSeen = modalsSeen["593"];  
      } else {
        // Check if there's a cookie from old model:
        modalLastSeen = cookie_params[oldCName] || 0;
      }

      var now = new Date();
      var modalLastSeenDate = new Date(modalLastSeen);

      // Check to see if they're already following...
      if (Following.state($followBtn)){
        modal_skip_msg('already following');

      // or if they have seen the modal recently...
      } else if (now.getTime() <= (modalLastSeenDate.getTime() + (86400*28*1000))) {
        modal_skip_msg('seen on: ' + modalLastSeen);

      } else {
        // Copy the follow button code from the top of the page; saves the hassle of sending all the params again
        $("#modal-follow .o_follow-button").html( $followBtn[0].outerHTML );
        // Update the argument to Following.change() so it references the original button
        $("#modal-follow .o_follow-link").attr("clickfn", "Following.change('.o_follow-link.no_modal')");

        Modals.toggle("#modal-follow");

        // Reconstruct composite cookie.
        delete modalsSeen["593"];  // Make sure entry doesn't appear twice.
        var newModalSeenTime = now.toISOString().slice(0,10);  // Setting cookie: now in YYYY-MM-DD
        cVal = "p593_" + newModalSeenTime;
        // NOTE: we nest hasOwnProperty within the loop to filter out inherited properties.
        // TODO: convert to use $.each() instead
        for (followableID in modalsSeenC) {
          if (modalsSeenC.hasOwnProperty(followableID)) {
            modalLastSeen = modalsSeenC[followableID];
            cVal += "#c" + followableID + "_" + modalLastSeen;
          }
        }
        for (followableID in modalsSeenP) {
          if (modalsSeenP.hasOwnProperty(followableID)) {
            modalLastSeen = modalsSeenP[followableID];
            cVal += "#p" + followableID + "_" + modalLastSeen;
          }
        }
        setCookie('modal-follows-seen', cVal, 90);
        deleteCookie(oldCName);  // Make sure to clean up the old style.
      }
    }, 3000);
  });
</script>
<div role="dialog" aria-labelledby="follow-dialog" id="modal-follow" class="modal" data-modal-state="off">
<div class="pos-r pad-md pad-b-lg pad-lg--md pad-xl--lg">
  <span class="disp-bl--nl type-right mar-b-md">
    <a aria-label="close" href="#modal-follow" data-modal-btn class="modal-close">
      <i class="icon-close"></i>
    </a>
  </span>
  <div class="modal-g-lg shift mar-b-lg">
    <img alt="" src="https://dw9to29mmj727.cloudfront.net/properties/2016/2830-SeriesThumb_NARSHP_400x320.jpg">
  </div>
  <div class="modal-g-lg shift mar-b-lg">
    <h2 id="follow-dialog" class="o_follow-title type-md"><span class="weight-bold style-caps line-solid">
      Never miss a new release.</span></br>
      Add Naruto to your favorites, and start following it today!
    </h2>
  </div>
  <div class="modal-actions">
    <div class="o_follow-button modal-g-lg shift"></div>
  </div>
</div>
</div>


</div>


    <div id="overlay" data-overlay-state="off" class="o_overlay"></div>

  </body>
</html>
