CINXE.COM
JUMP j BOOKS|集英社
<!doctype html> <html><head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-MPB8NDWWKE"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-MPB8NDWWKE'); </script> <meta charset="UTF-8"> <meta http-equiv="Content-Language" content="ja"> <title>JUMP j BOOKS|集英社</title> <meta name="keywords" content="JUMP j BOOKS,JUMP j BOOKS,JUMP,jbooks,ジャンプ,ジェイブックス,ライトノベル,ノベライズ,小説,小説賞,小説新人賞"> <meta name="description" content="JUMP j BOOKS公式サイト "> <!-- *facebook用 設定 ここから * --> <meta property="og:type" content="website"> <meta property="og:site_name" content="JUMP j BOOKS|集英社"> <meta property="og:title" content="JUMP j BOOKS"> <meta property="og:description" content="JUMP j BOOKS公式サイト"> <meta property="og:url" content=""> <meta property="og:image" content=""> <!-- * facebook用 設定 ここから * --> <!-- * Twitter カード用 設定 ここから * --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@JUMP_j_BOOKS"> <!-- * Twitter カード用 設定 ここまで * --> <link rel="shortcut icon" href="/_common/_image/favicon.ico" type="image/vnd.microsoft.icon"> <link rel="icon" href="/_common/_image/favicon.ico" type="image/vnd.microsoft.icon"> <!--CSS読み込み--> <link rel="stylesheet" href="/_common/normalize.css"> <link rel="stylesheet" href="/_common/basicSP.css"> <link rel="stylesheet" href="/_common/topstyleSP.css"> <link rel="stylesheet" href="/_common/articleSP.css"> <link rel="stylesheet" href="/_common/basicPC.css"> <link rel="stylesheet" href="/_common/topstylePC.css"> <link rel="stylesheet" href="/_common/articlePC.css"> <link rel="stylesheet" href="/_common/temp.css"> <link rel="stylesheet" href="/_common/nav.css"> <link rel="stylesheet" href="/_common/ranking.css"><!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-39612722-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-39612722-1'); </script> <!-- 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; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PC48XJ6'); </script> <!-- End Google Tag Manager --> </head> <body id="index"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PC48XJ6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!--header .bkでロゴ色:黒 クラス無しでロゴ色:白に設定--> <header class="grad bk"> <!--ナビゲーション読み込み--> <div class="inner"> <a href="/"><h1>JUMP j BOOKS</h1></a> <ul class="pcMenu"> <li><a href="/#news"><img src="/_common/_image/cmn_pc_nav01.png" alt="最新情報"></a></li> <li><a href="/#ranking"><img src="/_common/_image/cmn_pc_nav02.png" alt="ランキング"></a></li> <li><a href="/books/release/"><img src="/_common/_image/cmn_pc_nav03.png" alt="新刊情報"></a></li> <li><a href="/prize/"><img src="/_common/_image/cmn_pc_nav04.png" alt="3大小説賞"></a></li> <li><a href="/search.html"><img src="/_common/_image/cmn_pc_nav05.png" alt="書籍を探す"></a></li> <li><a href="/ippuku/"><img src="/_common/_image/cmn_pc_nav06.png" alt="Jブックスでちょっと一服"></a></li> <!--<li><a href="/pickup/konomi_jinsei"><img src="/_common/_image/cmn_pc_nav06.png" alt="Jブックスでちょっと一服"></a></li> <li><a href="/enquete/"><img src="/_common/_image/cmn_pc_nav07.png" alt="アンケート"></a></li>--> </ul> <div class="menu">メニュー</div> <div class="close">閉じる</div> <div class="snsLink"><a href="https://twitter.com/JUMP_j_BOOKS" target="_blank">twitter</a></div> <div class="snsLink insta"><a href="https://www.instagram.com/jump_j_books/" target="_blank">インスタグラム</a></div> <!--//end inner--> </div><!--検索ワード読み込み--> <nav> <div class="inner"> <ul> <li><a href="/#news" class="close2">最新情報</a></li> <li><a href="/#ranking" class="close2">ランキング</a></li> <li><a href="/books/release/">新刊情報</a></li> <li><a href="/prize/">2大小説賞</a></li> <li><a href="/search.html">書籍を探す</a></li> <li><a href="/ippuku/">Jブックスでちょっと一服</a></li> </ul> <a href="/" class="menutop"><div class="logo"></div> <div class="f12" style="color:#FFF">トップに戻る</div></a> </div> </nav> </header> <style> #index main { position: relative; width: 100%; height: 500px; /* height: 672px; */ /* height: 486px; */ background: #FFF url("./temp/mainPC2504.png")no-repeat center top/auto 100%; margin: 60px auto 24px;/* margin: 66px auto 24px;*/ } /*背景BG #index a.mainanc { position: relative; display: block; background: url(../icon/mainPC12.jpg) no-repeat top center; }*/ @media screen and (max-width: 767px) { /*トップページメインイラスト */ #index main { position: relative; width: 100%; height: auto; /*padding: 60% 0 0 0;書影3冊*/ /*padding: 82% 0 0 0;/*書影2冊*/ padding: 165% 0 0 0;/*書影1冊*/ background: url("./temp/mainSP2504.jpg") no-repeat top center; background-size: 100%; margin: 0; } #index .mainanc { position: relative; width: 100%; height: auto; /*padding: 160% 0 0 0;書影3冊*/ /* padding: 160% 0 0 0;/*書影2冊*/ padding: 146% 0 0 0;/*書影1冊*/ background-size: 100%; margin: 0; } /*------------------------------------------------------------end@media*/ } </style> <a href="/books/undeadunluck_hiteisyatachinoaoharu.html" class="mainanc"> <main></main> </a> <!--<a href="/books/release/" class="mainanc"><main></main></a>--><!--<a href="/books/mistgears_ghost.html" style="display:block;background:#1b1c24"><main></main></a>--> <section> <a name="news" id="news" class="anchor"></a> <h3>最新情報</h3> <ul class="topNews"> <li> <dl class="news"> <dt> <i>ノベライズ</i> <a href="/books/undeadunluck_hiteisyatachinoaoharu.html"> <img src="/icon/undeadunluck_hiteisyatachinoaoharu_news.jpg" alt="【新刊情報】アンデッドアンラック 否定者たちのアオハルな高校生活"> </a> <!--//end --> </dt> <dd> <style> span.new { display: none; background:#F00; margin:0 0 1px; padding:3px 3px 1.2px; font-size:8px; color:#FFF; line-height:1; border-radius: 2px; } </style> <script> // 経過時間(何時間以内の記事に付与するか) var pass = 144; // 付与する文字 var content = "NEW"; var currentDate = new Date(); var spans = document.getElementsByTagName("span"); for (i = 0; i < spans.length; i++) { if (spans[i].getAttribute("class") == "new" || spans[i].getAttribute("className") == "new") { if (spans[i].childNodes[0]) { time = spans[i].childNodes[0].nodeValue.split(":"); var entryDate = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]); var now = (entryDate.getTime() - currentDate.getTime())/(60*60*1000); now = Math.ceil(now); if(-now <= pass){ spans[i].innerHTML = content; spans[i].style.display = "inline"; } } } } </script> <i>2025/04/04 <span class="new">2025:04:04:10:33:10</span> </i> <a href="/books/undeadunluck_hiteisyatachinoaoharu.html"><strong>【新刊情報】アンデッドアンラック 否定者たちのアオハルな高校生活</strong> <em>大人気小説シリーズ第3弾!!4月4日発売!!</em> </a> </dd> </dl> </li> <li> <dl class="news"> <dt> <i>ノベライズ</i> <a href="/books/missionofyozakurafamily_hifumitoalphanoseichoukiroku.html"> <img src="/icon/missionofyozakurafamily_hifumitoalphanoseichoukiroku_news.jpg" alt="【新刊情報】夜桜さんちの大作戦 ひふみとあるふぁの成長記録編"> </a> <!--//end --> </dt> <dd> <style> span.new { display: none; background:#F00; margin:0 0 1px; padding:3px 3px 1.2px; font-size:8px; color:#FFF; line-height:1; border-radius: 2px; } </style> <script> // 経過時間(何時間以内の記事に付与するか) var pass = 144; // 付与する文字 var content = "NEW"; var currentDate = new Date(); var spans = document.getElementsByTagName("span"); for (i = 0; i < spans.length; i++) { if (spans[i].getAttribute("class") == "new" || spans[i].getAttribute("className") == "new") { if (spans[i].childNodes[0]) { time = spans[i].childNodes[0].nodeValue.split(":"); var entryDate = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]); var now = (entryDate.getTime() - currentDate.getTime())/(60*60*1000); now = Math.ceil(now); if(-now <= pass){ spans[i].innerHTML = content; spans[i].style.display = "inline"; } } } } </script> <i>2025/03/04 <span class="new">2025:03:04:10:51:15</span> </i> <a href="/books/missionofyozakurafamily_hifumitoalphanoseichoukiroku.html"><strong>【新刊情報】夜桜さんちの大作戦 ひふみとあるふぁの成長記録編</strong> <em>続々重版出来の小説シリーズ第3弾!!3月4日発売!!</em> </a> </dd> </dl> </li> <li> <dl class="news"> <dt> <i>新人賞</i> <a href="/prize/horror/result10.html"> <img src="/icon/prize_horror10main3_news.jpg" alt="【2大小説賞】第10回 ジャンプホラー小説大賞選考結果発表!!"> </a> <!--//end --> </dt> <dd> <style> span.new { display: none; background:#F00; margin:0 0 1px; padding:3px 3px 1.2px; font-size:8px; color:#FFF; line-height:1; border-radius: 2px; } </style> <script> // 経過時間(何時間以内の記事に付与するか) var pass = 144; // 付与する文字 var content = "NEW"; var currentDate = new Date(); var spans = document.getElementsByTagName("span"); for (i = 0; i < spans.length; i++) { if (spans[i].getAttribute("class") == "new" || spans[i].getAttribute("className") == "new") { if (spans[i].childNodes[0]) { time = spans[i].childNodes[0].nodeValue.split(":"); var entryDate = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]); var now = (entryDate.getTime() - currentDate.getTime())/(60*60*1000); now = Math.ceil(now); if(-now <= pass){ spans[i].innerHTML = content; spans[i].style.display = "inline"; } } } } </script> <i>2025/03/03 <span class="new">2025:03:03:11:00:00</span> </i> <a href="/prize/horror/result10.html"><strong>【2大小説賞】第10回 ジャンプホラー小説大賞選考結果発表!!</strong> <em>4年ぶりの金賞1本!!さらに銀賞1本、銅賞2本でる!!</em> </a> </dd> </dl> </li> <li> <dl class="news"> <dt> <i>ノベライズ</i> <a href="/books/jackjeanne_tamasakanokouseki.html"> <img src="/icon/jackjeanne_tamasakanokouseki_news.jpg" alt="【新刊情報】ジャックジャンヌ 玉阪の光跡"> </a> <!--//end --> </dt> <dd> <style> span.new { display: none; background:#F00; margin:0 0 1px; padding:3px 3px 1.2px; font-size:8px; color:#FFF; line-height:1; border-radius: 2px; } </style> <script> // 経過時間(何時間以内の記事に付与するか) var pass = 144; // 付与する文字 var content = "NEW"; var currentDate = new Date(); var spans = document.getElementsByTagName("span"); for (i = 0; i < spans.length; i++) { if (spans[i].getAttribute("class") == "new" || spans[i].getAttribute("className") == "new") { if (spans[i].childNodes[0]) { time = spans[i].childNodes[0].nodeValue.split(":"); var entryDate = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]); var now = (entryDate.getTime() - currentDate.getTime())/(60*60*1000); now = Math.ceil(now); if(-now <= pass){ spans[i].innerHTML = content; spans[i].style.display = "inline"; } } } } </script> <i>2025/02/12 <span class="new">2025:02:12:10:31:11</span> </i> <a href="/books/jackjeanne_tamasakanokouseki.html"><strong>【新刊情報】ジャックジャンヌ 玉阪の光跡</strong> <em>Jブックスnote掲載の「ハッピー・アニバーサリー」が書籍化決定!!描きおろしイラスト+新規エピソードも収録して4月17日発売予定!!</em> </a> </dd> </dl> </li> <li> <dl class="news"> <dt> <i>ノベライズ</i> <a href="/books/oshinoko_hutarinoetude.html"> <img src="/icon/oshinoko_hutarinoetude_news.jpg" alt="【新刊情報】【推しの子】~二人のエチュード~"> </a> <!--//end --> </dt> <dd> <style> span.new { display: none; background:#F00; margin:0 0 1px; padding:3px 3px 1.2px; font-size:8px; color:#FFF; line-height:1; border-radius: 2px; } </style> <script> // 経過時間(何時間以内の記事に付与するか) var pass = 144; // 付与する文字 var content = "NEW"; var currentDate = new Date(); var spans = document.getElementsByTagName("span"); for (i = 0; i < spans.length; i++) { if (spans[i].getAttribute("class") == "new" || spans[i].getAttribute("className") == "new") { if (spans[i].childNodes[0]) { time = spans[i].childNodes[0].nodeValue.split(":"); var entryDate = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]); var now = (entryDate.getTime() - currentDate.getTime())/(60*60*1000); now = Math.ceil(now); if(-now <= pass){ spans[i].innerHTML = content; spans[i].style.display = "inline"; } } } } </script> <i>2024/12/18 <span class="new">2024:12:18:10:38:30</span> </i> <a href="/books/oshinoko_hutarinoetude.html"><strong>【新刊情報】【推しの子】~二人のエチュード~</strong> <em>『【推しの子】』の小説版第2弾が12月18日発売!!</em> </a> </dd> </dl> </li> <li> <dl class="news"> <dt> <i>ノベライズ</i> <a href="/books/kisiberohan_04.html"> <img src="/icon/kisiberohan_04_news.jpg" alt="【新刊情報】岸辺露伴は嗤わない 短編小説集"> </a> <!--//end --> </dt> <dd> <style> span.new { display: none; background:#F00; margin:0 0 1px; padding:3px 3px 1.2px; font-size:8px; color:#FFF; line-height:1; border-radius: 2px; } </style> <script> // 経過時間(何時間以内の記事に付与するか) var pass = 144; // 付与する文字 var content = "NEW"; var currentDate = new Date(); var spans = document.getElementsByTagName("span"); for (i = 0; i < spans.length; i++) { if (spans[i].getAttribute("class") == "new" || spans[i].getAttribute("className") == "new") { if (spans[i].childNodes[0]) { time = spans[i].childNodes[0].nodeValue.split(":"); var entryDate = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]); var now = (entryDate.getTime() - currentDate.getTime())/(60*60*1000); now = Math.ceil(now); if(-now <= pass){ spans[i].innerHTML = content; spans[i].style.display = "inline"; } } } } </script> <i>2024/12/18 <span class="new">2024:12:18:10:05:04</span> </i> <a href="/books/kisiberohan_04.html"><strong>【新刊情報】岸辺露伴は嗤わない 短編小説集</strong> <em>『岸辺露伴は動かない』の大人気短編小説集第4弾が12月18日発売!!</em> </a> </dd> </dl> </li> <li> <dl class="news"> <dt> <i>ノベライズ</i> <a href="/books/gintama3z_09.html"> <img src="/icon/gintama3z_09_news.jpg" alt="【新刊情報】銀魂 3年Z組銀八先生 すぺしゃる それゆけ大球技大会"> </a> <!--//end --> </dt> <dd> <style> span.new { display: none; background:#F00; margin:0 0 1px; padding:3px 3px 1.2px; font-size:8px; color:#FFF; line-height:1; border-radius: 2px; } </style> <script> // 経過時間(何時間以内の記事に付与するか) var pass = 144; // 付与する文字 var content = "NEW"; var currentDate = new Date(); var spans = document.getElementsByTagName("span"); for (i = 0; i < spans.length; i++) { if (spans[i].getAttribute("class") == "new" || spans[i].getAttribute("className") == "new") { if (spans[i].childNodes[0]) { time = spans[i].childNodes[0].nodeValue.split(":"); var entryDate = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]); var now = (entryDate.getTime() - currentDate.getTime())/(60*60*1000); now = Math.ceil(now); if(-now <= pass){ spans[i].innerHTML = content; spans[i].style.display = "inline"; } } } } </script> <i>2024/12/04 <span class="new">2024:12:04:10:22:44</span> </i> <a href="/books/gintama3z_09.html"><strong>【新刊情報】銀魂 3年Z組銀八先生 すぺしゃる それゆけ大球技大会</strong> <em>TVアニメ化が決定している『銀魂 3年Z組銀八先生』の最新刊が、12月4日に発売!!</em> </a> </dd> </dl> </li> <li> <dl class="news"> <dt> <i>ノベライズ</i> <a href="/books/aonohako_prologue.html"> <img src="/icon/aonohako_prologue_news.jpg" alt="【新刊情報】アオのハコ Prologue"> </a> <!--//end --> </dt> <dd> <style> span.new { display: none; background:#F00; margin:0 0 1px; padding:3px 3px 1.2px; font-size:8px; color:#FFF; line-height:1; border-radius: 2px; } </style> <script> // 経過時間(何時間以内の記事に付与するか) var pass = 144; // 付与する文字 var content = "NEW"; var currentDate = new Date(); var spans = document.getElementsByTagName("span"); for (i = 0; i < spans.length; i++) { if (spans[i].getAttribute("class") == "new" || spans[i].getAttribute("className") == "new") { if (spans[i].childNodes[0]) { time = spans[i].childNodes[0].nodeValue.split(":"); var entryDate = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]); var now = (entryDate.getTime() - currentDate.getTime())/(60*60*1000); now = Math.ceil(now); if(-now <= pass){ spans[i].innerHTML = content; spans[i].style.display = "inline"; } } } } </script> <i>2024/12/04 <span class="new">2024:12:04:08:16:46</span> </i> <a href="/books/aonohako_prologue.html"><strong>【新刊情報】アオのハコ Prologue</strong> <em>『アオのハコ』の本編開始前を描いた初小説が12月4日発売!!</em> </a> </dd> </dl> </li> </ul> <a name="ranking" id="ranking" class="anchor"></a> <div class="column list"> <!--ランキング読み込み--> <link rel="stylesheet" href="/_common/swiper.min.css"> <link rel="stylesheet" href="/_common/ranking.css"> <div class="swiper-container"> <h3 class="rank">人気ランキング</h3> <span class="f10 br"> ※3月のアクセスランキング</span> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide"> <ul class="ranking"> <li class="rk01"><img src="/icon/haikyushosetuban_011_news.jpg" alt="ハイキュー!! ショーセツバン!! Ⅺ|書籍情報"> <p><b>1</b> <em>ハイキュー!! ショーセツバン!! Ⅺ</em> </p> <a href="/books/haikyushosetuban_011.html"></a> </li> <li class="rk02"><img src="/icon/jackjeanne_tamasakanokouseki_news.jpg" alt="ジャックジャンヌ 玉阪の光跡|書籍情報"> <p><b>2</b> <em>ジャックジャンヌ 玉阪の光跡</em> </p> <a href="/books/jackjeanne_tamasakanokouseki.html"></a> </li> <li class="rk03"><img src="/icon/haikyushosetuban_30th_news.jpg" alt="ハイキュー!! ショーセツバン!! JUMP j BOOKS 30周年記念フェア実施中!!|書籍情報"> <p><b>3</b> <em>ハイキュー!! ショーセツバン!! JUMP j BOOKS 30周年記念フェア実施中!!</em> </p> <a href="/pickup/haikyu/"></a> </li> </ul> <!--//end swiper-slide--> </div> <div class="swiper-slide"> <ul class="ranking"> <li class="rk01"><img src="/icon/missionofyozakurafamily_hifumitoalphanoseichoukiroku_news.jpg" alt="夜桜さんちの大作戦 ひふみとあるふぁの成長記録編|書籍情報"> <p><b>4</b> <em>夜桜さんちの大作戦 ひふみとあるふぁの成長記録編</em> </p> <a href="/books/missionofyozakurafamily_hifumitoalphanoseichoukiroku.html"></a> </li> <li class="rk02"><img src="/icon/haikyushosetuban_01_news.jpg" alt="ハイキュー!! ショーセツバン!!|書籍情報"> <p><b>5</b> <em>ハイキュー!! ショーセツバン!!</em> </p> <a href="/books/haikyushosetuban_01.html"></a> </li> <li class="rk03"><img src="/icon/haikyushosetuban_013_news.jpg" alt="ハイキュー!! ショーセツバン!! XIII|書籍情報"> <p><b>6</b> <em>ハイキュー!! ショーセツバン!! XIII</em> </p> <a href="/books/haikyushosetuban_013.html"></a> </li> </ul> <!--//end swiper-slide--> </div> <div class="swiper-slide"> <ul class="ranking"> <li class="rk01"><img src="/icon/undeadunluck_hiteisyatachinoaoharu_news.jpg" alt="アンデッドアンラック 否定者たちのアオハルな高校生活|書籍情報"> <p><b>7</b> <em>アンデッドアンラック 否定者たちのアオハルな高校生活</em> </p> <a href="/books/undeadunluck_hiteisyatachinoaoharu.html"></a> </li> <li class="rk02"><img src="/icon/prize_award25_news.jpg" alt="ジャンプ小説新人賞2025|書籍情報"> <p><b>8</b> <em>ジャンプ小説新人賞2025</em> </p> <a href="/prize/award25/"></a> </li> <li class=“rk03”><img src="/prize/horror/_image/10main.png" alt="第10回 ジャンプホラー小説大賞|書籍情報"> <p><b>9</b> <em>第10回 ジャンプホラー小説大賞</em> </p> <a href="/prize/horror/horror10.html"></a> </li> <!--//end swiper-slide--> </div> <!--//end swiper-wrapper--> </div> <!-- <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div>--> <!--//end swiper-container--> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/js/swiper.min.js"></script> <script> window.onload = function () { var mySwiper = new Swiper( '.swiper-container', { slidesPerView: 'auto', spaceBetween: 0, // ページネーション pagination: '.swiper-pagination', // ナビゲーションボタン nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', //etc.. } ); } </script> </div> <!--急上昇・twitterウィジェット読み込み--> <style> @media screen and (max-width: 767px) { /*急上昇とtwitterウィジェット*/ #index .column.pickup { width: 100%; padding: 0; margin: 0 auto; font-size: 0; } /*急上昇とウィジェットレイアウト*/ #index .column.pickup li { margin: 0 auto; width: 100%; font-size: 0; padding: 0 5% 0; vertical-align: top; } #index .column.pickup li:last-child { width: 100%; padding: 0 5% 0; } /*書籍情報レイアウト*/ #index .column.pickup div { position: relative; display: inline-block; width: 48%; margin: 0 0 0 2%; padding: 10px 0 0 0; font-size: 12px; vertical-align: top; } /*書影とサムネイル*/ #index .column.pickup div i { display: block; margin: 0 0 12px; } #index .column.pickup div i img { display: block; width: atuo; margin: 0 auto; } #index .column.pickup div em, #index .column.pickup div strong { display: block; font-size: 13px; padding: 0 0 6px; } /*ボックスをリンクエリアに*/ #index .column.pickup div a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -99999px; } #index .column.pickup div a:hover { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } } @media screen and (min-width: 768px) { #index h3.sss:after { content: ""; position: absolute; width: 60px; border-bottom: 3px solid #FFF; border-radius: 2px; bottom: -10px; left: 50%; margin-left: -30px; } /*急上昇とtwitterウィジェット*/ #index .column.pickup { width: 100%; padding: 0; margin: 0 auto 48px; font-size: 0; } /*急上昇とウィジェットレイアウト*/ #index .column.pickup li { margin: 0 auto; display: inline-block; /*width: 560px;*/ width: 100%; font-size: 0; vertical-align: top; } #index .column.pickup li:last-child { width: 100%; padding: 0; } /*書籍情報レイアウト*/ #index .column.pickup div { position: relative; display: inline-block; /*width: 252px;*/ width: 224px; margin: 0 28px 0 0; padding: 10px 0 0 0; font-size: 12px; vertical-align: top; } #index .column.pickup div strong { display: block; font-size: 12px; font-weight: bold; } #index .column.pickup div:last-child { margin: 0; } /*書影とサムネイル*/ #index .column.pickup div i { display: block; margin: 0 0 12px; /*height: 340px;*/ overflow: hidden; } #index .column.pickup div i img { display: block; width: atuo; max-height: 340px; margin: 0 auto; } #index .column.pickup div em, #index .column.pickup div strong { display: block; padding: 0 0 4px; font-size: 13px; } /*ボックスをリンクエリアに*/ #index .column.pickup div a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -99999px; } #index .column.pickup div a:hover { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } } </style> <ul class="column pickup"> <li> <h3>急上昇</h3> <br> <div> <i><img src="/icon/aonohako_prologue.jpg"alt="アオのハコ Prologue|書籍情報"></i> <strong>アオのハコ Prologue</strong>中学3年の猪股大喜は、中学生活最後のバドミントン部の大会で思ったような結果を出せず、部活を引退した後もモヤモヤした気持ちを抱えていた。夏休みのある日、学校で匡と雛と夏休みの課題を片付けていると、「中学最後の思い出作りに夏休みっぽいことをしようよ!」と雛が提案する。何か今からでも...<a href="/books/aonohako_prologue.html"></a> </div> <div> <i><img src="/icon/sakamotodays_koroshiyablues.jpg"alt="SAKAMOTO DAYS 殺し屋ブルース|書籍情報"></i> <strong>SAKAMOTO DAYS 殺し屋ブルース</strong>週刊少年ジャンプで大人気連載中の『SAKAMOTO DAYS』スピンオフ小説が登場!! 小説だけで読めるエピソードが入った、ファン必見の1冊!! 描きおろしイラストも見逃すな!! ・殺し屋温泉旅行 坂本一家は温泉旅館へ。久しぶりの家族旅行だ。楽しみな花だったが...<a href="/books/sakamotodays_koroshiyablues.html"></a> </div> <div> <i><img src="/icon/kisiberohan_04.jpg"alt="岸辺露伴は嗤わない 短編小説集|書籍情報"></i> <strong>岸辺露伴は嗤わない 短編小説集</strong>杜王町在住の人気漫画家・岸辺露伴。類稀なる好奇心を持つ男が出会う、この世ならざる奇怪な出来事とは......!? 露伴がイタリアで手に入れた"何の変哲もない"人形の正体(曰くのない人形)。美しい庭園に潜む恐ろしい秘密(ペア・リペア)。ある過疎地に伝わる、一生に一度だけ見ることのできる...<a href="/books/kisiberohan_04.html"></a> </div> <div> <i><img src="/icon/bleach_cantfear_01.jpg"alt="BLEACH Can't Fear Your Own World Ⅰ|書籍情報"></i> <strong>BLEACH Can't Fear Your Own World Ⅰ</strong>四大貴族を狙った暗殺事件。虚圏で生き延びた破面と滅却師を襲撃する謎の死神。 現世で急成長する謎の宗教団体......。 三界それぞれの騒動は、四大貴族の一角、綱彌代家の新当主を震源としていた。 九番隊副隊長にして瀞霊廷通信編集長・檜佐木修兵は...<a href="/books/bleach_cantfear_01.html"></a> </div> <!--<li class="f13"> <a class="twitter-timeline" href="https://twitter.com/JUMP_j_BOOKS" data-widget-id="317470561766875136" width="480" height="560">@JUMP_j_BOOKS からのツイート</a> <script> ! function ( d, s, id ) { var js, fjs = d.getElementsByTagName( s )[ 0 ]; if ( !d.getElementById( id ) ) { js = d.createElement( s ); js.id = id; js.src = "//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore( js, fjs ); } }( document, "script", "twitter-wjs" ); </script> </li>--> </ul> <br> <ul class="topBnr"> <li><a href="https://note.com/jump_j_books" target="_blank"><img src="/icon/bn_note.jpg" class="column2Img"></a></li> <li><a href="https://jumptoon.com/" target="_blank"><img src="/icon/bnr_240510_jbooks_release_614_356.png" class="column2Img"></a></li> <li><a href="https://tanzak.jp/" target="_blank"><img src="/icon/bn_TanZak.png" class="column2Img"></a></li> <li><a href="/25th/"><img src="/icon/bn_25th.png" class="column2Img"></a></li> <li><a href="/pickup/konomi_jinsei/"><img src="/icon/bn_konomi.jpg" class="column2Img"></a></li> <li><a href="/pickup/haikyu/"><img src="/icon/bn_haikyu.jpg" class="column2Img"></a></li> <li><a href="/pickup/osomatsusan_tateyoko/"><img src="/icon/bn_osomatsusan_tateyoko.jpg" class="column2Img"></a></li> <li><a href="/pickup/boruto/"><img src="/icon/bn_boruto.jpg" class="column2Img"></a></li> </ul> <!--//end section--> </section> <!--フッター読み込み--> <p id="page-top"><a href="#top"><span>TOP</span></a></p> <footer class="f13"> © SHUEISHA Inc. All Rights Reserved. <!--//end footer--> </footer><script src="/_common/jquery-1.11.1.min.js"></script> <script src="/_common/jquery.matchHeight.js"></script> <script src="/_common/function.js"></script> </body> </html>