サポートメニュー | 幕張メッセ

<!DOCTYPE html> <html lang="ja" dir="ltr"> <head> <meta charset="utf-8">  <title>サポートメニュー | 幕張メッセ</title> <meta name="description" content="サポートメニュー | 株式会社幕張メッセ（Makuhari Messe, Inc.）は、日本のコンベンション産業のパイオニアとして、ハード・ソフト共に世界に通用する施設を目指します。"/> <meta name="keywords" content="サポートメニュー,幕張メッセ,メッセ,messe,イベント会場,イベントホール,会議場,展示場"/> <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> <link type="text/css" href="/static/css/common2.css" rel="stylesheet" /> <link type="text/css" href="/static/css/other_page.css" rel="stylesheet" /> <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="container" class="business support"> <header> <div class="usability">  <div class="fontsize"> <p>文字サイズ</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">標準</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>色合い</p> <ul> <li><span class="colorN">標準</span></li> <li><span class="colorB">青</span></li> <li><span class="colorY">黄</span></li> <li><span class="colorK">黒</span></li> </ul> </div> </div> <div class="headerInr clear"> <div class="logo"><a href="/"><img src="/static/images/common/logo.svg" alt="文化が集まる、未来が集まる幕張メッセ"></a></div> <div class="subNav"> <div class="subNavInr01"> <div class="english"><a href="/en/"><i class="fas fa-globe"></i>Language</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="/">来場者<span>TOP</span></a></li> <li class="businessNav"><a href="/organizers/">ビジネス<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="/en/"><i class="fas fa-globe"></i>Language</a></div> <nav class="globalNav"> <div class="businessNavTit spShow"><a href="/organizers/">ビジネスTOP</a></div> <ul class="navList businessNav"> <li class="news spShow"><a href="/organizers/information/"><span>ビジネスお知らせ一覧</span></a></li> <li class="guide"><a href="/organizers/guide/" class="hvArea"><div class="icon"><img src="/static/images/common/icon_guide.svg" alt="施設紹介"></div><span>施設紹介</span></a> <ul class="navInr clear"> <li><a href="/organizers/guide/#biz_movie"><p>幕張メッセ施設紹介動画</p></a></li> <li><a href="/organizers/guide/exhibitionhall/guide_exibition1-8"><p>国際展示場展示ホール1〜8</p></a></li> <li><a href="/organizers/guide/exhibitionhall/guide_exibition9-11"><p>国際展示場展示ホール9〜11</p></a></li> <li><a href="/organizers/guide/conferencehall/guide_conference"><p>国際会議場</p></a></li> <li><a href="/organizers/guide/conferencehall/layout"><p>　- レイアウト例</p></a></li> <li><a href="/organizers/guide/eventhall/guide_eventhall"><p>幕張イベントホール</p></a></li> <li><a href="/organizers/guide/cooperation"><p>複数施設の連携利用例</p></a></li> </ul> </li> <li class="application"><a href="/organizers/application/" class="hvArea"><div class="icon"><img src="/static/images/common/icon_application.svg" alt="ご利用の流れ"></div><span>ご利用の流れ</span></a> <ul class="navInr clear"> <li><a href="/organizers/application/#exibition"><p>国際展示場</p></a></li> <li><a href="/organizers/application/#conference"><p>国際会議場</p></a></li> <li><a href="/organizers/application/#eventhall"><p>幕張イベントホール</p></a></li> </ul> </li> <li class="support"><a href="/organizers/support/" class="hvArea"><div class="icon"><img src="/static/images/common/icon_support.svg" alt="サポートメニュー"></div><span>サポートメニュー</span></a> <ul class="navInr clear"> <li><a href="/organizers/support/layout/"><p>各種資料</p></a></li> <li><a href="/organizers/support/contract"><p>運営請負業務</p></a></li> <li><a href="/organizers/support/meal_ticket"><p>幕張新都心飲食共通利用券</p></a></li> <li><a href="/organizers/support/layout/#application_other"><p>高速光回線サービス</p></a></li> <li><a href="/organizers/support/#p_network"><p>ローカル5G通信サービス</p></a></li> </ul> </li> <li class="press"><a href="/organizers/support/#p_ad_press" class="hvArea"><div class="icon"><img src="/static/images/common/icon_press.svg" alt="広告・撮影"></div><span>広告・撮影</span></a> <ul class="navInr clear"> <li><a href="/organizers/adinformation/"><p>広告</p></a></li> <li><a href="/organizers/press/"><p>撮影</p></a></li> </ul> </li> <li class="contact"><a href="/organizers/contact/"><div class="icon"><img src="/static/images/common/icon_contact.svg" alt="お問い合わせ"></div><span>お問い合わせ</span></a></li> <li class="contact"><a href="/mypage/"><div class="icon"><img src="/static/images/common/icon_mypage.svg" alt="マイページ"></div><span>マイページ</span></a></li> <li class="company spShow"><div class="hvArea"><span>会社情報</span></div> <ul class="navInr clear"> <li><a href="/organizers/company/profile"><p>会社概要</p></a></li> <li><a href="/organizers/company/balancesheet"><p>決算公告資料・利用実績</p></a></li> <li><a href="/organizers/company/csr"><p>CSR</p></a></li> <li><a href="/organizers/company/recruit"><p>採用情報</p></a></li> </ul> </li> </ul> <div class="generalNavTit spShow"><a href="/">来場者TOP</a></div> <ul class="navList generalNav"> <li class="news spShow"><a href="/information/"><span>来場者お知らせ一覧</span></a></li> <li class="event"><a href="/event/"><div class="icon"><img src="/static/images/common/icon_event.svg" alt="イベントカレンダー"></div><span>イベントカレンダー</span></a></li> <li class="access"><a href="/access/" class="hvArea"><div class="icon"><img src="/static/images/common/icon_access.svg" alt="アクセス"></div><span>アクセス</span></a> <ul class="navInr clear"> <li><a href="/access/#mapGoogle"> <p>Googleマップ</p> </a></li> <li><a href="/access/#mapMakuhari"> <p>周辺マップ</p> </a></li> <li><a href="/access/#train"> <p>電車でご来場の方</p> </a></li> <li><a href="/access/#bus"> <p>バスでご来場の方</p> </a></li> <li><a href="/access/#airport"> <p>空港からご来場の方</p> </a></li> <li><a href="/access/#car"> <p>お車でご来場の方</p> </a></li> <li><a href="/access/#return"> <p>バスでお帰りの方</p> </a></li> </ul> </li> <li class="facility"><a href="/facility/" class="hvArea"><div class="icon"><img src="/static/images/common/icon_facility.svg" alt="施設案内"></div><span>施設案内</span></a> <ul class="navInr clear"> <li><a href="/facility/#floorMap"> <p>フロアマップ</p> </a></li> <li><a href="/facility/#service"> <p>館内設備</p> </a></li> <li><a href="/facility/shopping#restaurant"> <p>レストラン</p> </a></li> <li><a href="/facility/shopping#store"> <p>コンビニエンスストア</p> </a></li> </ul> </li> <li class="barrierfree"><a href="/barrierfree/"><div class="icon"><img src="/static/images/common/icon_barrier.svg" alt="バリアフリー"></div><span>バリアフリー</span></a></li> <li class="cityguide"><a href="/cityguide/"><div class="icon"><img src="/static/images/common/icon_city.svg" alt="シティガイド"></div><span>シティガイド</span></a> <ul class="navInr clear"> <li><a href="/cityguide/#hotel"> <p>オフィシャルホテル</p> </a></li> <li><a href="/cityguide/#guide"> <p>周辺ガイド</p> </a></li> <li><a href="/cityguide/#mealticket"> <p>幕張新都心飲食共通利用券</p> </a></li> </ul> </li> <li class="info"><a href="/faq/"><div class="icon"><img src="/static/images/common/icon_faq.svg" alt="Q&A"></div><span>Q&A</span></a></li> </ul> </nav> </div> </div> <div class="menuCover"><label for="nav-input" class="menuCoverLabel"></label></div> </div> <div class="pageTit"> <div class="pagetitInr"> <h1>サポートメニュー</h1> <ol class="breadCrumb" itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="/organizers"> <span itemprop="name">ビジネスTOP</span> </a> <meta itemprop="position" content="1" /> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span itemprop="name">サポートメニュー</span> <meta itemprop="position" content="2" /> </li> </ol> </div> </div> <div class="content"> <p class="common_desc ">株式会社幕張メッセの各種サポートメニューをご覧いただけます。<br>目的のコンテンツを選択してください。</p> <div class="cont_block"> <ul class="img_linklist column3"> <li class="item"> <a href="/organizers/support/layout/"> <div class="image"><img src="/static/images/top/thumb_support01.png" alt="各種資料"></div> <p class="txt01">各種資料<i class="fas fa-angle-right"></i></p> </a> </li> <li class="item"> <a href="/organizers/support/contract"> <div class="image"><img src="/static/images/top/thumb_support02.png" alt="運営請負業務"></div> <p class="txt01">運営請負業務<i class="fas fa-angle-right"></i></p> </a> </li> <li class="item"> <a href="/organizers/support/meal_ticket"> <div class="image"><img src="/static/images/top/thumb_support03.png" alt="幕張新都心飲食共通利用券"></div> <p class="txt01">幕張新都心飲食共通利用券<i class="fas fa-angle-right"></i></p> </a> </li> </ul> </div> <div class="cont_block"> <a href="#" class="" id="p_network"></a> <h2 class="border_title">通信サービス</h2> <p class="common_desc">当施設でご利用いただける各種通信サービスです。イベント運営等でご活用いただけます。</p> <ul class="img_linklist_wide"> <li class="item"> <a href="/organizers/support/layout/#application_other"> <div class="image"><img src="/static/images/organizers/support/thumb_support_network01.jpg" alt="幕張メッセ高速光回線サービス"></div> <div class="txt"> <p class="ttl">高速光回線サービス</p> <p class="desc">幕張メッセに敷設されている光ケーブルに、NT東日本が提供するフレッツ光回線を接続することにより、安定したインターネット環境が構築できます。</p> </div> </a> </li> <li class="item"> <a href="https://wireless.nuro.jp/moreve/assets/pdf/m-messe.pdf" target="_blank"> <div class="image"><img src="/static/images/organizers/support/thumb_support_network02.jpg" rel="noopener noreferrer" alt="幕張メッセローカル5G通信サービス"></div> <div class="txt"> <p class="ttl">ローカル5G通信サービス<span class="label black radius">外部サイト</span></p> <p class="desc">ソニーワイヤレスコミュニケーションズ株式会社が提供するローカル5G通信サービス「MOREVE(モアビ)」。工事不要、専用端末を設置するだけで安定した無線通信が可能に。業務用途(キャッシュレス決済端末等)でご利用ください。</p> </div> </a> </li> </ul> </div> <div class="cont_block"> <a href="#" class="" id="p_ad_press"></a> <h2 class="border_title">広告・撮影</h2> <p class="common_desc">幕張メッセの共用部を利用した各種撮影、施設内広告のご利用についてご覧いただけます。</p> <ul class="img_linklist"> <li class="item"> <a href="/organizers/adinformation/"> <div class="image"><img src="/static/images/top/thumb_press01.png" alt="広告"></div> <p class="txt01">広告<i class="fas fa-angle-right"></i></p> </a> </li> <li class="item"> <a href="/organizers/press/"> <div class="image"><img src="/static/images/top/thumb_press02.png" alt="撮影"></div> <p class="txt01">撮影<i class="fas fa-angle-right"></i></p> </a> </li> </ul> </div> <div class="blank_mg"></div> </div> <div class="bannerCont2"> <ul class="bannerList2"> <li><a href="/character/"><img src="/static/images/top/bnr_bakuharikun.png" alt="幕張メッセ公式キャラクターバクハリ君"></a></li> <li><a href="/link/"><img src="/static/images/top/bnr_link.png" alt="関連リンク"></a></li> <li><a href="https://www.ccb.or.jp/mice/" target="_blank" rel="noopener noreferrer" id="bnr_counttest"><img src="/static/images/top/bnr_ccb.png" alt="ちば国際コンベンションビューロー"></a></li> </ul> </div> <div class="bannerCont"> <ul class="bannerList"> <li><a href="https://www.makuhari-dokidoki.com/"target="_blank" onclick="ga('send','event','banner','click','1022', 1);" alt="どきどきフリマ" id="bnrcount_dokidokifurima2025"><img src="/saved/images/banner/24/70/6c19ddb8e2c3970df1d0c077362c2c96137e2470.jpg"></a></li> <li><a href="https://www.material-expo.jp/hub/ja-jp.html?utm_source=messe&utm_medium=referral&utm_campaign=FILM_sales_jp_240920"target="_blank" onclick="ga('send','event','banner','click','1017', 1);" alt="高機能素材Week（出展者募集）"><img src="/saved/images/banner/99/a9/59ef987fb7c2878c4b7eabadac489657ea5b99a9.png"></a></li> <li><a href="https://www.facebook.com/ChibaMakuhariMesse/"target="_blank" onclick="ga('send','event','banner','click','1009', 1);" alt="Facebook" id="bnrcount_facebook"><img src="/saved/images/banner/43/f0/24b20dd626c9b95a2d551d31469a6ecccd2743f0.png"></a></li> <li><a href="https://twitter.com/MakuhariMessePR"target="_blank" onclick="ga('send','event','banner','click','1010', 1);" alt="X（Twitter）" id="bnr_ga_test"><img src="/saved/images/banner/60/de/3f4777a3ee4ffa38969470ef648b4ab0b1b060de.png"></a></li> <li><a href="https://kandosha.jp/chibayoru/"target="_blank" onclick="ga('send','event','banner','click','1019', 1);" alt="千葉中央飲食プラン"><img src="/saved/images/banner/56/c1/9dd07f26dc3629bbb34d784551a974fe2d0256c1.jpg"></a></li> </ul> </div> <footer> <div class="footerInr"> <div class="footCont clear"> <dl class="prof"> <dt>株式会社幕張メッセ</dt> <dd>〒261-8550　千葉市美浜区中瀬2-1<br>TEL:043-296-0001(代)　FAX:043-296-0529</dd> </dl> <div class="usability"> <div class="fontsize"> <p>文字サイズ</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">標準</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>色合い</p> <ul> <li><span class="colorN">標準</span></li> <li><span class="colorB">青</span></li> <li><span class="colorY">黄</span></li> <li><span class="colorK">黒</span></li> </ul> </div> </div> </div> <div class="sitemapCont"> <div class="generalCont"> <div class="categoryTop"><a href="/" class="fas fa-angle-right">来場者TOP</a></div> <div class="siteList"> <div class="siteListInr"> <dl> <dt><a href="/information/">来場者お知らせ一覧</a></dt> </dl> <dl> <dt><a href="/event/">イベントカレンダー</a></dt> </dl> <dl> <dt><a href="/access/">アクセス</a></dt> <dd><a href="/access/#train">電車・バスでご来場の方</a></dd> <dd><a href="/access/#car">お車でご来場の方</a></dd> <dd><a href="/access/#airport">空港からご来場の方</a></dd> </dl> <dl> <dt><a href="/facility/">施設案内</a> <dd><a href="/facility/movie">施設紹介動画</a></dd> <dd><a href="/facility/">フロアマップ・館内設備</a></dd> <dd><a href="/facility/shopping">レストラン・コンビニエンスストア</a></dd> <dd><a href="/barrierfree/">バリアフリー</a></dd> </dl> </div> <div class="siteListInr"> <dl> <dt><a href="/cityguide/">シティガイド</a></dt> </dl> <dl> <dt><a href="/faq/">Q&A</a></dt> </dl> <dl> <dt><a href="/character/">バクハリ君</a></dt> </dl> <dl> <dt><a href="/link/">関連リンク</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="/organizers/" class="fas fa-angle-right">ビジネスTOP</a></div> <div class="siteList"> <div class="siteListInr"> <dl> <dt><a href="/organizers/information/">ビジネスお知らせ一覧</a></dt> </dl> <dl> <dt><a href="/organizers/guide/">施設紹介</a></dt> <dd><a href="/organizers/guide/#biz_movie">施設紹介動画</a></dd> <dd><a href="/organizers/guide/exhibitionhall/guide_exibition1-8">国際展示場展示ホール1〜8</a></dd> <dd><a href="/organizers/guide/exhibitionhall/guide_exibition9-11">国際展示場展示ホール9〜11</a></dd> <dd><a href="/organizers/guide/conferencehall/guide_conference">国際会議場</a></dd> <dd class="child"><a href="/organizers/guide/conferencehall/layout">レイアウト例</a></dd> <dd><a href="/organizers/guide/eventhall/guide_eventhall">幕張イベントホール</a></dd> <dd><a href="/organizers/guide/cooperation">複数施設の連携利用例</a></dd> </dl> <dl> <dt><a href="/organizers/application/">ご利用の流れ</a></dt> <dd><a href="/organizers/application/#exibition">国際展示場</a></dd> <dd><a href="/organizers/application/#conference">国際会議場</a></dd> <dd><a href="/organizers/application/#eventhall">幕張イベントホール</a></dd> </dl> </div> <div class="siteListInr"> <dl> <dt><a href="/organizers/support/">サポートメニュー</a></dt> <dd><a href="/organizers/support/layout/">各種資料</a></dd> <dd><a href="/organizers/support/contract">運営請負業務</a></dd> <dd><a href="/organizers/support/meal_ticket">幕張新都心飲食共通利用券</a></dd> <dd><a href="/organizers/support/layout/#application_other">高速光回線サービス</a></dd> <dd><a href="/organizers/support/#p_network">ローカル5G通信サービス</a></dd> <dd><a href="/organizers/adinformation/">広告</a></dd> <dd><a href="/organizers/press/">撮影</a></dd> </dl> <dl> <dt><a href="/organizers/company/">会社情報</a></dt> <dd><a href="/organizers/company/profile">会社概要</a></dd> <dd><a href="/organizers/company/balancesheet">決算公告資料・利用実績</a></dd> <dd><a href="/organizers/company/csr">CSR</a></dd> <dd><a href="/organizers/company/recruit">採用情報</a></dd> </dl> <dl> <dt><a href="/organizers/contact/">お問い合わせ</a></dt> </dl> </div> </div> </div> </div> </div> <div class="copyCont clear"> <ul class="footNav"> <li><a href="/agreement/">サイトポリシー</a></li> <li><a href="/privacy/">個人情報について</a></li> <li><a href="/security/">情報セキュリティ基本方針</a></li> <li><a href="/sns/">ソーシャルメディアポリシー</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)); // ページプラグインのコード変更 if (window.FB){ window.FB.XFBML.parse(); // ページプラグインの再読み込み } fbBeforeWidth = fbWidth; // 今回変更分を保存 } }, 200); }); }); </script> </div> </body> </html>

CINXE.COM

サポートメニュー | 幕張メッセ