VIZ | Read a Free Preview of Gokurakugai, Vol. 3

<!DOCTYPE html>  <html dir="ltr" lang="en-US"> <head>   <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>   <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="While investigating a string of cannibalistic murders, Alma befriends the shy Kanata, a girl who loves eating dinner with him but can鈥檛 seem to keep her food down. When she disappears, Alma desperately runs through the dusky streets of Gokurakugai to save her, all the while knowing she鈥檚 a maga鈥攖he same as the monsters he has vowed to execute."> <title>VIZ | Read a Free Preview of Gokurakugai, Vol. 3</title> <script type="text/javascript"> function cl() { } </script> <meta name="cart-version" content="5.1.5.3"> <meta name="server-info" content="Vizmule-Group1-b-0ef6a@176cb28"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@VIZMedia"> <meta property="og:url" content="https://www.viz.com/manga-books/manga/gokurakugai-volume-3/product/8090"> <meta property="og:type" content="product"> <meta property="og:title" content="VIZ: Read a Free Preview of Gokurakugai, Vol. 3"> <meta property="og:description" content="While investigating a string of cannibalistic murders, Alma befriends the shy Kanata, a girl who loves eating dinner with him but can鈥檛 seem to keep her food down. When she disappears, Alma desperately runs through the dusky streets of Gokurakugai to save her, all the while knowing she鈥檚 a maga鈥攖he same as the monsters he has vowed to execute."> <meta property="og:image" content="https://dw9to29mmj727.cloudfront.net/products/1974749762.jpg"> <script type="text/javascript" src="https://platform.twitter.com/widgets.js" async ></script> <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/manga-books/manga/gokurakugai-volume-3/product/8090"> <link rel="stylesheet" media="all" href="https://assets.viz.com/assets/manifest-viz-ui-143cb461964ae81141a9a1f1b70218cf4eac3625cf88a4cbe63b388435b84c73.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-9154419ce1385f709b44b8a14670c379c33656500b8064af9639279c125482c3.js"></script> <script src="https://assets.viz.com/assets/manifest-viz-ui-5b19766062089d4db7d84fe2a185f5481f1425a92d096a00b61b2f449dd2e6df.js"></script>  <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-0edcf48a44c53ec973d127cc974427a9fbab2fac6ed26494f928d615dc559312.js"></script> <script src="https://assets.viz.com/assets/manifest-viz-product-047bebea9594429f8009767223e0b89e38210d8602081c7a459b4f6fb3c6db1e.js"></script> <link rel="stylesheet" media="all" href="https://assets.viz.com/assets/manifest-viz-product-fb730ba44ac9f39fb3d7f1b372bbb48b6eae8d4961331d7bcf0d36310df0caf2.css" /> </head> <body > <script type="text/javascript"> window.fbAsyncInit = function() { FB.init({ appId : '547926455379823', xfbml : true, version : 'v2.5' }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <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 & Anime Favorites</h2> <ul class="disp-ib"> <li class="disp-ib mar-r-md"><a href="/my-hero-academia">My Hero Academia</a></li> <li class="disp-ib mar-r-md"><a href="/naruto">Naruto</a></li> <li class="disp-ib mar-r-md"><a href="/bleach">Bleach</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="/junji-ito">Ito-verse</a></li> <li class="disp-ib mar-r-md"><a href="/boruto">Boruto</a></li> <li class="disp-ib mar-r-md"><a href="https://www.viz.com/vizmanga/chapters/kamudo">Read Kamudo Free!</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="color-white type-sm--md type-bs weight-bold 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 active 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 & 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 disp-n"> <a class="o_primary-nav-link o_nav-event o_external-nav-link pad-x-md--nvex" href="https://shonenjumpstore.com/?utm_campaign=shop-link&utm_source=viz.com&utm_medium=referral" 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/vizmanga/chapters/kamudo">Read Kamudo Free!</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="/boruto">Boruto</a></li> <li class="mar-b-rg"><a href="/my-hero-academia">My Hero Academia</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> </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> <div class="pencil_announcement"> </div> <script type="text/javascript"> var announcementType = "product", announcementID = "8090"; // override the default as defined in site.js // Upon expiration: // IF readerOpen: Close the reader // AND block reader from opening until reauth // Upon reauth: // REMOVE reauth prompt connection on button click var do_session_expired = function() { // block reader from opening window.reader_require_login = true; // clear the block upon reauth $(document).one('post_login', function(){ window.reader_require_login = false; }); if (window.readerOpen) { closeReader(); // TODO: re-open reader automatically upon reauth showExpiredSessionLinks(' to Continue Reading'); // Show regular session expiration messaging -- will also be triggered if you try to open it again } }; </script> <div id="product_row" class="bg-off-white" site_product_id="8090"> <div id="product_detail" class="row pos-r pad-t-lg pad-y-xl--lg"> <div class="g-4--md g-6--lg type-center mar-b-lg mar-b-xl--md" id="product_image_block"> <div class="product-image mar-x-auto mar-b-lg pad-x-md"> <img alt="" src="https://dw9to29mmj727.cloudfront.net/products/1974749762.jpg" onerror="imgError(this);" /> </div> <div id="reader_button" class="disp-ib"> <a href="javascript:void('view')" data-for-manga="41827" data-display-url="/manga-books/manga/gokurakugai-volume-3/product/8090/digital" class="o_preview o_open-reader btn-primary pad-x-lg type-rg bg-green hover-bg-green"> <i aria-hidden="true" class="icon-eye"></i>Free preview </a> <script type="text/javascript"> isPreview = true; pages = 20; endPages = []; bookmarkPage = -1; $(function() { if ( $(".section_properties").length > 0 && !isPreview ) { showRecProps = true; } if (pages % 2 == 0) { endPages.push("blank page"); } if ( getIsChapter() ) { endPages.push("end_page_ad"); } endPages.push("end_page_end_card"); if ( showRecProps ) { endPages.push("end_page_discovery"); } pageStr = (pages + endPages.length).toString(); setupPageLabels(); //Modals.reset(); }); </script> </div> </div> <div class="g-8--md g-6--lg g-omega--md g-omega--lg mar-b-xl" id="purchase_links_block"> <div class="clearfix mar-b-md type-sm type-rg--lg line-tight"> <div class="float-l"> <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="/supernatural" class="color-off-black hover-red disp-ib mar-r-md mar-b-rg">Supernatural</a> </div> </div>  <h2 class="type-lg type-xl--md line-solid weight-bold mar-b-md mar-b-lg--md" style="word-wrap:break-word;">  <a href="/manga-books/manga/gokurakugai/all" class="color-red hover-dark-red">Gokurakugai</a>, Vol. 3 </h2> <div> <div role="tablist" class="type-rg type-md--md weight-bold" style="white-space:nowrap;"> <a id="buy_paperback_tab" href="#buy-paperback" role="tab" data-tab-group="purchase" data-tab-state="on" aria-selected="true" data-hide=".o_upc" data-show=".o_release-date,.o_isbn13,.o_eisbn13,.o_trimsize" class="tab-box-link color-off-black hover-red disp-ib pad-b-rg mar-r-md mar-r-lg--lg">Paperback</a> <a id="buy_digital_tab" href="/manga-books/manga/gokurakugai-volume-3/product/8090/digital" role="tab" aria-selected="false" class="tab-box-link color-off-black hover-red disp-ib pad-b-rg mar-r-md mar-r-lg--lg">Digital</a> </div> <div class="bg-white pad-x-md pad-y-lg pad-x-lg--lg"> <div id="buy-paperback" data-tab-group="purchase" data-tab-state="on" class="tab-box-content type-rg"> <div class="o_geo-block"> <table class="purchase-table"> <tbody> <tr> <td>Stores</td> <td> <span class="type-md type-lg--md type-xl--lg line-solid weight-bold">$11.99*</span> </td> </tr> <tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-AU c-NZ color-red hover-dark-red" target="amazonwin" href="https://www.amazon.com.au/dp/1974749762/?tag=vizau22-22">Amazon</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-GB c-IE c-ZA color-red hover-dark-red" target="amazonwin" href="https://www.amazon.co.uk/dp/1974749762/?tag=vm08-21">Amazon</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-IN color-red hover-dark-red" target="amazonwin" href="https://www.amazon.in/dp/1974749762/?tag=vizmedia-20">Amazon</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-CA color-red hover-dark-red" target="amazonwin" href="https://www.amazon.ca/dp/1974749762/?tag=vizcanada-20">Amazon</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-US color-red hover-dark-red" target="amazonwin" href="https://www.amazon.com/dp/1974749762/?tag=vizmedia-20">Amazon</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-PH c-SG c-__ color-red hover-dark-red" target="amazonwin" href="https://www.amazon.com/dp/1974749762/">Amazon</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-US c-PH c-SG c-__ color-red hover-dark-red" target="barneswin" href="https://www.barnesandnoble.com/w/viz-media-product/?ean=9781974749768">Barnes & Noble</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-US c-PH c-SG c-__ color-red hover-dark-red" target="bamwin" href="https://www.booksamillion.com/p/viz-media-product/9781974749768">Books-A-Million</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-US c-__ color-red hover-dark-red" target="bookshopwin" href="https://bookshop.org/a/3387/9781974749768">Bookshop.org</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-AU color-red hover-dark-red" target="booktopiawin" href="http://www.booktopia.com.au/viz-media-product/prod9781974749768.html">Booktopia</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-AU color-red hover-dark-red" target="dymockswin" href="https://www.dymocks.com.au/book/viz-media-product-9781974749768">Dymocks</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-IN color-red hover-dark-red" target="flipkartwin" href="https://www.flipkart.com/viz-media-product/p/itmesp6hhrqknmkv?pid=9781974749768">Flipkart</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-CA color-red hover-dark-red" target="indigowin" href="https://www.chapters.indigo.ca/en-ca/books/search/?keywords=9781974749768">Indigo</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-US c-PH c-SG c-__ color-red hover-dark-red" target="kinokuniyawin" href="https://united-states.kinokuniya.com/bw/9781974749768">Kinokuniya</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-AU color-red hover-dark-red" target="mangabookswin" href="https://www.mangabooks.com.au/isbn/9781974749768">Manga Books</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-NZ color-red hover-dark-red" target="mightyapewin" href="https://www.mightyape.co.nz/search?s=9781974749768">Mighty Ape</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-AU color-red hover-dark-red" target="qbdwin" href="https://www.qbd.com.au/product/9781974749768/">QBD Books</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-US color-red hover-dark-red" target="crunchyrollwin" href="https://store.crunchyroll.com/products/9781974749768.html">Crunchyroll</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-GB c-AU c-IE c-NZ c-ZA c-PH c-SG c-CA c-__ color-red hover-dark-red" target="crunchyrollwin" href="https://store.crunchyroll.com/products/9781974749768.html">Crunchyroll</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-GB c-IE c-ZA color-red hover-dark-red" target="waterstonewin" href="https://www.waterstones.com/book/viz-media-product/9781974749768">Waterstones</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-GB c-IE c-ZA color-red hover-dark-red" target="ukbookshopwin" href="https://uk.bookshop.org/a/261/9781974749768">Bookshop.org</a></td></tr><tr class="o_geo-parent"><td colspan="2"><a rel="nofollow" class="o_geo c-US c-GB c-AU c-IE c-NZ c-ZA c-PH c-SG c-CA c-__ color-red hover-dark-red" target="locatorwin" href="http://www.comicshoplocator.com">Comic Shops</a></td></tr> </tbody> </table> <p class="mar-t-rg">*Actual prices may vary</p> </div> </div> </div> <div class="mar-t-md type-sm type-rg--md"> <a href="javascript:void('Favorite')" class="heart-btn o_requires-login color-mid-gray hover-red z-2 mar-r-md" data-target-id="pr_16148" data-target-title="Gokurakugai, Vol. 3" aria-label="Add Gokurakugai, Vol. 3 to favorites"> <i aria-hidden="true" class="icon-like"></i> <span class="o_votes-up disp-ib color-mid-gray mar-l-sm "> +37 </span> </a> <a href="#comments_panel" class="color-mid-gray hover-red type-rg line-solid" id="comment_link_count"> <i aria-hidden="true" class="icon-comment mar-r-sm"></i><span></span> </a> </div> </div> </div> <div class="pos-a--md r-gt r-gt--md b-0 color-white type-rg line-solid"> <script type="text/javascript"> function fbShare() { FB.ui({ method: 'share', href: 'https://www.viz.com/manga-books/manga/gokurakugai-volume-3/product/8090', }, function(response) { // Debug response (optional) //console.log("fbshare debug: " + response); }); } function tumblrShare() { window.open("https://www.tumblr.com/widgets/share/tool?canonicalUrl=https%3A%2F%2Fwww.viz.com%2Fmanga-books%2Fmanga%2Fgokurakugai-volume-3%2Fproduct%2F8090&posttype=link&content=While+investigating+a+string+of+cannibalistic+murders%2C+Alma+befriends+the+shy+Kanata%2C+a+girl+who+loves+eating+dinner+with+him+but+can%E2%80%99t+seem+to+keep+her+food+down.+When+she+disappears%2C+Alma+desperately+runs+through+the+dusky+streets+of+Gokurakugai+to+save+her%2C+all+the+while+knowing+she%E2%80%99s+a+maga%E2%80%94the+same+as+the+monsters+he+has+vowed+to+execute.&caption=VIZ%3A+Read+a+Free+Preview+of+Gokurakugai%2C+Vol.+3", "", "width=540, height=600"); } $(document).ready(function() { // TODO: tracking events skipped on watch page? $(document).on("click", ".bg-facebook-blue, .bg-x-black, .bg-tumblr-blue", function(e) { Tracking.sendEvent({"category": "Share Button", "action": $(this).attr("rel"), "label": "title"}); // TODO: change title -> Read a Free Preview of Gokurakugai, Vol. 3 ??? (was only @title on bundle) }); }); </script> <a aria-label="Facebook" class="float-l pad-rg pad-md--lg color-white bg-facebook-blue o_share-btn-sm" rel="Facebook" href="javascript:fbShare();"><i class="icon-facebook"></i></a> <a aria-label="X formerly Twitter" class="float-l pad-rg pad-md--lg color-white bg-x-black o_share-btn-sm" rel="Twitter" href="http://twitter.com/intent/tweet?text=VIZ%3A+Read+a+Free+Preview+of+Gokurakugai%2C+Vol.+3%3A+https%3A%2F%2Fwww.viz.com%2Fmanga-books%2Fmanga%2Fgokurakugai-volume-3%2Fproduct%2F8090&related=vizmedia,shonenjump"><i class="icon-x-formerly-twitter"></i></a> <a aria-label="Tumblr" class="float-l pad-rg pad-md--lg color-white bg-tumblr-blue o_share-btn-sm" rel="Tumblr" href="javascript:tumblrShare();"><i class="icon-tumblr"></i></a> </div> </div> <div class="row pad-b-xl"> <hr class="mar-b-xl"></hr> <div class="g-6--lg pad-x-lg--lg mar-b-lg type-rg type-md--md line-caption text-spacing"> <p>While investigating a string of cannibalistic murders, Alma befriends the shy Kanata, a girl who loves eating dinner with him but can鈥檛 seem to keep her food down. When she disappears, Alma desperately runs through the dusky streets of Gokurakugai to save her, all the while knowing she鈥檚 a maga鈥攖he same as the monsters he has vowed to execute.</p> </div> <div class="g-6--lg type-sm type-rg--md line-caption"> <div class="g-6--md"> <div class="mar-b-md"><strong>Story and Art by</strong> Yuto Sano</div> <div class="o_release-date mar-b-md"><strong>Release</strong> November 19, 2024</div> <div class="o_isbn13 mar-b-md"><strong>ISBN-13</strong> 978-1-9747-4976-8</div> <div class="o_trimsize mar-b-md"> <strong>Trim Size</strong> 5 × 7 1/2</div> <div class="mar-b-md"> <strong>Imprint</strong> <a href="/shonen-jump" class="color-red hover-dark-red">SHONEN JUMP</a> </div> </div> <div class="g-6--md g-omega--md"> <div class="mar-b-md"><strong>Length</strong> 216 pages</div> <div class="mar-b-md"><strong>Series</strong> <a href="/gokurakugai" class="color-red hover-dark-red">Gokurakugai</a> </div> <div class="mar-b-md"><strong>Category</strong> Manga</div> <div class="mar-b-md"> <strong>Age Rating</strong> <a aria-label="Our Ratings" class="icon-tool-tip color-black hover-dark-red" href="/ratings"></a>  Teen Plus </div> </div> </div> </div> <section class="shelf-wrapper mar-y-lg mar-y-xl--md more-products"> <section class="section_products mar-y-xl bg-off-white"> <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">Get the whole series</h3> </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_15813" data-target-title="Gokurakugai, Vol. 1" aria-label="Add Gokurakugai, 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"> +79 </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/gokurakugai-volume-1/product/7822" class="product-thumb ar-inner type-center"> <img class="lazy " alt="" data-original="https://dw9to29mmj727.cloudfront.net/products/197474356X.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/gokurakugai-volume-1/product/7822">Gokurakugai, Vol. 1</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_15888" data-target-title="Gokurakugai, Vol. 2" aria-label="Add Gokurakugai, 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"> +53 </span> </a> <a tabindex="-1" role="presentation" href="/manga-books/manga/gokurakugai-volume-2/product/7867" class="product-thumb ar-inner type-center"> <img class="lazy " alt="" data-original="https://dw9to29mmj727.cloudfront.net/products/1974745791.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/gokurakugai-volume-2/product/7867">Gokurakugai, Vol. 2</a> </div> </article> </div> </div> </section> </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-y-lg" style="background-image:url('https://dw9to29mmj727.cloudfront.net/misc/default_section_bg.jpg');" id="section0"> <div class="row properties"> <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 Gokurakugai, VIZ Editors recommend:</h3> </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="/seraph-of-the-end" rel="Seraph of the End" 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/334-SeriesThumbnailsManga_SER_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">Seraph of the End</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="/blue-exorcist" rel="Blue Exorcist" 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/278-SeriesThumbnailsManga_BEX_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">Blue Exorcist</div> </a> </div> <div class="p-cs-tile g-3 g-3--md mar-b-lg bg-off-black hover-bg-red"> <a href="/choujin-x" rel="Choujin X" 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/3433-Thumb_ChoujinX_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">Choujin X</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="/bleach" rel="Bleach" 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/106-SeriesThumbnailsManga_BLH_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">Bleach</div> </a> </div> </div> </div> </section> <section id="product_comments"> <div id="comments_panel" data-topic-title="Gokurakugai, Vol. 3"></div> </section> </div> <script src="https://assets.viz.com/assets/manifest-viz-reader-1c254c9f43435cadb289f223e845abebbdcd9952e38af7170a2ac65dee4d05b4.js"></script> <link rel="stylesheet" media="all" href="https://assets.viz.com/assets/manifest-viz-reader-2584863a433a4d4ca2baa863310ec13ebbbacf6fd8af968d04cde73a49c9b556.css" /> <script type="text/javascript"> var pages = 20; var isPreview = true; var pageStr = ""; var isMature = false; $(document).on('post_read_buttons', function() { if (!isLoggedIn()) { return; } if (isPreview && !isMature) { return; } $(document).one('viz_session_expired', do_session_expired); }); var mangaSeriesCommonId = 879; var mangaCommonId = 41827; var chapterNumber = null; var subscriptionType = "sj"; var volumeNumber = 3; var seriesVanityURL = "gokurakugai"; var seriesTitle = "Gokurakugai"; var bookmarkPage = -1; var reader_type = ""; var showRecProps = false; function getAdBreakPage() { return 4; } function getAdUnitCode() { return "none"; } function getMangaId() { return mangaCommonId; } function getDisplayName() { return 'Vol. 3'; } function getIsLeftToRight() { return 0; } function getIsChapter() { return false; } function getIsArchiveChapter() { return false; } function getBookmarkPage() { return bookmarkPage; } function getUserVaultAccess(subType) { switch(subType) { case "sj": return window.is_sj_subscriber; case "vm": return window.is_vm_subscriber; default: return false; } } function getGAEventLabel() { var l = "Gokurakugai, Vol. 3"; if (getIsArchiveChapter()) { l += " - MEMBER CHAPTER"; } else if (getIsChapter()) { l += " - FREE CHAPTER"; } else if (isPreview) { l += " - PREVIEW"; } return l; } function getFirebaseOpts(firebaseEventType) { var firebaseLabel = seriesTitle, firebaseMangaType = 'Preview', firebaseEntitled = 'No' ; if (isPreview) { firebaseLabel += ', Free Preview'; } else if (false) { firebaseLabel += ', Chapter '; if (false) { firebaseMangaType = 'Member Chapter'; firebaseEntitled = (getUserVaultAccess(subscriptionType) ? 'Yes' : 'No'); } else { firebaseMangaType = 'Free Chapter'; } } else { firebaseLabel += ', Volume 3'; firebaseMangaType = 'Volume'; firebaseEntitled = 'Yes'; if (false) { firebaseMangaType = 'Free Volume'; firebaseEntitled = 'No'; } else if (false) { firebaseMangaType = 'Issue'; } } var fbOpts = { eventType: firebaseEventType, Entitled: firebaseEntitled, Feature: 'Streaming', // all web reads are 'streaming' type Label: firebaseLabel, Type: firebaseMangaType, MangaCommonID: mangaCommonId, MangaSeriesCommonID: mangaSeriesCommonId, Series: seriesTitle, SeriesVanityURL: seriesVanityURL, ActiveShonenJumpMember: (window.is_sj_subscriber ? 'Yes' : 'No'), ActiveVizMangaMember: (window.is_vm_subscriber ? 'Yes' : 'No'), SJStartFrom: window.sj_valid_from_sec, VMStartFrom: window.vm_valid_from_sec }; if (false) { fbOpts.SubscriptionType = subscriptionType; } return fbOpts; } // getFirebaseOpts var read_hist_info = { vanity: seriesVanityURL ,mcID: 41827 ,mscID: 879 ,isLastChpt: false ,label: "Volume 3" ,vol: "3" }; function doReadAction(callback) { var ok_to_view = true; if (ok_to_view && !window.readerOpened) { openReaderWrapper(callback); } } // doReadAction $(document).ready(function() { var $window = $(window), ar = $window.width() / $window.height(), $wrapper = $("#reader_wrapper"), legacyDoRead = !!getUrlParameterByName("read") ; $(document).one("post_read_buttons", function() { if (typeof endAdSlotPath != "undefined") { googletag.cmd.push(function() { var adSlot = googletag.defineSlot(endAdSlotPath, [300, 250], 'chapter-end-ad').addService( googletag.pubads() ), chapterType = ( getIsArchiveChapter() ? "archive" : "free"), userType = ( getUserVaultAccess(subscriptionType) ? "subscriber" : "free") ; adSlot.setTargeting('chapterseries', chapterSeries); adSlot.setTargeting('chaptertype', chapterType); adSlot.setTargeting('usertype', userType); googletag.enableServices(); }); } }); if (window.url_params['action'] != 'read' && (getIsChapter() || legacyDoRead)) { $(document).one("post_read_buttons", function() { if (legacyDoRead) { doReadAction(); } else if (getIsChapter() && (!getIsArchiveChapter() || getUserVaultAccess(subscriptionType))) { doReadAction(); } }); } if ( isMobile() ) { // mobile full-screen interaction is handled separately } else { if (ar > 0.75 || $window.width() >= 1000) { $wrapper.removeClass("ar-reader-single").addClass("ar-reader-double"); } else { $wrapper.removeClass("ar-reader-double").addClass("ar-reader-single"); } } }); </script> <div id="modal-reader" class="reader" data-reader-state="off"> <div class="pos-r" id="reader_header"> <div style="width:calc(100% - 280px);" id="modal-reader-header" class="disp-bl"> <h2 class="type-rg weight-bold style-caps line-solid pad-md" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> </h2> </div> <div id="reader_tools" class="pos-a" style="top:10px; right:56px;"> <a aria-label="help" href="javascript:void('help')" class="reader-icon pad-sm type-rg line-solid hover-red reader-help"><i class="reader-icon-help"></i></a> <span class="bookmark_btn_wrap"> <a aria-label="add bookmark" href="javascript:void('boomkark-add')" class="reader-icon pad-sm type-rg line-solid hover-red reader-bookmark add-bookmark o_requires-login" data-signup-msg="To bookmark your page, sign up for a VIZ account" data-login-msg="Please log in to bookmark your page"><i class="reader-icon-add-bookmark"></i></a> <a aria-label="delete bookmark" href="javascript:void('bookmark-del')" class="reader-icon pad-sm type-rg line-solid hover-red reader-bookmark remove-bookmark o_requires-login disp-n"><i class="reader-icon-remove-bookmark"></i></a> </span> <a aria-label="single page mode" href="javascript:void('single-page')" class="reader-icon pad-sm type-rg line-solid hover-red reader-page-mode single-page"><i class="reader-icon-single-page-mode"></i></a> <a aria-label="double page mode" href="javascript:void('double-page')" class="reader-icon pad-sm type-rg line-solid hover-red reader-page-mode double-page disp-n"><i class="reader-icon-double-page-mode"></i></a> <a aria-label="zoom in" href="javascript:void('zoom-in')" class="reader-icon pad-sm type-rg line-solid hover-red reader-zoom zoom-in"><i class="reader-icon-zoom-in"></i></a> <a aria-label="zoom out" href="javascript:void('zoom-out')" class="reader-icon pad-sm type-rg line-solid hover-red reader-zoom zoom-out"><i class="reader-icon-zoom-out"></i></a> <a aria-label="fullscreen mode" href="javascript:void('fullscreen')" class="reader-icon pad-sm type-rg line-solid hover-red reader-fullscreen"><i class="reader-icon-fullscreen"></i></a> <a aria-label="popout reader" href="javascript:void('popout')" class="reader-icon pad-sm type-rg line-solid hover-red reader-popout disp-n"><i class="reader-icon-popout"></i></a> <a aria-label="embed reader" href="javascript:void('embedded')" class="reader-icon pad-sm type-rg line-solid hover-red reader-embed disp-n"><i class="reader-icon-embed"></i></a> </div> <a aria-label="close reader" href="javascript:void('close')" onclick="closeReader();return false;" class="reader-close r-0 pad-md type-rg disp-ib"><i class="icon-close"></i></a> </div> <div class="clearfix clear-b pos-r" id="reader_window"> <div id="reader_wrapper"> <div id="reader_container_sc" class="ar-inner"> <div id="reader_page_container"> <div id="end_page_placeholder" class="reader_page_end placeholder"></div> <div id="end_page_ad" class="reader_page_end ad"> <div id="end_page_ad_container" class="pos-r" style="height:250px; width:300px;"> </div> </div> <div id="end_page_end_card" class="reader_page_end end_card"> <div class="end_card_wrapper"> <div id="end_page_next_up" class="type-center"></div> <div id="end_page_recs" class="type-center"> </div> </div> </div> <div id="end_page_discovery" class="reader_page_end discovery"></div> <canvas id="canvas_single_partner_current" class="reader_page_canvas single bottom"></canvas> <canvas id="canvas_single_current" class="reader_page_canvas single bottom"></canvas> <canvas id="canvas_single_next" class="reader_page_canvas single next bottom"></canvas> <canvas id="canvas_single_previous" class="reader_page_canvas single previous bottom"></canvas> <canvas id="canvas_right_current" class="reader_page_canvas right bottom"></canvas> <canvas id="canvas_left_current" class="reader_page_canvas left bottom"></canvas> <canvas id="canvas_right_next" class="reader_page_canvas right next bottom"></canvas> <canvas id="canvas_left_next" class="reader_page_canvas left next bottom"></canvas> <canvas id="canvas_right_previous" class="reader_page_canvas right previous bottom"></canvas> <canvas id="canvas_left_previous" class="reader_page_canvas left previous bottom"></canvas> </div> <canvas id="canvas_top" class="reader_page_canvas top"></canvas> <div id="reader_bottom_container"> <div id="bookmark_icon_mobile" class="disp-n"><img src="https://assets.viz.com/assets/html5_reader/bookmark_icon_mobile-86be5c25751e995717f3211489b397a8564d270618ca389954d08efc129eb28b.png" width="16" height="24" /></div> <div id="reader_page_slider_container"> <div class="page_slider_label left"></div> <div class="page_slider_label center"></div> <div class="page_slider_label right"></div> <div id="bookmark_icon" class="disp-n"></div> <div id="page_slider"></div> </div> <div id="read_this_way" class="rtl"><img src="https://assets.viz.com/assets/html5_reader/read_left_arrow-a539fb0456a362288c07561aade4876847aad7070bd12492347bafaaaf4fd11a.png" width="84" height="28" /></div> <div id="pages_left" class="rtl"></div> <div class="page_slider_label left mobile" ><div class="page_slider_label_before">PAGE </div><div class="page_slider_label_pagenum"></div></div> <div class="page_slider_label center mobile"><div class="page_slider_label_before">PAGE </div><div class="page_slider_label_pagenum"></div></div> <div class="page_slider_label right mobile" ><div class="page_slider_label_before">PAGE </div><div class="page_slider_label_pagenum"></div></div> </div> <div id="reader_right_pager_container" class="reader_pager_container right"> <div id="reader_right_pager" class="reader_pager right"></div> </div> <div id="reader_left_pager_container" class="reader_pager_container left"> <div id="reader_left_pager" class="reader_pager left"></div> </div> <div id="reader_top_container"> <div id="reader_close_control_mobile"><img src="https://assets.viz.com/assets/html5_reader/down_arrow_mobile-964a9f8f524341c67c6a926beb33a1a2253a71e2ea67121a26e61b2cd37d5414.png" width="24" height="24" /></div> <div id="reader_top_header_1_mobile"></div> <div id="reader_top_header_2_mobile"></div> <div id="reader_top_header_3_mobile">FREE PREVIEW</div> <span class="bookmark_btn_wrap"> <div id="reader_bookmark_add_mobile" class="reader_bookmark_control_mobile o_requires-login" data-signup-msg="To bookmark your page, sign up for a VIZ account" data-login-msg="Please log in to bookmark your page"><img src="https://assets.viz.com/assets/html5_reader/bookmark_add_mobile-958d31ec7a766e2c3dd7227e9bd797e489052344a3eeecd905ad05806fbd3abd.png" width="19" height="29" /></div> <div id="reader_bookmark_remove_mobile" class="reader_bookmark_control_mobile o_requires-login disp-n"><img src="https://assets.viz.com/assets/html5_reader/bookmark_remove_mobile-b84d071adaf153384dd239f937c28440a19c17be2c13f61b2b4026d1db62f656.png" width="19" height="29" /></div> </span> </div> <div id="reader_loading_container"> <div id="reader_loading_bg"></div> <div id="reader_loading_text">Loading</div> </div> <div id="reader_desktop_paging_info" class="type-center bg-off-white pad-md"> <div id="reader_desktop_paging_icons" class="type-xl"><i class="reader-icon-left-arrow pad-r-sm"></i><i class="reader-icon-right-arrow pad-l-sm"></i></div> <div id="reader_desktop_paging_text" class="type-rg">Use arrow keys to change pages.</div> </div> </div> </div> </div> </div> <div id="modal-reader-next-up-preview" class="modal pad-md pad-b-lg pad-lg--md pad-xl--lg bg-off-white" data-modal-state="off"> <a aria-label="close" data-modal-btn data-event='{"category": "End Card (Preview)", "action": "Close Dialog", "label": "Gokurakugai, Vol. 3 - PREVIEW"}' class="modal-close" href="#modal-reader-next-up-preview"><i class="icon-close"></i></a> <div class="modal-field type-rg"> <div class="mar-y-md--lg mar-b-sm mar-x-md"> <label> <div class="g-3--sm g-5--md pad-b-sm pad-x-xl pad-x-sm--md type-center"><img alt="Gokurakugai, Vol. 3" src="https://dw9to29mmj727.cloudfront.net/products/1974749762.jpg" onerror="imgError(this);"></div> <div class="g-3--sm g-7--md"> <p class="type-md type-lg--md pad-y-md pad-b-rg">You've Reached The End</p> <p class="type-rg type-md--md pad-y-md pad-b-rg">That was a preview.<br>Now check out the full version!</p> <div class="type-center"> <div class="read_button_div" id="nx_41827" btn_type="nx" btn_item_type="m" btn_item_id="41827"> <span class="type-md type-lg--md type-xl--lg line-solid weight-bold float-r mar-b-rg">$6.99</span> <a href="javascript:void('buy_volume');" onclick="Cart.addToCart('manga', 41827, {"category":"End Card (Preview)","action":"Add To Cart (Full Volume)","label":"Gokurakugai, Vol. 3 - PREVIEW","productcode":"41827_single","value":"6.99"}); return false;" class="btn-primary disp-bl type-rg clear-r cart_add_manga_41827"><i class="icon-cart"></i>Buy from VIZ</a> </div> </div> </div> </label> </div> </div> </div> <div id="metamodal-reader-help" class="metamodal pad-md pad-b-lg pad-lg--md pad-xl--lg" data-metamodal-state="off"> <a aria-label="close" href="#metamodal-reader-help" data-metamodal-btn class="metamodal-close"><i class="icon-close"></i></a> <div class="modal-g-lg shift mar-b-lg"> <h2 class="type-md weight-bold style-caps line-solid">VIZ READER HELP</h2> </div> <div class="clearfix clear-b"> <div class="metamodal-field type-rg"> <div class="metamodal-g-sm type-right--lg mar-b-sm"> <label class="reader-icon type-rg line-solid"> <i class="reader-icon-left-arrow"></i> <i class="reader-icon-right-arrow"></i> </label> </div> <div class="metamodal-g-lg mar-b-sm"> Use the left and right arrow keys to change pages. </div> </div> <div class="metamodal-field type-rg"> <div class="metamodal-g-sm type-right--lg mar-b-sm"> <label class="reader-icon type-rg line-solid"> <i class="reader-icon-add-bookmark"></i> <i class="reader-icon-remove-bookmark"></i> </label> </div> <div class="metamodal-g-lg mar-b-sm"> Add / Remove Bookmark: Once a bookmark is set, click on the icon above the page slider at the bottom to go directly to that page. </div> </div> <div class="metamodal-field type-rg"> <div class="metamodal-g-sm type-right--lg mar-b-sm"> <label class="reader-icon type-rg line-solid"> <i class="reader-icon-single-page-mode"></i> <i class="reader-icon-double-page-mode"></i> </label> </div> <div class="metamodal-g-lg mar-b-sm"> Single-Page Mode / Double-Page Mode: Choose between displaying one page at a time or two. </div> </div> <div class="metamodal-field type-rg"> <div class="metamodal-g-sm type-right--lg mar-b-sm"> <label class="reader-icon type-rg line-solid"> <i class="reader-icon-zoom-in"></i> <i class="reader-icon-zoom-out"></i> </label> </div> <div class="metamodal-g-lg mar-b-sm"> Zoom In / Zoom Out: Zoom in or out of the displayed page(s). </div> </div> <div class="metamodal-field type-rg"> <div class="metamodal-g-sm type-right--lg mar-b-sm"> <label class="reader-icon type-rg line-solid"> <i class="reader-icon-fullscreen"></i> </label> </div> <div class="metamodal-g-lg mar-b-sm"> Fullscreen Mode: Enlarge the reader to edges of the screen. Press [ESC] to exit fullscreen mode. </div> </div> </div> </div> <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 & anime news!</h3> <p class="type-sm type-rg--lg line-caption">You’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鈥檛 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="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.facebook.com/OfficialVIZMedia" target="viz_facebook">Facebook</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鈥檙e 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鈥檛 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="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 'VIZ Shop': externalSiteImg = "https://dw9to29mmj727.cloudfront.net/logos/VIZshop_logo-black_v3.png"; leavingPrivMsg.removeClass('disp-n').addClass('disp-b'); $("#modal-leaving-site-name").html(externalSiteName); break; case 'Shop': 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; } $("#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="n5DUqXrDoMr17v71Yf+tLPSXicyyjUb/rHNI4w9VbECMgTtm+aJdYdk3ht9ZT/D9pRhHx6RUHcxYjCjpA9AxyA==" /> <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> </div> <div id="overlay" data-overlay-state="off" class="o_overlay"></div> <div id="overlay_wait" data-overlay-state="off" class="o_overlay-wait"></div> </body> </html>

CINXE.COM

VIZ | Read a Free Preview of Gokurakugai, Vol. 3