友音・KNOTS・Nodeliaをつなぐイベント＆コミュニティポータル

共創で価値をつくるコミュニティ＆イベントプラットフォーム Coelia | Notion

日付

開催日

イベント場所

参加者制限

イベントタイプ

開催場所

数式

ジャンル

詳細リンク

締切

参加費

イベント名

ステータス

時間帯

コミュニティ

To-do

In progress

Complete

自動締切

<a href="https://lin.ee/YXI5rqp" target="_blank" rel="noopener" class="cta-fixed" id="cta-coelia">
  💬 Coelia公式LINEでつながる
</a>

<script>
(function(){
  /** 固定LINE CTA 表示トリガー（共通） **/
  window.addEventListener("DOMContentLoaded", () => {
    const cta = document.getElementById("cta-coelia");
    if(!cta) return;
    const show = () => cta.classList.add("cta-enabled");
    const target = Array.from(document.querySelectorAll("h1,h2,h3"))
      .find(h => /coelia|コミュニティ|about|policy|contact|概要|events?|calendar/i.test(h.textContent || ""));
    if ("IntersectionObserver" in window && target){
      const io = new IntersectionObserver((es)=> es.forEach(e=>e.isIntersecting && show()),
        { rootMargin:"0px 0px -42% 0px", threshold:0.1 });
      io.observe(target);
    } else {
      const onScroll = () => {
        const denom = (document.body.scrollHeight - innerHeight) || 1;
        if ((scrollY/denom) > 0.35){ show(); removeEventListener("scroll", onScroll); }
      };
      addEventListener("scroll", onScroll);
      onScroll();
    }
  });

  /** Stripeイベントボタンの自動挿入 **/
  const metaBtn = document.querySelector('meta[name="coelia.buy_button_id"]');
  const metaKey = document.querySelector('meta[name="coelia.publishable_key"]');
  const metaSlug= document.querySelector('meta[name="coelia.event_slug"]');
  if(!(metaBtn && metaKey)) return; // イベントページでない場合は終了

  const BUY_BUTTON_ID   = metaBtn.content.trim();
  const PUBLISHABLE_KEY = metaKey.content.trim();
  const EVENT_SLUG      = (metaSlug && metaSlug.content.trim()) || "event";

  function clientRef(){
    const utm = new URL(location.href).searchParams.toString();
    return ["coelia", EVENT_SLUG, utm].filter(Boolean).join("|");
  }

  function createBuyButton(){
    const el = document.createElement("stripe-buy-button");
    el.setAttribute("buy-button-id", BUY_BUTTON_ID);
    el.setAttribute("publishable-key", PUBLISHABLE_KEY);
    el.setAttribute("client-reference-id", clientRef());
    el.className = "coelia-buybtn";
    return el;
  }

  function insertButtons(){
    // H1直後にボタン
    const h1 = document.querySelector("h1, .notion-header__title, .wraptas h1");
    if (h1) h1.insertAdjacentElement("afterend", createBuyButton());
    // 本文末尾にもボタン
    const main = document.querySelector("main") || document.querySelector("#main") || document.body;
    main.appendChild(createBuyButton());
  }

  function ensureStripe(cb){
    if (window.__stripeBuyBtnLoaded){ cb(); return; }
    const s = document.createElement("script");
    s.src = "https://js.stripe.com/v3/buy-button.js"; s.async = true;
    s.onload = () => { window.__stripeBuyBtnLoaded = true; cb(); };
    document.body.appendChild(s);
  }

  window.addEventListener("load", () => {
    ensureStripe(insertButtons);
  });
})();
</script>

Coelia(コエリア)は、20代〜30代の友達作り＆東京社会人サークルのコミュニティ。毎週開催のイベントで、仕事後や休日に仲間と交流でき、趣味や学びを通じた自然な出会いが広がります。新しい友達やつながりを求める方におすすめです。

Coelia(コエリア)｜【日本初】“3S”理念(サステナブル・ソーシャル・シナジー)を掲げたブランドコミュニティ

