CINXE.COM
アントラーズ ファミリー広場
<!DOCTYPE html> <html> <head> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'> <meta content='width=device-width, initial-scale=1.0 minimum-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport'> <meta content='#b71840' name='theme-color'> <meta content='yes' name='apple-mobile-web-app-capable'> <meta content='default' name='apple-mobile-web-app-status-bar-style'> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="NPOAC3xTZSr3G9pvnCLOaK4bulSSES55F41/v7PhjsObbGuQAemxQdmdEIzXGTOZOrrxbq0j2uxA4gkhsMkOYw==" /> <link rel="stylesheet" media="all" href="/packs/css/application-9a1cc99b.css" data-turbolinks-track="reload" /> <link crossorigin='anonymous' href='https://use.fontawesome.com/releases/v5.7.2/css/all.css' integrity='sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr' rel='stylesheet'> <style> body { font-family: Noto Sans Japanese,sans-serif;} .p-community_contents_search_form input[type='text']{font-family: FontAwesome} </style> <style> :root {--main-color: #b71840;--sub-color: #beb1a9;--button-text-color: #ffffff;--sub-button-text-color: #000000;--thin-main-color: #beb1a9;--header-text-color: #b71840;--menu-group-text-color: #b71840;--header-bg-color: transparent;--footer-bg-color: #b71840;--copyright-bg-color: #000000;--sign-in-bg-color: #beb1a9;--headings-in-menus-text-color: #b71840;--attention-color: #beb1a9;--like-color: #b71840;} </style> <script> //<![CDATA[ const timelineData = {"announcement_viewed_url":"","chat_viewed_url":"","question_viewed_url":""} //]]> </script><script src="/packs/js/application-d5c93beccd8962204af9.js" data-turbolinks-track="reload"></script> <link rel="apple-touch-icon" type="image/ico" href="https://community.dl-asobica.com/public/uploads/community/image_square/antlers/9abf4268-8480-44fa-af0e-b8a19c55a54f.png" sizes="180x180" /><link rel="shortcut icon" type="image/x-icon" href="https://community.dl-asobica.com/public/uploads/community/image_square/antlers/9abf4268-8480-44fa-af0e-b8a19c55a54f.png" /> <title>アントラーズ ファミリー広場</title> <meta name="description" content="子どもたちやそのご家族にとってより良い環境を、ファン・サポーターの皆様と一緒に創ることを目的としたファミリー向けのファンコミュニティです。"> <meta name="keywords" content="アントラーズ ファミリー広場, コミュニティ"> <link rel="canonical" href="https://antlers.coorum.jp/"> <meta property="og:title" content="アントラーズ ファミリー広場"> <meta property="og:type" content="website"> <meta property="og:url" content="https://antlers.coorum.jp/"> <meta property="og:image" content="https://community.dl-asobica.com/public/uploads/community/image_header/antlers/33a04658-ae1b-4e10-84b8-3072d897269c.png"> <meta property="og:site_name" content="アントラーズ ファミリー広場"> <meta property="og:description" content="子どもたちやそのご家族にとってより良い環境を、ファン・サポーターの皆様と一緒に創ることを目的としたファミリー向けのファンコミュニティです。"> <meta property="og:locale" content="ja_JP"> <meta name="twitter:title" content="アントラーズ ファミリー広場"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://community.dl-asobica.com/public/uploads/community/image_header/antlers/33a04658-ae1b-4e10-84b8-3072d897269c.png"> <meta name="twitter:description" content="子どもたちやそのご家族にとってより良い環境を、ファン・サポーターの皆様と一緒に創ることを目的としたファミリー向けのファンコミュニティです。"> <meta property="fb:app_id" content="2054849517944530"> <script> (function() { var css = document.createElement('link'); css.href = '//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css'; css.rel = 'stylesheet'; css.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(css); })(); </script> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({}) </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-TB9JNGQ4"); </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-KFRSKQHK"); </script> </head> <body class='custom-layout'> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TB9JNGQ4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KFRSKQHK" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class='main-content'> <header class="js-Header st-Header"> <div class="st-Header_Overlay"></div> <div class="st-Header_Main"> <h1 class="st-Header_Title"> <a href="/"> <img alt="アントラーズ ファミリー広場" src="https://community.dl-asobica.com/public/uploads/community/image_main/antlers/5d70416d-66fd-4f58-ae59-c1489efde265.png" /> </a> </h1> <div class="st-Header_Search "> <div class="c-Search" data-expend="false"> <div class="c-Search_Header"> <span class="c-Search_Label">全体検索</span> <button class="c-Search_Close" type="button" data-header-search-close=""> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M11.16,500.86a34.6,34.6,0,0,1,0-49L207.25,256,11.16,60.13a34.65,34.65,0,1,1,49-49L256.25,207.07l196-195.87a34.64,34.64,0,0,1,49,49L305.25,256l196,195.87a34.64,34.64,0,0,1-49,49L256.25,305,60.17,500.86A34.68,34.68,0,0,1,11.16,500.86Z"></path></svg> </button> </div> <div class="c-Search_Content"> <div class="c-Search_Field"> <form class="c-Search_Form" action="/community_contents" accept-charset="UTF-8" method="get"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="c-Search_Before"><g><path d="M498.55,441.28,386.48,329.33l5-9.73a209.51,209.51,0,0,0,14.85-187.49,206,206,0,0,0-46.26-69.52A210.06,210.06,0,0,0,211.3,1h-.2a210.4,210.4,0,0,0-79.17,15.45A207.18,207.18,0,0,0,62.4,62.59a212.93,212.93,0,0,0-45.95,69.52,210.72,210.72,0,0,0,0,158.4A207.32,207.32,0,0,0,62.6,360,209.65,209.65,0,0,0,211,421.62h.4a209.58,209.58,0,0,0,108.06-30.3l8.73-5L440.26,498.36A42.85,42.85,0,0,0,470.86,511c11.54,0,20.37-3.41,28.5-11.64S511,483.41,511,471.88A42.83,42.83,0,0,0,498.55,441.28ZM313.94,313.88A144.59,144.59,0,0,1,211.4,356.42h0a145.24,145.24,0,1,1,102.54-42.54Z"></path></g></svg> <input placeholder="コミュニティ内を検索" class="c-Search_Input" require="true" type="text" name="search_community_content[keyword]" id="search_community_content_keyword" /> <button name="button" type="submit" class="c-Search_Submit">検索</button> </form> </div> </div> </div> <button class="st-Header_SearchButton" type="button" data-header-search=""> <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 w-6 h-6 u-fill-main group-disabled:u-fill-disabled"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.001 2.25C8.98323 2.25 7.97545 2.45046 7.03518 2.83993C6.09491 3.22941 5.24055 3.80027 4.5209 4.51992C3.80124 5.23958 3.23038 6.09393 2.84091 7.0342C2.45144 7.97448 2.25098 8.98226 2.25098 10C2.25098 11.0177 2.45144 12.0255 2.84091 12.9658C3.23038 13.9061 3.80124 14.7604 4.5209 15.4801C5.24055 16.1997 6.09491 16.7706 7.03518 17.1601C7.97545 17.5495 8.98323 17.75 10.001 17.75C11.0187 17.75 12.0265 17.5495 12.9668 17.1601C13.6753 16.8666 14.335 16.4702 14.925 15.9847L20.4706 21.5303C20.7635 21.8232 21.2384 21.8232 21.5313 21.5303C21.8242 21.2374 21.8242 20.7626 21.5313 20.4697L15.9857 14.924C16.4711 14.334 16.8676 13.6743 17.161 12.9658C17.5505 12.0255 17.751 11.0177 17.751 10C17.751 8.98226 17.5505 7.97448 17.161 7.0342C16.7716 6.09393 16.2007 5.23958 15.4811 4.51992C14.7614 3.80027 13.907 3.22941 12.9668 2.83993C12.0265 2.45046 11.0187 2.25 10.001 2.25ZM7.60921 4.22575C8.36749 3.91166 9.18021 3.75 10.001 3.75C10.8217 3.75 11.6345 3.91166 12.3927 4.22575C13.151 4.53984 13.84 5.00022 14.4204 5.58058C15.0008 6.16095 15.4611 6.84994 15.7752 7.60823C16.0893 8.36651 16.251 9.17924 16.251 10C16.251 10.8208 16.0893 11.6335 15.7752 12.3918C15.4611 13.1501 15.0008 13.8391 14.4204 14.4194C13.84 14.9998 13.151 15.4602 12.3927 15.7742C11.6345 16.0883 10.8217 16.25 10.001 16.25C9.18021 16.25 8.36749 16.0883 7.60921 15.7742C6.85092 15.4602 6.16193 14.9998 5.58156 14.4194C5.00119 13.8391 4.54082 13.1501 4.22673 12.3918C3.91264 11.6335 3.75098 10.8208 3.75098 10C3.75098 9.17924 3.91264 8.36651 4.22673 7.60823C4.54082 6.84994 5.00119 6.16095 5.58156 5.58058C6.16193 5.00022 6.85092 4.53984 7.60921 4.22575Z" fill="#1B1C1B"></path> </svg> </button> </div> <div class="st-Header_Sign"> <a class="st-Header_SignPrimary st-Header_Signup" href="/users/sign_up"> 新規登録 </a> <a class="st-Header_SignSwitched" href="/users/sign_in">ログイン</a> </div> <button class="st-Header_Burger" type="button" data-header-burger=""> <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 w-6 h-6 u-fill-main group-disabled:u-fill-disabled"> <path d="M3.25049 6C3.25049 5.58579 3.58627 5.25 4.00049 5.25H20.0005C20.4147 5.25 20.7505 5.58579 20.7505 6C20.7505 6.41421 20.4147 6.75 20.0005 6.75H4.00049C3.58627 6.75 3.25049 6.41421 3.25049 6Z" fill="#1B1C1B"></path> <path d="M3.25049 12C3.25049 11.5858 3.58627 11.25 4.00049 11.25H20.0005C20.4147 11.25 20.7505 11.5858 20.7505 12C20.7505 12.4142 20.4147 12.75 20.0005 12.75H4.00049C3.58627 12.75 3.25049 12.4142 3.25049 12Z" fill="#1B1C1B"></path> <path d="M4.00049 17.25C3.58627 17.25 3.25049 17.5858 3.25049 18C3.25049 18.4142 3.58627 18.75 4.00049 18.75H20.0005C20.4147 18.75 20.7505 18.4142 20.7505 18C20.7505 17.5858 20.4147 17.25 20.0005 17.25H4.00049Z" fill="#1B1C1B"></path> </svg> </button> </div> <div class="st-Header_Menu" data-is-open="false" data-header-drawer=""> <button class="st-Header_MenuClose" type="button"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M11.16,500.86a34.6,34.6,0,0,1,0-49L207.25,256,11.16,60.13a34.65,34.65,0,1,1,49-49L256.25,207.07l196-195.87a34.64,34.64,0,0,1,49,49L305.25,256l196,195.87a34.64,34.64,0,0,1-49,49L256.25,305,60.17,500.86A34.68,34.68,0,0,1,11.16,500.86Z"></path></svg> </button> <div class="st-Header_MenuIn"> <button class="st-Header_Controller" type="button" data-disabled="true" data-menu-arrow-prev=""> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M256,395.5,1,159.73,76.94,89.5,256,255.05,435.06,89.5,511,159.73Z"></path></svg> </button> <div class="st-Header_UserInfo-side"> <div class="st-Header_UserInfo-side-icon-wrapper"> <div class="st-Header_UserIcon"> <img alt="ユーザー画像" src="/vite/assets/avatar-a29b6395.png" /> </div> </div> <div class="st-Header_UserSigne"> <a class="c-Button" href="/users/sign_up"> 新規登録 </a> <a class="c-Button-sub" href="/users/sign_in">ログイン</a> </div> </div> <nav class="st-Header_Nav"> <div class="st-Nav" data-stretch="false"> <div class="st-Nav_Item"> <a class="st-Nav_Link" data-id="bwhyielmhu8gd3sl" href="/menus/bwhyielmhu8gd3sl/announcements">鹿アルバム</a> </div> <div class="st-Nav_Item"> <a class="st-Nav_Link" data-id="76u9pqhfwckqrvwt" href="/menus/76u9pqhfwckqrvwt/chat_categories">おしゃべり広場</a> </div> <div class="st-Nav_Item" data-expend="false"> <span class="st-Nav_Expend">みんなの声 </span> </div> <div class="st-Nav_Grouped"> <ul class="st-GroupedNav"> <li class="st-GroupedNav_Item"> <a class="st-GroupedNav_Link" data-id="wxqvlusibwiekkff" href="/menus/wxqvlusibwiekkff/announcements"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="st-GroupedNav_Arrow"><circle cx="256" cy="256" r="255"></circle><path d="M334.12,256,213.72,367.62l-35.84-33.26L262.39,256l-84.51-78.36,35.84-33.26Z"></path></svg><span>みんなの声</span></a> </li> </ul> </div> <div class="st-Nav_Item"> <a class="st-Nav_Link" data-id="7yl0db7ax4aegeaw" href="/menus/7yl0db7ax4aegeaw/announcements">ファミリー向け観戦情報</a> </div> <div class="st-Nav_Item"> <a class="st-Nav_Link" data-id="r1hmqyxtpmzbnmsl" href="/menus/r1hmqyxtpmzbnmsl/announcements">運営からのお知らせ</a> </div> <div class="st-Nav_Item"> <a target="_self" class="st-Nav_Link" data-id="rvhxan2eclxkr7k0" href="https://antlers.coorum.jp/announcements/aas1osthd1qqsz18">🔰初めての方へ</a> </div> <div class="st-Nav_Item" data-expend="false"> <span class="st-Nav_Expend">リンク集</span> </div> <div class="st-Nav_Grouped"> <ul class="st-GroupedNav"> <li class="st-GroupedNav_Item"> <a target="_blank" class="st-GroupedNav_Link" data-id="kzcejyw7fvvydxa8" href="https://www.antlers.co.jp/"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="st-GroupedNav_Arrow"><circle cx="256" cy="256" r="255"></circle><path d="M334.12,256,213.72,367.62l-35.84-33.26L262.39,256l-84.51-78.36,35.84-33.26Z"></path></svg><span>アントラーズHP</span></a> </li> <li class="st-GroupedNav_Item"> <a target="_blank" class="st-GroupedNav_Link" data-id="gbu3zufqwe7vykit" href="https://www.jleague-ticket.jp/club/ka/?utm_source=KA&utm_medium=web&utm_campaign=20210611_header_jleague-ticket_purchase_g-menu-sub"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="st-GroupedNav_Arrow"><circle cx="256" cy="256" r="255"></circle><path d="M334.12,256,213.72,367.62l-35.84-33.26L262.39,256l-84.51-78.36,35.84-33.26Z"></path></svg><span>チケット/観戦</span></a> </li> <li class="st-GroupedNav_Item"> <a target="_blank" class="st-GroupedNav_Link" data-id="5ywzetfmw0en7unx" href="https://antlers.shop/"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="st-GroupedNav_Arrow"><circle cx="256" cy="256" r="255"></circle><path d="M334.12,256,213.72,367.62l-35.84-33.26L262.39,256l-84.51-78.36,35.84-33.26Z"></path></svg><span>グッズ購入</span></a> </li> <li class="st-GroupedNav_Item"> <a target="_blank" class="st-GroupedNav_Link" data-id="sreklfdevvjehlwp" href="https://x.com/atlrs_official?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="st-GroupedNav_Arrow"><circle cx="256" cy="256" r="255"></circle><path d="M334.12,256,213.72,367.62l-35.84-33.26L262.39,256l-84.51-78.36,35.84-33.26Z"></path></svg><span>公式 X</span></a> </li> <li class="st-GroupedNav_Item"> <a target="_blank" class="st-GroupedNav_Link" data-id="yj7ijwasz7ac8fw0" href="https://www.instagram.com/kashima.antlers/?hl=ja"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="st-GroupedNav_Arrow"><circle cx="256" cy="256" r="255"></circle><path d="M334.12,256,213.72,367.62l-35.84-33.26L262.39,256l-84.51-78.36,35.84-33.26Z"></path></svg><span>公式Instagram</span></a> </li> <li class="st-GroupedNav_Item"> <a target="_blank" class="st-GroupedNav_Link" data-id="rt7qi8ovp27rjng3" href="https://www.youtube.com/channel/UCRvLH_QUTVaJUqxxFNsnD7g"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="st-GroupedNav_Arrow"><circle cx="256" cy="256" r="255"></circle><path d="M334.12,256,213.72,367.62l-35.84-33.26L262.39,256l-84.51-78.36,35.84-33.26Z"></path></svg><span>公式 Youtube</span></a> </li> </ul> </div> <div class="st-Nav_Item" data-expend="false"> <span class="st-Nav_Expend">その他</span> </div> <div class="st-Nav_Grouped"> <ul class="st-GroupedNav"> <li class="st-GroupedNav_Item"> <a target="_self" class="st-GroupedNav_Link" data-id="y77omocc17g4awdb" href="https://antlers.coorum.jp/questionnaires/hwecdby5dvwunxag/answers/new"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="st-GroupedNav_Arrow"><circle cx="256" cy="256" r="255"></circle><path d="M334.12,256,213.72,367.62l-35.84-33.26L262.39,256l-84.51-78.36,35.84-33.26Z"></path></svg><span>お問い合わせ</span></a> </li> </ul> </div> </div> <div class="st-Header_Blank_Div"></div> </nav> <button type="button" class="st-Header_Controller" data-disabled="true" data-menu-arrow-next> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M256,395.5,1,159.73,76.94,89.5,256,255.05,435.06,89.5,511,159.73Z"></path></svg> </button> </div> </div> </header> <div id="newPostModal" class="c-modal modal"> <div class="c-modal-header"> <div class="c-modal-title"> <div></div> 新規投稿 <div class="u-mr_18"> <a href="#" class="items-center justify-center appearance-none c-modal-close" rel="modal:close"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" class="c-Icon-close"> <defs> <clippath id="clip-path"> <rect width="16" height="16" fill="none"></rect> </clippath> </defs> <g id="コンポーネント_85_2" data-name="コンポーネント 85 – 2" clip-path="url(#clip-path)"> <path id="合体_3" data-name="合体 3" d="M8,9.454,1.454,16,0,14.545,6.545,8,0,1.454,1.454,0,8,6.545,14.545,0,16,1.454,9.454,8,16,14.545,14.545,16Z" fill="#9ba4a8"></path> </g> </svg> </a> </div> </div> </div> <div class="u-mb_40"></div> <div class="c-modal-content"> <div class="font-bold">投稿するメニューを選択</div> <div class="mt-4 c-form"> <div class="select-wrapper"> <select name="menu_id" id="menu_id" class="js-menu-id"><option value="">選択してください</option></select> </div> </div> <div class="u-mb_30"></div> <a href="" class="flex justify-center w-full font-bold c-btn--submit u-ta_c" id="js-new-post-link"> <span class="u-ml_8">投稿する</span> </a> <div class="u-mb_40"></div> </div> </div> <script> $(function() { $('.js-menu-id').on("change", function() { const newPostPath = $(this).val(); if (newPostPath === "") { $('#js-new-post-link').attr('href', '#'); return; }; $('#js-new-post-link').attr('href', newPostPath); }); }); </script> <main role='main'> <div class="p-top block-container"> <div class="grid grid-cols-1 md:grid-cols-1 w-full block-comp block-image block-grid block-cnt-1"> <div class="block-image-comp"> <div class="image-item"> <picture> <source srcset="https://community.dl-asobica.com/public/uploads/community/780/block_image/21508/685d1765-4d80-4b28-b56c-2b2a5352b273.png" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/21508/8a6c459d-d215-4466-9c5f-1199f141736c.png" id="block-image-21508" class=""> </picture> </div> </div> </div> <div class="max-w-screen-lg md:mx-auto mx-4 block-comp block-image block-slide -hide" id="block-gsbg6bustr5odvct"> <div class="slider-container"> <div class="block-image-comp"> <a href="https://antlers.coorum.jp/announcements/dgbazrwpsp0wwrmq" target="" class="image-item"> <picture> <source srcset="https://community.dl-asobica.com/public/uploads/community/780/block_image/22460/55490868-9ece-49c3-ae98-e6abb5a3027d.png" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/22460/67e0f472-3e37-48d7-b867-195e95363cee.png"> </picture> </a> </div> <div class="block-image-comp"> <a href="https://antlers.coorum.jp/announcements/aas1osthd1qqsz18" target="" class="image-item"> <picture> <source srcset="https://community.dl-asobica.com/public/uploads/community/780/block_image/21514/eea63a6a-fd47-41b1-baef-4c6c2f416647.png" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/21514/36d7575b-6758-4594-a226-c29a629c4274.png"> </picture> </a> </div> </div> <div class="slider-dots"> <div class="dot"></div> <div class="dot"></div> </div> </div><script> document.addEventListener('DOMContentLoaded', function() { const componentId = '#block-gsbg6bustr5odvct'; const blockSlideContainerEl = document.querySelector(componentId + ".block-slide"); const sliderContainerEl = blockSlideContainerEl.querySelector(componentId + "> .slider-container"); const sliderDotContainerEl = blockSlideContainerEl.querySelector(componentId + "> .slider-dots"); const sliderDotsEl = sliderDotContainerEl.children; // HTMLCollection function sliderPlugin(slider) { function initDisplay() { blockSlideContainerEl.classList.remove('-hide'); } function initDotClickEvent(slider) { Array.from(sliderDotsEl).forEach(function(dot, idx) { dot.addEventListener("click", () => slider.moveToIdx(idx)); }); } function updateHeight(slider) { const newHeight = slider.slides[slider.track.details.rel].offsetWidth * slider.slides[slider.track.details.rel].naturalHeight / slider.slides[slider.track.details.rel].naturalWidth; slider.container.style.height = newHeight + "px"; } function updateClasses(slider) { const slide = slider.track.details.rel; Array.from(sliderDotsEl).forEach(function(dot, idx) { idx === slide ? dot.classList.add("-active") : dot.classList.remove("-active"); }); } let timeout; let mouseOver = false; function clearNextTimeout() { clearTimeout(timeout); } function nextTimeout() { clearTimeout(timeout); if (mouseOver) return; timeout = setTimeout(() => { slider.next(); }, 5000); } function intiAutoPlay() { slider.container.addEventListener("mouseover", () => { mouseOver = true; clearNextTimeout(); }); slider.container.addEventListener("mouseout", () => { mouseOver = false; nextTimeout(); }); nextTimeout(); } slider.on("created", () => { updateHeight(slider); initDisplay(); initDotClickEvent(slider); updateClasses(slider); intiAutoPlay(); }); slider.on("slideChanged", () => { updateHeight(slider); updateClasses(slider); }); slider.on("dragStarted", clearNextTimeout); slider.on("animationEnded", nextTimeout); slider.on("updated", nextTimeout); } new Coorum.KeenSlider(sliderContainerEl, { selector: '.block-image-comp', loop: true }, [sliderPlugin]); }); </script> <div class="grid grid-cols-3 md:grid-cols-3 max-w-screen-lg md:mx-auto mx-4 block-comp block-image block-grid block-cnt-6"> <div class="block-image-comp"> <a href="https://antlers.coorum.jp/menus/bwhyielmhu8gd3sl/announcements" target="" class="image-item"> <picture> <source srcset="https://community.dl-asobica.com/public/uploads/community/780/block_image/21509/1ffefc69-ad64-4bbf-9a4c-e9ae8547952e.png" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/21509/5d8d0001-c3a6-4abc-9e62-f33f9f734dfc.png"> </picture> </a> </div> <div class="block-image-comp"> <a href="https://antlers.coorum.jp/menus/wxqvlusibwiekkff/announcements" target="" class="image-item"> <picture> <source srcset="https://community.dl-asobica.com/public/uploads/community/780/block_image/21510/79f4dda8-3d1e-4743-a77f-5cc9d539fbd7.png" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/21510/5e2ca31c-60e5-4674-94f2-36b9de07348c.png"> </picture> </a> </div> <div class="block-image-comp"> <a href="https://antlers.coorum.jp/menus/76u9pqhfwckqrvwt/chat_categories" target="" class="image-item"> <picture> <source srcset="https://community.dl-asobica.com/public/uploads/community/780/block_image/21606/efc42e80-0b6e-41ef-b750-1ce60381c007.png" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/21606/fe59de67-d489-4fd8-a502-e465efdbbb52.png"> </picture> </a> </div> <div class="block-image-comp"> <a href="https://antlers.coorum.jp/menus/7yl0db7ax4aegeaw/announcements" target="" class="image-item"> <picture> <source srcset="https://community.dl-asobica.com/public/uploads/community/780/block_image/21511/29e92226-2f47-4982-a9c6-ace05063b594.png" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/21511/ce4e8091-6d5e-4668-b62f-0fc4f25a223e.png"> </picture> </a> </div> <div class="block-image-comp"> <a href="https://antlers.coorum.jp/menus/r1hmqyxtpmzbnmsl/announcements" target="" class="image-item"> <picture> <source srcset="https://community.dl-asobica.com/public/uploads/community/780/block_image/21512/3223fa31-6185-4273-ac93-fdb5b3549773.png" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/21512/1dddbc79-6794-4b56-9ac8-d4ed2e7345bc.png"> </picture> </a> </div> <div class="block-image-comp"> <a href="https://antlers.coorum.jp/announcements/aas1osthd1qqsz18" target="" class="image-item"> <picture> <source srcset="https://community.dl-asobica.com/public/uploads/community/780/block_image/21513/57ce413b-680e-4197-aa05-2f1953e27527.png" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/21513/2045b11e-01cb-4587-a3bf-bd0a569d7846.png"> </picture> </a> </div> </div> <div class="max-w-screen-lg md:mx-auto mx-4 block-comp block-post"> <div class="block-post-comp"> <div class="block-post-title" style="text-align: center"> <p>運営からのお知らせ</p> </div> <div id="block-post-hca2wr5z1lhqxupi"> <div class="grid grid-cols-2 md:grid-cols-4 max-w-screen-lg md:mx-auto mx-4 p-category--card-container block-cnt-0"> <div class="p-card --holder"></div> <div class="p-card --holder"></div> <div class="p-card --holder"></div> <div class="p-card --holder"></div> </div> <img class="loading-image" src="/vite/assets/loading-1ee242b1.svg" /> </div> <script> $(() => { let postTagId = "#block-post-hca2wr5z1lhqxupi" let initPostUrl = '/community/block_card_posts?component_id=hca2wr5z1lhqxupi' Coorum.PageLayoutTop.initPostsByCallbackAndPostTagId(initPostUrl, postTagId) }) </script> </div> </div> <div class="grid grid-cols-1 md:grid-cols-1 w-full block-comp block-image block-grid block-cnt-1"> <div class="block-image-comp"> <div class="image-item"> <picture> <source srcset="https://community.dl-asobica.com/public/uploads/community/780/block_image/13174/e8284fe8-7049-40a8-9e74-9cc39b331631.png" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/13174/bcf84dc7-7f19-45d5-961f-3ad0d914aafa.png" id="block-image-13174" class=""> </picture> </div> </div> </div> <div class="grid grid-cols-1 md:grid-cols-1 max-w-screen-lg md:mx-auto mx-4 block-comp block-text block-cnt-0"> <div class="block-text-comp"> <a href="https://antlers.coorum.jp/menus/bwhyielmhu8gd3sl/announcements/new" target=""> <p style="text-align: center; font-size:20px; color: white; padding: 3px; border-radius: 50px; background-color: #800000;" > 投稿はこちらから ▶ </p> </a> </div> </div> <div class="max-w-screen-lg md:mx-auto mx-4 block-comp block-post"> <div class="block-post-comp"> <div id="block-post-urmc1mbcjtp1sfoo"> <div class="grid grid-cols-2 md:grid-cols-4 max-w-screen-lg md:mx-auto mx-4 p-category--sns-container block-cnt-0"> <div class="p-sns --holder"></div> <div class="p-sns --holder"></div> <div class="p-sns --holder"></div> <div class="p-sns --holder"></div> </div> <img class="loading-image" src="/vite/assets/loading-1ee242b1.svg" /> </div> <script> $(() => { let postTagId = "#block-post-urmc1mbcjtp1sfoo" let initPostUrl = '/community/block_sns_posts?component_id=urmc1mbcjtp1sfoo' Coorum.PageLayoutTop.initPostsByCallbackAndPostTagId(initPostUrl, postTagId) }) </script> </div> </div> <div class="grid grid-cols-1 md:grid-cols-1 max-w-screen-lg md:mx-auto mx-4 block-comp block-text block-cnt-0"> <div class="block-text-comp"> <a href="https://antlers.coorum.jp/menus/bwhyielmhu8gd3sl/announcements" target=""> <p style="text-align: center; font-size:20px; color: white; padding: 3px; border-radius: 50px; background-color: #800000;" > もっと見る </p> </a> </div> </div> <div class="grid grid-cols-1 md:grid-cols-1 w-full block-comp block-image block-grid block-cnt-1"> <div class="block-image-comp"> <div class="image-item"> <picture> <source srcset="https://community.dl-asobica.com/public/uploads/community/780/block_image/22241/27d6ba9f-9ec9-4a34-a18f-ad2a56e2627a.png" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/22241/7be0fbf8-14d9-45b6-afa4-7e138197be89.png" id="block-image-22241" class=""> </picture> </div> </div> </div> <div class="max-w-screen-lg md:mx-auto mx-4 block-comp block-post"> <div class="block-post-comp"> <div id="block-post-3oifboeqfpsl9dib" class="p-category--timeline-tab--wrapper" style="min-height: 375px;"> <div id="discussion" class="p-category--timeline-tab"> <div class="p-category--timeline-tab-items-container"> <button class="TabSlider_Controller" type="button" data-disabled="true" data-menu-arrow-prev=""> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M256,395.5,1,159.73,76.94,89.5,256,255.05,435.06,89.5,511,159.73Z"></path></svg> </button> <ul id="discussion" class="p-top--item p-category--timeline-tab-items"> <li class="active"> <a class="tab_button" data-remote="true" href="/community/block_timeline_posts?component_id=3oifboeqfpsl9dib">新着の投稿</a> </li> <li> <a class="tab_button" data-remote="true" href="/community/block_timeline_posts?component_id=3oifboeqfpsl9dib&status=popular">注目の投稿</a> </li> <li> <a class="tab_button" data-remote="true" href="/community/block_timeline_posts?component_id=3oifboeqfpsl9dib&status=new_chat_comment">新着のコメント</a> </li> </ul> <button class="TabSlider_Controller" type="button" data-disabled="true" data-menu-arrow-next=""> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M256,395.5,1,159.73,76.94,89.5,256,255.05,435.06,89.5,511,159.73Z"></path></svg> </button> </div> </div> <div class="p-category--chips-container"></div> <div class="p-category--timeline-container"></div> <img class="loading-image" src="/vite/assets/loading-1ee242b1.svg" /> </div> <script> $(() => { let postTagId = "#block-post-3oifboeqfpsl9dib" let tabSelector = postTagId + " " + ".p-top--item li" let initPostUrl = '/community/block_timeline_posts?component_id=3oifboeqfpsl9dib' function handleTabClick(element) { document.querySelectorAll(tabSelector).forEach(target => { target.classList.remove("active") }) element.classList.add("active") } function initAddEventTabClick() { document.querySelectorAll(tabSelector).forEach(target => { target.addEventListener('click', function(e) { handleTabClick(e.currentTarget) }) }) } initAddEventTabClick() Coorum.PageLayoutTop.initPostsByCallbackAndPostTagId(initPostUrl, postTagId) }) </script> </div> </div> <div class="grid grid-cols-1 md:grid-cols-1 w-full block-comp block-image block-grid block-cnt-1"> <div class="block-image-comp"> <div class="image-item"> <picture> <source srcset="https://community.dl-asobica.com/public/uploads/community/780/block_image/13171/bf62031c-3a93-486e-887a-eed4457f1ab9.png" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/13171/a01badae-9ecd-44e1-9139-066018da8461.png" id="block-image-13171" class=""> </picture> </div> </div> </div> <div class="max-w-screen-lg md:mx-auto mx-4 block-comp block-post"> <div class="block-post-comp"> <div id="block-post-yrf2cxn07hhnjn4g"> <div class="grid grid-cols-2 md:grid-cols-3 max-w-screen-lg md:mx-auto mx-4 p-category--card-container block-cnt-0"> <div class="p-card --holder"></div> <div class="p-card --holder"></div> <div class="p-card --holder"></div> <div class="p-card --holder"></div> </div> <img class="loading-image" src="/vite/assets/loading-1ee242b1.svg" /> </div> <script> $(() => { let postTagId = "#block-post-yrf2cxn07hhnjn4g" let initPostUrl = '/community/block_card_posts?component_id=yrf2cxn07hhnjn4g' Coorum.PageLayoutTop.initPostsByCallbackAndPostTagId(initPostUrl, postTagId) }) </script> </div> </div> <div class="grid grid-cols-1 md:grid-cols-1 max-w-screen-lg md:mx-auto mx-4 block-comp block-text block-cnt-0"> <div class="block-text-comp"> <a href="https://antlers.coorum.jp/menus/7t3b6vkows4133dk/announcements?menu=7t3b6vkows4133dk&q%5Bannouncement_category_id_eq%5D=9414" target=""> <p style="text-align: center; font-size:20px; color: white; padding: 3px; border-radius: 50px; background-color: #800000;" > 過去のご意見はこちら ▶ </p> </a> </div> </div> <div class="grid grid-cols-1 md:grid-cols-1 w-full block-comp block-image block-grid block-cnt-1"> <div class="block-image-comp"> <div class="image-item"> <picture> <source srcset="https://community.dl-asobica.com/public/uploads/community/780/block_image/13172/1fcdbe39-fb80-4a4d-8815-e9c5a343863b.png" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/13172/4da52f9c-8e4e-4812-8a49-048550ad9d71.png" id="block-image-13172" class=""> </picture> </div> </div> </div> <div class="grid grid-cols-2 md:grid-cols-3 max-w-screen-lg md:mx-auto mx-4 block-comp block-image block-grid block-cnt-6"> <div class="block-image-comp"> <a href="https://antlers.coorum.jp/announcements/uaorduscmki2mzzv" target="" class="image-item"> <picture> <source srcset="" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/12416/abc32480-a81b-4607-9fa3-b508006b570d.png"> </picture> </a> </div> <div class="block-image-comp"> <a href="https://antlers.coorum.jp/announcements/w7htffc8otxhga2h" target="" class="image-item"> <picture> <source srcset="" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/12417/3a1bc951-b8fc-4ed4-8bd5-b2384e25e56d.jpg"> </picture> </a> </div> <div class="block-image-comp"> <a href="https://antlers.coorum.jp/announcements/yuczsihfrkop4vae" target="" class="image-item"> <picture> <source srcset="" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/12418/7b49511e-0825-487f-a7f4-49899f6f18a5.png"> </picture> </a> </div> <div class="block-image-comp"> <a href="https://antlers.coorum.jp/announcements/kzx8jlmp5gkmpkjm" target="" class="image-item"> <picture> <source srcset="" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/12419/55e00ea5-53bf-42ae-8ef7-4fc74f2ec8a9.png"> </picture> </a> </div> <div class="block-image-comp"> <a href="https://antlers.coorum.jp/announcements/5p3nzqwfpcbssbpe" target="" class="image-item"> <picture> <source srcset="" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/12420/b7fb00c5-ccbd-440f-b9f9-56bf33e53a43.png"> </picture> </a> </div> <div class="block-image-comp"> <a href="https://www.antlers.co.jp/news/fanclub/98018" target="_blank" class="image-item"> <picture> <source srcset="" media="(min-width: 769px)"> <img src="https://community.dl-asobica.com/public/uploads/community/780/block_image/13175/0d81ca77-0d5a-498c-bac8-e4edb5dd9c82.png"> </picture> </a> </div> </div> </div> <link rel="stylesheet" media="screen" href="/packs/css/pages/static/page_layout_top-002de7f4.css" data-turbolinks-track="reload" /> <script src="/packs/js/pages/static/page_layout_top-890283a2451b807eb245.js" data-turbolinks-track="reload"></script> <script src="/packs/js/pages/communities/show_block-32823518d80003ea68e4.js"></script> <div class="modal coorum-confirm--modal p-6 pt-8 text-sm"> <a href="#close:modal" rel="modal:close" class="coorum-confirm--modal__close">×</a> <div class="coorum-confirm--modal__header m-2 text-center"></div> <div class="coorum-confirm--modal__body m-1"><pre></pre></div> <div class="coorum-confirm--modal__buttons_block flex justify-end gap-1 mx-0 mt-8 font-medium"> <a id="confirm-reject-btn" href="#close:modal" rel="modal:close" class="c-btn--default coorum-confirm--modal__buttons_block__cancel text-black border-0 px-3 py-1 m-0">キャンセル</a> <a id="confirm-accept-btn" href="#close:modal" class="c-btn--primary coorum-confirm--modal__buttons_block__accept px-3 py-1 m-0">OK</a> </div> </div> </main> <footer class='footer'> <div class='footer--top '> <div class='w1200'> <div class='footer--top__body'> <ul> <li> <a href="/"><span>ホーム</span> </a></li> <li class='st-NavFooter_Item'> <a class="st-NavFooter_Link" data-id="bwhyielmhu8gd3sl" href="/menus/bwhyielmhu8gd3sl/announcements">鹿アルバム</a> </li> <li class='st-NavFooter_Item'> <a class="st-NavFooter_Link" data-id="76u9pqhfwckqrvwt" href="/menus/76u9pqhfwckqrvwt/chat_categories">おしゃべり広場</a> </li> <li class='accordion footer--menu'> <button class='accordion-button accordion-button--menu'> <a class='accordion-button' tabindex='-1'> <span>みんなの声 </span> </a> </button> <ul class='accordion-content'> <li class='st-NavFooter_Item'> <a class="st-NavFooter_Link" data-id="wxqvlusibwiekkff" href="/menus/wxqvlusibwiekkff/announcements">みんなの声</a> </li> </ul> </li> <li class='st-NavFooter_Item'> <a class="st-NavFooter_Link" data-id="7yl0db7ax4aegeaw" href="/menus/7yl0db7ax4aegeaw/announcements">ファミリー向け観戦情報</a> </li> <li class='st-NavFooter_Item'> <a class="st-NavFooter_Link" data-id="r1hmqyxtpmzbnmsl" href="/menus/r1hmqyxtpmzbnmsl/announcements">運営からのお知らせ</a> </li> </ul> <ul> <li class='st-NavFooter_Item'> <a target="_self" class="st-NavFooter_Link" data-id="rvhxan2eclxkr7k0" href="https://antlers.coorum.jp/announcements/aas1osthd1qqsz18">🔰初めての方へ</a> </li> <li class='accordion footer--menu'> <button class='accordion-button accordion-button--menu'> <a class='accordion-button' tabindex='-1'> <span>リンク集</span> </a> </button> <ul class='accordion-content'> <li class='st-NavFooter_Item'> <a target="_blank" class="st-NavFooter_Link" data-id="kzcejyw7fvvydxa8" href="https://www.antlers.co.jp/">アントラーズHP</a> </li> <li class='st-NavFooter_Item'> <a target="_blank" class="st-NavFooter_Link" data-id="gbu3zufqwe7vykit" href="https://www.jleague-ticket.jp/club/ka/?utm_source=KA&utm_medium=web&utm_campaign=20210611_header_jleague-ticket_purchase_g-menu-sub">チケット/観戦</a> </li> <li class='st-NavFooter_Item'> <a target="_blank" class="st-NavFooter_Link" data-id="5ywzetfmw0en7unx" href="https://antlers.shop/">グッズ購入</a> </li> <li class='st-NavFooter_Item'> <a target="_blank" class="st-NavFooter_Link" data-id="sreklfdevvjehlwp" href="https://x.com/atlrs_official?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor">公式 X</a> </li> <li class='st-NavFooter_Item'> <a target="_blank" class="st-NavFooter_Link" data-id="yj7ijwasz7ac8fw0" href="https://www.instagram.com/kashima.antlers/?hl=ja">公式Instagram</a> </li> <li class='st-NavFooter_Item'> <a target="_blank" class="st-NavFooter_Link" data-id="rt7qi8ovp27rjng3" href="https://www.youtube.com/channel/UCRvLH_QUTVaJUqxxFNsnD7g">公式 Youtube</a> </li> </ul> </li> <li class='accordion footer--menu'> <button class='accordion-button accordion-button--menu'> <a class='accordion-button' tabindex='-1'> <span>その他</span> </a> </button> <ul class='accordion-content'> <li class='st-NavFooter_Item'> <a target="_self" class="st-NavFooter_Link" data-id="y77omocc17g4awdb" href="https://antlers.coorum.jp/questionnaires/hwecdby5dvwunxag/answers/new">お問い合わせ</a> </li> </ul> </li> <li> <a href="/point"><span>ポイント/ランクについて</span> </a></li> </ul> </div> <div class='footer--top__buttons'> <a class="c-btn--secondary" href="/users/sign_up"> 新規登録 </a> <a class="c-btn--secondary" href="/users/sign_in">ログイン</a> </div> </div> </div> <div class='footer--bottom'> <div class='w1200'> <div class='footer--bottom__body'> <div class='footer--bottom__content'> <ul> <li> <a target="_blank" href="/privacy_policy">プライバシーポリシー</a> </li> <li> <a href="/terms">利用規約</a> </li> <li> <a href="/guideline">コミュニティガイドライン</a> </li> <li> <a href="/cookie_policy">Cookieポリシー</a> </li> </ul> <div class='footer--bottom__copyright'> © 1992 Kashima Antlers FC All Rights Reserved. © Sony Network Communications Inc. All Rights Reserved. </div> </div> </div> </div> </div> </footer> <script>$(".accordion-button--menu").on("click", function() { $(this).toggleClass("accordion-button--upward");});</script> </div> <div id="external_link_modal" class="c-modal modal"> <div class="c-modal-header"> <div class="c-modal-title"> <div class="c-modal-text font-bold">外部サイトに移動します</div> <div class="u-mr_18"> <a class="c-modal-close items-center justify-center appearance-none" rel="modal:close"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" class="c-Icon-close"> <defs> <clippath id="clip-path"> <rect width="16" height="16" fill="none"></rect> </clippath> </defs> <g id="コンポーネント_85_2" data-name="コンポーネント 85 – 2" clip-path="url(#clip-path)"> <path id="合体_3" data-name="合体 3" d="M8,9.454,1.454,16,0,14.545,6.545,8,0,1.454,1.454,0,8,6.545,14.545,0,16,1.454,9.454,8,16,14.545,14.545,16Z" fill="#9ba4a8"></path> </g> </svg> </a> </div> </div> </div> <div class="c-modal-content-for-external-link"> <div class="u-mb_24"></div> 表示中のページから以下の外部サイトに移動します。実行してもよろしいですか？<br> <a id="external_link" target="_blank"></a> <div class="u-mb_24"></div> <div class="c-modal-action"> <a class="c-modal-ok pull-right" id="external_link_btn" target="_blank"> <span>移動する</span> </a> <a class="c-modal-cancel u-mr_18 pull-right" rel="modal:close"> <span class="font-bold">キャンセル</span> </a> </div> <div class="u-mb_24"></div> </div> </div> <input type="hidden" name="domains_of_no_warned_external_link" id="domains_of_no_warned_external_link" value="" autocomplete="off" /> <script src="/packs/js/application_loaded-1e842f6701d0247c8aca.js" data-turbolinks-track="reload"></script> </body> </html>