あなたにぴったりの本　～16Personalitiesのタイプで選んだとっておきの一冊～コンシェルジュ文庫2024 | イベント一覧 | 蔦屋書店のイベントを横断検索

<html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>あなたにぴったりの本　～16Personalitiesのタイプで選んだとっておきの一冊～コンシェルジュ文庫2024 | イベント一覧 | 蔦屋書店のイベントを横断検索 | 蔦屋書店ポータル</title> <meta name="description" content="蔦屋書店のイベント一覧です。日本各地の蔦屋書店のイベントを横断検索できます。オンラインイベントへは全国どこからでも参加可能です。"> ">--> <meta name="keywords" content="プレゼント,本の日,コンシェルジュ文庫,蔦屋書店ポータル,TSUTAYA">  <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content=""> <meta name="twitter:creator" content=""> <meta property="og:title" content="あなたにぴったりの本　～16Personalitiesのタイプで選んだとっておきの一冊～コンシェルジュ文庫2024 | 蔦屋書店ポータル"> <meta property="og:type" content="article"> <meta property="og:url" content="https://store.tsite.jp/portal/event/humanities/42774-0948350918.html"> <meta property="og:image" content="https://store.tsite.jp/article_img/portal/2024/1726620372889/slider/main.jpg"> <meta property="og:description" content=""> <meta property="og:locale" content="ja_JP"> <meta property="og:site_name" content="蔦屋書店ポータル">   <meta name="viewport" content="width=device-width,maximum-scale=1,user-scalable=yes"> <meta name="format-detection" content="telephone=no">  <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" async ></script> <script type="text/javascript" src="/static_contents/site/tsite/js/cfl_calendar/cfl_calendar.js" async ></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="preload" href="/static_contents/site/tsite/js/cfl_calendar/cfl_calendar.css" type="text/css" as="style" > <link rel="stylesheet" href="/static_contents/site/tsite/css/index.css?time=20231207" type="text/css"> <link rel="stylesheet" href="/static_contents/site/tsite/css/article_detail.css?time=20211219" type="text/css"> <script src="/static_contents/site/tsite/js/ofi.min.js"></script> <script> $(function() { objectFitImages('.ts-article-goods-image img'); }); </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Event", "name": "あなたにぴったりの本　～16Personalitiesのタイプで選んだとっておきの一冊～コンシェルジュ文庫2024", "startDate": "2024-10-25", "endDate": "2024-11-24", "location": { "@type": "Place", "name": "蔦屋書店", "address": { "@type": "PostalAddress", "postalCode": "1500036", "addressRegion": "東京都", "addressLocality": "渋谷区", "streetAddress": "南平台町16-17渋谷ガーデンタワー8F", "addressCountry": "JP" } }, "url": "https://store.tsite.jp/portal/event/humanities/42774-0948350918.html" } </script> <script type="text/javascript" charset="utf-8"> //スライダーの設定 $(document).ready(function() { if ($('.main-slider li').length > 1) { $('.main-slider').slick({ infinite: true, centerMode: true, centerPadding: '0px', slidesToShow: 1, slidesToScroll: 1, autoplay: true, arrows: true, dots: true, autoplaySpeed: 3000, responsive: [{ breakpoint: 769, settings: { slidesToShow: 1, slidesToScroll: 1, } }] }); } }); </script>  <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>  <link rel="stylesheet" href="/static_contents/site/tsite/portal/css/portal.css" type="text/css"> <style> @media screen and (max-width: 768px) { header .event_btn a { display: block; margin-left: 8px; } header .logo img { margin-top: 10px; } } </style>  <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>   <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>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WKLKCL2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>    <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">  <script> gtag('config', 'G-L07DN3BK8C'); </script> <style> .slick-list { overflow: hidden; } img { max-width: 100%; } .detail_slider { opacity: 1; } /*share_btn ここから*/ .commonShare { margin-top: 50px; } .commonShare__ttl { font-size: 17px; font-family: "proxima-nova",sans-serif; font-weight: 600; text-align: center; color: #000; margin: 17px 0; } .commonShare__list { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; /*margin-top: 34px;*/ } .commonShare__item { width: 40px; margin: 0 15px; } /*share_btn ここまで*/ @media screen and (max-width: 768px) { main header .date .place { display: block; margin-bottom: -8px; } main header .date { line-height: 32px; } main header { margin: 0 0 10px; } } </style> <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet"> </head> <body> <header class="hide_sp"> <div class="inner_box"> </div> <div class="header_logo"> <a class="logo" title="蔦屋書店ポータル T-SITE" href="/"> <img src="/static_contents/site/tsite/portal/img/logo.png" alt="蔦屋書店ポータル T-SITE" class="hide_sp_inline"> <img src="/static_contents/site/tsite/portal/img/logo.svg" alt="蔦屋書店ポータル T-SITE" class="hide_pc_inline" style="height: 70px; margin-top: 14px;"> </a> </div> <div class="gnav_menu_bt"> <div class="bt_menu"></div> <a href="/" 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_storelist" class="menu_storelist"> <a href="/portal/storelist/">店舗一覧</a> </li> <li id="gm_event" class="menu_event"> <a href="/portal/event/">イベント</a> </li> <li id="gm_blog" class="menu_blog"> <a href="/portal/blog/">特集・記事</a> </li> <li id="gm_sharelounge" class="menu_sharelounge"> <a href="/portal/sharelounge/">シェアラウンジ</a> </li> <li id="gm_contact" class="menu_contact"> <a href="/portal/contact/">お問合せ</a> </li> <li id="gm_business" class="menu_business"> <a href="/for-business/" target="_blank">法人のお客様へ</a> </li> <li id="gm_onlineshop" class="menu_recruit"> <a href="/shopping/">オンラインショップ</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> <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="/portal/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"> <div class="header_logo"> <a class="logo" title="蔦屋書店ポータル T-SITE" href="/"> <img src="/static_contents/site/tsite/portal/img/logo.svg" alt="蔦屋書店ポータル T-SITE" class="hide_pc_inline" style="height: 70px; margin-top: 14px;"> </a> </div> <div class="gnav_search hide_pc"> <form action="/portal/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"></div> <a href="/shopping/" 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_storelist" class="menu_floor_guide sub_menu"> <a href="/portal/storelist/">店舗一覧</a> </li> <li id="gm_event" class="menu_event"> <a href="/portal/event/">イベント</a> </li> <li id="gm_blog" class="menu_news"> <a href="/portal/blog/">特集・記事</a> </li> <li id="gm_sharelounge" class="menu_event"> <a href="/portal/sharelounge/">シェアラウンジ</a> </li> <li id="gm_contact" class="menu_event"> <a href="/portal/contact/">お問合せ</a> </li> <li id="gm_business" class="menu_business"> <a href="/for-business/" 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="/portal/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"> <div class="inner"> <article> <header> <h1 class="article_h">あなたにぴったりの本　～16Personalitiesのタイプで選んだとっておきの一冊～コンシェルジュ文庫2024</h1> <div class="genre"><span class="inner_genre">イベント</span></div> <div class="date"> <span class="place"></span> 2024年10月25日(金) - 11月24日(日) </div> </header> <section class="slider detail_slider"> <ul class="main-slider"> <li class="cf"> <img src="/static_contents/site/tsite/img/slider/trance.png" style="background-image: url('/article_img/portal/2024/1726620372889/slider/main_1000x750.jpg'); background-size: contain; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center;"> </li> </ul> </section> <section> <div class="article"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/Modaal/0.4.4/css/modaal.min.css" rel="stylesheet" /><script src="/static_contents/site/tsite/portal/js/conciergebooks2022/modernizr.custom.js"></script><script src="/static_contents/site/tsite/portal/js/conciergebooks2022/jquerypp.custom.js"></script><script src="https://store.tsite.jp//static_contents/site/tsite/portal/js/conciergebooks2022/jquery.bookblock.min.js"></script> <ul class="page_link"> <li><a class="s_scroll link-underbar" href="#about">「コンシェルジュ文庫」とは</a></li> <li><a class="s_scroll link-underbar" href="#concept">テーマ</a></li> <li><a class="s_scroll link-underbar" href="#select">選書</a></li> <li><a class="s_scroll link-underbar" href="#sns">SNSキャンペーン</a></li> <li><a class="s_scroll link-underbar" href="#storelist">開催店舗</a></li> </ul> <div class="blk" id="about"> <h3>コンシェルジュ文庫とは</h3> <p> 蔦屋書店では毎年、秋の読書週間・本の日(11月1日)に向けて、コンシェルジュたちが一つのテーマに沿って選び抜いた文庫本を展開する「コンシェルジュ文庫」を全国で実施しています。普段はそれぞれのお店で活躍するコンシェルジュたちが選書を通じてつながり、全国のお客様に“新たな本との出会い”をお届けするフェアです。 </p> </div> <div class="blk" id="concept"> <h3>テーマ</h3> <h2 class="catch">あなたにぴったりの本</h2> <div class="text-left"> <b style="font-size:1.0rem;">16Personalitiesのタイプで選んだとっておきの一冊</b><br> 自分にぴったりの本を読みたい。<br> そう思って本を手に取る人は多いのではないでしょうか。<br> <br> そんなあなたのために、コンシェルジュが今話題の16タイプの性格診断とかけ合わせて、タイプ別におすすめの本を選びました。<br> これまで自ら進んでは手に取らなかった本も、実は私にぴったり！という驚きがあるかもしれません。そんな本との新しい出会いをぜひお楽しみください。 </div> <p> <br> 16タイプとは…<br> 世界50か国以上で利用されている性格診断ツールです。その人の持つ性格を４つのグループ・16種の性格タイプで分類しそれぞれのタイプの考え方や価値観、特徴などを詳しく知ることができます。 <div class="text-right"> <a href="https://www.16personalities.com/ja" target="_blank"> <u>診断はこちらから→</u> </a> </div> </p> </div> <div class="main clearfix"> <div class="bb-custom-wrapper"> <div id="bb-bookblock" class="bb-bookblock"> <div class="bb-item"> <a href="/article_img/portal/2024/1726620372889/concierge_20241119-01.png" class="image" data-fancybox="group" data-modaal-desc="コンシェルジュ文庫"> <img src="/article_img/portal/2024/1726620372889/concierge_20241119-01.png" alt="コンシェルジュ文庫"/> </a> </div> <div class="bb-item"> <a href="/article_img/portal/2024/1726620372889/concierge_20241119-02.png" class="image" data-fancybox="group" data-modaal-desc="コンシェルジュ文庫"> <img src="/article_img/portal/2024/1726620372889/concierge_20241119-02.png" alt="コンシェルジュ文庫"/> </a> </div> <div class="bb-item"> <a href="/article_img/portal/2024/1726620372889/concierge_20241119-03.png" class="image" data-fancybox="group" data-modaal-desc="コンシェルジュ文庫"> <img src="/article_img/portal/2024/1726620372889/concierge_20241119-03.png" alt="コンシェルジュ文庫"/> </a> </div> <div class="bb-item"> <a href="/article_img/portal/2024/1726620372889/concierge_20241119-04.png" class="image" data-fancybox="group" data-modaal-desc="コンシェルジュ文庫"> <img src="/article_img/portal/2024/1726620372889/concierge_20241119-04.png" alt="コンシェルジュ文庫"/> </a> </div> <div class="bb-item"> <a href="/article_img/portal/2024/1726620372889/concierge_20241119-05.png" class="image" data-fancybox="group" data-modaal-desc="コンシェルジュ文庫"> <img src="/article_img/portal/2024/1726620372889/concierge_20241119-05.png" alt="コンシェルジュ文庫"/> </a> </div> <div class="bb-item"> <a href="/article_img/portal/2024/1726620372889/concierge_20241119-06.png" class="image" data-fancybox="group" data-modaal-desc="コンシェルジュ文庫"> <img src="/article_img/portal/2024/1726620372889/concierge_20241119-06.png" alt="コンシェルジュ文庫"/> </a> </div> <div class="bb-item"> <a href="/article_img/portal/2024/1726620372889/concierge_20241119-07.png" class="image" data-fancybox="group" data-modaal-desc="コンシェルジュ文庫"> <img src="/article_img/portal/2024/1726620372889/concierge_20241119-07.png" alt="コンシェルジュ文庫"/> </a> </div> <div class="bb-item"> <a href="/article_img/portal/2024/1726620372889/concierge_20241119-08.png" class="image" data-fancybox="group" data-modaal-desc="コンシェルジュ文庫"> <img src="/article_img/portal/2024/1726620372889/concierge_20241119-08.png" alt="コンシェルジュ文庫"/> </a> </div> <div class="bb-item"> <a href="/article_img/portal/2024/1726620372889/concierge_20241119-09.png" class="image" data-fancybox="group" data-modaal-desc="コンシェルジュ文庫"> <img src="/article_img/portal/2024/1726620372889/concierge_20241119-09.png" alt="コンシェルジュ文庫"/> </a> </div> </div> <nav> <div id="bb-nav-first" class="arrow icon-first"> <img src="/article_img/portal/2023/1696469005033/icon_first.svg"> </div> <div id="bb-nav-prev" class="arrow icon-left"> <img src="/article_img/portal/2023/1696469005033/icon_play.svg"> </div> <div id="bb-nav-next" class="arrow icon-right"> <img src="/article_img/portal/2023/1696469005033/icon_play.svg"> </div> <div id="bb-nav-last" class="arrow icon-last"> <img src="/article_img/portal/2023/1696469005033/icon_first.svg"> </div> </nav> </div> </div>  <div class="blk" id="sns"> <h3>SNSキャンペーン</h3> <div class="img-box top_img"> <img src="/article_img/portal/2024/1726620372889/vol6_TOP.png"> </div> <p> コンシェルジュ文庫の開催を記念し、抽選で「本が読みたくなるセット」が当たるSNSキャンペーンを実施します。応募はInstagramで蔦屋書店の公式アカウントをフォローして、キャンペーン投稿に自分のタイプをコメントするだけ！皆様ぜひ、ご応募ください。 </p> <div class="snsbar">プレゼント内容</div> <p> 本が読みたくなるセット 10名様<br> ・蔦屋書店オリジナル「本のセーター」<br> ・代官山蔦屋書店限定「活字ブックマーカー」<br> ・あなたにぴったりの「もう一冊」 </p> <div> <h4 class="text-left"><span>蔦屋書店オリジナル「本のセーター」</span></h4> <div class="flex"> <div class="img-box"> <img src="/article_img/portal/2024/1726620372889/present_sweater.jpg"> </div> <p> 持ち物をまとめやすい、セーターのようなブックバンド。伸縮性のあるニット素材なので、文庫～A5サイズの本や手帳、タブレット端末を優しく包むことができます。ペンやメモ帳、小銭入れなど、小物がまとめて収納できる便利なポケットつき。カフェや旅先、移動中の電車内や飛行機内などで本を読んだり、タブレットを使うときに有用です。また、バッグの中に入れても、本の間に物が挟まることはありません。<br> ※カラーはライトグレー/ミントです </p> </div> <h4 class="text-left"><span>代官山蔦屋書店限定<br class="hide_pc"> 「活字ブックマーカー」</span></h4> <div class="flex"> <div class="img-box"> <img src="/article_img/portal/2024/1726620372889/present_marker.jpg"> </div> <p> まるで活字が飛び出してきたようなブックマーカーです。代官山蔦屋書店限定です。活字の美しさに思わず見とれてしまうこの「活字ブックマーカー」は、エーヨンが本に並ぶ活字の美しさに着目し、活字が本から浮き出てきたようなイメージで制作しております。蔦屋書店ファンの方はもちろん、本好きの方にも喜ばれる一品です。読書のお供にぜひこのブックマーカーを。※ヒモの色や文字はお選びいただけません。 </p> </div> <h4 class="text-left"><span>あなたにぴったりの「もう一冊」</span></h4> <div class="flex"> <div class="img-box"> <img src="/article_img/portal/2024/1726620372889/present_book.jpg"> </div> <p> 全国のコンシェルジュが今話題の16タイプの性格診断とかけ合わせて、タイプ別におすすめの本を選んだ今回の「コンシェルジュ文庫」。<br> 店頭・リーフレットでご紹介しきれなかったもう一冊を、あなたのタイプに合わせてお届けします。 </p> </div> </div> <div class="snsbar">応募方法</div> <div class="box27"><span class="box-title">STEP1.</span> <p>Instagramで蔦屋書店公式アカウントをフォローしてください。</p> <div style="margin:10px 0px;display: flex;justify-content: center;"> <a class="insta_btn2" href="https://www.instagram.com/tsutayabooks_official?igsh=OXJkMDE0dXU2Nml6"><span style="z-index:1;">@tsutayabooks_official</span></a>  </div> </div> <div class="box27"><span class="box-title">STEP2.</span> <p> 該当のキャンペーン投稿に、自身のタイプをコメントしてください。<br> ※すでに対象のアカウントをフォローしている方は、STEP2のみで応募できます。 </p> </div> <div class="box27"><span class="box-title">STEP3.</span> <p> 応募完了！<br /> ご当選者様には、フォローいただいた蔦屋書店公式アカウントよりダイレクトメッセージにて当選連絡をいたします。<br> ※ダイレクトメッセージを受信できる状態でキャンペーンにご応募ください。 </p> <p>*<a href="#caution" class="s_scroll"><u>注意事項</u></a>をご確認の上ご応募ください。</p> </div> <div class="snsbar">キャンペーン応募期間</div> <p> 2024年10月25日(金)～11月24日(日) </p> <div class="snsbar">当選者発表</div> <p> 厳正なる抽選を行い、2024年11月末までに、当選者を決定いたします。<br> 当選者さまには、蔦屋書店　公式アカウント(Instagram：@tsutayabooks)よりダイレクトメッセージにて、当選連絡および商品発送先確認のご連絡をいたします。 </p> <div id="caution" class="snsbar">注意事項</div> <p> ・ご応募にはInstagramのアカウントが必要となります。<br> ・当選発表時に、ご応募いただいたアカウントが削除されている場合や、当アカウントのフォローを解除されている場合、ダイレクトメッセージ受信拒否設定をされている場合は当選権利が無効となります。<br> ・アカウントを非公開に設定されている場合、投稿を確認することができないため、本キャンペーンにはご応募いただけません。<br> ・抽選結果に関するお問い合わせにはお答えいたしかねますので、あらかじめご了承ください。<br> ・当選の権利は当選されたご本人にのみ帰属し、第三者への譲渡、転売、換金が判明した場合、当選を無効とさせていただきます。<br> ・本キャンペーンに関するインターネット接続料及び通信費はお客様のご負担となります。<br> ・本キャンペーンのご応募に関する要綱及び事務局への運営方法について一切の異議はお受けいたしかねますので、あらかじめご了承ください。<br> ・本キャンペーン及び当サイトの利用により発生したトラブル・損害に関しては、弊社は一切の責任を負いかねますので、あらかじめご了承ください。<br> ・キャンペーンについての投稿を含む、応募者のInstagram上での発言内容や、それにかかわるトラブルに関しては、弊社は一切の責任を負いかねますので、あらかじめご了承ください。<br> ・当選者様の住所、転居先が不明、長期不在等で当選賞品がお届けできない場合、当選を無効とさせていただきます。<br> ・本キャンペーンはMeta社の提供・協賛によるものではありません。 </p> </div> <div class="store" id="storelist"> <h3 style="border-bottom: 0;">開催店舗</h3> <ul class="flex"> <li><a href="https://www.hakodate-t.com/" target="_blank">函館蔦屋書店</a></li> <li><a href="https://ebetsu-t.com/" target="_blank">江別蔦屋書店</a></li> <li><a href="https://store-tsutaya.tsite.jp/store/detail?storeId=0620" target="_blank">蔦屋書店多賀城市立図書館</a></li> <li><a href="/urawa/" target="_blank">浦和蔦屋書店</a></li> <li><a href="https://store-tsutaya.tsite.jp/store/detail?storeId=1548" target="_blank">幕張蔦屋書店</a></li> <li><a href="/kashiwanoha/" target="_blank">柏の葉蔦屋書店</a></li> <li><a href="/shonan/" target="_blank">湘南蔦屋書店</a></li> <li><a href="https://store-tsutaya.tsite.jp/store/detail?storeId=1982" target="_blank">蔦屋書店海老名市立中央図書館</a></li> <li><a href="/roppongi/" target="_blank">六本木蔦屋書店</a></li> <li><a href="/nakameguro/" target="_blank">中目黒蔦屋書店</a></li> <li><a href="/ginza/" target="_blank">銀座蔦屋書店</a></li> <li><a href="/futakotamagawa/" target="_blank">二子玉川蔦屋家電</a></li> <li><a href="/haneda-airport/" target="_blank">羽田空港蔦屋書店</a></li> <li><a href="/daikanyama/" target="_blank">代官山蔦屋書店</a></li> <li><a href="/nagoya-minato/" target="_blank">名古屋みなと蔦屋書店</a></li> <li><a href="/kyoto-okazaki/" target="_blank">京都岡崎蔦屋書店</a></li> <li><a href="/kyoto/" target="_blank">京都蔦屋書店</a></li> <li><a href="/umeda/" target="_blank">梅田蔦屋書店</a></li> <li><a href="/hirakata/" target="_blank">枚方蔦屋書店</a></li> <li><a href="/nara/" target="_blank">奈良蔦屋書店</a></li> <li><a href="https://store-tsutaya.tsite.jp/store/detail?storeId=6008" target="_blank">蔦屋書店和歌山市民図書館</a></li> <li><a href="https://store-tsutaya.tsite.jp/store/detail?storeId=6513" target="_blank">蔦屋書店高梁市図書館</a></li> <li><a href="/hiroshima/" target="_blank">広島蔦屋書店</a></li> <li><a href="https://edion-tsutaya-electrics.jp/hiroshima/" target="_blank">エディオン蔦屋家電</a></li> <li><a href="/ropponmatsu/" target="_blank">六本松蔦屋書店</a></li> <li><a href="/kyudai-ito/" target="_blank">九大伊都蔦屋書店</a></li> <li><a href="https://store-tsutaya.tsite.jp/store/detail?storeId=7713" target="_blank">蔦屋書店武雄市図書館</a></li> <li><a href="https://store-tsutaya.tsite.jp/store/detail?storeId=8317" target="_blank">蔦屋書店延岡エンクロス店</a></li> </ul> </div> <style type="text/css">h3 { padding-bottom: 10px; font-size: 1.4rem; border-bottom: 2px solid #ccc; } h4 { margin: 20px 0 10px; padding: 5px 0; font-size: 1.2rem; text-align: center; } h4 span { padding: 0 55px; font-size: 1.2rem; display: inline-block; position: relative; } h4 span:before, h4 span:after { content: ''; width: 50px; height: 1px; background-color: #ccc; display: inline-block; position: absolute; top: 50%; } h4 span:before { left: 0; } h4 span:after { right: 0; } h5 { margin: 0; font-size: 1.0rem; text-align: center; } ul, li { list-style:none; } .mincho { /*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", serif;*/ font-family: "Cormorant Infant", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; } .flex { display: flex; } .text-left { text-align:left; } .text-center { text-align:center; } .text-right { text-align:right; } .blk { margin-bottom: 80px; } .img-box img { width:100% } .page_link { width: 70%; margin: 0 auto 80px; padding: 30px; background-color: #efefef; } .link-underbar { color: #000; position: relative; } .link-underbar::before { content: "- "; } .link-underbar::after { display: block; content: ''; height: 1px; position: absolute; bottom: -1px; left: 50%; width: 0; background: #fff; transition: 0.3s ease; transform: translateX(-50%); } .link-underbar:hover { transition: 0.3s ease; } .link-underbar:hover::after { width: 100%; transition: 0.3s ease; } .type16 li { width: 23.5%; } .type16 .sub_1 { margin: 7px 0 0; } .type16 .sub_1, .type16 .sub_2, .type16 .sub_3 { margin-bottom: 4px; line-height: 1.6; } .sub_1::before, .sub_2::before, .sub_3::before { margin: 0 8px 0 0; padding: 6px; color: #fff; font-size: 0.7rem; } .clr01 .sub_1::before, .clr01 .sub_2::before, .clr01 .sub_3::before { background-color: #a675a5; } .clr02 .sub_1::before, .clr02 .sub_2::before, .clr02 .sub_3::before { background-color: #7bc278; } .clr03 .sub_1::before, .clr03 .sub_2::before, .clr03 .sub_3::before { background-color: #5ec2c6; } .clr04 .sub_1::before, .clr04 .sub_2::before, .clr04 .sub_3::before { background-color: #e7b532; } .clr01 .sub_1::before, .clr02 .sub_1::before, .clr03 .sub_1::before, .clr04 .sub_1::before { content: "題名"; } .clr01 .sub_2::before, .clr02 .sub_2::before, .clr03 .sub_2::before, .clr04 .sub_2::before { content: "著者"; } .clr01 .sub_3::before, .clr02 .sub_3::before, .clr03 .sub_3::before, .clr04 .sub_3::before { content: "出版社"; } .clr01 h4, .clr01 h5 { color: #fff; background-color: #a675a5; } .clr02 h4, .clr02 h5 { color: #fff; background-color: #7bc278; } .clr03 h4, .clr03 h5 { color: #fff; background-color: #5ec2c6; } .clr04 h4, .clr04 h5 { color: #fff; background-color: #e7b532; } .snsbar { margin: 30px 0 10px; padding: 5px 10px; font-size: 1.0rem; font-weight: 600; line-height: 2; background-color: #edecec; } #sns .flex .img-box { width: 45%; } #sns .flex p { width: 50%; } .bb-bookblock { width: calc(100% - 40px); margin: 0 auto; position: relative; -webkit-perspective: 1300px; perspective: 1300px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .bb-page { position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-property: -webkit-transform; transition-property: transform; } .bb-vertical .bb-page { width: 50%; height: 100%; left: 50%; -webkit-transform-origin: left center; transform-origin: left center; } .bb-horizontal .bb-page { width: 100%; height: 50%; top: 50%; -webkit-transform-origin: center top; transform-origin: center top; } .bb-page > div, .bb-outer, .bb-content, .bb-inner { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .bb-vertical .bb-content { width: 200%; } .bb-horizontal .bb-content { height: 200%; } .bb-page > div { width: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .bb-vertical .bb-back { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .bb-horizontal .bb-back { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .bb-outer { width: 100%; overflow: hidden; z-index: 999; } .bb-overlay, .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; } .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.2); } .bb-bookblock.bb-vertical > div.bb-page:first-child, .bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .bb-bookblock.bb-horizontal > div.bb-page:first-child, .bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } /* Content display */ .bb-content { background: #fff; } .bb-vertical .bb-front .bb-content { left: -100%; } .bb-horizontal .bb-front .bb-content { top: -100%; } /* Flipping classes */ .bb-vertical .bb-flip-next, .bb-vertical .bb-flip-initial { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .bb-vertical .bb-flip-prev { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .bb-horizontal .bb-flip-next, .bb-horizontal .bb-flip-initial { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .bb-horizontal .bb-flip-prev { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .bb-vertical .bb-flip-next-end { -webkit-transform: rotateY(-15deg); transform: rotateY(-15deg); } .bb-vertical .bb-flip-prev-end { -webkit-transform: rotateY(-165deg); transform: rotateY(-165deg); } .bb-horizontal .bb-flip-next-end { -webkit-transform: rotateX(15deg); transform: rotateX(15deg); } .bb-horizontal .bb-flip-prev-end { -webkit-transform: rotateX(165deg); transform: rotateX(165deg); } .bb-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; background: #fff; } /* No JS */ .no-js .bb-bookblock, .no-js ul.bb-custom-grid li { width: auto; height: auto; } .no-js .bb-item { display: block; position: relative; } .bb-custom-wrapper { width: 100%; position: relative; margin: 0 auto 40px; text-align: center; } .bb-custom-wrapper .bb-bookblock { box-shadow: 0px 10px 30px 0px rgb(81 64 49 / 60%); } .bb-custom-wrapper h3 { font-size: 1.4em; font-weight: 300; margin: 0.4em 0 1em; } .bb-custom-wrapper nav { width: 50%; height: 30px; margin: 40px auto 0; position: relative; text-align: center; display: flex; justify-content: space-between; } .bb-custom-wrapper nav a { display: inline-block; width: 30px; height: 30px; text-align: center; border-radius: 2px; background: #72b890; color: #fff; font-size: 0; margin: 2px; } .bb-custom-wrapper nav a:hover { opacity: 0.6; } .arrow { filter: invert(80%) sepia(0%) saturate(11%) hue-rotate(143deg) brightness(101%) contrast(93%); } .arrow:hover { filter: invert(50%) sepia(0%) saturate(11%) hue-rotate(143deg) brightness(101%) contrast(93%); } .arrow img { height: 100%!important; } .icon-right img, .icon-last img { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* No JS */ .no-js .bb-custom-wrapper { height: auto; } .no-js .bb-custom-content { height: 470px; } .fancybox-container { z-index: 999999; } .fancybox-slide--image { padding: 160px 0 30px!important; } .btn { width: 50%; height: 40px; margin: 20px auto; color: #333; font-size: 16px; font-weight: 700; text-align: center; text-decoration: none; line-height: 40px; border: 2px solid #ccc; outline: none; display: block; } .btn::before { content: ""; width: 7px; height: 14px; padding-right: 20px; background: url(/static_contents/site/portal-ec/img/icon/icon_arrow_more.png) no-repeat left center; display: inline-block; } .link li { width: 33%; height: 115px; background-image: url("/article_img/portal/2023/1698211727055/bg_book.png"); background-size: contain; background-repeat: no-repeat; background-position: center; } .link li a { width: 100%; height: 100%; color: #fff; text-align: center; line-height: 1.5; display: flex; justify-content: center; align-items: center; } .blk h3::before { content: "■"; margin-right: 10px; } .open { text-align: center; } .p_guest, .p_bookmark, .p_talk { width: 70%; margin: 20px auto; } .p_covers2, .p_symposium { width: 75%; margin: 20px auto; } .logo_eye { width: 55%; margin: 20px auto; } .store ul { padding: 30px; background-color: #f6f6f3; flex-wrap: wrap; justify-content: space-evenly; } .store ul::before { content:""; display: block; order:1; } .store ul::after { content:""; display: block; } .store ul h3 { width: 100%; margin: 0 0 10px; font-size: 1.2rem; } .store ul h3 span { font-size: 1.0rem; } .store ul p { margin: 0; font-size: 0.8rem; } .store ul::before, .store ul::after, .store ul li { width: 49%; } .event_info { display: none; } .box27 { position: relative; margin: 2em 0; padding: 1.0rem 1.5rem; border: solid 3px #D14B92; border-radius: 8px; } .box27 .box-title { position: absolute; display: inline-block; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #D14B92; font-weight: bold; } .box27 p { margin: 0; padding: 0; } .x_btn { height: 50px; width: 240px; margin: 0 0 0 20px; color: #FFF; font-size: 14px; text-align: center; line-height: 50px; border-radius: 7px; background-color: #333; text-decoration:none;/*下線は消す*/ display: block; } .insta_btn2{/*ボタンの下地*/ color: #FFF; border-radius: 7px; position: relative; display: block; height: 50px; width: 240px; text-align: center; font-size: 14px; line-height: 50px; background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/ overflow: hidden;/*はみ出た部分を隠す*/ text-decoration:none;/*下線は消す*/ } .insta_btn2:before{/*グラデーション②*/ content: ''; position: absolute; top: 0; left: 0; width: 100%;/*全体を覆う*/ height: 100%;/*全体を覆う*/ background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 10%, rgba(255, 77, 64, 0) 50%) no-repeat; background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 10%, rgba(255, 77, 64, 0) 50%) no-repeat; } .insta_btn2 .fa-instagram{/*アイコン*/ font-size: 35px;/*アイコンサイズ*/ position: relative; top: 4px;/*アイコン位置の微調整*/ } .insta_btn2 span {/*テキスト*/ display:inline-block; position: relative; transition: .5s } .insta_btn2:hover span{/*ホバーで一周回転*/ -webkit-transform: rotateX(360deg); -ms-transform: rotateX(360deg); transform: rotateX(360deg); } @media screen and (min-width: 769px) { .article { padding: 80px 0 0; } .bb-bookblock { height: 680.25px; } .top_img { max-width:750px; margin: 0 auto; } } @media screen and (max-width: 768px) { h4 { margin-bottom: 4px; } .catch { line-height: 1.4; } .bb-bookblock { width: 100%; height: ; } .fancybox-slide--image { padding: 30px 0!important; } .page_link { width: calc(100% - 50px); margin-top: 40px; padding: 20px 25px; } .article h2 { text-align: left!important; } .link li a { font-size: 0.6rem; } .type16 li { width: 49.5%; } h4 span:after { display: none; } #sns .flex { flex-direction: column; } #sns .flex .img-box, #sns .flex p { width: 100%; } .store { margin-bottom: 0; padding: 10px 10px 5px; } .store ul::before, .store ul::after, .store ul li { width: 100%; } } </style> <script> let windowWidth = $(window).width(); if(windowWidth <= 768){ let hh = windowWidth * 0.92 * 0.70925; $("#bb-bookblock").height(hh); }/*else{ $("#bb-bookblock").height(511); }*/ $(window).resize(function() { let windowWidth = $(window).width(); if(windowWidth <= 768){ let hh = windowWidth * 0.92 * 0.70925; $("#bb-bookblock").height(hh); }/*else{ $("#bb-bookblock").height(511); }*/ }); var Page = (function() { var config = { $bookBlock : $( '#bb-bookblock' ), $navNext : $( '#bb-nav-next' ), $navPrev : $( '#bb-nav-prev' ), $navFirst : $( '#bb-nav-first' ), $navLast : $( '#bb-nav-last' ) }, init = function() { config.$bookBlock.bookblock( { speed : 800, shadowSides : 0.8, shadowFlip : 0.7 } ); initEvents(); }, initEvents = function() { var $slides = config.$bookBlock.children(); // add navigation events config.$navNext.on( 'click touchstart', function() { config.$bookBlock.bookblock( 'next' ); return false; } ); config.$navPrev.on( 'click touchstart', function() { config.$bookBlock.bookblock( 'prev' ); return false; } ); config.$navFirst.on( 'click touchstart', function() { config.$bookBlock.bookblock( 'first' ); return false; } ); config.$navLast.on( 'click touchstart', function() { config.$bookBlock.bookblock( 'last' ); return false; } ); // add swipe events $slides.on( { 'swipeleft' : function( event ) { config.$bookBlock.bookblock( 'next' ); return false; }, 'swiperight' : function( event ) { config.$bookBlock.bookblock( 'prev' ); return false; } } ); // add keyboard events $( document ).keydown( function(e) { var keyCode = e.keyCode || e.which, arrow = { left : 37, up : 38, right : 39, down : 40 }; switch (keyCode) { case arrow.left: config.$bookBlock.bookblock( 'prev' ); break; case arrow.right: config.$bookBlock.bookblock( 'next' ); break; } } ); }; return { init : init }; })(); $(function() { // #で始まるアンカーをクリックした場合に処理 $('a.s_scroll').click(function(){ // スクロールの速度 var speed = 500; // ミリ秒 // 移動先を取得 var href= $(this).attr("href"); var target = $(href == "#" || href == "" ? 'html' : href); // 移動先を数値で取得 var position = target.offset().top - 150; $("html, body").animate({scrollTop:position}, speed, "swing"); return false; }); }); </script><script> Page.init(); </script> <div class="event_info"> <ul> <li> <span class="name">期間</span> <span class="value">2024年10月25日(金)～11月24日(日)</span> </li> </ul> </div> </div> </section> </article>  <div class="commonShare"> <p class="commonShare__ttl">SHARE</p> <div class="commonShare__list"> <div class="commonShare__item"> <a class="commonShare__a mShare" href="http://www.facebook.com/share.php?u=https://store.tsite.jp/portal/event/humanities/42774-0948350918.html" rel="nofollow noopener" target="_blank"> <div class="commonShare__icon"> <img src="/static_contents/site/tsite/img/icon/icon_share_fb_20230922.svg"> </div> </a> </div> <div class="commonShare__item"> <a class="commonShare__a mShare" href="https://twitter.com/intent/tweet?text=あなたにぴったりの本　～16Personalitiesのタイプで選んだとっておきの一冊～コンシェルジュ文庫2024&url=https://store.tsite.jp/portal/event/humanities/42774-0948350918.html" rel="nofollow noopener" target="_blank"> <div class="commonShare__icon"> <img src="/static_contents/site/tsite/img/icon/icon_share_x_20230922.svg"> </div> </a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> </div> </div>     </div> </section>  </main> <footer> <div class="footer_menu"> <div class="inner_footer_menu"> <div class="menu_info"> <ul> <li><a href="/portal/contact/">お問合わせ</a></li> <li><a href="/portal/sitemap/">サイトマップ</a></li> <li><a href="/portal/sitepolicy/">このサイトについて</a></li> <li><a href="https://www.ccc.co.jp/customer_management/privacy/" target="_blank">個人情報保護方針</a></li> </ul> </div> <ul> <li>カルチュア・コンビニエンス・クラブ株式会社　東京都公安委員会許可　第303310908618号</li> </ul> <div class="menu_copyright">©Culture Convenience Club Co.,Ltd.</div> </div> </div> </footer> </body> </html>

CINXE.COM

あなたにぴったりの本 ～16Personalitiesのタイプで選んだとっておきの一冊～ コンシェルジュ文庫2024 | イベント一覧 | 蔦屋書店のイベントを横断検索 | 蔦屋書店ポータル

あなたにぴったりの本　～16Personalitiesのタイプで選んだとっておきの一冊～コンシェルジュ文庫2024 | イベント一覧 | 蔦屋書店のイベントを横断検索 | 蔦屋書店ポータル