<style>
  :root{ --buy-card-max: 288px; } /* 幅はここだけで調整（380〜460pxあたり） */

  /* 親Notionブロックの左右余白を無効化 + 配置を中央に */
  .notion-callout:has(stripe-buy-button),
  .notion-text:has(stripe-buy-button),
  .notion-embed:has(stripe-buy-button),
  .notion-column:has(stripe-buy-button),
  .notion-column-list:has(stripe-buy-button),
  .notion-row:has(stripe-buy-button){
    padding-left:0 !important;
    padding-right:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border:none !important;
  }

  /* フルブリードでページ幅を握って中央寄せ（親幅に影響されない） */
  .coelia-buy-wrapper{
    width:100vw;                    /* ビューポート幅で1段抜け */
    margin-left:50%;
    transform:translateX(-50%);     /* 真ん中へ */
    display:flex;
    justify-content:center;
    margin-top:16px; margin-bottom:24px;
  }

  /* カード（必要なら影と角丸。要らなければ下のtransparent版に） */
  .coelia-buy-card{
    width:min(var(--buy-card-max), 920vw);
    padding:10px;
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 26px rgba(0,0,0,.06);
  }

  /* Buy Buttonをカード幅にフィット＆中央 */
  stripe-buy-button{
    display:block;
    width:100%;
    max-width:var(--buy-card-max);
    margin:0 auto;
  }

  /* カード枠が不要ならON
  .coelia-buy-card{ background:transparent; box-shadow:none; padding:0; }
  */

  @media (max-width:320px){
    :root{ --buy-card-max: 320px; }
    .coelia-buy-card{ padding:8px; }
  }
</style>

<div class="coelia-buy-wrapper">
  <div class="coelia-buy-card">
    <script async src="https://js.stripe.com/v3/buy-button.js"></script>
    <stripe-buy-button
      buy-button-id="buy_btn_1S3bCzR2HTZJzonZWP1Q2QsE"
      publishable-key="pk_live_51RykCYR2HTZJzonZepIjEr8b88r7fhDgTHwL9sq4SDUYVFKipoGtchXXDsZH9U0NVVXVodU0EXntCYjJcoINy10z006PGNT0Ns">
    </stripe-buy-button>
  </div>
</div>

東京で20代・30代が集まり、食やアートなどを楽しむクリエイティブコミュニティ「COART」。趣味やこだわりをシェアしながら仲間と自然につながれるイベントを開催しています。

COART｜誰でも参加できる、クリエイティブコミュニティ

20代・30代の友達作りや社会人サークルを東京で展開するCoelia（コエリア）。ブランドストーリーと5つのコミュニティを紹介し、つながりが広がる仕組みをお届けします。

東京で20代社会人が気軽に参加できるスポーツコミュニティ「E-motion」。フットサル・バスケ・モルックなど毎月イベント開催。体を動かしながら仲間と出会える場です。

E-motion｜Easyに楽しむ、スポーツ交流コミュニティ

Coelia（コエリア）のFAQページ。イベント参加の流れや料金、対象年齢、初めてでも安心できるポイントなど、よくある質問と回答をまとめています。参加前にぜひご覧ください。

Coelia（コエリア）が「日本初」といえる理由を紹介。3S理念×5コミュニティ体系×20代特化×毎週開催×複合モデルは、国内で他に存在しないことを調査で確認しました。

20代限定の東京社会人サークル「KNOTs」。金曜夜のハイボール会や街歩きイベントで、気軽に友達作りや仲間との交流ができます。同世代だから安心して参加できるコミュニティです。

KNOTs｜20代限定の世代特化コミュニティ

20代社会人がアイデアを形にする東京コミュニティ「Nodelia」。出会いから生まれた「やりたい！」を仲間と共に実現する場。挑戦を支え合うバックオフィス的コミュニティです。

Nodelia｜挑戦を形にする、共創のバックオフィス

Coelia（コエリア）のプライバシーポリシー。個人情報の取得・利用・管理についての基本方針を掲載しています。安心してコミュニティに参加いただけるよう取り組んでいます。

Coelia（コエリア）の利用規約・キャンセルポリシー。イベント参加に関するルールや手続き、キャンセル時の対応を明記しています。安心してご利用いただけるよう整備しています。

20代・30代の同年代で友達作りができる東京コミュニティ「友音」。貸切イベントを中心に、カジュアルな出会いと自然な交流を提供。初参加や1人参加も歓迎です。

和食飲み会