CINXE.COM
特集・記事 | 代官山T-SITE | 蔦屋書店を中核とした生活提案型商業施設
<html> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>特集・記事 | 代官山T-SITE | 蔦屋書店を中核とした生活提案型商業施設</title> <meta name="description" content="代官山T-SITEで開催される特集・記事情報です。" /> <meta name="keywords" content="代官山T-SITE,蔦屋書店,ライフスタイル,TSUTAYA,特集・記事" /> <!-- SNS --> <!-- sns --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@DAIKANYAMATSITE"> <meta name="twitter:creator" content="@DAIKANYAMATSITE"> <meta property="og:title" content="特集・記事 | 代官山T-SITE"> <meta property="og:type" content="website"> <meta property="og:url" content="https://store.tsite.jp/daikanyama/event/"> <meta property="og:image" content="https://store.tsite.jp/daikanyama/img/og.jpg"> <meta property="og:description" content="代官山T-SITEで開催される特集・記事情報です。"> <meta property="og:locale" content="ja_JP"> <meta property="og:site_name" content="代官山T-SITE"> <!-- Format --> <!-- format --> <meta name="viewport" content="width=device-width,maximum-scale=1,user-scalable=yes"> <meta name="format-detection" content="telephone=no"> <!-- Head JS --> <script type="text/javascript" src="/static_contents/site/tsite/js/jquery-3.4.1.min.js"></script> <script type="text/javascript" src="/static_contents/site/tsite/js/slick/slick.min.js"></script> <script type="text/javascript" src="/static_contents/site/tsite/js/cfl_calendar/cfl_calendar.js"></script> <link rel="stylesheet" href="/static_contents/site/tsite/js/slick/slick.css" type="text/css"> <link rel="stylesheet" href="/static_contents/site/tsite/js/slick/slick-theme.css" type="text/css"> <link rel="stylesheet" href="/static_contents/site/tsite/js/cfl_calendar/cfl_calendar.css" type="text/css"> <!-- JS Custom Include --> <script type="text/javascript"> var show_search = 0; $(function() { //モバイル表示かどうかを判定 var checkDispMobile = function() { if ($(window).width() > 768) { return false; } else { return true; } }; //初期値を取得 $.isDispMobile = checkDispMobile(); //ウィンドウリサイズイベント $(window).resize(function() { var oldDispMobile = $.isDispMobile; $.isDispMobile = checkDispMobile(); //モバイルとPCの表示が切り替わったら if (oldDispMobile != $.isDispMobile) { //モバイル表示切り替えイベントを発生させる $(window).trigger('changedispmobile'); } }); $(document).ready(function(){ function matchFunction(){ // ③windowサイズを変更して、768px以下になったら発火するイベント window.location = window.location; if(window.matchMedia("(min-width:768px)").matches){ // ④windowサイズを変更して、769px以上になったら発火するイベント window.location = window.location; } } window.matchMedia("(max-width:768px)").addListener(matchFunction); }); //検索処理 $.search = function(word) { if (word !== undefined && word !== '') { //window.location.href = './search.html?q=%7B"key":"' + word + '"%7D'; $("#head_search_form").submit(); // window.location.href = './?input_search_word=' + word; } } //検索ボタンクリックイベント $('#head_menu_search').on('click', function(e) { //alert(); $('#head_search_box').fadeIn(100); $('#head_search_box #head_search_input').focus(); setTimeout(function() { show_search = 1; }, 100); }); //検索inputクリックイベント $('.gnav_search ').on('click', function(e) { //以降のイベントを中断 e.preventDefault(); e.stopImmediatePropagation(); }); //検索inputキー押下イベント $('#head_search_box #head_search_input').on('keypress', function(e) { if (e.which == 13) { $.search($('#head_search_box #head_search_input').val()); } }); //検索エリアを閉じるfunction var closeSearchArea = function() { if (show_search == 1) { show_search = 0; $('#head_search_box').fadeOut(0); } }; //bodyクリックで検索エリアを閉じる // $('#head_search_close').on('click', function(e) { closeSearchArea(); }); //$('body').on('click', closeSearchArea); //モバイル表示の切り替え $(window).on('changedispmobile', function() { //検索エリアを閉じる closeSearchArea(); //ついてきている上部メニューを再計算 $('.gnav_menu_bt .bt_menu').css('position', ''); $('.gnav_menu_bt .bt_onlineshop').css('position', ''); $('.gnav_menu').css('position', ''); $(window).trigger('scroll'); }); //検索処理 $.searchsp = function(word) { if (word !== undefined && word !== '') { //window.location.href = './search.html?q=%7B"key":"' + word + '"%7D'; $("#head_search_form_sp").submit(); // window.location.href = './?input_search_word=' + word; } } //検索inputキー押下イベント $('.gnav_search_box input').on('keypress', function(e) { if (e.which == 13) { $.searchsp($('.gnav_search_box #head_search_input_sp').val()); } }); $('#search_btn_sp').on('click', function(e) { $.searchsp($('.gnav_search_box #head_search_input_sp').val()); }); //メニューが上部についてくる処理 /*$(window).on('scroll', function() { if ($.isDispMobile) { var menuBody = $('#main_menu_body'); //メニューが非表示だったら if (menuBody.css('visibility') == 'hidden') { if ($(window).scrollTop() > $('.gnav_menu_bt').offset().top) { $('.gnav_menu_bt .bt_menu').css('position', 'fixed'); $('.gnav_menu_bt .bt_onlineshop').css('position', 'fixed'); } else { $('.gnav_menu_bt .bt_menu').css('position', ''); $('.gnav_menu_bt .bt_onlineshop').css('position', ''); } } } else { if ($(window).scrollTop() > $('#main_menu_body').offset().top) { $('header').css('position', 'fixed'); $('#head_search_box').css('top', '57px'); } else { $('header').css('position', ''); $('#head_search_box').css('top', '149px'); } } });*/ //メニューを開く前のスクロール位置保持用 var beforeShowMenuScroll = 0; //メニューエリアを閉じるfunction var closeMenuArea = function() { //スクロール位置をメニュー表示前の状態に戻す $(window).scrollTop(beforeShowMenuScroll); //非表示にする var menuBody = $('header.hide_pc #main_menu_body, header.hide_pc #main_menu_body_online'); menuBody.css('visibility', ''); menuBody.css('transition', ''); menuBody.css('top', '-40px'); //スクロールの位置によってメニューボタンのpositionを決める if ($(window).scrollTop() > $('.gnav_menu_bt').offset().top) { $('.gnav_menu_bt .bt_menu').css('position', ''); $('.gnav_menu_bt .bt_onlineshop').css('position', ''); } else { $('.gnav_menu_bt .bt_menu').css('position', ''); $('.gnav_menu_bt .bt_onlineshop').css('position', ''); } } //メニューボタンクリックでメニューの表示切り替え $('.gnav_menu_bt .bt_menu').on('click', function() { var menuBody = $('header.hide_pc #main_menu_body'); //メニューが非表示だったら if (menuBody.css('visibility') == 'hidden') { //メニューエリアを閉じる closeMenuArea(); //スクロール位置を保持 beforeShowMenuScroll = $(window).scrollTop(); //表示する menuBody.css('visibility', 'visible'); menuBody.css('transition', '0.5s'); menuBody.css('top', '0px'); $('#main_menu_body li') .css({ left: '0px', opacity: 1 }) .each(function(i) { $(this).delay(20 * i) .animate({ left: '0', opacity: 1 }, 50); }); //メニューボタンを上部に固定する $('.gnav_menu_bt .bt_menu').css('position', 'fixed'); $('.gnav_menu_bt .bt_onlineshop').css('position', 'fixed'); } else { //メニューエリアを閉じる closeMenuArea(); } }); // SHOPPINGボタンクリックでメニューの表示切り替え $('.gnav_menu_bt .bt_onlineshop').on('click', function() { var menuBody = $('header.hide_pc #main_menu_body_online'); //メニューが非表示だったら if (menuBody.css('visibility') == 'hidden') { //メニューエリアを閉じる closeMenuArea(); //スクロール位置を保持 beforeShowMenuScroll = $(window).scrollTop(); //表示する menuBody.css('visibility', 'visible'); menuBody.css('transition', '0.5s'); menuBody.css('top', '0px'); $('#main_menu_body_online li') .css({ left: '0px', opacity: 1 }) .each(function(i) { $(this).delay(20 * i) .animate({ left: '0', opacity: 1 }, 50); }); //メニューボタンを上部に固定する $('.gnav_menu_bt .bt_menu').css('position', 'fixed'); $('.gnav_menu_bt .bt_onlineshop').css('position', 'fixed'); } else { //メニューエリアを閉じる closeMenuArea(); } }); //CLOSEボタンクリック $('.gnav_close a').on('click', function() { //メニューエリアを閉じる closeMenuArea(); }); //TOPボタンの表示切り替え $(window).on('scroll', function() { var bt = $('#bt_to_top'); if ($(window).scrollTop() > 880) { if (bt.css('display') == 'none') { bt.fadeIn('slow'); } } else { if (bt.css('display') == 'block') { $('#bt_to_top').fadeOut('slow'); } } }); //TOPに戻るボタンクリック $('#bt_to_top').on('click', function() { $('html,body').animate({ scrollTop: 0 }, 'slow'); }); //PCヘッダースクロールでクラス名付与 $(function() { var $win = $(window), $main = $('main'), $pc_header = $('header.hide_sp'), headerHeight = $pc_header.outerHeight(), animationClass = 'is-animation'; $main.css('display', 'block'); $main.css('padding-top', headerHeight + 'px' ); $win.on('load scroll', function() { var value = $(this).scrollTop(); if ( value > 100 ) { $pc_header.addClass(animationClass); } else { $pc_header.removeClass(animationClass); $main.css('padding-top', headerHeight + 'px' ); } }); }); //SPヘッダースクロールでメニュー出し入れ if ($.isDispMobile) { $(function() { var $win = $(window), $sp_header = $('header.hide_pc'), $main = $('main'), headerHeight = $sp_header.outerHeight(), startPos = 0; $sp_header.css('top', '0'); $main.css('padding-top', headerHeight + 'px' ); $win.on('load scroll', function() { //スクロールする値を取得 var value = $(this).scrollTop(); headerHeight = $sp_header.outerHeight(); if ( value > startPos && value > headerHeight ) { $sp_header.css('top', '-' + headerHeight + 'px'); $sp_header.css('position', 'fixed'); } else { $sp_header.css('top', '0'); if ($.isDispMobile) { $main.css('padding-top', headerHeight + 'px' ); } } startPos = value; }); }); }; //初期表示計算のためにスクロールイベントを強制的に発生させる //$(window).trigger('scroll'); //グローバルメニューカレント設定 $(function() { var dir = location.href.split('/'); if (dir && dir[4]) { $('#gm_' + dir[4]).addClass("current_menu"); if (dir[4] == 'faq') { $('#gm_contact').addClass("current_menu"); } } }); }); </script> <!-- STYLE Custom Include --> <link rel="stylesheet" href="/static_contents/site/tsite/css/index.css?time=20231207" type="text/css"> <link rel="stylesheet" href="/static_contents/site/tsite/daikanyama/css/custom.css?time=20220823" type="text/css"> <link rel="stylesheet" href="/static_contents/site/tsite/css/event.css?time=20180306" type="text/css"> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-QE77GL9RJJ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); var elmCDM = {page_location: decodeURIComponent(location.href), 'login_status': '未ログイン'}; var elmCDMPlus = JSON.parse(JSON.stringify(elmCDM));; elmCDMPlus.ecsite_or_storesite = '店舗サイト'; //カスタムディメンジョン追加 gtag('config', 'G-QE77GL9RJJ', elmCDMPlus);//store.tsite.jpの全て gtag('config', 'G-M13LBFBL8F', elmCDM); </script> <!-- CCC 広告用 GTM START --> <!-- 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-WKLKCL2');</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WKLKCL2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- CCC 広告用 GTM END --> <!-- WOVN対応start --> <script src="https://j.wovn.io/1" data-wovnio="key=DKK1bh&defaultLang=ja&currentLang=ja&urlPattern=subdomain&backend=true&langParamName=wovn&backendVersion=WOVN.proxy_0.22.8" async=""></script> <link hreflang="ja" href="https://store.tsite.jp/" rel="alternate"> <link hreflang="en" href="https://en.store.tsite.jp/" rel="alternate"> <!-- WOVN対応end --> <script> gtag('config', 'G-H9CM5498MV'); </script> </head> <body> <header class="hide_sp"> <div class="inner_box"> <p class="event_btn"></p> <ul class="lang_sel"> <li><a href="/daikanyama/english/" class="language">ENGLISH</a></li> <li><a href="/daikanyama/chinese/" class="language">中文</a></li> <li><a href="/for-business/" class="button_biz">for Business</a></li> </ul> </div> <h1> <a class="logo" title="代官山T-SITET-SITE" href="/daikanyama/"> <img src="/static_contents/site/tsite/daikanyama/img/logo.jpg" alt="代官山T-SITE"> </a> </h1> <div class="gnav_menu_bt"> <div class="bt_menu" style="width:50%;"></div> <a href="https://shopping.geocities.jp/d-tsutayabooks/" target="_blank"> <div class="bt_onlineshop"></div> </a> </div> <nav id="main_menu_body"> <div class="gnav_menu"> <div class="inner_gnav_menu"> <ul class="main_menu"> <li id="gm_access" class="menu_access"><a href="/daikanyama/access/">アクセス・営業時間</a></li> <li id="gm_floor" class="menu_floor_guide sub_menu"><a href="/daikanyama/floor/">フロアガイド</a> <ul style=""> <li class="menu_shop_list"><a href="/daikanyama/floor/shop/">ショップリスト</a></li> </ul> </li> <li id="gm_event" class="menu_event"><a href="/daikanyama/event/">イベント</a></li> <li id="gm_news" class="menu_event"><a href="/daikanyama/news/">ニュース</a></li> <li id="gm_blog" class="menu_event"><a href="/daikanyama/blog/">特集・記事</a></li> <!--<li id="head_menu_search" class="menu_search hide_sp"> <img src="/static_contents/site/tsite/img/icon/search.png" onmouseover="this.src='/static_contents/site/tsite/img/icon/search.png'" onmouseout="this.src='/static_contents/site/tsite/img/icon/search.png'"> </li>--> <li id="gm_news" class="menu_news"><a href="/daikanyama/about/">代官山T-SITEとは</a></li> <li id="gm_onlineshop" class="menu_recruit sub_menu"><a href="/代官山%20蔦屋書店/?input_order=1" target="_blank">オンラインストア</a> <ul style=""> <li class="menu_shop_list"><a href="/代官山%20蔦屋書店/?input_order=1" target="_blank">蔦屋書店 オンラインストア</a></li> <li class="menu_shop_list"><a href="https://shopping.geocities.jp/d-tsutayabooks/?clink=d-tsutayabooks+ln4m1y" target="_blank">Yahoo!ショッピング</a></li> <li class="menu_shop_list"><a href="https://www.rakuten.co.jp/ftk-tsutayaelectrics/" target="_blank">楽天市場</a></li> </ul> </li> <li id="gm_for_corp" class="menu_for_corp sub_menu"> <a href="/daikanyama/promotion/?utm_source=HP&utm_medium=botton&utm_campaign=menu_botton_pc">法人のお客様へ</a> <!-- <ul style=""> <li class="menu_shop_list"><a href="/daikanyama/floor/shop/garden-gallery/">GARDEN GALLERY</a></li> <li class="menu_shop_list"><a href="/daikanyama/floor/shop/session/">代官山Session:</a></li> <li class="menu_shop_list"><a href="/daikanyama/promotion/">法人サービス</a></li> </ul> </li>--> <li id="head_menu_search" class="menu_search hide_sp"> <img src="/static_contents/site/tsite/img/icon/search.png" onmouseover="this.src='/static_contents/site/tsite/img/icon/search.png'" onmouseout="this.src='/static_contents/site/tsite/img/icon/search.png'"> </li> <li> <div class="gnav_close"> <a href="javascript:void(0);"><img src="/static_contents/site/tsite/img/icon/menu_close.png"></a> </div> </li> </ul> </div> </div> </nav> <form action="/daikanyama/ts-search/" method="GET" id="head_search_form"> <div id="head_search_box"> <div class="inner"> <input type="text" id="head_search_input" name="input_search_word" value="" placeholder="何をお探しでしょうか?"> <p id="head_search_close"><img src="/static_contents/site/portal-ec/img/icon/cancel_bk.png"></p> <input class="search_button" type="submit" value=""/> <input type="hidden" name="input_first_search" value="1"/> <input type="hidden" name="input_order" value="new"/> </div> </div> <div class="gnav_close"><a href="javascript:void(0);">×CLOSE</a></div> </form> </header> <header class="hide_pc"> <h1> <a class="logo" title="代官山T-SITE T-SITE" href="/daikanyama/"> <img src="/static_contents/site/tsite/daikanyama/img/logo.jpg" alt="代官山T-SITE"> </a> </h1> <div class="gnav_search hide_pc"> <form action="/daikanyama/ts-search/" method="GET" id="head_search_form_sp"> <div class="gnav_search_box"> <input type="text" name="input_search_word" id="head_search_input_sp" /> <a href="javascript:void(0);" id="search_btn_sp"></a> <input type="hidden" name="input_first_search" value="1"/> <input type="hidden" name="input_order" value="new"/> </div> </form> </div> <div class="gnav_menu_bt"> <div class="bt_menu" style="width:50%;"></div> <div class="bt_onlineshop"></div> </div> <nav id="main_menu_body"> <div class="gnav_menu"> <div class="inner_gnav_menu"> <ul class="main_menu"> <li id="gm_access" class="menu_access"><a href="/daikanyama/access/">アクセス・営業時間</a></li> <li id="gm_floor" class="menu_floor_guide sub_menu"><a href="/daikanyama/floor/">フロアガイド</a> <ul style=""> <li class="menu_shop_list"><a href="/daikanyama/floor/shop/">ショップリスト</a></li> </ul> </li> <li id="gm_event" class="menu_event"><a href="/daikanyama/event/">イベント</a></li> <li id="gm_news" class="menu_event"><a href="/daikanyama/news/">ニュース</a></li> <li id="gm_blog" class="menu_event"><a href="/daikanyama/blog/">特集・記事</a></li> <li class="menu_shop_list"><a href="/daikanyama/about/">代官山T-SITEとは</a></li> <li id="gm_for_corp" class="menu_for_corp sub_menu"> <a href="/daikanyama/promotion/?utm_source=HP&utm_medium=botton&utm_campaign=menu_botton_pc">法人のお客様へ</a> <li> <li id="" class="menu_for_corp sub_menu"><a href="/">蔦屋書店ポータル</a></li> <li id="" class="menu_language menu_english"><a href="/daikanyama/english/">ENGLISH</a></li> <li id="" class="menu_language"><a href="/daikanyama/chinese/">中文</a></li> <li class="sp_sns_menu hide_pc"> <a href="https://www.facebook.com/DAIKANYAMA.TSUTAYA.BOOKS" target="_blank" style="padding-right: 9px;padding-left: 32px;"> <img src="/static_contents/site/tsite/img/icon/menu_facebook.png"> </a> <a href="https://www.instagram.com/daikanyama.tsutaya/" target="_blank" style="padding-right: 10px;"> <img src="/static_contents/site/tsite/img/icon/menu_Instagram.png"> </a> <a href="https://twitter.com/DAIKANYAMATSITE" target="_blank" style="padding-right: 10px;"> <img src="/static_contents/site/tsite/img/icon/menu_x.png"> </a> </li> <li> <div class="gnav_close"> <a href="javascript:void(0);"><img src="/static_contents/site/tsite/img/icon/menu_close.png"></a> </div> </li> </ul> </div> </div> </nav> <nav id="main_menu_body_online"> <div class="gnav_menu"> <div class="inner_gnav_menu"> <ul class="main_menu"> <li class="menu_shop_list"><a href="/代官山%20蔦屋書店/?input_order=1" target="_blank">蔦屋書店オンラインストア</a></li> <li class="menu_shop_list"><a href="https://shopping.geocities.jp/d-tsutayabooks/" target="_blank">Yahoo!ショッピング</a></li> <li class="menu_shop_list"><a href="https://www.rakuten.co.jp/ftk-tsutayaelectrics/" target="_blank">楽天市場</a></li> <li> <div class="gnav_close"> <a href="javascript:void(0);"><img src="/static_contents/site/tsite/img/icon/menu_close.png"></a> </div> </li> </ul> </div> </div> </nav> <form action="/daikanyama/ts-search/" method="GET" id="head_search_form"> <div id="head_search_box"> <div class="inner"> <input type="text" id="head_search_input" name="input_search_word" value="" placeholder="何をお探しでしょうか?"> <p id="head_search_close"><img src="/static_contents/site/portal-ec/img/icon/cancel_bk.png"></p> <input class="search_button" type="submit" value=""/> <input type="hidden" name="input_first_search" value="1"/> <input type="hidden" name="input_order" value="new"/> </div> </div> <div class="gnav_close"><a href="javascript:void(0);">×CLOSE</a></div> </form> </header> <a href="#"><div id="bt_to_top"></div></a> <main> <section class="blk"> <h2><span>FEATURE</span></h2> <div class="sub_title_bar"> 特集・記事 </div> <div class="minhead"> <div class="search_box"> <div class="visible_button">カテゴリを絞り込む</div> <div class="search_box_main"> <form action="./" method="POST" id="cal_event"> <div class="category search_block"> <div class="sp_only sp_title">ジャンルを選択</div> <table class="sb_table"> <th class="pc_only">ジャンルを選択</th> <td> <ul> <li> <!-- 全て(カテゴリ解除)のリンク inuyama mod--> <a class="" href="/daikanyama/blog/?input_order=new&"> 全て </a> </li> <li> <!-- --> <a href="/daikanyama/blog/humanity/?input_order=new&"> 人文 </a> </li> <li> <!-- --> <a href="/daikanyama/blog/car-motorcycle/?input_order=new&"> クルマ・バイク </a> </li> <li> <!-- --> <a href="/daikanyama/blog/art/?input_order=new&"> アート </a> </li> <li> <!-- --> <a href="/daikanyama/blog/architecture-design/?input_order=new&"> 建築・デザイン </a> </li> <li> <!-- --> <a href="/daikanyama/blog/cooking/?input_order=new&"> 料理 </a> </li> <li> <!-- --> <a href="/daikanyama/blog/travel/?input_order=new&"> 旅行 </a> </li> <li> <!-- --> <a href="/daikanyama/blog/stationery/?input_order=new&"> 文具 </a> </li> <li> <!-- --> <a href="/daikanyama/blog/kids/?input_order=new&"> キッズ </a> </li> <li> <!-- --> <a href="/daikanyama/blog/video/?input_order=new&"> 映像 </a> </li> <li> <!-- --> <a href="/daikanyama/blog/music/?input_order=new&"> 音楽 </a> </li> <li> <!-- --> <a href="/daikanyama/blog/smartphone-shop/?input_order=new&"> スマートフォンショップ </a> </li> <li> <!-- --> <a href="/daikanyama/blog/Anjin/?input_order=new&"> Anjin </a> </li> <li> <!-- --> <a href="/daikanyama/blog/t-travel/?input_order=new&"> T-TRAVEL </a> </li> <li> <!-- --> <a href="/daikanyama/blog/garden-gallery/?input_order=new&"> GARDEN GALLERY </a> </li> <li> <!-- --> <a href="/daikanyama/blog/share-lounge/?input_order=new&"> SHARE LOUNGE </a> </li> <li> <!-- --> <a href="/daikanyama/blog/daikanyama-tsutayabooks/?input_order=new&"> 代官山 蔦屋書店 </a> </li> <li> <!-- --> <a href="/daikanyama/blog/daikanyama-t-site/?input_order=new&"> 代官山T-SITE </a> </li> </ul> </td> </table> </div> </form> <div class="search_box_keyword search_block"> <div class="sp_only sp_title">キーワード検索</div> <table class="sb_table"> <th class="pc_only">キーワード検索</th> <td> <div class="inner_search_box_keyword"> <form action="./" method="POST" id="key_search"> <input class="keyword_input" id="key_word" name="input_search_word" type="text" value=""> <a id="keyword_search_btn" class="keyword_search_button" href="javascript:void(0);"></a> <input type="hidden" id="" name="input_search_date" value=""> </form> </div> </td> </table> </div> </div> <div class="result"> <!-- inuyama add div --> <!-- 絞り込みなし --> </div> </div> <style> .keyword_search_button { display: inline-block; position: absolute; top: 6px; right: 13px; height: 100%; width: 30px; background: url(/static_contents/site/tsite/img/icon/lens.png) no-repeat right top; background-size: 20px 20px; } .search_box li a { font-size: 13px; } .search_box .result p { margin-top: 30px; } .search_box .result ul span { padding: 5px; background: #ffffff; border: 1px solid #e5e5e1; } .search_box .result ul li { padding: 0 10px 0 0; } .sp_only { display: none; } @media screen and (max-width: 640px) { .search_box table.sb_table th, .search_box table.sb_table td { width: 100%; display: block; } .sp_only { display: block; } .pc_only { display: none!important; } .search_block .sp_title { padding-left: 10px; font-weight: bold; font-size: 13px; } } </style> <link rel="stylesheet" href="/static_contents/site/tsite/js/cfl_calendar/cfl_calendar.css" type="text/css"> <script type="text/javascript" src="/static_contents/site/tsite/js/cfl_calendar/cfl_calendar.js"></script> <script type="text/javascript"> //検索エリアの表示切り替え $('.search_box_main').hide(); </script> <script type="text/javascript"> $('.visible_button').on("click", function() { $('.search_box_main').slideToggle(); if ($('.visible_button').hasClass('open')) { $('.visible_button').removeClass('open'); } else { $('.visible_button').addClass('open'); } }); $('#keyword_search_btn').on("click", function() { $('#key_search').submit() }); //カレンダーの設定 var cal = CFLCalendar.create('choice_calendar', { choiceMonthText: '%month%月の全イベントを選択する', weekStart: 1, editable: true, closeDelay: 500, innerLeft: 0, clearText: '日時をカレンダーから選択', clickEvent: function(year, month, date) { //日付を連結 var val = String(year); if (String(month).length == 1) { val += "0"; } val += month; if (date) { if (String(date).length == 1) { val += "0"; } val += date; } //検索条件にセットする $('#input_search_date').val(val); $('#cal_event').submit(); }, clearEvent: function() { //検索条件をクリアする $('#input_search_date').val(""); $('#cal_event').submit(); } }); function date_clear_post() { $('#input_search_date').val(""); $('#cal_event').submit(); } function keyword_clear_post() { $('#key_word').val(""); $('#key_search').submit(); } </script> <div class="list_info"> <div class="total">全<span class="num">398</span>件</div> <div class="sort"><!-- <a class="item" href="./?input_order=event&">開催日順</a> <div class="item active">新着順</div> --></div> </div> </div> <div class="grid_2"> <ul class="spflex_col2 eventlist bloglist "> <li> <!-- custom_includeは/[店舗パス]/_inc/のファイルをincludeする。店舗パスに存在しなければ/_inc/のファイルをincludeする。 --> <a href="/daikanyama/blog/humanities/45436-1147350202.html"> <div class="thumbnail"> <img src="/static_contents/site/tsite/img/pixel.gif" class="thumb" style="background-image: url('/article_img/daikanyama/2025/1738464373100/slider/ダンス_310.jpg')"> <span class="new_label">NEW</span> </div> <div class="info"> <div class="title">【第308回】間室道子の本棚 『ダンス』竹中優子/新潮社</div> </div> </a> </li> <li> <!-- custom_includeは/[店舗パス]/_inc/のファイルをincludeする。店舗パスに存在しなければ/_inc/のファイルをincludeする。 --> <a href="/daikanyama/blog/humanities/45435-1143250202.html"> <div class="thumbnail"> <img src="/static_contents/site/tsite/img/pixel.gif" class="thumb" style="background-image: url('/article_img/daikanyama/2025/1738464098389/slider/アリア_310.jpg')"> </div> <div class="info"> <div class="title">【第307回】間室道子の本棚『C線上のアリア』湊かなえ/朝日新聞出版</div> </div> </a> </li> <li> <!-- custom_includeは/[店舗パス]/_inc/のファイルをincludeする。店舗パスに存在しなければ/_inc/のファイルをincludeする。 --> <a href="/daikanyama/blog/humanities/44966-1706440106.html"> <div class="thumbnail"> <img src="/static_contents/site/tsite/img/pixel.gif" class="thumb" style="background-image: url('/article_img/daikanyama/2025/1736150709422/slider/大観音_310.jpg')"> </div> <div class="info"> <div class="title">【第306回】間室道子の本棚 『大観音の傾き』山野辺太郎/中央公論新社</div> </div> </a> </li> <li> <!-- custom_includeは/[店舗パス]/_inc/のファイルをincludeする。店舗パスに存在しなければ/_inc/のファイルをincludeする。 --> <a href="/daikanyama/blog/humanities/44965-1702140106.html"> <div class="thumbnail"> <img src="/static_contents/site/tsite/img/pixel.gif" class="thumb" style="background-image: url('/article_img/daikanyama/2025/1736150276671/slider/カラフル_310.jpg')"> </div> <div class="info"> <div class="title">【第305回】間室道子の本棚 『カラフル』阿部暁子/集英社</div> </div> </a> </li> <li> <!-- custom_includeは/[店舗パス]/_inc/のファイルをincludeする。店舗パスに存在しなければ/_inc/のファイルをincludeする。 --> <a href="/daikanyama/blog/humanities/44964-1657210106.html"> <div class="thumbnail"> <img src="/static_contents/site/tsite/img/pixel.gif" class="thumb" style="background-image: url('/article_img/daikanyama/2025/1736150019920/slider/カフネ_310.jpg')"> </div> <div class="info"> <div class="title">【第304回】間室道子の本棚 『カフネ』阿部暁子/講談社</div> </div> </a> </li> <li> <!-- custom_includeは/[店舗パス]/_inc/のファイルをincludeする。店舗パスに存在しなければ/_inc/のファイルをincludeする。 --> <a href="/daikanyama/blog/humanities/44963-1652520106.html"> <div class="thumbnail"> <img src="/static_contents/site/tsite/img/pixel.gif" class="thumb" style="background-image: url('/article_img/daikanyama/2025/1736149841146/slider/他人_310.jpg')"> </div> <div class="info"> <div class="title">【第303回】間室道子の本棚 『他人屋のゆうれい』王谷晶/朝日新聞出版</div> </div> </a> </li> <li> <!-- custom_includeは/[店舗パス]/_inc/のファイルをincludeする。店舗パスに存在しなければ/_inc/のファイルをincludeする。 --> <a href="/daikanyama/blog/humanities/44397-1652341204.html"> <div class="thumbnail"> <img src="/static_contents/site/tsite/img/pixel.gif" class="thumb" style="background-image: url('/article_img/daikanyama/2024/1733298604341/slider/ゆびさきに魔法750_310.jpg')"> </div> <div class="info"> <div class="title">【第302回】間室道子の本棚 『ゆびさきに魔法』三浦しをん/文藝春秋</div> </div> </a> </li> <li> <!-- custom_includeは/[店舗パス]/_inc/のファイルをincludeする。店舗パスに存在しなければ/_inc/のファイルをincludeする。 --> <a href="/daikanyama/blog/humanities/44395-1644341204.html"> <div class="thumbnail"> <img src="/static_contents/site/tsite/img/pixel.gif" class="thumb" style="background-image: url('/article_img/daikanyama/2024/1733298075335/slider/深淵のテレパス750_310.jpg')"> </div> <div class="info"> <div class="title">【第301回】間室道子の本棚 『深淵のテレパス』上條一輝/東京創元社</div> </div> </a> </li> <li> <!-- custom_includeは/[店舗パス]/_inc/のファイルをincludeする。店舗パスに存在しなければ/_inc/のファイルをincludeする。 --> <a href="/daikanyama/blog/humanities/44392-1638171204.html"> <div class="thumbnail"> <img src="/static_contents/site/tsite/img/pixel.gif" class="thumb" style="background-image: url('/article_img/daikanyama/2024/1733297623180/slider/もの想う時、ものを書く750_310.jpg')"> </div> <div class="info"> <div class="title">【第300回】間室道子の本棚 『もの想う時、ものを書く』山田詠美/中央公論新社</div> </div> </a> </li> <li> <!-- custom_includeは/[店舗パス]/_inc/のファイルをincludeする。店舗パスに存在しなければ/_inc/のファイルをincludeする。 --> <a href="/daikanyama/blog/humanities/44391-1633141204.html"> <div class="thumbnail"> <img src="/static_contents/site/tsite/img/pixel.gif" class="thumb" style="background-image: url('/article_img/daikanyama/2024/1733297343932/slider/富士山750_310.jpg')"> </div> <div class="info"> <div class="title">【第299回】間室道子の本棚 『富士山』平野啓一郎/新潮社</div> </div> </a> </li> <li> <!-- custom_includeは/[店舗パス]/_inc/のファイルをincludeする。店舗パスに存在しなければ/_inc/のファイルをincludeする。 --> <a href="/daikanyama/blog/humanities/43652-1920551030.html"> <div class="thumbnail"> <img src="/static_contents/site/tsite/img/pixel.gif" class="thumb" style="background-image: url('/article_img/daikanyama/2024/1730283559900/slider/おしゃれ_310.jpg')"> </div> <div class="info"> <div class="title">【第298回】間室道子の本棚 『作家とおしゃれ』平凡社編集部編/平凡社</div> </div> </a> </li> <li> <!-- custom_includeは/[店舗パス]/_inc/のファイルをincludeする。店舗パスに存在しなければ/_inc/のファイルをincludeする。 --> <a href="/daikanyama/blog/humanities/43651-1916591030.html"> <div class="thumbnail"> <img src="/static_contents/site/tsite/img/pixel.gif" class="thumb" style="background-image: url('/article_img/daikanyama/2024/1730283311188/slider/保存_310.jpg')"> </div> <div class="info"> <div class="title">【第297回】間室道子の本棚 『僕たちの保存』長嶋有/文藝春秋</div> </div> </a> </li> </ul> <footer> <div class="list_page"> <p class="prev_page inactive"><</p> <span class="num_list"> <span class="page_num current_page">1</span> <a class="page_num" href="?input_page=2&input_order=new&">2</a><a class="page_num" href="?input_page=3&input_order=new&">3</a><a class="page_num" href="?input_page=4&input_order=new&">4</a><a class="page_num" href="?input_page=5&input_order=new&">5</a> </span> <a class="next_page" href="?input_page=2&input_order=new&">></a> </div> </footer> </div> </section> <!--他店舗情報--> <div class="cf"></div> <!--SNS・フッター--> </main> <footer> <div class="footer_menu"> <div class="inner_footer_menu"> <div class="share_menu"> <ul> <li class="menu_facebook"> <a href="https://www.facebook.com/DAIKANYAMA.TSUTAYA.BOOKS" target="_blank"> <img src="/static_contents/site/tsite/img/icon/facebook.png?date=20221102" onmouseover="this.src='/static_contents/site/tsite/img/icon/facebook_ah.png?date=20221102'" onmouseout="this.src='/static_contents/site/tsite/img/icon/facebook.png?date=20221102'"> </a> </li> <li class="menu_instagram"> <a href="https://www.instagram.com/daikanyama.tsutaya/" target="_blank"> <img src="/static_contents/site/tsite/img/icon/instagram.png?date=20221102" onmouseover="this.src='/static_contents/site/tsite/img/icon/instagram_ah.png?date=20221102'" onmouseout="this.src='/static_contents/site/tsite/img/icon/instagram.png?date=20221102'"> </a> </li> <li class="menu_twitter"> <a href="https://twitter.com/DAIKANYAMATSITE" target="_blank"> <img src="/static_contents/site/tsite/img/icon/icon_x_20_20.png" onmouseover="this.src='/static_contents/site/tsite/img/icon/icon_x_20_20_ah.png'" onmouseout="this.src='/static_contents/site/tsite/img/icon/icon_x_20_20.png'"> </a> </li> <!-- <li class="menu_mail_magazine"> <a href="https://mailmag.store.tsite.jp/mypage/regist/bRsbbRbRTbgTs3pjL" target="_blank"> <img src="/static_contents/site/tsite/img/icon/mail.png" onmouseover="this.src='/static_contents/site/tsite/img/icon/mail_ah.png'" onmouseout="this.src='/static_contents/site/tsite/img/icon/mail.png'"> </a>--> </li> </ul> </div> <div class="menu_info"> <ul> <li> <a href="/daikanyama/news/t-site/6347-1752520422.html" style="text-decoration: none;">各SNS公式アカウント</a> </li> <li><a href="/daikanyama/contact/">お問合わせ</a></li> <li><a href="/daikanyama/promotion/">法人サービス</a></li> <li><a href="/daikanyama/sitemap/">サイトマップ</a></li> <li><a href="/daikanyama/sitepolicy/">このサイトについて</a></li> <li><a href="https://www.ccc.co.jp/customer_management/privacy/" target="_blank">個人情報保護方針</a></li> <li><a href="/">蔦屋書店ポータル</a></li> <li><a href="/portal/storelist/">全国の蔦屋書店 一覧</a></li> </ul> </div> <ul> <li>カルチュア・コンビニエンス・クラブ株式会社 東京都公安委員会許可 第303310908618号</li> </ul> <div class="menu_copyright">©Culture Convenience Club Co.,Ltd.</div> </div> </div> </footer> </body> </html>