<!DOCTYPE html>
<html lang="ja">
<head>
<!-- NEW Google Tag Manager 2021/5/20 -->
<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-T58MZP5');</script>
<!-- End NEW Google Tag Manager 2021/5/20 -->
<meta name="facebook-domain-verification" content="xwczikgom59esbqkmhagi5lo67vzuo" />
<!-- Site Description -->
<meta charset="shift_jis">
<meta name="description" content="���l���A���l�Q�[���A����E�R�~�b�N�X�A���D�ACD�A�A�j��BD/DVD�A�������Q�[���𒆐S�ɑS���ɓX�ܓW�J�B�w�G���x���S�������̂́u�R�~�b�N�Ƃ�̂��ȁv�ł��I">
<meta name="keywords" content="���l��,�R�~�b�N,�A�j��,�Q�[��,���D,�ʐM�̔�">
<meta name="copyright" content="������ЌՂ̌�">
<title>�R�~�b�N�Ƃ�̂��ȁF���l�����͂��ߖG����A�C�e�������ł������I</title>
<link rel="canonical" href="https://www.toranoana.jp/">
<!-- Viewport -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="format-detection" content="telephone=no, email=no, address=no">
<!-- Facebook ogp -->
<meta property="og:title" content="�R�~�b�N�Ƃ�̂��ȁF���l�����͂��ߖG����A�C�e�������ł������I">
<meta property="og:description" content="���l���A���l�Q�[���A����E�R�~�b�N�X�A���D�ACD�A�A�j��BD/DVD�A�������Q�[���𒆐S�ɑS���ɓX�ܓW�J�B�w�G���x���S�������̂́u�R�~�b�N�Ƃ�̂��ȁv�ł��I">
<meta property="og:url" content="https://www.toranoana.jp/">
<meta property="og:site_name" content="�R�~�b�N�Ƃ�̂��ȑ����g�b�v">
<meta property="og:locale" content="ja_JP">
<meta property="og:type" content="website">
<meta property="og:image" content="https://www.toranoana.jp/assets/images/ogp.jpg">
<!-- Twitter card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="�R�~�b�N�Ƃ�̂��ȑ����g�b�v">
<meta name="twitter:title" content="�R�~�b�N�Ƃ�̂��ȁF���l�����͂��ߖG����A�C�e�������ł������I">
<meta name="twitter:description" content="���l���A���l�Q�[���A����E�R�~�b�N�X�A���D�ACD�A�A�j��BD/DVD�A�������Q�[���𒆐S�ɑS���ɓX�ܓW�J�B�w�G���x���S�������̂́u�R�~�b�N�Ƃ�̂��ȁv�ł��I">
<meta name="twitter:image" content="https://www.toranoana.jp/assets/images/ogp.jpg">
<!-- Icons -->
<link rel="icon" href="assets/images/favicon.ico">
<link rel="icon" href="assets/images/android-chrome-192x192.png" sizes="192x192" type="image/png">
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon-152x152.png" sizes="152x152">
<!-- Stylesheets -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://nav.yumenosora.co.jp/globalnav.css" charset="utf-8">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@900&display=swap" rel="stylesheet">
<link href="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" rel="stylesheet" type="text/css" />
<link href="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="assets/libs/flickity/flickity.min.css">
<link rel="stylesheet" type="text/css" href="assets/stylesheets/app.css?ver=22062701">
<noscript>���̃T�C�g��JavaScript���I���ɂȂBĂ��Ȃ��Ɛ���ɕ\������܂���B</noscript>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-83886822-1', 'auto');
ga('send', 'pageview');
</script>
<!-- EBiS tag version4.10 start -->
<script type="text/javascript">
window.ebis=window.ebis||[];
ebis.push({
argument: 'K6ViyWn6',
type: 'search,click',
});
(function(a,d,e,b,i,s){ window[i]=window[i]||[];var f=function(a,d,e,b,i,s){
var o=a.getElementsByTagName(d)[0],h=a.createElement(d),t='text/javascript';
h.type=t;h.async=e;h.onload=function(){ window[i].init(
{ argument:s, auto:true }
);};h._p=o;return h;},h=f(a,d,e,b,i,s),l='//taj',j=b+s+'/cmt.js';h.src=l+'1.'+j;
h._p.parentNode.insertBefore(h,h._p);h.onerror=function(k){k=f(a,d,e,b,i,s);
k.src=l+'2.'+j;k._p.parentNode.insertBefore(k,k._p);};
})(document,'script',true,'ebis.ne.jp/','ebis','K6ViyWn6');
</script>
<!-- EBiS tag version4.10 end -->
</head>
<body>
<!-- NEW Google Tag Manager (noscript) 2021/5/20 -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T58MZP5"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End NEW Google Tag Manager (noscript) 2021/5/20 -->
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-M85WXJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<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=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M85WXJ');
</script>
<div id="toranoana-globalnav">
<div class="container">
<div class="globalnav globalnav-default" data-active="�Ƃ�̂���"></div>
</div>
</div>
<div id="app">
<div id="page" class="wtj wtj-top">
<component-header root_path="" page_type="wtj-top" page_title=""></component-header>
<main id="main">
<div class="main-content main-content-default">
<div class="tora-ads tora-ads-side" data-target="js-ads-side">
<div class="container">
<div class="left" data-target="js-ads-side-left">
</div>
<div class="right" data-target="js-ads-side-right">
</div>
</div>
</div>
<div class="container">
<div class="row row-packed row-stretch-sm">
<div id="main-mid" class="col-12 col-lg-7 col-md-8 order-1 order-lg-2">
<!-- ����TOP - ���C���o�i�[ -->
<div class="top-main-bnrs-container">
<div class="top-main-bnrs js-top-main-bnrs mb-5" data-target="js-main-banners">
<div class="top-main-bnr js-top-main-bnr" data-target="js-main-banner">
<a href="#" target="_blank" rel="noopener" title="" data-target="js-main-banner-a">
<img class="img-resp" src="" alt="" data-target="js-main-banner-img">
</a>
</div>
</div>
</div>
<div data-target="js-loading-error-message">
</div>
<div class="top-search">
<div class="easy-autocomplete">
<input id="searchKeywordBox" class="js-search-input form-control top-search-input" type="text" placeholder="�ʔ̍�i�����i��i�E�T�[�N���E�W�������Ȃǁj">
</div>
<button class="js-search-submit top-search-button">
<i class="fa fa-search"></i>
</button>
</div>
<div class="top-brand-link">
<a href="https://ec.toranoana.jp/tora_r/ec/"><img src="assets/images/nav/icon_ec.svg" alt="�j�������ʔ�" width="18px" height="18px">�j�������ʔ�</a>
<a href="https://ec.toranoana.jp/joshi_r/ec/"><img src="assets/images/nav/icon_ec-joshibu.svg" alt="���������ʔ�" width="18px" height="18px">���������ʔ�</a>
</div>
<div class="top-welcome-link">
<a href="https://ecs.toranoana.jp/ec/app/guide/welcome/">
<img src="assets/images/bnrs/bnr-welcome-500.webp" width="1000" height="120" alt="�Ƃ�̂��Ȓʔ̂����߂Ă̕��։���o�^��500�~���̊����N�[�|���v���[���g!�ڂ����͂�����">
</a>
</div>
<!-- <div class="top-welcome-link">
<a href="https://event.toranoana.jp/lp-small-scale-event?utm_source=info&utm_medium=referral&utm_campaign=hajimete_cp&utm_content=banner">
<img class="border border-dark" src="assets/images/bnrs/bnr-marche-inform.webp" width="1000" height="120">
</a>
</div> -->
<div class="top-pick-bnrs-container">
<a href="https://ecs.toranoana.jp/joshi/ec/cot/pages/all/portal/title/rkrn/01/" class="top-pick-bnr">
<img src="assets/images/bnrs/bnr-nintama.jpg" alt="����E�җ����Y���l��i�OW" width="1000" height="500">
</a>
<a href="https://ecs.toranoana.jp/joshi/ec/cot/pages/all/portal/title/kimetsu/1/" class="top-pick-bnr">
<img src="https://cdn-contents.toranoana.jp/ec/joshi/cot/all/portal/title/kimetsu/1000x500_kimetsu.jpg"
alt="�S�ł̐n���l��i�OW" width="1000" height="500">
</a>
<a href="https://ecs.toranoana.jp/joshi/ec/cot/pages/all/portal/title/jujutsukaisen/01/" class="top-pick-bnr">
<img src="https://cdn-contents.toranoana.jp/ec/joshi/cot/all/portal/title/jujutsukaisen/1000x500_jujutsu_210201.jpg"
alt="��p���퓯�l��i�OW" width="1000" height="500">
</a>
<a href="https://ecs.toranoana.jp/joshi/ec/cot/pages/all/portal/title/heroaca/1/" class="top-pick-bnr">
<img src="assets/images/bnrs/bnr-heroaca.jpg"
alt="�l�̃q�[���[�A�J�f�~�A���l��i�OW" width="1000" height="500">
</a>
<a href="https://ecs.toranoana.jp/joshi/ec/cot/pages/all/portal/title/bluelock/01/" class="top-pick-bnr">
<img src="assets/images/bnrs/bnr-bluelock.jpg"
alt="�u���[���b�N���l��i�OW" width="1000" height="500">
</a>
<a href="https://ecs.toranoana.jp/joshi/ec/cot/pages/all/portal/title/kitaro/01/" class="top-pick-bnr">
<img src="assets/images/bnrs/bnr-kitaro.jpg" alt="�Q�Q�Q�̋S���Y���l��i�OW" width="1000" height="500">
</a>
<a href="https://ecs.toranoana.jp/joshi/ec/app/catalog/list?coterieGenreCode1=GNRN00022240" class="top-pick-bnr">
<img src="assets/images/bnrs/bnr-karaokeiko.jpg" alt="�J���I�P�s��!���l��i�OW" width="1000" height="500">
</a>
<a href="https://ecs.toranoana.jp/tora/ec/cot/pages/all/portal/title/original/1/" class="top-pick-bnr">
<img src="assets/images/bnrs/bnr-original.webp"
alt="�I���W�i�����l��i�OW" width="1000" height="500">
</a>
</div>
<div class="top-welcome-link" style="margin-top: -10px; margin-bottom: 30px;">
<a href="https://news.toranoana.jp/novel-ranking">
<img src="assets/images/bnrs/bnr-novel-ranking100.jpg" width="1000" height="120" alt="�Ƃ�̂��ȏ������������T�ԃ����L���O100�����L���O������">
</a>
</div>
<!-- �ʐM�̔� -->
<article id="component-card-ec" class="card card-default">
<div class="card-header">
<h2 class="card-title">
<a href="https://ec.toranoana.shop/" target="_blank" rel="noopener">�Ƃ�̂��ȒʐM�̔�</a>
</h2>
</div>
<div class="card-body">
<div class="card-content content-ec content-ec-tora">
<h3 class="card-content-title">
�j�������ʔ�
<a class="title-logo-link" href="https://ec.toranoana.shop/tora/ec/" target="_blank" rel="noopener">
<img class="title-logo-img" src="assets/images/logo_tora-ec.png" alt="">
</a>
</h3>
<div class="ec-wysiwyg" data-target="js-ec-tora-wysiwyg">
</div>
<div class="ec-description">
<p>
���l���A���l�A�C�e���A���ЁA�z�r�[�ACD�ABD/DVD�A�Q�[�����̒j�������ʔ̃T�C�g�ł��B ���ł��ǂ��ł����K�Ȃ����������y���ނȂ�A�Ƃ�̂��Ȓʔ̂ɂ��܂����I
</p>
</div>
<div class="ec-link text-right">
<!-- <a class="card-link" href="https://ec.toranoana.shop/tora/ec/" target="_blank" rel="noopener">�S�N�����TOP</a> -->
<a class="card-link" href="https://ec.toranoana.shop/tora/ec/cot/pages/all/portal/standard/ranking/1/" target="_blank" rel="noopener">
�S�N������ʔ̃����L���O
</a>
<!-- <a class="card-link" href="https://ec.toranoana.jp/tora_r/ec/" target="_blank" rel="noopener">���l����TOP</a> -->
<a class="card-link" href="https://ec.toranoana.jp/tora_r/ec/cot/pages/all/portal/standard/ranking/1/" target="_blank" rel="noopener">
���l�����ʔ̃����L���O
</a>
</div>
</div>
<div class="card-content content-ec content-ec-joshibu">
<h3 class="card-content-title">
���������ʔ�
<a class="title-logo-link" href="https://ec.toranoana.shop/joshi/ec/" target="_blank" rel="noopener">
<img class="title-logo-img" src="assets/images/logo_tora-ec-joshi.png" alt="">
</a>
</h3>
<div class="ec-wysiwyg" data-target="js-ec-joshibu-wysiwyg">
</div>
<div class="ec-description">
<p>
���l���A���l�A�C�e���A���ЁA�z�r�[�ACD�ABD/DVD�A�Q�[�����̏��������ʔ̃T�C�g�ł��B �W�������E�J�b�v�����O�����ł��Ȃ��̗~������i�������ɒT���o���܂���
</p>
</div>
<div class="ec-link text-right">
<!-- <a class="card-link" href="https://ec.toranoana.shop/joshi/ec/" target="_blank" rel="noopener">�S�N�����TOP</a> -->
<a class="card-link" href="https://ec.toranoana.shop/joshi/ec/cot/pages/all/portal/standard/ranking/1/" target="_blank" rel="noopener">
�S�N������ʔ̃����L���O
</a>
<!-- <a class="card-link" href="https://ec.toranoana.jp/joshi_r/ec/" target="_blank" rel="noopener">���l����TOP</a> -->
<a class="card-link" href="https://ec.toranoana.jp/joshi_r/ec/cot/pages/all/portal/standard/ranking/1/" target="_blank" rel="noopener">
���l�����ʔ̃����L���O
</a>
</div>
</div>
</div>
</article>
<!-- �C���t�H -->
<div id="component-card-news" class="card card-default">
<div class="card-header">
<h2 class="card-title">
<a href="https://news.toranoana.jp/" target="_blank" rel="noopener">�V���C���t�H���[�V����</a>
</h2>
</div>
<div class="card-body">
<!-- �C���t�H - �����C���t�H�L�� -->
<div class="card-content content-news news-all" data-target="js-info-all">
<h3 class="card-content-title">�����C���t�H</h3>
<div class="container">
<div class="row">
<div class="news-latest-post col-12 col-lg-4" data-target="js-info-latest-post">
<div class="row">
<div class="news-post col-12">
<div class="row">
<div class="col-4 col-lg-12 pr-0">
<a class="news-post-link" href="" data-target="js-info-post-a">
<img class="news-post-img" src="" alt="" data-target="js-info-post-img">
</a>
<span class="d-none d-lg-block news-post-date" data-target="js-info-post-date"></span>
</div>
<div class="col-8 col-lg-12">
<h4 class="d-block d-lg-none news-post-title news-post-latest-title">
<span class="text-danger" data-target="js-info-post-extra-title"></span>
<a href="#" data-target="js-info-post-title-a"></a>
</h4>
<span class="d-block d-lg-none news-post-date" data-target="js-info-post-date"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-8">
<div class="news-latest-post d-none d-lg-block" data-target="js-info-latest-post">
<h4 class="news-post-title top-info-post-latest-title">
<span class="text-danger" data-target="js-info-post-extra-title"></span>
<a class="" href="#" data-target="js-info-post-title-a"></a>
</h4>
</div>
<div class="news-other-post row" data-target="js-info-post-list">
<div class="news-post col-12 col-lg-4" data-target="js-info-post-list-item">
<div class="row">
<div class="col-3 col-lg-12 pr-0">
<a href="#" class="d-block" data-target="js-info-post-a">
<img class="news-post-img" src="" data-target="js-info-post-img">
</a>
</div>
<div class="col-9 col-lg-12">
<span class="d-none d-lg-block top-info-post-date" data-target="js-info-post-date"></span>
<h4 class="news-post-title">
<span class="text-danger" data-target="js-info-post-extra-title"></span>
<a class="d-block d-lg-none" href="#" data-target="js-info-post-title-a"></a>
<a class="d-none d-lg-block" href="#" data-target="js-info-post-title-md-a"></a>
</h4>
<span class="d-block d-lg-none news-post-date" data-target="js-info-post-date"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mt-3 text-right">
<a class="card-link" href="https://news.toranoana.jp/">
�����C���t�H
</a>
</div>
</div>
<!-- �C���t�H - ���������C���t�H�L�� -->
<div class="card-content content-news news-ps" data-target="js-info-ps">
<h3 class="card-content-title">���������C���t�H</h3>
<div class="container">
<div class="row">
<div class="news-latest-post col-12 col-lg-4" data-target="js-info-latest-post">
<div class="row">
<div class="news-post col-12">
<div class="row">
<div class="col-4 col-lg-12 pr-0">
<a class="news-post-link" href="" data-target="js-info-post-a">
<img class="news-post-img" src="" alt="" data-target="js-info-post-img">
</a>
<span class="d-none d-lg-block news-post-date" data-target="js-info-post-date"></span>
</div>
<div class="col-8 col-lg-12">
<h4 class="d-block d-lg-none news-post-title news-post-latest-title">
<span class="text-danger" data-target="js-info-post-extra-title"></span>
<a href="#" data-target="js-info-post-title-a"></a>
</h4>
<span class="d-block d-lg-none news-post-date" data-target="js-info-post-date"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-8">
<div class="news-latest-post d-none d-lg-block" data-target="js-info-latest-post">
<h4 class="news-post-title top-info-post-latest-title">
<span class="text-danger" data-target="js-info-post-extra-title"></span>
<a class="" href="#" data-target="js-info-post-title-a"></a>
</h4>
</div>
<div class="news-other-post row" data-target="js-info-post-list">
<div class="news-post col-12 col-lg-4" data-target="js-info-post-list-item">
<div class="row">
<div class="col-3 col-lg-12 pr-0">
<a href="#" class="d-block" data-target="js-info-post-a">
<img class="news-post-img" src="" data-target="js-info-post-img">
</a>
</div>
<div class="col-9 col-lg-12">
<span class="d-none d-lg-block top-info-post-date" data-target="js-info-post-date"></span>
<h4 class="news-post-title">
<span class="text-danger" data-target="js-info-post-extra-title"></span>
<a class="d-block d-lg-none" href="#" data-target="js-info-post-title-a"></a>
<a class="d-none d-lg-block" href="#" data-target="js-info-post-title-md-a"></a>
</h4>
<span class="d-block d-lg-none news-post-date" data-target="js-info-post-date"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mt-3 text-right">
<a class="card-link" href="https://news.toranoana.jp/?ps">
���������C���t�H
</a>
</div>
</div>
</div>
</div>
<!-- �X�܈ē� -->
<article id="component-card-shop" class="card card-default">
<div class="card-header">
<h2 class="card-title">
<a href="https://www.toranoana.jp/shop/" target="_blank" rel="noopener">�Ƃ�̂��ȓX�܈ē�</a>
</h2>
</div>
<div class="card-body">
<div class="card-content content-shop-campaign" v-if="ajax.responses.shop_campaigns_list.success">
<div class="campaign-list">
<div class="campaign-list-item" v-for="campaign in ajax.responses.shop_campaigns_list.data.shop_campaigns">
<a class="campaign-link" v-bind:href="campaign.url" v-on:click="ga('send', 'event', 'CampaignBnr', 'click', campaign.url, 1);" target="_blank" rel="noopener">
<img class="campaign-img lazyload" v-bind:data-src="campaign.image" src="assets/images/img_nowloading_2x1.png" alt="">
</a>
<a v-bind:href="campaign.url" v-on:click="ga('send', 'event', 'CampaignBnr', 'click', campaign.url, 1);" target="_blank" rel="noopener"><h4 class="campaign-title">{{campaign.title}}</h4></a>
</div>
</div>
</div>
<div class="card-content content-shop-wysiwyg" data-target="js-ts-wysiwyg">
</div>
<div class="card-content content-shop-notification" data-target="js-ts-notification">
<h3 class="card-content-title">�X�܂Ɋւ���ŐV�̂��m�点</h3>
<ul class="notification-list" data-target="js-ts-notification-ul">
<li class="notification-list-item" data-target="js-ts-notification-li">
<a class="notification-link" href="" data-target="js-ts-notification-a">
<span class="notification-date" data-target="js-ts-notification-date">
</span>
<br>
<span class="notification-title" data-target="js-ts-notification-title">
</span>
</a>
</li>
</ul>
</div>
</div>
<div class="card-footer">
<a class="card-link" href="http://www.toranoana.jp/shop/index.html">
�Ƃ�̂��ȓX�܈ē�
</a>
</div>
</article>
<!-- ���E������ -->
<article id="component-card-kobutsu" class="card card-default" hidden>
<div class="card-header">
<h2 class="card-title">
<a href="https://news.toranoana.jp/kobutsu" target="_blank" rel="noopener">�Ƃ�̂��ȌÕ�������</a>
</h2>
</div>
<div class="card-body">
<div class="card-content content-kobutsu-wysiwyg" data-target="js-tk-wysiwyg">
</div>
</div>
<div class="card-footer">
<a class="card-link" href="https://news.toranoana.jp/kobutsu" target="_blank" rel="noopener">
�����TOP
</a>
</div>
</article>
<!-- ���������T�[�N���̊F���܂� -->
<div id="top-lp-intro" class="card card-default">
<div class="card-header">
<h2 class="card-title">���������T�[�N���̊F���܂�</h2>
</div>
<div class="card-body">
<div class="card-content wysiwyg">
<a href="https://www.toranoana.jp/lp/introduction" title="�Ƃ�̂��Ȃňϑ��̔����n�߂Ă݂܂��H" target="_blank" rel="noopener">
<img class="img-fluid lazyload mb-3" src="./assets/images/bnrs/bnr-lp-intro.png" alt="�Ƃ�̂��Ȃňϑ��̔����n�߂Ă݂܂��H">
</a>
<p>
���l���̈ϑ��̔��͂��Ă݂������ǖʓ|����or��ς������Ǝv�BĂ������A�������悭������Ȃ����A
�C�x���g��̍ɂ̎�舵���ɍ��BĂ���A����ȃT�[�N����̊F����B<br>
<span style="color: rgb(255, 65, 105);">�Ƃ�̂��Ȃňϑ��̔�</span>���n�߂Ă݂܂��H
</p>
</div>
</div>
<div class="card-footer">
<a class="card-link" href="https://www.toranoana.jp/lp/introduction" target="_blank" rel="noopener">
���킵���݂�
</a>
</div>
</div>
</div>
<div id="main-left" class="col-12 col-lg-2 order-3 order-lg-1 d-none d-lg-block">
<!-- ����TOP - �T�C�h�i�r -->
<component-nav-side root_path=""></component-nav-side>
<!-- ����TOP - �T�C�h�o�i�[ -->
<div class="top-side-bnrs" data-target="js-tsbs">
<div class="top-side-bnr mb-2" data-target="js-tsb">
<a href="#" target="_blank" rel="noopener" title="" data-target="js-tsb-a">
<img class="img-resp" src="" alt="" data-target="js-tsb-img">
</a>
</div>
</div>
<div class="tora-ads tora-ads-default" data-target="js-ads-03">
<div class="tora-ads-list" data-target="js-ads">
<div class="tora-ads-list-item" data-target="js-ad">
<a class="tora-ad-link" href="#" target="_blank" rel="noopener" data-target="js-ad-a">
<img class="tora-ad-img img-resp" src="" alt="" data-target="js-ad-img">
</a>
</div>
</div>
</div>
</div>
<div id="main-right" class="col-12 col-lg-3 col-md-4 order-2 order-lg-3">
<div class="tora-ads tora-ads-default" data-target="js-ads-01">
<div class="tora-ads-list" data-target="js-ads">
<div class="tora-ads-list-item text-center" data-target="js-ad">
<a class="tora-ad-link" href="#" target="_blank" rel="noopener" data-target="js-ad-a">
<img class="tora-ad-img img-resp" src="" alt="" data-target="js-ad-img">
</a>
</div>
</div>
</div>
<!-- Fantia -->
<article id="component-card-fantia" class="card card-default" data-target="js-fantia">
<div class="card-header">
<h3 class="card-title">
<a href="https://fantia.jp" target="_blank" rel="noopener">�t�@���e�B�A[Fantia]</a>
</h3>
</div>
<div class="card-body">
<div class="card-content content-fantia-wysiwyg" data-target="js-fantia-wysiwyg">
</div>
</div>
</article>
<!-- �C���X�g�W -->
<article id="component-card-exhibitions" class="card card-default" data-target="js-exhibitions">
<div class="card-header">
<h3 class="card-title">
<a href="https://news.toranoana.jp/exhibitions" target="_blank" rel="noopener">�C���X�g�W</a>
</h3>
</div>
<div class="card-body">
<div class="card-content content-exhibition" data-target="js-exhibition-ongoing">
<h3 class="card-content-title">�J�Ò�</h3>
<ul class="exhibition-list" data-target="js-exhibition-list">
<li class="exhibition-list-item row row-half-interval" data-target="js-exhibition-list-item">
<div class="col-6 col-md-12">
<a href="" data-target="js-exhibition-a" target="_blank" rel="noopener">
<img class="exhibition-img" src="" data-target="js-exhibition-img">
</a>
</div>
<div class="col-6 col-md-12">
<h3 class="exhibition-title" data-target="js-exhibition-title">
<span class="text-danger" data-target="js-exhibition-extra-title"></span>
<a href="" data-target="js-exhibition-title-a" target="_blank" rel="noopener"></a>
</h3>
<span class="exhibition-date" data-target="js-exhibition-date"></span>
</div>
</li>
</ul>
</div>
<div class="card-content content-exhibition" data-target="js-exhibition-future">
<h3 class="card-content-title">�J�×\��</h3>
<div class="exhibition-list" data-target="js-exhibition-list">
<div class="exhibition-list-item row row-half-interval" data-target="js-exhibition-list-item">
<div class="col-6 col-md-12">
<a href="" data-target="js-exhibition-a" target="_blank" rel="noopener">
<img class="exhibition-img" src="" data-target="js-exhibition-img">
</a>
</div>
<div class="col-6 col-md-12">
<h3 class="exhibition-title" data-target="js-exhibition-title">
<span class="text-danger" data-target="js-exhibition-extra-title"></span>
<a href="" data-target="js-exhibition-title-a" target="_blank" rel="noopener"></a>
</h3>
<span class="exhibition-date" data-target="js-exhibition-date"></span>
</div>
</div>
</div>
</div>
</div>
<div class="card-footer">
<a class="card-link" href="https://news.toranoana.jp/exhibitions" target="_blank" rel="noopener">
�C���X�g�W�ꗗ
</a>
</div>
</article>
<!-- �OW�E�B�W�F�b�g -->
<div id="component-card-widgets" data-target="js-widgets">
<article class="component-widget card card-default" data-target="js-widget">
<div class="card-header" data-target="js-widget-header">
<h3 class="card-title" data-target="js-widget-title"></h3>
</div>
<div class="card-body">
<div class="card-content content-widget-wysiwyg" data-target="js-widget-wysiwyg">
</div>
</div>
</article>
</div>
<!-- �Ƃ獥 -->
<article id="component-card-toracon" class="card card-default" data-target="js-toracon">
<div class="card-header">
<h3 class="card-title">
<a href="https://toracon.jp/" target="_blank" rel="noopener">�Ƃ獥</a>
</h3>
</div>
<div class="card-body">
<div class="card-content content-toracon-bnr">
<ul class="top-toracon-bnr-list" data-target="js-toracon-bnr-list">
<li class="top-toracon-bnr-list-item" data-target="js-toracon-bnr-list-item">
<a href="#" target="_blank" rel="noopener" data-target="js-toracon-a">
<img src="" alt="" data-target="js-toracon-img">
</a>
</li>
</ul>
</div>
<div class="card-content content-toracon-party">
<h4 class="card-content-title">�p�[�e�B���</h4>
<ul class="top-toracon-party-list" data-target="js-toracon-party-list">
<li class="top-toracon-party-list-item" data-target="js-toracon-party-list-item">
<span class="top-toracon-party-date" data-target="js-toracon-date"></span>
<br>
<a href="#" target="_blank" rel="noopener" data-target="js-toracon-a"></a>
</li>
</ul>
</div>
</div>
<div class="card-footer">
<a class="card-link" href="https://toracon.jp/" target="_blank" rel="noopener">
�Ƃ獥�����T�C�g
</a>
</div>
</article>
<div class="tora-ads tora-ads-default" data-target="js-ads-02">
<div class="tora-ads-list" data-target="js-ads">
<div class="tora-ads-list-item" data-target="js-ad">
<a class="tora-ad-link" href="#" target="_blank" rel="noopener" data-target="js-ad-a">
<img class="tora-ad-img img-resp" src="" alt="" data-target="js-ad-img">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<component-footer root_path=""></component-footer>
</div>
</div>
<!-- javascripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/4.1.5/lazysizes.min.js"></script>
<script src="assets/libs/flickity/flickity.pkgd.min.js"></script>
<script src="assets/javascripts/app.js?ver=190704"></script>
<script src="https://nav.yumenosora.co.jp/globalnav.js" charset="utf-8"></script>
<script src="assets/libs/vue.js"></script>
<script charset="utf-8" src="assets/javascripts/common/nav-www-toranoana-jp.js"></script>
<script charset="utf-8" src="assets/javascripts/common/mixins.js"></script>
<script charset="utf-8" src="assets/javascripts/components/nav/component-nav-side.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" type="text/javascript"></script>
<script charset="utf-8" src="assets/libs/jquery.easy-autocomplete-min-mod.js"></script>
<script>
$.getScript("assets/javascripts/components/component-header.js").done(function(){
$.getScript("assets/javascripts/components/component-footer.js").done(function(){
new Vue({
el: '#app',
mixins: [mixin_ajax],
data: function () {
return {
ajax: {
requests: {
shop_campaigns_list: {
url: 'assets/data/json/campaigns.json',
},
},
responses: {
shop_campaigns_list: {
success: false,
data: '',
},
},
}
}
},
mounted:function() {
this.getDataByAjax();
var elem = document.querySelector('.news-scroll-flickity');
var flkty = new Flickity( elem, {
cellSelector: '.news-scroll-item',
cellAlign: 'center',
autoPlay: 2500,
wrapAround: true,
prevNextButtons: true,
draggable: '>1',
pageDots: false,
freeScroll: true,
on: {
ready: function() {
document.querySelector('.news-scroll-wrap').style.height = "auto";
}
}
});
initSearch();
},
updated:function() {
if(this.ajax.responses.shop_campaigns_list.success){
var elem = document.querySelector('.campaign-list');
var flkty = new Flickity( elem, {
cellSelector: '.campaign-list-item',
cellAlign: 'left',
contain: true,
autoPlay: false,
});
}
},
});
});
});
</script>
</body>
</html>