MAKUHARI MESSE - Japan's one of the largest convention center.

<!DOCTYPE html> <html lang="ja" dir="ltr" class="en"> <head> <meta charset="utf-8">  <title>MAKUHARI MESSE - Japan's one of the largest convention center.</title> <meta name="description" content="Makuhari Messe is Japan's one of the largest convention center located in Makuhari New City area of Chiba-city, Chiba. Makuhari NewMesse holds variety of events throughout the year."/> <meta name="keywords" content="Makuhari Messe,messe,convention center"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0" /> <meta name="format-detection" content="telephone=no"> <link rel="shortcut icon" href="/static/images/favicon.ico"> <link type="text/css" href="/static/css/all.css" rel="stylesheet"> <link type="text/css" href="/static/css/slick.css" rel="stylesheet" /> <link type="text/css" href="/static/css/common.css" rel="stylesheet" /> <link type="text/css" href="/static/css/zoom.css" rel="stylesheet" /> <script src="/static/js/jquery.js" type="text/javascript"></script> <script src="/static/js/jquery.cookie.js" type="text/javascript"></script> <script src="/static/js/jquery.textresizer.min.js" type="text/javascript"></script> <script src="/static/js/slick.min.js" type="text/javascript"></script> <script src="/static/js/zoom.js" type="text/javascript"></script> <script src="/static/js/common.js" type="text/javascript"></script> <script src="https://api.welltool.site/js/hptrs.js?lang=en"></script> <link type="text/css" href="/static/css/top.css" rel="stylesheet" /> <link type="text/css" href="/static/css/slick.css" rel="stylesheet" /> <script src="/static/js/slick.min.js" type="text/javascript"></script> <link rel="icon" href="/static/images/favicon.ico">   <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-NDRMJ3X5');</script>  <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-34642028-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <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','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-54885777-1', 'auto'); ga('require', 'displayfeatures'); ga('send', 'pageview'); ga('create', 'UA-59720319-1', 'auto', {'name': 'newTracker'}); ga('newTracker.send', 'pageview'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-3H2PRV7QTE"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3H2PRV7QTE'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-905979551"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-905979551'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-10990139613"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-10990139613'); </script>  </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NDRMJ3X5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v13.0" nonce="JEl3Cfrh"></script> <div id="container" class="general"> <header> <div class="usability"> <div class="translation">The display language will be translated automatically.</div> <div class="fontsize"> <p>Zoom</p> <ul> <li><a href="javascript:void(0);" onclick="FontSizeChange(-chWidth);" class="minus"><i class="fas fa-angle-down"></i></a></li> <li><a href="javascript:void(0);" onclick="FontSizeChange(0)" class="reset">Default</a></li> <li><a href="javascript:void(0);" onclick="FontSizeChange(chWidth);" class="plus"><i class="fas fa-angle-up"></i></a></li> </ul> </div> <div class="sitecolor"> <p>Color</p> <ul> <li><span class="colorN">Default</span></li> <li><span class="colorB">Blue</span></li> <li><span class="colorY">Yellow</span></li> <li><span class="colorK">Black</span></li> </ul> </div> </div> <div class="headerInr clear"> <div class="logo"><a href="/en/"><img src="/static/images/common/logo_en.svg" alt="MAKUHARI MESSE"></a></div> <div class="subNav"> <div class="subNavInr01"> <div class="english"><a href="/"><i class="fas fa-globe"></i>Japanese</a></div> <div class="searchBox"> <script async src="https://cse.google.com/cse.js?cx=000568202280600523976:hbrxjvss3_w"></script> <div class="gcse-searchbox-only"></div> </div> </div> <ul class="subNavInr02"> <li class="generalNav"><a href="/en/">Visitors<span>TOP</span></a></li> <li class="businessNav"><a href="/en/organizers/">Business<span>TOP</span></a></li> </ul> </div> </div> </header> <div id="nav-drawer" class="header_nav"> <input id="nav-input" type="checkbox" class="nav-unshown"> <label id="nav-open" class="menuBox" for="nav-input"><span class="menuBtn"></span></label> <label class="nav-unshown" id="nav-close" for="nav-input"></label> <div id="nav-content"> <div class="nav-continr clear"> <div class="language_change"><a href="/"><i class="fas fa-globe"></i>Japanese</a></div> <nav class="globalNav"> <div class="generalNavTit spShow"><a href="/en/">For Visitors TOP</a></div> <ul class="navList generalNav"> <li class="news spShow"><a href="/en/information/"><span>News for visitors</span></a></li> <li class="event"><a href="/en/event/"><div class="icon"><img src="/static/images/common/icon_event.svg" alt="Event Calendar"></div><span>Event Calendar</span></a></li> <li class="access"><a href="/en/access/" class="hvArea"><div class="icon"><img src="/static/images/common/icon_access.svg" alt="Directions"></div><span>Directions</span></a> <ul class="navInr clear"> <li><a href="/en/access/#mapGoogle"> <p>Google map</p> </a></li> <li><a href="/en/access/#mapMakuhari"> <p>Neighborhood Map</p> </a></li> <li><a href="/en/access/#train"> <p>By Train</p> </a></li> <li><a href="/en/access/#bus"> <p>By Bus</p> </a></li> <li><a href="/en/access/#airport"> <p>From Airport</p> </a></li> <li><a href="/en/access/#car"> <p>By Car</p> </a></li> <li><a href="/en/access/#return"> <p>Bus stop at main traffic terminal</p> </a></li> </ul> </li> <li class="facility"><a href="/en/facility/" class="hvArea"><div class="icon"><img src="/static/images/common/icon_facility.svg" alt="Facilities"></div><span>Facilities</span></a> <ul class="navInr clear"> <li><a href="/en/facility/movie"> <p>Facility Guide Movie</p> </a></li> <li><a href="/en/facility/#floorMap"> <p>Floormap</p> </a></li> <li><a href="/en/facility/#service"> <p>Services</p> </a></li> <li><a href="/en/facility/shopping#restaurant"> <p>Restaurants</p> </a></li> <li><a href="/en/facility/shopping#store"> <p>Shops</p> </a></li> </ul> </li> <li class="barrierfree"><a href="/en/barrierfree/"><div class="icon"><img src="/static/images/common/icon_barrier.svg" alt="Barrier Free"></div><span>Accessibility</span></a></li> <li class="cityguide"><a href="/en/cityguide/"><div class="icon"><img src="/static/images/common/icon_city.svg" alt="City Guide"></div><span>City Guide</span></a> <ul class="navInr clear"> <li><a href="/en/cityguide/#hotel"> <p>Official Hotels</p> </a></li> <li><a href="/en/cityguide/#guide"> <p>Shop/Dine/Leisure</p> </a></li> <li><a href="/en/cityguide/#mealticket"> <p>Makuhari Messe Meal Ticket</p> </a></li> </ul> </li> <li class="info"><a href="/en/faq/"><div class="icon"><img src="/static/images/common/icon_faq.svg" alt="Q&A"></div><span>Q&A</span></a></li> </ul> <div class="businessNavTit spShow"><a href="/en/organizers/">Business TOP</a></div> <ul class="navList businessNav"> <li class="news spShow"><a href="/en/organizers/information/"><span>News for Business</span></a></li> <li class="guide"><a href="/en/organizers/guide/" class="hvArea"><div class="icon"><img src="/static/images/common/icon_guide.svg" alt="Facilities"></div><span>Facilities</span></a> <ul class="navInr clear"> <li><a href="/en/organizers/guide/#biz_movie"><p>Facility Guide Movie</p></a></li> <li><a href="/en/organizers/guide/exhibitionhall/guide_exibition1-8.html"> <p>International Exhibition Hall 1-8</p> </a></li> <li><a href="/en/organizers/guide/exhibitionhall/guide_exibition9-11.html"> <p>International Exhibition Hall 9-11</p> </a></li> <li><a href="/en/organizers/guide/conferencehall/guide_conference.html"> <p>International Conference Hall</p> </a></li> <li><a href="/en/organizers/guide/conferencehall/layout.html"> <p>　- Layout Example</p> </a></li> <li><a href="/en/organizers/guide/eventhall/guide_eventhall.html"> <p>Makuhari Event Hall</p> </a></li> <li><a href="/en/organizers/guide/cooperation.html"> <p>Coordinated use of multiple facilities (Example)</p> </a></li> </ul> </li> <li class="application"><a href="/en/organizers/application/" class="hvArea"><div class="icon"><img src="/static/images/common/icon_application.svg" alt="Application Procedure"></div><span>Application Procedure</span></a> <ul class="navInr clear"> <li><a href="/en/organizers/application/#exibition"> <p>International Exhibition Hall</p> </a></li> <li><a href="/en/organizers/application/#conference"> <p>International Conference Hall</p> </a></li> <li><a href="/en/organizers/application/#eventhall"> <p>Makuhari Event Hall</p> </a></li> </ul> </li> <li class="support"><a href="/en/organizers/support/" class="hvArea"><div class="icon"><img src="/static/images/common/icon_support.svg" alt="Support"></div><span>Support</span></a> <ul class="navInr clear"> <li><a href="/en/organizers/support/layout/"><p>Download</p></a></li> <li><a href="/en/organizers/support/meal_ticket"><p>Makuhari Messe Meal Ticket</p></a></li> </ul> </li> <li class="company"><div class="hvArea"><div class="icon"><img src="/static/images/common/icon_company.svg" alt="Support"></div><span>Company</span></div> <ul class="navInr clear"> <li><a href="/en/organizers/company/profile"><p>Company Outline</p></a></li> <li><a href="/en/organizers/company/balancesheet"><p>Use Performance</p></a></li> <li><a href="/en/organizers/company/csr"><p>CSR</p></a></li> </ul> </li> <li class="privacypolicy"><a href="/en/privacy/"><div class="icon"><img src="/static/images/common/icon_privacy.svg" alt="Conpany"></div><span>Privacy Policy</span></a></li> <li class="contact"><a href="/en/organizers/contact/"><div class="icon"><img src="/static/images/common/icon_contact.svg" alt="Contact Us"></div><span>Contact Us</span></a></li> </ul> </nav> </div> </div> <div class="menuCover"><label for="nav-input" class="menuCoverLabel"></label></div> </div> <div class="general_top"> <section class="catchCont"> <div class="mainCatch"> <ul class="mainSlider"> <li class="slide"><img src="/static/images/top/main_slide01.jpg" alt="slide01"></li> <li class="slide"><img src="/static/images/top/main_slide02.jpg" alt="slide02"></li> </ul> <h1 class="catchcopy">Start your future</h1> </div> <div class="topInfo"> <div class="title">News</div> <ul> <li> <a href="https://www.m-messe.co.jp/en/information/detail/1927"> <dl> <dt>2024.04.16 </dt> <dd>Restaurant「Royal Garden Court」Temporarily Closed for Renovation</dd> </dl> </a> </li> <li> <a href="https://www.m-messe.co.jp/en/information/detail/1921"> <dl> <dt>2024.01.17 </dt> <dd>Information on Expressway bus service for Events</dd> </dl> </a> </li> <li> <a href="https://www.m-messe.co.jp/en/information/detail/1912"> <dl> <dt>2023.10.16 </dt> <dd>Information on Expressway bus service for Events(15.Nov-17.Nov)</dd> </dl> </a> </li> <li> <a href="https://www.m-messe.co.jp/en/information/detail/1906"> <dl> <dt>2023.10.03 </dt> <dd>Information on Expressway bus service for Events(25.Nov-27.Nov)</dd> </dl> </a> </li> <li> <a href="https://www.m-messe.co.jp/en/information/detail/1899"> <dl> <dt>2023.09.08 </dt> <dd>Information on Expressway bus service for Events(17.Oct-20.Oct)</dd> </dl> </a> </li> </ul> <div class="moreBtn"><a href="/en/information/" class="fas fa-angle-right">See List</a></div> </div> </section> <section class="eventCont topCont"> <div class="contInr"> <h2>Event Calendar</h2> <ul class="eventSlider"> <li class="slide clear"><a href="/en/event/detail/7986"> <div class="leftCont"> <div class="thumb"> <img src="/saved/images/event/12/94/731070dc17e235e169d5da50cf38dc321d4c1294.png"> </div> </div> <div class="rightCont"> <div class="date"> 2025.02.26(水) </div> <div class="eventTit">NJPW PRESENTS CMLL FANTASTICA MANIA 2025<br /> </div> </div> </a> </li> <li class="slide clear"><a href="/en/event/detail/8078"> <div class="leftCont"> <div class="thumb"> <img src="/saved/images/event/5c/7f/a0fb89b2fd0322c40bd4a5dd92439131de8a5c7f.jpg"> </div> </div> <div class="rightCont"> <div class="date"> 2025.03.05(水) 〜 2025.03.07(金) </div> <div class="eventTit">Grinding Technology Japan 2025<br /> </div> </div> </a> </li> <li class="slide clear"><a href="/en/event/detail/8077"> <div class="leftCont"> <div class="thumb"> <img src="/saved/images/event/21/18/743b43c12dd6ee66370e832234ddfe3102352118.jpg"> </div> </div> <div class="rightCont"> <div class="date"> 2025.03.05(水) 〜 2025.03.07(金) </div> <div class="eventTit">SiC,GaN Machining Technology Exhibition 2025<br /> </div> </div> </a> </li> <li class="slide clear"><a href="/en/event/detail/8020"> <div class="leftCont"> <div class="thumb"> <img src="/saved/images/event/3c/81/1c8938324ba8f8efae1624e57d7de41642cb3c81.png"> </div> </div> <div class="rightCont"> <div class="date"> 2025.03.08(土) 〜 2025.03.09(日) </div> <div class="eventTit">hololive 6th fes. Color Rise Harmony <br /> </div> </div> </a> </li> <li class="slide clear"><a href="/en/event/detail/8019"> <div class="leftCont"> <div class="thumb"> <img src="/saved/images/event/a5/61/20ed9ea1dbe56faff520d5b030d1838ec678a561.png"> </div> </div> <div class="rightCont"> <div class="date"> 2025.03.08(土) 〜 2025.03.09(日) </div> <div class="eventTit">hololive SUPER EXPO 2025 Supported By BANDAI<br /> </div> </div> </a> </li> </ul> <div class="moreBtn"><a href="/en/event/" class="fas fa-angle-right">See List</a></div> </div> </section> <section class="accessCont topCont"> <div class="contInr"> <h2>Directions</h2> <ul class="btnList"> <li><a href="/en/access/#train"> <div class="thumb"><img src="/static/images/top/thumb_access01.png"></div> <p class="fas fa-angle-right">By Train</p> </a></li> <li><a href="/en/access/#airport"> <div class="thumb"><img src="/static/images/top/thumb_access03.png"></div> <p class="fas fa-angle-right">From Airport</p> </a></li> <li><a href="/en/access/#car"> <div class="thumb"><img src="/static/images/top/thumb_access02.png"></div> <p class="fas fa-angle-right">By Car</p> </a></li> </ul> </div> </section> <section class="facilityCont topCont"> <div class="contInr"> <h2>Facilities</h2> <ul class="btnList"> <li><a href="/en/facility/movie"> <div class="thumb"><img src="/static/images/top/thumb_facility01.png"></div> <p class="fas fa-angle-right">Facility Guide Movie</p> </a></li> <li><a href="/en/facility/"> <div class="thumb"><img src="/static/images/top/thumb_facility02.png"></div> <p class="fas fa-angle-right">Floormap</p> </a></li> <li><a href="/en/barrierfree/"> <div class="thumb"><img src="/static/images/top/thumb_barrierfree.png"></div> <p class="fas fa-angle-right">Accessibility</p> </a></li> </ul> </div> </section> <section class="cityCont topCont"> <div class="contInr"> <h2>City Guide</h2> <ul class="btnList tx_small"> <li><a href="/en/cityguide/#hotel"> <div class="thumb"><img src="/static/images/top/thumb_city01.png"></div> <p class="fas fa-angle-right">Official Hotels</p> </a></li> <li><a href="/en/cityguide/#guide"> <div class="thumb"><img src="/static/images/top/thumb_city03.png"></div> <p class="fas fa-angle-right">Shop/Dine/Leisure</p> </a></li> <li><a href="/en/cityguide/#mealticket"> <div class="thumb"><img src="/static/images/top/thumb_support03.png"></div> <p class="fas fa-angle-right">Makuhari Messe Meal Ticket</p> </a></li> </ul> </div> </section> <section class="faqCont topCont"> <div class="contInr"> <h2>Q&A</h2> <ul class="faqList"> <li><a href="/en/faq/#access"> <p class="fas fa-angle-right">1.Transportation Access</p> </a></li> <li><a href="/en/faq/#event"> <p class="fas fa-angle-right">2.Events</p> </a></li> <li><a href="/en/faq/#barrierfree"> <p class="fas fa-angle-right">3.Accessibility</p> </a></li> <li><a href="/en/faq/#facility"> <p class="fas fa-angle-right">4.Services</p> </a></li> <li><a href="/en/faq/#use"> <p class="fas fa-angle-right">5.Renting/Using the Facilities</p> </a></li> <li><a href="/en/faq/#messe"> <p class="fas fa-angle-right">6.Makuhari Messe, Inc.</p> </a></li> <li><a href="/en/faq/#lost"> <p class="fas fa-angle-right">7.Lost and found items</p> </a></li> <li><a href="/en/faq/#other"> <p class="fas fa-angle-right">8.Other</p> </a></li> <li><a href="/en/faq/#contact"> <p class="fas fa-angle-right">9.For those who do not solve</p> </a></li> </ul> </div> </section> <div class="bannerCont"> <ul class="bannerList" style="justify-content:center;"> </ul> </div> <footer> <div class="footerInr"> <div class="footCont clear"> <dl class="prof"> <dt>Makuhari Messe, Inc.</dt> <dd>2-1, Nakase, Mihama-ku, Chiba-city, 261-8550 Japan<br>TEL +81-43-296-0001</dd> </dl> <div class="usability"> <div class="fontsize"> <p>Zoom</p> <ul> <li><a href="javascript:void(0);" onclick="FontSizeChange(-chWidth);" class="minus"><i class="fas fa-angle-down"></i></a></li> <li><a href="javascript:void(0);" onclick="FontSizeChange(0)" class="reset">Default</a></li> <li><a href="javascript:void(0);" onclick="FontSizeChange(chWidth);" class="plus"><i class="fas fa-angle-up"></i></a></li> </ul> </div> <div class="sitecolor"> <p>Color</p> <ul> <li><span class="colorN">Default</span></li> <li><span class="colorB">Blue</span></li> <li><span class="colorY">Yellow</span></li> <li><span class="colorK">Black</span></li> </ul> </div> </div> </div> <div class="sitemapCont"> <div class="generalCont"> <div class="categoryTop"><a href="/en" class="fas fa-angle-right">For VisitorsTOP</a></div> <div class="siteList"> <div class="siteListInr"> <dl> <dt><a href="/en/information/">News for visitors</a></dt> </dl> <dl> <dt><a href="/en/event/">Event Calendar</a></dt> </dl> <dl> <dt><a href="/en/access/">Directions</a></dt> <dd><a href="/en/access/#train">By Train</a></dd> <dd><a href="/en/access/#car">By Car</a></dd> <dd><a href="/en/access/#airport">From Airport</a></dd> </dl> <dl> <dt><a href="/en/facility/">Facilities</a> <dd><a href="/en/facility/movie">Facility Guide Movie</a></dd> <dd><a href="/en/facility/">Floormap, Services</a></dd> <dd><a href="/en/facility/shopping">Restaurants & Shops</a></dd> <dd><a href="/en/barrierfree/">Accessibility</a></dd> </dl> </div> <div class="siteListInr"> <dl> <dt><a href="/en/cityguide/">City Guide</a></dt> </dl> <dl> <dt><a href="/en/faq/">Q&A</a></dt> </dl> <dl> <dt><a href="https://www.facebook.com/ChibaMakuhariMesse" target="_blank" rel="noopener noreferrer">Facebook <i class="far fa-window-restore"></i></a></dt> </dl> </div> </div> </div> <div class="businessCont"> <div class="categoryTop"><a href="/en/organizers/" class="fas fa-angle-right">BusinessTOP</a></div> <div class="siteList"> <div class="siteListInr"> <dl> <dt><a href="/en/organizers/information/">News for business</a></dt> </dl> <dl> <dt><a href="/en/organizers/guide/">Facilities</a></dt> <dd><a href="/en/organizers/guide/#biz_movie">Facility Guide Movie</a></dd> <dd><a href="/en/organizers/guide/exhibitionhall/guide_exibition1-8">International Exhibition Hall 1-8</a></dd> <dd><a href="/en/organizers/guide/exhibitionhall/guide_exibition9-11">International Exhibition Hall 9-11</a></dd> <dd><a href="/en/organizers/guide/conferencehall/guide_conference">International Conference Hall</a></dd> <dd class="child"><a href="/en/organizers/guide/conferencehall/layout">Layout Example</a></dd> <dd><a href="/en/organizers/guide/eventhall/guide_eventhall">Makuhari Event Hall</a></dd> <dd><a href="/en/organizers/guide/cooperation">Coordinated use of multiple facilities (Example)</a></dd> </dl> <dl> <dt><a href="/en/organizers/application/">Application Procedure</a></dt> <dd><a href="/en/organizers/application/#exibition">International Exhibition Hall</a></dd> <dd><a href="/en/organizers/application/#conference">International Conference Hall</a></dd> <dd><a href="/en/organizers/application/#eventhall">Makuhari Event Hall</a></dd> </dl> </div> <div class="siteListInr"> <dl> <dt><a href="/en/organizers/support/">Support</a></dt> <dd><a href="/en/organizers/support/layout/">Download</a></dd> <dd><a href="/en/organizers/support/meal_ticket">Makuhari Messe Meal Ticket</a></dd> </dl> <dl> <dt><a href="/en/organizers/company/">Company</a></dt> <dd><a href="/en/organizers/company/profile">Company Outline</a></dd> <dd><a href="/en/organizers/company/balancesheet">Use Performance</a></dd> <dd><a href="/en/organizers/company/csr">CSR</a></dd> </dl> <dl> <dt><a href="/en/organizers/contact/">Contact Us</a></dt> </dl> </div> </div> </div> </div> </div> <div class="copyCont clear"> <ul class="footNav"> <li><a href="/en/agreement/">Site Policy</a></li> <li><a href="/en/privacy/">Privacy Policy</a></li> </ul> <p class="copyright">© <script type="text/javascript">myDate = new Date() ;myYear = myDate.getFullYear ();document.write(myYear);</script> Makuhari Messe.Inc</p> </div> </footer> <div class="pageTop"><a href="#container"><i class="fas fa-angle-up"></i></a></div> </div> <script type="text/javascript"> $(function() { $('.mainSlider').slick({ autoplay:true, autoplaySpeed:5000, dots:true, speed:1000, fade:true, arrows:true, pauseOnHover: false, }); }); $(function () { $('.eventSlider').slick({ autoplay:false, dots:true, speed:500, arrows:true, slidesToShow:4, slidesToScroll:4, infinite: false, responsive: [ { breakpoint: 768, settings: "unslick" }, ], }); $(window).on("resize orientationchange", function () { $(".eventSlider").slick("resize"); }); }); $(function() { // ページプラグインの埋め込みコードを返す function pagePluginCode(w) { // 幅に応じて高さを変更する場合は、変数 h に高さの値を代入 if(w > 400) { var h = 440; } else { var h = 440; } // 書き換えたStep3のコードを「return」に記述 return '<div class="fb-page" data-href="https://www.facebook.com/ChibaMakuhariMesse/" data-tabs="timeline" data-width="' + w + '" data-height="' + h + '" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/ChibaMakuhariMesse/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/ChibaMakuhariMesse/">幕張メッセ (Makuhari Messe)</a></blockquote></div>'; } // ページプラグインを追加する要素 var facebookWrap = $('.facebook-wrapper'); var fbBeforeWidth = ''; // 前回変更したときの幅 var fbWidth = facebookWrap.width(); // 今回変更する幅 var fbTimer = false; $(window).on('load resize', function() { if (fbTimer !== false) { clearTimeout(fbTimer); } fbTimer = setTimeout(function() { fbWidth = Math.floor(facebookWrap.width()); // 変更後の幅を取得し、小数点以下切り捨て // 前回の幅から変更があった場合のみ処理 if(fbWidth != fbBeforeWidth) { facebookWrap.html(pagePluginCode(fbWidth)); // ページプラグインのコード変更 window.FB.XFBML.parse(); // ページプラグインの再読み込み fbBeforeWidth = fbWidth; // 今回変更分を保存 } }, 200); }); }); </script> </div> </body> </html>

CINXE.COM

MAKUHARI MESSE - Japan's one of the largest convention center.