CINXE.COM
バックヤードフェス2019 | BACKYARD FES.2019 | バックヤードが主役のイベント
<!DOCTYPE html> <html dir="ltr" lang="ja" id="toppage"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <meta name="format-detection" content="telephone=no"> <title>バックヤードフェス2019 | BACKYARD FES.2019 | バックヤードが主役のイベント</title> <meta name="description" content="ECのドキドキ感をリアルに感じる、バックヤードが主役のイベント。2019年9月20日・21日、二子玉川ライズ中央広場にて。" /> <meta name="keywords" content="バックヤード,フェス,アイル,クロスモール,ネットショップ" /> <meta property="og:title" content="BACKYARD FES.2019 | バックヤードが主役のイベント"> <meta property="og:type" content="website"> <meta property="og:url" content="https://cross-mall.jp/backyard_fes_2019/"> <meta property="og:locale" content="ja_JP"> <meta property="og:image" content="https://cross-mall.jp/backyard_fes_2019/img/common/key_img.jpg"> <meta property="og:site_name" content="BACKYARD FES.2019"> <meta property="og:description" content="ECのドキドキ感をリアルに感じる、バックヤードが主役のイベント。2019年9月20日・21日、二子玉川ライズ中央広場にて。"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <link rel="canonical" href="https://cross-mall.jp/backyard_fes_2019/" /> <link href="img/common/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <script> (function(d) { var config = { kitId: 'yab6eve', scriptTimeout: 3000, async: false }, h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s) })(document); </script> <link href="https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap" rel="stylesheet"> <link rel="stylesheet" href="style.css" /> <script src="https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery.easing@1.4.1/jquery.easing.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery-scrollify@1/jquery.scrollify.min.js"></script> <script src="js/ofi.min.js"></script> <script src="js/slick.min.js"></script> <script src="js/top.js"></script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5F8ZSB9');</script> <!-- End Google Tag Manager --> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5F8ZSB9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="visual"> <div class="visual_image"> <img src="img/top/visual.gif" alt="BACKYARD FES.2019"> </div> <div class="mouseon_panels"> <div class="mouseon_panel" id="mouseon_menu_market"> <a href="market/"><img src="img/top/market_visual.png" alt=""></a> </div> <div class="mouseon_panel" id="mouseon_menu_pay"> <a href="pay/"><img src="img/top/pay_visual.png" alt=""></a> </div> <div class="mouseon_panel" id="mouseon_menu_talk"> <a href="talk/"><img src="img/top/talk_visual.png" alt=""></a> </div> <div class="mouseon_panel" id="mouseon_menu_award"> <a href="award/"><img src="img/top/award_visual.png" alt=""></a> </div> <div class="mouseon_panel" id="mouseon_menu_party"> <a href="party/"><img src="img/top/party_visual.png" alt=""></a> </div> <div class="mouseon_panel" id="mouseon_menu_partner"> <a href="sponsor/"><img src="img/top/visual.gif" alt=""></a> </div> </div> </div> <div id="thankyou"> <div class="orverlay"></div> <div class="thankyou-content"> <div class="thankyou-head"> <div class="thankyou-logo"><img src="./img/thankyou/txt_thankyou.png" alt="Thank You!!"></div> <div class="thankyou-title"> <p>BACKYARD FES.</p> <p>2019 FIN!</p> <p>SEE YOU NEXT TIME!</p> </div> <div class="thankyou-head-middle-boder"></div> <div class="thankyou-head-bottom-boder"></div> </div> <div class="thankyou-body"> <div class="thankyou-body-left"> <div class="thankyou-message"> <p>たくさんのご来場ありがとうございました。</p> <p>出会った人をワクワクドキドキ心から楽しませ、<br />温かな気持ちにしてくれる、バックヤードの<br />「笑顔」と「思い」。今回も会場中に笑顔が<br />あふれる2日間となりました。</p> <p>また次回お会いしましょう!</p> <p>バックヤードの皆様に感謝を込めて。</p> </div> <div class="thankyou-link js-animate"> <a href="https://vimeo.com/361591244" onClick="ga(‘send’,‘event’,‘link’,‘click’,‘https://vimeo.com/361591244’,‘1’);" target="_blank">PLAY MOVIE</a> <!-- <a href="https://vimeo.com/361591244" target="_blank">PLAY MOVIE</a> --> </div> </div> <div class="thankyou-body-right"> <div class="thankyou-barcode"> <img src="./img/thankyou/img_code.png" alt="barcode"> </div> <div class="thankyou-recycle"> <img src="./img/thankyou/img_mark01.png" alt="recycle"> </div> <div class="thankyou-solar"> <img src="./img/thankyou/img_mark02.png" alt="solar"> </div> </div> </div> </div> </div> <div id="container"> <section class="panel"> <h1 class="intro_image"><img src="img/top/intro.png" alt=""><div class="access_link"><a href="http://www.rise.sc/access/" target="_blank"></a></div></h1> <div class="parts_intro"><img src="img/top/parts_intro.png" alt=""></div> </section> <section class="panel"> <div class="concept_wrap"> <div class="concept_inner"> <h2 class="h_by_red">CONCEPT コンセプト</h2> <div class="inner"> <div class="top_concept_head"><span><img src="img/top/parts_box.gif"></span>CONCEPT</div> <div class="top_concept_text"> <p>今、買い物は可能性が無限に広がっている。<br> Eコマースを中心にして世界はどんどん変わっている。どうやって技術が進んでもそれを支えるのは、変わらず<span class="by">「人」</span>だ。<br> お店には必ず、注文対応する人、商品を出荷する人、販売を支える人たちがいる。普段、その人たちには光はあたらない。だからこそ、1年に1度みんなでお祭りをしたいと思う。みんな集まって、普段会えない人と会って、体験をして、商品に出会ってドキドキしよう。</p> </div> </div> </div> </div> <div class="parts_concept"><img src="img/top/parts_concept.png" alt=""></div> <div class="parts_concept02"><img src="img/top/parts_concept02.png" alt=""></div> </section> <section class="panel"> <div class="ticket_wrap"> <div class="ticket"> <img src="img/top/ticket.png" class="bg_ticket"> <ul class="ticket_link"> <li><a href="market/" id="menu_market"><span class="checkbox"></span><span class="menu">01.MARKET</span></a></li> <li><a href="pay/" id="menu_pay"><span class="checkbox"></span><span class="menu">02.PAY EXPERIENCE</span></a></li> <li><a href="talk/" id="menu_talk"><span class="checkbox"></span><span class="menu">03.TALK SESSION</span></a></li> <li><a href="award/" id="menu_award"><span class="checkbox"></span><span class="menu">04.BACKYARD AWARD</span></a></li> <li><a href="party/" id="menu_party"><span class="checkbox"></span><span class="menu">05.BACKYARD PARTY</span></a></li> <li><a href="sponsor/" id="menu_partner"><span class="checkbox"></span><span class="menu">06.PARTNER</span></a></li> </ul> </div> </div> <ul class="sp_con_menu"> <li> <a href="market/"> <div class="menu_image"> <img src="img/top/market_visual.png"> </div> <div class="menu_link"><span class="checkbox"></span><span class="menu">01.MARKET</span></div> </a> </li> <li> <a href="pay/"> <div class="menu_image"> <img src="img/top/pay_visual.png"> </div> <div class="menu_link"><span class="checkbox"></span><span class="menu">02.PAY EXPERIENCE</span></div> </a> </li> <li> <a href="talk/"> <div class="menu_image"> <img src="img/top/talk_visual.png"> </div> <div class="menu_link"><span class="checkbox"></span><span class="menu">03.TALK SESSION</span></div> </a> </li> <li> <a href="award/"> <div class="menu_image"> <img src="img/top/award_visual.png"> </div> <div class="menu_link"><span class="checkbox"></span><span class="menu">04.BACKYARD AWARD</span></div> </a> </li> <li> <a href="party/"> <div class="menu_image"> <img src="img/top/party_visual.png"> </div> <div class="menu_link"><span class="checkbox"></span><span class="menu">05.BACKYARD PARTY</span></div> </a> </li> <li class="menu_sponsor"> <a href="sponsor/"> <div class="menu_image"> <img src="img/top/visual.gif"> </div> <div class="menu_link"><span class="checkbox"></span><span class="menu">06.PARTNER</span></div> </a> </li> </ul> <footer id="footer"> <p>主催:株式会社アイル / CROSS MALL <span class="footer_logo"><img src="img/common/ill_logo.png" alt="株式会社アイル"></span></p> <p id="copyright">Copyright I'll inc. All rights reserved.</p> </footer> </section> </div> <script> setTimeout(function(){ $(".thankyou-link").addClass("is-visible"); },4000); </script> </body> </html>