<!DOCTYPE html>
<!-- saved from url=(0026)http://www.buzzhook.co.jp/ -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" style="width: 100%; height: 100%;"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="Author" content="BUZZHOOK Inc.">
<meta name="viewport" content="width=1140px" />
<title>飛鳥新社</title>
<meta name="keywords" content=" ">
<meta name="description" content=" ">
<meta property="og:site_name" content=" ">
<meta property="og:title" content=" ">
<meta property="og:description" content=" ">
<meta property="og:image" content=" ">
<meta property="og:url" content=" ">
<meta property="og:type" content="website">
<meta property="og:locale" content="ja_JP">
<link rel="stylesheet" href="_common/css/import.css">
<!--[if lt IE 9]>
<script src="//cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!--<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">-->
<link rel="apple-touch-icon" href=" ">
<link rel="apple-touch-icon" sizes="144x144" href=" ">
</head>
<body>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-215734852-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-215734852-1');
gtag('config', 'G-C74HN202LF');
</script>
<div id="gnavi">
<a href="/"><h1><span>飛鳥新社</span></h1></a>
<!-- <a href="mailto:info@asukashinsha.co.jp"><div id="contact">お問い合せ</div></a> -->
<a href="/contact/"><div id="contact">お問い合せ</div></a>
<a href="/enquete/"><div id="nav_enquete">感想アンケート</div></a>
<ul id="gnaviSns">
<li><a href="https://twitter.com/ASUKA_SHINSHA" id="snsT" target="_blank"><span>飛鳥新社公式Twitter</span></a></li>
<!-- <li><a href="https://www.facebook.com/asukashinsha/" id="snsF" target="_blank"><span>飛鳥新社公式facebook</span></a></li> -->
<li><a href="https://www.instagram.com/asukashinsha/" id="snsI" target="_blank"><span>飛鳥新社公式Instagram</span></a></li>
<li><a href="https://www.youtube.com/channel/UC6_irwnTuut0NgCFSwMGRvg" id="snsY" target="_blank"><span>飛鳥新社公式Youtube</span></a></li>
</ul>
<div id="searchBox">
<form action="https://www.asukashinsha.co.jp/cms/mt-search.cgi" method="get">
<span><input type="text" id="search" class="search rounded" placeholder="書籍検索" name="search"></span>
</form>
</div>
<ul id="naviLeft">
<li><a href="/" id="nav1">ホーム<span>HOME</span></a><div class="bdrL"></div></li>
<li><a href="/bookinfo/" id="nav2">書籍紹介<span>BOOK'S INFO</span><div class="bdrL"></div></a></li>
<li><a href="/info/" id="nav3">お知らせ<span>INFO</span></a><div class="bdrL"></div></li>
</ul>
<ul id="naviRight">
<li><a href="https://hanada-plus.jp/" id="nav4" target="_blank">HANADAプラス<span>HANADA</span></a><div class="bdrR"></div></li>
<!-- <li><a href="/specialsites/" id="nav5">特設HP一覧<span>SPECIAL</span></a><div class="bdrR"></div></li> -->
<li><a href="/pop/" id="nav5">書店様へ<span>POP</span></a><div class="bdrR"></div></li>
<li><a href="/company/" id="nav6">会社概要<span>COMPANY</span></a><div class="bdrR"></div></li>
</ul>
</div>
<div id="pickup">
<h2 class="normalH2">PICKUP BOOKS</h2>
<div class="carousel loading">
<ul>
<li class="pB1"><img src="https://www.asukashinsha.co.jp/assets_c/2024/05/d036cd2aa3fa5af4dd7a8fc00063ebc58bbe68f8-thumb-420xauto-2944.jpg" /><a href="https://www.asukashinsha.co.jp/bookinfo/9784864109826.php" class="pBbtn1">詳細 | 試し読み</a><a href="https://www.asukashinsha.co.jp/bookinfo/9784864109826.php"><div class="mask"><h3>変な家2 〜11の間取り図〜</h3><p></p></div></a></li>
<li class="pB1"><img src="https://www.asukashinsha.co.jp/assets_c/2023/11/9784864109833-thumb-420xauto-2496.jpg" /><a href="https://www.asukashinsha.co.jp/bookinfo/9784864109833.php" class="pBbtn1">詳細 | 試し読み</a><a href="https://www.asukashinsha.co.jp/bookinfo/9784864109833.php"><div class="mask"><h3>わんこ四字熟語辞典</h3><p></p></div></a></li>
<li class="pB1"><img src="https://www.asukashinsha.co.jp/assets_c/2023/11/9784864109796-thumb-420xauto-2488.png" /><a href="https://www.asukashinsha.co.jp/bookinfo/9784864109796.php" class="pBbtn1">詳細 | 試し読み</a><a href="https://www.asukashinsha.co.jp/bookinfo/9784864109796.php"><div class="mask"><h3>おやすみ、ケニー 魔法のぐっすり絵本</h3><p></p></div></a></li>
<li class="pB1"><img src="https://www.asukashinsha.co.jp/assets_c/2021/09/7dac6736361db778557f97e7cfd6eac3486352de-thumb-420xauto-863.jpg" /><a href="https://www.asukashinsha.co.jp/bookinfo/9784864108515.php" class="pBbtn1">詳細 | 試し読み</a><a href="https://www.asukashinsha.co.jp/bookinfo/9784864108515.php"><div class="mask"><h3>私が見た未来 完全版</h3><p></p></div></a></li>
<li class="pB1"><img src="https://www.asukashinsha.co.jp/assets_c/2024/05/98bae512a46c4265f1469af12c6c1d2c611368e0-thumb-420xauto-2945.jpg" /><a href="https://www.asukashinsha.co.jp/bookinfo/9784864108454.php" class="pBbtn1">詳細 | 試し読み</a><a href="https://www.asukashinsha.co.jp/bookinfo/9784864108454.php"><div class="mask"><h3>変な家</h3><p></p></div></a></li>
<li class="pB1"><img src="https://www.asukashinsha.co.jp/assets_c/2023/04/ae16edca5dadf29033f6080259edec30a59d827f-thumb-420xauto-2042.png" /><a href="https://www.asukashinsha.co.jp/bookinfo/9784864106269.php" class="pBbtn1">詳細 | 試し読み</a><a href="https://www.asukashinsha.co.jp/bookinfo/9784864106269.php"><div class="mask"><h3>「気がつきすぎて疲れる」が驚くほどな...</h3><p>「気がつきすぎて疲れる」が驚くほどなくなる! </p></div></a></li>
</ul>
</div><!-- /.carousel -->
<div class="carousel loaded">
<ul>
<li class="pB1"><img src="https://www.asukashinsha.co.jp/assets_c/2024/05/d036cd2aa3fa5af4dd7a8fc00063ebc58bbe68f8-thumb-420xauto-2944.jpg" /><a href="https://www.asukashinsha.co.jp/bookinfo/9784864109826.php" class="pBbtn1">詳細 | 試し読み</a><a href="https://www.asukashinsha.co.jp/bookinfo/9784864109826.php"><div class="mask"><h3>変な家2 〜11の間取り図〜</h3><p></p></div></a></li>
<li class="pB1"><img src="https://www.asukashinsha.co.jp/assets_c/2023/11/9784864109833-thumb-420xauto-2496.jpg" /><a href="https://www.asukashinsha.co.jp/bookinfo/9784864109833.php" class="pBbtn1">詳細 | 試し読み</a><a href="https://www.asukashinsha.co.jp/bookinfo/9784864109833.php"><div class="mask"><h3>わんこ四字熟語辞典</h3><p></p></div></a></li>
<li class="pB1"><img src="https://www.asukashinsha.co.jp/assets_c/2023/11/9784864109796-thumb-420xauto-2488.png" /><a href="https://www.asukashinsha.co.jp/bookinfo/9784864109796.php" class="pBbtn1">詳細 | 試し読み</a><a href="https://www.asukashinsha.co.jp/bookinfo/9784864109796.php"><div class="mask"><h3>おやすみ、ケニー 魔法のぐっすり絵本</h3><p></p></div></a></li>
<li class="pB1"><img src="https://www.asukashinsha.co.jp/assets_c/2021/09/7dac6736361db778557f97e7cfd6eac3486352de-thumb-420xauto-863.jpg" /><a href="https://www.asukashinsha.co.jp/bookinfo/9784864108515.php" class="pBbtn1">詳細 | 試し読み</a><a href="https://www.asukashinsha.co.jp/bookinfo/9784864108515.php"><div class="mask"><h3>私が見た未来 完全版</h3><p></p></div></a></li>
<li class="pB1"><img src="https://www.asukashinsha.co.jp/assets_c/2024/05/98bae512a46c4265f1469af12c6c1d2c611368e0-thumb-420xauto-2945.jpg" /><a href="https://www.asukashinsha.co.jp/bookinfo/9784864108454.php" class="pBbtn1">詳細 | 試し読み</a><a href="https://www.asukashinsha.co.jp/bookinfo/9784864108454.php"><div class="mask"><h3>変な家</h3><p></p></div></a></li>
<li class="pB1"><img src="https://www.asukashinsha.co.jp/assets_c/2023/04/ae16edca5dadf29033f6080259edec30a59d827f-thumb-420xauto-2042.png" /><a href="https://www.asukashinsha.co.jp/bookinfo/9784864106269.php" class="pBbtn1">詳細 | 試し読み</a><a href="https://www.asukashinsha.co.jp/bookinfo/9784864106269.php"><div class="mask"><h3>「気がつきすぎて疲れる」が驚くほどな...</h3><p>「気がつきすぎて疲れる」が驚くほどなくなる! </p></div></a></li>
</ul>
</div><!-- /.carousel -->
</div>
<div id="wrap" class="clearfix">
<div id="wrapLeft">
<h2 class="nbH2 normalH2">NEWBOOKS</h2>
<div id="nbWrap" class="clearfix">
<div class="nbBox">
<div class="nbImg"><a href="https://www.asukashinsha.co.jp/bookinfo/9784868010128.php"><img src="https://www.asukashinsha.co.jp/assets_c/2024/05/9784868010128.MAIN-thumb-240xauto-2947.png" /></a></div>
<p class="nbDt">2024.05.25</p>
<h3><a href="https://www.asukashinsha.co.jp/bookinfo/9784868010128.php">君はリンゴで世界を驚かせるだろう 現代アートの巨匠たちに学ぶビジネスの黄金法則</a></h3>
<p class="nbDs"></p>
<p class="nbCt">ビジネス一般</p>
<a href="https://www.asukashinsha.co.jp/bookinfo/9784868010128.php" class="pBbtn3">詳細 | 試し読み</a>
</div>
<div class="nbBox">
<div class="nbImg"><a href="https://www.asukashinsha.co.jp/bookinfo/9784868010135.php"><img src="https://www.asukashinsha.co.jp/assets_c/2024/05/b47caf7782c10ecfc20ba8c467d49bcc4f8eb232-thumb-240xauto-2946.png" /></a></div>
<p class="nbDt">2024.05.25</p>
<h3><a href="https://www.asukashinsha.co.jp/bookinfo/9784868010135.php">やる気がなさそうなのになぜかうまくいく人がやっていること</a></h3>
<p class="nbDs"></p>
<p class="nbCt">ビジネス一般</p>
<a href="https://www.asukashinsha.co.jp/bookinfo/9784868010135.php" class="pBbtn3">詳細 | 試し読み</a>
</div>
<div class="nbBox">
<div class="nbImg"><a href="https://www.asukashinsha.co.jp/bookinfo/9784868010111.php"><img src="https://www.asukashinsha.co.jp/assets_c/2024/05/9784868010111-thumb-240xauto-2943.jpg" /></a></div>
<p class="nbDt">2024.05.21</p>
<h3><a href="https://www.asukashinsha.co.jp/bookinfo/9784868010111.php">世界の研究101から導いた 科学的に運気を上げる方法 </a></h3>
<p class="nbDs"></p>
<p class="nbCt">自己啓発</p>
<a href="https://www.asukashinsha.co.jp/bookinfo/9784868010111.php" class="pBbtn3">詳細 | 試し読み</a>
</div>
<div class="nbBox">
<div class="nbImg"><a href="https://www.asukashinsha.co.jp/bookinfo/4910120270640.php"><img src="https://www.asukashinsha.co.jp/assets_c/2024/04/4910120270640.MAIN-thumb-240xauto-2942.jpg" /></a></div>
<p class="nbDt">2024.04.26</p>
<h3><a href="https://www.asukashinsha.co.jp/bookinfo/4910120270640.php">月刊Hanada2024年6月号</a></h3>
<p class="nbDs"></p>
<p class="nbCt">雑誌</p>
<a href="https://www.asukashinsha.co.jp/bookinfo/4910120270640.php" class="pBbtn3">詳細 | 試し読み</a>
</div>
<div class="nbBox">
<div class="nbImg"><a href="https://www.asukashinsha.co.jp/bookinfo/9784868010081.php"><img src="https://www.asukashinsha.co.jp/assets_c/2024/04/b8bf2c2168f7522f0297347d2e65954ecd8a09f5-thumb-240xauto-2941.jpg" /></a></div>
<p class="nbDt">2024.04.26</p>
<h3><a href="https://www.asukashinsha.co.jp/bookinfo/9784868010081.php">大手メーカーの 未来研究者による門外不出の 企画思考トレーニング</a></h3>
<p class="nbDs"></p>
<p class="nbCt">ビジネス・政治・経済</p>
<a href="https://www.asukashinsha.co.jp/bookinfo/9784868010081.php" class="pBbtn3">詳細 | 試し読み</a>
</div>
<div class="nbBox">
<div class="nbImg"><a href="https://www.asukashinsha.co.jp/bookinfo/9784868010074.php"><img src="https://www.asukashinsha.co.jp/assets_c/2024/04/9784868010074-thumb-240xauto-2939.jpg" /></a></div>
<p class="nbDt">2024.04.26</p>
<h3><a href="https://www.asukashinsha.co.jp/bookinfo/9784868010074.php">政治はなぜ失敗するのか 5つの罠からの脱出</a></h3>
<p class="nbDs"></p>
<p class="nbCt">ビジネス・政治・経済</p>
<a href="https://www.asukashinsha.co.jp/bookinfo/9784868010074.php" class="pBbtn3">詳細 | 試し読み</a>
</div>
<div class="nbBox">
<div class="nbImg"><a href="https://www.asukashinsha.co.jp/bookinfo/9784868010098.php"><img src="https://www.asukashinsha.co.jp/assets_c/2024/04/9784868010098.MAIN-thumb-240xauto-2938.png" /></a></div>
<p class="nbDt">2024.04.23</p>
<h3><a href="https://www.asukashinsha.co.jp/bookinfo/9784868010098.php">水槽世界</a></h3>
<p class="nbDs"></p>
<p class="nbCt">小説・エッセイ・詩集</p>
<a href="https://www.asukashinsha.co.jp/bookinfo/9784868010098.php" class="pBbtn3">詳細 | 試し読み</a>
</div>
<div class="nbBox">
<div class="nbImg"><a href="https://www.asukashinsha.co.jp/bookinfo/9784868010104.php"><img src="https://www.asukashinsha.co.jp/assets_c/2024/04/9784868010104.MAIN-thumb-240xauto-2937.png" /></a></div>
<p class="nbDt">2024.04.23</p>
<h3><a href="https://www.asukashinsha.co.jp/bookinfo/9784868010104.php">ハジマリノウタ。</a></h3>
<p class="nbDs"></p>
<p class="nbCt">小説・エッセイ・詩集</p>
<a href="https://www.asukashinsha.co.jp/bookinfo/9784868010104.php" class="pBbtn3">詳細 | 試し読み</a>
</div>
</div>
</div>
<!--<a href="https://www.asukashinsha.co.jp/info/archive/post-18.php" style="float: right;margin-bottom: 20px;"><img src="https://www.asukashinsha.co.jp/_common/img/bn/recbn1.gif" style="width: 410px;"></a>-->
<div id="wrapTw">
<h2 class="twH2 normalH2">OFFICIAL TWITTER</h2>
<div id="ttw">
<a class="twitter-timeline" data-lang="en" data-width="350" data-height="340" href="https://twitter.com/ASUKA_SHINSHA?ref_src=twsrc%5Etfw">Tweets by ASUKA_SHINSHA</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
<div id="wrapYt">
<h2 class="ytH2 normalH2">OFFICIAL YOUTUBE CHANNEL</h2>
<iframe width="350" height="190" src="https://www.youtube.com/embed/?list=UU6_irwnTuut0NgCFSwMGRvg" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<!--<div id="wrapFb">
<h2 class="fbH2 normalH2">OFFICIAL FACEBOOK</h2>
<div id="fb-root"></div>
<script>(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/ja_JP/sdk.js#xfbml=1&version=v2.10&appId=140724062670892";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/asukashinsha/" data-tabs="timeline" data-width="350" data-height="340" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/asukashinsha/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/asukashinsha/">飛鳥新社</a></blockquote></div>
</div>-->
<div id="wrapIt">
<h2 class="itH2 normalH2">OFFICIAL INSTAGRAM</h2>
<div id="isB">
<a href="https://www.instagram.com/asukashinsha/" target="_blank"><img src="/_common/img/Insta.png"></a>
<!-- SnapWidget -->
<!--<iframe src="https://snapwidget.com/embed/448028" class="snapwidget-widget" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:360px; height:120px"></iframe>-->
</div>
</div>
<div id="wrapTopBnr">
<a href="https://www.amazon.co.jp/dp/4864109826" target="_blank">
<img src="https://www.asukashinsha.co.jp/top_bnr_setting/assets_c/2023/12/QurO1Zjs-thumb-820xauto-2506.jpg" width="410" alt="">
</a>
</div>
<div id="wrapNs3">
<h2 class="nsH2 normalH2">NEWS from ASUKA</h2>
<div class="nsBoxleft2">
<p class="nsDt">2024.03.01</p>
<h3><a href="https://www.asukashinsha.co.jp/info/archive/Moukotanmen-Nakamoto.gekikara-recipe.php">蒙古タンメン中本、初監修レシピ本『蒙古タンメン中本が本気で考えた辛旨レシピ100』発売記念「1冊買ったら1杯無料!」キャンペーン開催!!</a></h3>
<p class="nsDs">「辛旨ラーメン、日本一」でおなじみのあの蒙古タンメン中本、初監修レシピ本『蒙古タ… [<a href="https://www.asukashinsha.co.jp/info/archive/Moukotanmen-Nakamoto.gekikara-recipe.php">詳しく読む</a>]</p>
</div>
<div class="nsBoxleft2">
<p class="nsDt">2024.01.29</p>
<h3><a href="https://www.asukashinsha.co.jp/info/archive/131.php">1/31(水)『変な家 文庫版』発売記念キャンペーン開催!</a></h3>
<p class="nsDs">2024年3月15日より映画公開! 雨穴デビュー作『変な家』ついに文庫化! 下… [<a href="https://www.asukashinsha.co.jp/info/archive/131.php">詳しく読む</a>]</p>
</div>
</div>
</div>
<div id="bnWrap">
<a href="https://www.fujisan.co.jp/product/1281697388/
" class="bnImg"><img src="/_common/img/bn/hanadaplus.jpg" /></a>
<a href="https://www.asukashinsha.jp/zubora-yoga/" class="bnImg" target="_blank"><img src="/_common/img/bn/bn2.png" /></a>
<a href="https://www.asukashinsha.jp/moris/" class="bnImg"><img src="/_common/img/bn/moris.png" /></a>
</div>
<div id="footer">
<div id="fWrap">
<a id="fLogo" href="/"><span>飛鳥新社</span></a>
<a href="mailto:info@asukashinsha.co.jp"><div id="contact2">お問い合せ</div></a>
<a href="/enquete/"><div id="nav_enquete2">感想アンケート</div></a>
<ul id="gnaviSns2">
<li><a href="https://twitter.com/ASUKA_SHINSHA" id="snsT2" target="_blank"><span>飛鳥新社公式Twitter</span></a></li>
<!-- <li><a href="https://www.facebook.com/asukashinsha/" id="snsF2" target="_blank"><span>飛鳥新社公式facebook</span></a></li> -->
<li><a href="https://www.instagram.com/asukashinsha/" id="snsI2" target="_blank"><span>飛鳥新社公式Instagram</span></a></li>
<li><a href="https://www.youtube.com/channel/UC6_irwnTuut0NgCFSwMGRvg" id="snsY" target="_blank"><span>飛鳥新社公式Youtube</span></a></li>
</ul>
<div id="searchBox2">
<form action="https://www.asukashinsha.co.jp/cms/mt-search.cgi" method="get">
<span><input type="text" id="search" class="search rounded" placeholder="書籍検索" name="search"></span>
</form>
</div>
<ul id="naviLeft2">
<li><a href="/" id="nav12">ホーム<span>HOME</span></a><div class="bdrL"></div></li>
<li><a href="/bookinfo/" id="nav22">書籍紹介<span>BOOK'S INFO</span><div class="bdrL"></div></a></li>
<li><a href="/info/" id="nav32">お知らせ<span>INFO</span></a><div class="bdrL"></div></li>
</ul>
<ul id="naviRight2">
<li><a href="https://hanada-plus.jp/" id="nav4" target="_blank">HANADAプラス<span>HANADA</span></a><div class="bdrR"></div></li>
<!-- <li><a href="/pop/" id="nav4">書店様へ<span>POP</span></a><div class="bdrR"></div></li> -->
<li><a href="/specialsites/" id="nav5">特設HP一覧<span>SPECIAL</span></a><div class="bdrR"></div></li>
<li><a href="/company/" id="nav62">会社概要<span>COMPANY</span></a><div class="bdrR"></div></li>
</ul>
</div>
</div>
<a href="#" id="toTop"><span>トップへ戻る</span></a>
<!-- SCRIPTS -->
<script src="_common/js/jquery.min.js"></script>
<script src="_common/js/jquery-ui.min.js"></script>
<script src="_common/js/ui.js"></script>
<script>
$(function(){
var setElm = $('.carousel.loaded'),
slideSpeed = 500,
slideDelay = 5000,
slideEasing = 'swing';
$(window).load(function(){
setElm.each(function(){
var self = $(this),
selfWidth = self.innerWidth(),
selfUl = self.find('ul'),
selfLi = selfUl.find('li'),
liFirst = selfUl.find('li:first'),
liLast = selfUl.find('li:last'),
listWidth = selfLi.outerWidth(true),
listCount = selfLi.length,
slideWidth = listWidth*listCount;
selfUl.css({width:slideWidth});
self.wrapAll('<div class="slideWrap" />').find('ul').wrapAll('<div class="movePanel" />');
var slideWrap = self.parent('.slideWrap'),
slidePanel = self.find('.movePanel');
if(selfWidth < slideWidth){
selfUl.clone().prependTo(slidePanel);
selfUl.clone().appendTo(slidePanel);
slidePanel.find('ul').eq('1').addClass('mainList');
var mainList = slidePanel.find('.mainList').find('li');
mainList.eq('0').addClass('mainActive');
var allList = slidePanel.find('li'),
allListCount = slidePanel.find('li').length;
// スライダーエリアの位置設定
var baseWrapWidth = listWidth*listCount,
allWrapWidth = listWidth*allListCount,
posResetNext = -(baseWrapWidth)*2,
posResetPrev = -(baseWrapWidth)+(listWidth);
slidePanel.css({left:-(baseWrapWidth),width:allWrapWidth}).find('ul').css({width:baseWrapWidth});
// Next/Backボタン
slideWrap.append('<a href="javascript:void(0);" class="btnPrev"></a><a href="javascript:void(0);" class="btnNext"></a>');
var btnNext = slideWrap.find('.btnNext'),
btnPrev = slideWrap.find('.btnPrev');
btnNext.click(function(){
slideNext();
});
btnPrev.click(function(){
slidePrev();
});
function slideNext(){
slidePanel.not(':animated').each(function(){
timerStop();
var posLeft = parseInt(slidePanel.css('left')),
moveLeft = posLeft-listWidth;
slidePanel.stop().animate({left:(moveLeft)},slideSpeed,slideEasing,function(){
var adjustLeft = parseInt(slidePanel.css('left'));
if(adjustLeft <= posResetNext){
slidePanel.css({left: -(baseWrapWidth)});
}
});
var setActive = selfUl.find('.mainActive'),
listIndex = selfLi.index(setActive),
nextCount = listIndex+1;
self.find('.mainActive').removeClass('mainActive');
if(listCount == nextCount){
liFirst.addClass('mainActive');
selfUl.next('ul').find('li:first').addClass('mainActive');
} else {
setActive.next().addClass('mainActive');
}
timerStart();
});
}
function slidePrev(){
slidePanel.not(':animated').each(function(){
timerStop();
var posLeft = parseInt(slidePanel.css('left')),
moveLeft = posLeft+listWidth;
slidePanel.stop().animate({left:(moveLeft)},slideSpeed,slideEasing,function(){
var adjustLeft = parseInt(slidePanel.css('left'));
if(adjustLeft >= posResetPrev){
slidePanel.css({left: posResetNext+listWidth});
}
});
var setActive = selfUl.find('.mainActive'),
listIndex = selfLi.index(setActive),
nextCount = listIndex+1;
self.find('.mainActive').removeClass('mainActive');
if(1 == nextCount){
liLast.addClass('mainActive');
selfUl.prev('ul').find('li:last').addClass('mainActive');
} else {
setActive.prev().addClass('mainActive');
}
timerStart();
});
}
// スライドタイマー
var slideTimer;
function timerStart(){
slideTimer = setInterval(function(){
slideNext();
},slideDelay);
}
timerStart();
function timerStop(){
clearInterval(slideTimer);
}
// スライド中央揃え
$(window).on('resize', function(){
var wrapWidth = slideWrap.width();
self.css({marginLeft: (wrapWidth / 2) - (listWidth / 2)})
}).resize();
}
});
$('.carousel.loading').hide();
setElm.css({visibility:'visible', height:'auto'});
$('.carousel.loaded ul').css({height:'auto !important'});
});
});
</script>
<!-- //SCRIPTS -->
</body>
</html>