<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>#マブダチシティ</title>
	<atom:link href="https://sbcl.site/feed/" rel="self" type="application/rss+xml" />
	<link>https://sbcl.site/</link>
	<description>大人のための居場所づくり！</description>
	<lastBuildDate>Mon, 01 Jun 2026 13:50:38 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://sbcl.site/wp-content/uploads/2024/12/cropped-c4559e3ffc0181da4f56fe8467969c0b-32x32.png</url>
	<title>#マブダチシティ</title>
	<link>https://sbcl.site/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>浴衣夏祭り</title>
		<link>https://sbcl.site/2026/06/01/natsu-yukatafes/</link>
					<comments>https://sbcl.site/2026/06/01/natsu-yukatafes/#respond</comments>
		
		<dc:creator><![CDATA[るいち]]></dc:creator>
		<pubDate>Mon, 01 Jun 2026 13:49:53 +0000</pubDate>
				<category><![CDATA[#マブダチシティ]]></category>
		<guid isPermaLink="false">https://sbcl.site/?p=1879</guid>

					<description><![CDATA[<p>🎆 🎑 🎇 MABUDACHI CITY ／ 夏の大集会 2026 浴衣を着て、夏のマブダチをつくろう。 ひとりで来ても、帰る頃にはマブダチができてる。 そんな気軽な夏祭りです。 とりあえず申し込む EVENT INFO [&#8230;]</p>
<p>投稿 <a href="https://sbcl.site/2026/06/01/natsu-yukatafes/">浴衣夏祭り</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<style>
/* Cocoon目次を非表示 */
#toc_container,
.toc_container,
.navi-toc,
[class*="toc"] {
  display: none !important;
}

@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@400;700&family=Zen+Maru+Gothic:wght@400;500;700&display=swap');

/* ===== 夏祭り2026 変数 ===== */
:root {
  --ms-navy:   #0A1628;
  --ms-indigo: #1A2E52;
  --ms-summer: #FF6B1A;
  --ms-gold:   #FFB830;
  --ms-aqua:   #00C9C8;
  --ms-cream:  #FFF8EE;
  --ms-text:   #2A1F14;
  --ms-muted:  #7A6A5A;
}

/* ===== ベース ===== */
.ms-wrap {
  font-family: 'Zen Maru Gothic', sans-serif;
  color: var(--ms-text);
  background: var(--ms-cream);
  max-width: 680px;
  margin: 0 auto;
  overflow: hidden;
}

/* ===== HERO ===== */
.ms-hero {
  background: var(--ms-navy);
  position: relative;
  padding: 60px 24px 52px;
  text-align: center;
  overflow: hidden;
}

.ms-hero::before {
  content: '✦ ✧ ✦ ✧ ✦ ✧ ✦ ✧ ✦ ✧ ✦ ✧ ✦ ✧ ✦ ✧ ✦ ✧ ✦';
  position: absolute;
  top: 14px;
  left: 0; right: 0;
  font-size: 10px;
  letter-spacing: 4px;
  color: rgba(255,255,255,0.15);
  white-space: nowrap;
  overflow: hidden;
}

.ms-hanabi {
  font-size: 28px;
  margin-bottom: 18px;
  animation: ms-pop 2.4s ease-in-out infinite;
}
@keyframes ms-pop {
  0%,100% { transform: scale(1); }
  50%      { transform: scale(1.08); }
}

.ms-hero-label {
  font-family: 'Kaisei Opti', serif;
  font-size: 11px;
  letter-spacing: 4px;
  color: var(--ms-gold);
  margin-bottom: 12px;
}

/* h1 の代替 */
.ms-h1 {
  font-family: 'Kaisei Opti', serif;
  font-size: clamp(26px, 7vw, 36px);
  color: #fff;
  line-height: 1.5;
  margin: 0 0 16px;
}
.ms-h1 em {
  font-style: normal;
  color: var(--ms-gold);
}

.ms-hero-sub {
  font-size: 14px;
  color: rgba(255,255,255,0.72);
  line-height: 1.9;
  margin-bottom: 28px;
}

.ms-btn {
  display: inline-block;
  background: linear-gradient(135deg, var(--ms-summer) 0%, var(--ms-gold) 100%);
  color: #fff;
  font-family: 'Kaisei Opti', serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 14px 36px;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 4px 20px rgba(255,107,26,0.45);
  transition: transform 0.2s, box-shadow 0.2s;
}
.ms-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 28px rgba(255,107,26,0.55);
  color: #fff;
  text-decoration: none;
}

.ms-wave {
  width: 100%;
  height: 32px;
  background: var(--ms-cream);
  clip-path: ellipse(55% 100% at 50% 100%);
  margin-top: 40px;
}

/* ===== 概要カード ===== */
.ms-overview {
  background: #fff;
  margin: 0 16px 24px;
  border-radius: 16px;
  padding: 24px 20px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.06);
  border-top: 4px solid var(--ms-summer);
}

.ms-overview-label {
  font-family: 'Kaisei Opti', serif;
  font-size: 11px;
  letter-spacing: 4px;
  color: var(--ms-summer);
  text-align: center;
  margin-bottom: 18px;
}

.ms-info-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px dashed #EEE7DC;
  font-size: 14px;
  line-height: 1.6;
}
.ms-info-row:last-child { border-bottom: none; }

.ms-info-icon { font-size: 18px; flex-shrink: 0; width: 26px; text-align: center; }
.ms-info-label { font-weight: 700; color: var(--ms-text); min-width: 62px; }
.ms-info-val { color: var(--ms-text); }

.ms-discount-box {
  background: linear-gradient(135deg, #FFF8EE 0%, #FFF3DC 100%);
  border: 2px dashed var(--ms-gold);
  border-radius: 12px;
  padding: 14px 16px;
  margin-top: 16px;
  font-size: 13px;
  line-height: 1.9;
}
.ms-discount-box strong { color: var(--ms-summer); }

/* ===== セクション共通 ===== */
.ms-section {
  padding: 36px 24px;
}
.ms-section-dark {
  background: var(--ms-navy);
  color: #fff;
  padding: 36px 24px;
}

.ms-section-eyebrow {
  font-family: 'Kaisei Opti', serif;
  font-size: 11px;
  letter-spacing: 4px;
  color: var(--ms-summer);
  margin-bottom: 6px;
}
.ms-section-dark .ms-section-eyebrow { color: var(--ms-gold); }

/* h2 の代替 */
.ms-h2 {
  font-family: 'Kaisei Opti', serif;
  font-size: clamp(18px, 5vw, 22px);
  color: var(--ms-text);
  line-height: 1.55;
  margin-bottom: 20px;
}
.ms-section-dark .ms-h2 { color: #fff; }

/* ===== Why 3カード ===== */
.ms-why-cards { display: flex; flex-direction: column; gap: 14px; }

.ms-why-card {
  background: #fff;
  border-radius: 14px;
  padding: 18px 16px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  box-shadow: 0 2px 12px rgba(0,0,0,0.05);
}

.ms-why-num {
  font-family: 'Kaisei Opti', serif;
  font-size: 28px;
  color: var(--ms-summer);
  line-height: 1;
  flex-shrink: 0;
  width: 36px;
}

/* h3 の代替 */
.ms-h3 {
  font-family: 'Kaisei Opti', serif;
  font-size: 15px;
  color: var(--ms-text);
  margin: 0 0 6px;
}

.ms-why-card p {
  font-size: 13px;
  color: var(--ms-muted);
  line-height: 1.7;
  margin: 0;
}

/* ===== ターゲットリスト ===== */
.ms-target-list {
  list-style: none;
  padding: 0; margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ms-target-list li {
  background: rgba(255,255,255,0.08);
  border-left: 3px solid var(--ms-aqua);
  padding: 10px 14px;
  border-radius: 0 8px 8px 0;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255,255,255,0.9);
}

/* ===== タイムライン ===== */
.ms-timeline {
  position: relative;
  padding-left: 28px;
}
.ms-timeline::before {
  content: '';
  position: absolute;
  left: 8px; top: 8px; bottom: 8px;
  width: 2px;
  background: linear-gradient(to bottom, var(--ms-summer), var(--ms-gold));
  border-radius: 2px;
}

.ms-tl-item {
  position: relative;
  padding: 0 0 20px 16px;
}
.ms-tl-item:last-child { padding-bottom: 0; }
.ms-tl-item::before {
  content: '';
  position: absolute;
  left: -24px; top: 6px;
  width: 10px; height: 10px;
  background: var(--ms-gold);
  border-radius: 50%;
  border: 2px solid #fff;
}

.ms-tl-time {
  font-family: 'Kaisei Opti', serif;
  font-size: 13px;
  color: var(--ms-summer);
  margin-bottom: 2px;
}
.ms-tl-text { font-size: 14px; color: var(--ms-text); line-height: 1.6; }

/* ===== FAQ ===== */
.ms-faq-item { border-bottom: 1px solid #EEE7DC; }
.ms-faq-item summary {
  padding: 14px 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--ms-text);
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.ms-faq-item summary::-webkit-details-marker { display: none; }
.ms-faq-item summary::after { content: '＋'; color: var(--ms-summer); font-size: 16px; flex-shrink: 0; }
.ms-faq-item[open] summary::after { content: '－'; }
.ms-faq-body { font-size: 13px; color: var(--ms-muted); line-height: 1.8; padding: 0 0 14px 4px; }

/* ===== 主催者 ===== */
.ms-host {
  background: var(--ms-indigo);
  padding: 32px 24px;
}
.ms-host-inner {
  background: rgba(255,255,255,0.05);
  border-radius: 16px;
  padding: 24px 18px;
  border: 1px solid rgba(255,255,255,0.1);
}
.ms-host-name {
  font-family: 'Kaisei Opti', serif;
  font-size: 18px;
  color: var(--ms-gold);
  margin-bottom: 10px;
}
.ms-host-body { font-size: 13px; color: rgba(255,255,255,0.78); line-height: 1.9; }

/* ===== CTA ===== */
.ms-cta {
  background: var(--ms-navy);
  padding: 40px 24px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.ms-cta::before {
  content: '🎆 🎇 🎆 🎇 🎆 🎇 🎆 🎇 🎆';
  position: absolute;
  top: 16px; left: 0; right: 0;
  font-size: 18px;
  letter-spacing: 8px;
  opacity: 0.2;
  white-space: nowrap;
  overflow: hidden;
}

/* h2 CTA版 */
.ms-cta-h2 {
  font-family: 'Kaisei Opti', serif;
  font-size: clamp(18px, 5vw, 22px);
  color: #fff;
  line-height: 1.6;
  margin-bottom: 10px;
  position: relative;
}
.ms-cta-h2 em { color: var(--ms-gold); font-style: normal; }

.ms-cta-sub {
  font-size: 13px;
  color: rgba(255,255,255,0.6);
  margin-bottom: 28px;
  position: relative;
}

/* ===== フォームセクション ===== */
.ms-form-wrap {
  padding: 32px 24px 40px;
  background: #fff;
}
.ms-form-label {
  text-align: center;
  font-size: 13px;
  color: var(--ms-muted);
  margin-bottom: 16px;
  line-height: 1.7;
}
.ms-form-label strong {
  display: block;
  font-family: 'Kaisei Opti', serif;
  font-size: 16px;
  color: var(--ms-text);
  margin-top: 4px;
}

/* ===== レスポンシブ ===== */
@media (max-width: 480px) {
  .ms-hero { padding: 48px 18px 44px; }
  .ms-section, .ms-section-dark { padding: 28px 18px; }
  .ms-overview { margin: 0 10px 20px; padding: 20px 16px; }
}
</style>

<div class="ms-wrap">

  <!-- ===== HERO ===== -->
  <div class="ms-hero">
    <div class="ms-hanabi">🎆 🎑 🎇</div>
    <div class="ms-hero-label">MABUDACHI CITY ／ 夏の大集会 2026</div>
    <div class="ms-h1">浴衣を着て、<br><em>夏のマブダチ</em>をつくろう。</div>
    <p class="ms-hero-sub">
      ひとりで来ても、帰る頃にはマブダチができてる。<br>
      そんな気軽な夏祭りです。
    </p>
    <a href="#ms-form"
       class="ms-btn"
       onclick="document.getElementById('ms-form').scrollIntoView({behavior:'smooth'});return false;">
      とりあえず申し込む
    </a>
    <div class="ms-wave"></div>
  </div>

  <!-- ===== 概要 ===== -->
  <div class="ms-overview">
    <div class="ms-overview-label">EVENT INFO</div>

    <div class="ms-info-row">
      <span class="ms-info-icon">📅</span>
      <span class="ms-info-label">日時</span>
      <span class="ms-info-val">2026年 8月9日（日）15:00〜17:00</span>
    </div>
    <div class="ms-info-row">
      <span class="ms-info-icon">📍</span>
      <span class="ms-info-label">会場</span>
      <span class="ms-info-val">Buenos（ブエノス）<br>
        <small style="color:var(--ms-muted);">大阪市中央区西心斎橋2丁目10-21 スパジオビル3A</small>
      </span>
    </div>
    <div class="ms-info-row">
      <span class="ms-info-icon">💰</span>
      <span class="ms-info-label">料金</span>
      <span class="ms-info-val">
        男性 5,500円 ／ 女性 3,500円<br>
        <small style="color:var(--ms-muted);">食べ飲み放題込み</small>
      </span>
    </div>
    <div class="ms-info-row">
      <span class="ms-info-icon">👘</span>
      <span class="ms-info-label">ドレスコード</span>
      <span class="ms-info-val">浴衣・甚平おすすめ！私服参加もOK</span>
    </div>
    <div class="ms-info-row">
      <span class="ms-info-icon">👥</span>
      <span class="ms-info-label">対象</span>
      <span class="ms-info-val">20〜30代の社会人</span>
    </div>

    <div class="ms-discount-box">
      <strong>🎁 割引あります！</strong><br>
      ①【浴衣祭！割】浴衣・甚平で入場 → <strong>500円オフ</strong><br>
      ②【早割】開催前月末までのお支払い → <strong>1,000円オフ</strong><br>
      <small style="color:var(--ms-muted);">※①②の併用はできません</small>
    </div>
  </div>

  <!-- ===== Why ===== -->
  <div class="ms-section">
    <div class="ms-section-eyebrow">WHY JOIN?</div>
    <div class="ms-h2">この夏祭りが<br>特別な理由、3つ。</div>
    <div class="ms-why-cards">
      <div class="ms-why-card">
        <span class="ms-why-num">01</span>
        <div>
          <div class="ms-h3">「一人でも溶け込める」仕組みがある</div>
          <p>スタッフが会話の橋渡しをするので、知らない人だらけでも大丈夫。放置しません。帰る頃には複数人と連絡先を交換している。それがマブダチシティの夏祭りです。</p>
        </div>
      </div>
      <div class="ms-why-card">
        <span class="ms-why-num">02</span>
        <div>
          <div class="ms-h3">浴衣割引で、雰囲気もテンションも上がる</div>
          <p>浴衣・甚平で来ると500円オフ＋写真映えも抜群。「せっかくなら浴衣で行こうかな」がきっかけで、夏の特別な記憶になる。</p>
        </div>
      </div>
      <div class="ms-why-card">
        <span class="ms-why-num">03</span>
        <div>
          <div class="ms-h3">食べ飲み放題で、気を遣わず楽しめる</div>
          <p>追加料金を気にしなくていい。飲んで食べて、話すことに集中できる。それが友達ができる宴の最短距離。</p>
        </div>
      </div>
    </div>
  </div>

  <!-- ===== ターゲット ===== -->
  <div class="ms-section-dark">
    <div class="ms-section-eyebrow">FOR YOU?</div>
    <div class="ms-h2">こんな人、待ってます。</div>
    <ul class="ms-target-list">
      <li>🎇　社会人になってから「夏の友達」が減った気がする</li>
      <li>🍻　「夏祭りに一緒に行こうよ」って言える人がほしい</li>
      <li>👘　今年こそ浴衣で出かけたい、でも一人じゃ行けない</li>
      <li>🌟　新しいコミュニティに入るきっかけを探している</li>
      <li>🤝　一人参加でも全然OK。みんな最初は一人で来てる</li>
    </ul>
  </div>

  <!-- ===== タイムライン ===== -->
  <div class="ms-section">
    <div class="ms-section-eyebrow">TIMELINE</div>
    <div class="ms-h2">当日の流れ</div>
    <div class="ms-timeline">
      <div class="ms-tl-item">
        <div class="ms-tl-time">15:00</div>
        <div class="ms-tl-text">受付スタート・乾杯！<br>
          <small style="color:var(--ms-muted);">浴衣・甚平の方は入口で割引確認します</small>
        </div>
      </div>
      <div class="ms-tl-item">
        <div class="ms-tl-time">15:15〜</div>
        <div class="ms-tl-text">自己紹介タイム・スタッフが橋渡し</div>
      </div>
      <div class="ms-tl-item">
        <div class="ms-tl-time">15:30〜</div>
        <div class="ms-tl-text">自由交流・食べ飲み放題フル稼働 🍻</div>
      </div>
      <div class="ms-tl-item">
        <div class="ms-tl-time">16:30〜</div>
        <div class="ms-tl-text">連絡先交換タイム・写真撮影 📸</div>
      </div>
      <div class="ms-tl-item">
        <div class="ms-tl-time">17:00</div>
        <div class="ms-tl-text">終了（二次会は希望者で自由参加）</div>
      </div>
    </div>
  </div>

  <!-- ===== FAQ ===== -->
  <div class="ms-section" style="padding-top:0;">
    <div class="ms-section-eyebrow">FAQ</div>
    <div class="ms-h2">よくある質問</div>

    <details class="ms-faq-item">
      <summary>一人で参加しても大丈夫ですか？</summary>
      <div class="ms-faq-body">大丈夫です！参加者の半数以上が一人参加です。スタッフが積極的に話しかけ、グループの輪に入れるようサポートします。「放置しない」がマブダチシティの約束です。</div>
    </details>
    <details class="ms-faq-item">
      <summary>浴衣は必須ですか？</summary>
      <div class="ms-faq-body">いいえ、私服でも参加できます。浴衣・甚平で来ると500円割引になりますが、普段着でも全く問題ありません。</div>
    </details>
    <details class="ms-faq-item">
      <summary>どんな人が来ますか？</summary>
      <div class="ms-faq-body">20〜30代の社会人が中心です。職業・出身地はさまざまですが、「新しい友達を作りたい」という共通の目的で集まっているので、自然と話が弾みます。</div>
    </details>
    <details class="ms-faq-item">
      <summary>キャンセルはできますか？</summary>
      <div class="ms-faq-body">お申し込み後のキャンセル規定については、申込フォームの注意事項をご確認ください。</div>
    </details>
    <details class="ms-faq-item">
      <summary>40代でも参加できますか？</summary>
      <div class="ms-faq-body">40代以降の方は追加料金（＋2,000円）でご参加いただけます。</div>
    </details>
  </div>

  <!-- ===== 主催者紹介 ===== -->
  <div class="ms-host">
    <div class="ms-host-inner">
      <div class="ms-host-name">🏙️ マブダチシティについて</div>
      <div class="ms-host-body">
        「社会人になってから、本当の友達ってどうやって作ればいいの？」<br>
        そんな問いから生まれた、働く20〜30代のための友達づくりコミュニティです。<br><br>
        大花見・夏祭り・タコパなど、年間を通じてイベントを開催。<br>
        「来てみたら全員いい人だった」が口コミで広がり続けています。<br><br>
        スタッフが繋ぎます。放置しません。
      </div>
    </div>
  </div>

  <!-- ===== 最後のCTA ===== -->
  <div class="ms-cta">
    <div class="ms-cta-h2">この夏、<em>浴衣</em>でマブダチをつくろう。</div>
    <div class="ms-cta-sub">
      一人で来ても、帰る頃には友達ができてる。<br>
      まず申し込みだけでもOKです。
    </div>
    <a href="#ms-form"
       class="ms-btn"
       onclick="document.getElementById('ms-form').scrollIntoView({behavior:'smooth'});return false;">
      とりあえず申し込む
    </a>
  </div>

  <!-- ===== フォームセクション ===== -->
  <!-- ▼ 申し込みフォーム -->
  <div class="ms-form-wrap" id="ms-form">
    <p class="ms-form-label">
      ▼ 下のフォームからお申し込みください
      <strong>🎆 参加申込フォーム</strong>
    </p>
    <!-- ショートコードはここに龍一が別途追記 -->
  </div>

</div>



<p style="color:#ff6b6b;">※ event_id を指定してください</p>



<p></p>
<p>投稿 <a href="https://sbcl.site/2026/06/01/natsu-yukatafes/">浴衣夏祭り</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sbcl.site/2026/06/01/natsu-yukatafes/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>夜景ナイトパーティーVol.3</title>
		<link>https://sbcl.site/2026/06/01/sky-nightparty-vol3/</link>
					<comments>https://sbcl.site/2026/06/01/sky-nightparty-vol3/#respond</comments>
		
		<dc:creator><![CDATA[るいち]]></dc:creator>
		<pubDate>Mon, 01 Jun 2026 12:48:46 +0000</pubDate>
				<category><![CDATA[#マブダチシティ]]></category>
		<guid isPermaLink="false">https://sbcl.site/?p=1866</guid>

					<description><![CDATA[<p>MABUDACHI CITY × NIGHT PARTY Vol.3 運命の出会いは、30Fの夜景の下で。 心斎橋タワマン最上階で、素敵な出会いを探す夜。 ひとりで来ても、帰る頃には特別な人と出会えてる。 とりあえず申し [&#8230;]</p>
<p>投稿 <a href="https://sbcl.site/2026/06/01/sky-nightparty-vol3/">夜景ナイトパーティーVol.3</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<style>
/* Cocoon目次を非表示 */
#toc_container,
.toc_container,
.navi-toc,
[class*="toc"] {
  display: none !important;
}

@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@400;700&family=Zen+Maru+Gothic:wght@400;500;700&display=swap');

/* ==========================================
   夜景ナイトパーティーVol.3 LP
   プレフィックス: night3-
   ========================================== */

:root {
  --night3-navy:    #0A0E1A;
  --night3-deep:    #111827;
  --night3-blue:    #1E3A5F;
  --night3-accent:  #4FC3F7;
  --night3-gold:    #C9A84C;
  --night3-white:   #F0F4FF;
  --night3-muted:   #8899BB;
  --night3-bg:      #F5F8FF;
  --night3-section: #FFFFFF;
  --night3-border:  #DDE6F5;
}

.night3-wrap {
  max-width: 680px;
  margin: 0 auto;
  font-family: 'Zen Maru Gothic', sans-serif;
  color: #1A2340;
  background: var(--night3-bg);
  line-height: 1.75;
}

/* ---- HERO ---- */
.night3-hero {
  position: relative;
  background: var(--night3-navy);
  color: var(--night3-white);
  padding: 60px 24px 52px;
  text-align: center;
  overflow: hidden;
}

.night3-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 50% 80%, rgba(79,195,247,0.13) 0%, transparent 70%),
    radial-gradient(ellipse 40% 30% at 80% 20%, rgba(201,168,76,0.10) 0%, transparent 60%);
  pointer-events: none;
}

/* 星 */
.night3-stars {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.night3-star {
  position: absolute;
  width: 2px;
  height: 2px;
  background: #fff;
  border-radius: 50%;
  opacity: 0;
  animation: night3-twinkle 3s infinite;
}
@keyframes night3-twinkle {
  0%, 100% { opacity: 0; }
  50%       { opacity: 0.8; }
}

/* 都市シルエット */
.night3-cityline {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px;
  pointer-events: none;
}

.night3-vol-badge {
  display: inline-block;
  background: rgba(201,168,76,0.18);
  border: 1px solid var(--night3-gold);
  color: var(--night3-gold);
  font-family: 'Kaisei Opti', serif;
  font-size: 11px;
  letter-spacing: 0.2em;
  padding: 4px 16px;
  border-radius: 20px;
  margin-bottom: 20px;
}

.night3-hero-catch {
  font-family: 'Kaisei Opti', serif;
  font-size: clamp(26px, 7vw, 38px);
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 18px;
  position: relative;
}

.night3-hero-catch span {
  color: var(--night3-accent);
}

.night3-hero-sub {
  font-size: 14px;
  color: rgba(240,244,255,0.75);
  line-height: 1.8;
  margin-bottom: 32px;
  position: relative;
}

.night3-hero-btn {
  display: inline-block;
  background: linear-gradient(135deg, var(--night3-accent) 0%, #29B6F6 100%);
  color: var(--night3-navy);
  font-family: 'Kaisei Opti', serif;
  font-weight: 700;
  font-size: 16px;
  padding: 16px 40px;
  border-radius: 50px;
  text-decoration: none;
  letter-spacing: 0.05em;
  position: relative;
  box-shadow: 0 4px 24px rgba(79,195,247,0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}
.night3-hero-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(79,195,247,0.45);
}

/* ---- OVERVIEW ---- */
.night3-overview {
  background: var(--night3-deep);
  color: var(--night3-white);
  padding: 44px 24px;
}

.night3-section-label {
  font-family: 'Kaisei Opti', serif;
  font-size: 11px;
  letter-spacing: 0.25em;
  color: var(--night3-accent);
  text-transform: uppercase;
  margin-bottom: 8px;
}

.night3-section-title {
  font-family: 'Kaisei Opti', serif;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 28px;
  line-height: 1.4;
}

.night3-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.night3-info-card {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(79,195,247,0.18);
  border-radius: 12px;
  padding: 16px 18px;
}

.night3-info-icon {
  font-size: 20px;
  margin-bottom: 6px;
}

.night3-info-label {
  font-size: 10px;
  color: var(--night3-accent);
  letter-spacing: 0.1em;
  margin-bottom: 4px;
}

.night3-info-val {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

/* ---- WHY ---- */
.night3-why {
  background: var(--night3-section);
  padding: 48px 24px;
}

.night3-why .night3-section-title {
  color: var(--night3-navy);
}
.night3-why .night3-section-label {
  color: var(--night3-accent);
}

.night3-why-cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
}

.night3-why-card {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: var(--night3-bg);
  border-left: 4px solid var(--night3-accent);
  border-radius: 0 12px 12px 0;
  padding: 18px 20px;
}

.night3-why-num {
  font-family: 'Kaisei Opti', serif;
  font-size: 28px;
  font-weight: 700;
  color: var(--night3-accent);
  line-height: 1;
  min-width: 32px;
}

.night3-why-body-title {
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 6px;
  color: var(--night3-navy);
}

.night3-why-body-text {
  font-size: 13px;
  color: #4A5568;
  line-height: 1.7;
}

/* ---- TARGET ---- */
.night3-target {
  background: var(--night3-deep);
  color: var(--night3-white);
  padding: 44px 24px;
}

.night3-target-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.night3-target-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  background: rgba(255,255,255,0.05);
  border-radius: 10px;
  padding: 13px 16px;
  border: 1px solid rgba(79,195,247,0.12);
}

.night3-target-list li::before {
  content: '✦';
  color: var(--night3-accent);
  font-size: 12px;
  flex-shrink: 0;
}

.night3-target-note {
  margin-top: 18px;
  font-size: 13px;
  color: rgba(240,244,255,0.65);
  text-align: center;
  padding: 12px;
  border: 1px dashed rgba(79,195,247,0.25);
  border-radius: 8px;
}

/* ---- TIMELINE ---- */
.night3-timeline {
  background: var(--night3-section);
  padding: 48px 24px;
}
.night3-timeline .night3-section-title { color: var(--night3-navy); }

.night3-tl-list {
  position: relative;
  padding-left: 28px;
  margin-top: 8px;
}

.night3-tl-list::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: linear-gradient(to bottom, var(--night3-accent), var(--night3-gold));
}

.night3-tl-item {
  position: relative;
  margin-bottom: 24px;
}

.night3-tl-item::before {
  content: '';
  position: absolute;
  left: -24px;
  top: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--night3-accent);
  box-shadow: 0 0 0 3px rgba(79,195,247,0.2);
}

.night3-tl-time {
  font-family: 'Kaisei Opti', serif;
  font-size: 13px;
  color: var(--night3-accent);
  font-weight: 700;
  margin-bottom: 2px;
}

.night3-tl-text {
  font-size: 14px;
  color: #2D3748;
}

/* ---- FAQ ---- */
.night3-faq {
  background: var(--night3-bg);
  padding: 48px 24px;
}
.night3-faq .night3-section-title { color: var(--night3-navy); }

.night3-faq-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
}

.night3-faq-item {
  border: 1px solid var(--night3-border);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

.night3-faq-item summary {
  padding: 16px 18px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--night3-navy);
}

.night3-faq-item summary::after {
  content: '＋';
  color: var(--night3-accent);
  font-size: 16px;
  transition: transform 0.25s;
}

.night3-faq-item[open] summary::after {
  transform: rotate(45deg);
}

.night3-faq-body {
  padding: 0 18px 16px;
  font-size: 13px;
  color: #4A5568;
  line-height: 1.8;
}

/* ---- ABOUT ---- */
.night3-about {
  background: var(--night3-deep);
  color: var(--night3-white);
  padding: 44px 24px;
  text-align: center;
}

.night3-about-logo {
  font-family: 'Kaisei Opti', serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--night3-accent);
  margin-bottom: 12px;
  letter-spacing: 0.05em;
}

.night3-about-text {
  font-size: 13px;
  color: rgba(240,244,255,0.75);
  line-height: 1.9;
  margin-bottom: 20px;
}

.night3-about-stats {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}

.night3-stat {
  text-align: center;
}

.night3-stat-num {
  font-family: 'Kaisei Opti', serif;
  font-size: 26px;
  font-weight: 700;
  color: var(--night3-gold);
}

.night3-stat-label {
  font-size: 11px;
  color: var(--night3-muted);
  margin-top: 2px;
}

/* ---- CTA ---- */
.night3-cta {
  background: linear-gradient(160deg, #0A0E1A 0%, #1E3A5F 100%);
  color: var(--night3-white);
  padding: 52px 24px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.night3-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 60% at 50% 100%, rgba(79,195,247,0.15) 0%, transparent 70%);
  pointer-events: none;
}

.night3-cta-catch {
  font-family: 'Kaisei Opti', serif;
  font-size: clamp(20px, 5vw, 28px);
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 12px;
  position: relative;
}

.night3-cta-sub {
  font-size: 13px;
  color: rgba(240,244,255,0.65);
  margin-bottom: 28px;
  position: relative;
}

.night3-cta-btn {
  display: inline-block;
  background: linear-gradient(135deg, var(--night3-accent) 0%, #29B6F6 100%);
  color: var(--night3-navy);
  font-family: 'Kaisei Opti', serif;
  font-weight: 700;
  font-size: 16px;
  padding: 18px 44px;
  border-radius: 50px;
  text-decoration: none;
  letter-spacing: 0.05em;
  position: relative;
  box-shadow: 0 4px 28px rgba(79,195,247,0.4);
  transition: transform 0.2s, box-shadow 0.2s;
}
.night3-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 36px rgba(79,195,247,0.5);
}

.night3-cta-seats {
  margin-top: 16px;
  font-size: 12px;
  color: var(--night3-gold);
  position: relative;
}

/* ---- FORM ---- */
.night3-form-section {
  background: var(--night3-bg);
  padding: 44px 24px 52px;
}

.night3-form-wrap {
  background: #fff;
  border: 1px solid var(--night3-border);
  border-radius: 16px;
  padding: 28px 24px;
}

.night3-form-label {
  font-size: 14px;
  color: #4A5568;
  margin-bottom: 16px;
  line-height: 1.7;
}

.night3-form-title {
  font-family: 'Kaisei Opti', serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--night3-navy);
  margin-bottom: 4px;
}
</style>

<div class="night3-wrap">

  <!-- HERO -->
  <div class="night3-hero">

    <!-- 星 -->
    <div class="night3-stars" id="night3-stars-container"></div>

    <!-- 都市シルエット SVG -->
    <svg class="night3-cityline" viewBox="0 0 680 90" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
      <path d="M0,90 L0,60 L20,60 L20,45 L30,45 L30,35 L40,35 L40,50 L55,50 L55,30 L60,30 L60,20 L65,20 L65,30 L70,30 L70,50 L85,50 L85,40 L95,40 L95,35 L105,35 L105,55 L120,55 L120,42 L130,42 L130,28 L135,28 L135,18 L140,18 L140,28 L145,28 L145,42 L160,42 L160,55 L175,55 L175,40 L185,40 L185,48 L195,48 L195,36 L200,36 L200,24 L205,24 L205,36 L210,36 L210,48 L225,48 L225,55 L240,55 L240,38 L250,38 L250,25 L255,25 L255,15 L262,15 L262,8 L268,8 L268,15 L275,15 L275,25 L285,25 L285,38 L300,38 L300,52 L315,52 L315,40 L325,40 L325,30 L330,30 L330,22 L335,22 L335,30 L340,30 L340,40 L355,40 L355,52 L370,52 L370,44 L380,44 L380,52 L395,52 L395,38 L405,38 L405,28 L410,28 L410,18 L415,18 L415,28 L420,28 L420,38 L435,38 L435,50 L450,50 L450,40 L460,40 L460,55 L475,55 L475,42 L485,42 L485,32 L490,32 L490,42 L495,42 L495,55 L510,55 L510,45 L520,45 L520,35 L530,35 L530,50 L545,50 L545,38 L555,38 L555,28 L560,28 L560,20 L565,20 L565,28 L570,28 L570,38 L585,38 L585,50 L600,50 L600,42 L615,42 L615,55 L630,55 L630,45 L645,45 L645,60 L660,60 L660,55 L680,55 L680,90 Z" fill="rgba(30,58,95,0.6)"/>
      <!-- 窓の光 -->
      <rect x="61" y="22" width="3" height="3" fill="rgba(79,195,247,0.6)" rx="0.5"/>
      <rect x="136" y="20" width="3" height="3" fill="rgba(201,168,76,0.5)" rx="0.5"/>
      <rect x="201" y="26" width="3" height="3" fill="rgba(79,195,247,0.5)" rx="0.5"/>
      <rect x="256" y="17" width="3" height="4" fill="rgba(79,195,247,0.7)" rx="0.5"/>
      <rect x="263" y="10" width="3" height="4" fill="rgba(201,168,76,0.6)" rx="0.5"/>
      <rect x="331" y="24" width="3" height="3" fill="rgba(79,195,247,0.6)" rx="0.5"/>
      <rect x="406" y="20" width="3" height="3" fill="rgba(201,168,76,0.5)" rx="0.5"/>
      <rect x="411" y="20" width="3" height="3" fill="rgba(79,195,247,0.4)" rx="0.5"/>
      <rect x="486" y="34" width="3" height="3" fill="rgba(79,195,247,0.6)" rx="0.5"/>
      <rect x="561" y="22" width="3" height="3" fill="rgba(201,168,76,0.5)" rx="0.5"/>
    </svg>

    <div class="night3-vol-badge">MABUDACHI CITY × NIGHT PARTY Vol.3</div>

    <div class="night3-hero-catch">
      運命の出会いは、<br><span>30Fの夜景の下で。</span>
    </div>

    <div class="night3-hero-sub">
      心斎橋タワマン最上階で、素敵な出会いを探す夜。<br>
      ひとりで来ても、帰る頃には特別な人と出会えてる。
    </div>

    <a href="#night3-form"
       class="night3-hero-btn"
       onclick="document.getElementById('night3-form').scrollIntoView({behavior:'smooth'});return false;">
      とりあえず申し込む
    </a>
  </div>

  <!-- OVERVIEW -->
  <div class="night3-overview">
    <div class="night3-section-label">EVENT INFO</div>
    <div class="night3-section-title">イベント概要</div>
    <div class="night3-info-grid">
      <div class="night3-info-card">
        <div class="night3-info-icon">📅</div>
        <div class="night3-info-label">DATE</div>
        <div class="night3-info-val">7月10日（金）<br>19:30〜22:00</div>
      </div>
      <div class="night3-info-card">
        <div class="night3-info-icon">🏙️</div>
        <div class="night3-info-label">VENUE</div>
        <!-- ★ 会場名を差し替えてください -->
        <div class="night3-info-val">心斎橋・なんばエリア<br>タワマン30Fラウンジ</div>
      </div>
      <div class="night3-info-card">
        <div class="night3-info-icon">💰</div>
        <div class="night3-info-label">PRICE</div>
        <div class="night3-info-val">男性 4,500円<br>女性 3,000円</div>
      </div>
      <div class="night3-info-card">
        <div class="night3-info-icon">👥</div>
        <div class="night3-info-label">CAPACITY</div>
        <div class="night3-info-val">男性 15名<br>女性 15名</div>
      </div>
    </div>
  </div>

  <!-- WHY -->
  <div class="night3-why">
    <div class="night3-section-label">HIGHLIGHTS</div>
    <div class="night3-section-title">このイベントが特別な理由</div>
    <div class="night3-why-cards">
      <div class="night3-why-card">
        <div class="night3-why-num">01</div>
        <div>
          <div class="night3-why-body-title">夜景が、出会いを加速させる</div>
          <div class="night3-why-body-text">30Fから見渡す大阪の夜景が、非日常の空気をつくり出す。普通の飲み会では生まれない「特別な夜の記憶」が、二人の距離を縮めます。</div>
        </div>
      </div>
      <div class="night3-why-card">
        <div class="night3-why-num">02</div>
        <div>
          <div class="night3-why-body-title">スタッフが繋ぎます、放置しません</div>
          <div class="night3-why-body-text">立食スタイルで自由に移動しながら交流できます。スタッフが積極的に声をかけてご紹介するので、気になる人と話すチャンスを逃しません。</div>
        </div>
      </div>
      <div class="night3-why-card">
        <div class="night3-why-num">03</div>
        <div>
          <div class="night3-why-body-title">男女比バランスで、出会いの質が高い</div>
          <div class="night3-why-body-text">男女各15名の均等構成で開催。ガチャ感なく、ちゃんと話せる人数設計です。Vol.1・2でも実際にカップルが誕生しています。</div>
        </div>
      </div>
    </div>
  </div>

  <!-- TARGET -->
  <div class="night3-target">
    <div class="night3-section-label">FOR YOU</div>
    <div class="night3-section-title">こんな人におすすめ</div>
    <ul class="night3-target-list">
      <li>素敵な出会いを探している20〜30代の社会人</li>
      <li>マッチングアプリに疲れて、リアルな出会いを求めている</li>
      <li>お酒を飲みながら自然に仲良くなりたい</li>
      <li>夜景のきれいな場所で、特別な夜を過ごしたい</li>
      <li>大阪で同世代の異性と出会いたい</li>
    </ul>
    <div class="night3-target-note">💫 一人参加が大半です。初参加も大歓迎。</div>
  </div>

  <!-- TIMELINE -->
  <div class="night3-timeline">
    <div class="night3-section-label">SCHEDULE</div>
    <div class="night3-section-title">当日の流れ</div>
    <div class="night3-tl-list">
      <div class="night3-tl-item">
        <div class="night3-tl-time">19:15〜</div>
        <div class="night3-tl-text">受付開始。来たらすぐスタッフが声をかけます</div>
      </div>
      <div class="night3-tl-item">
        <div class="night3-tl-time">19:30〜</div>
        <div class="night3-tl-text">スタート・乾杯🥂 夜景を眺めながらフリードリンク開始</div>
      </div>
      <div class="night3-tl-item">
        <div class="night3-tl-time">19:45〜</div>
        <div class="night3-tl-text">アイスブレイクゲーム。自然と会話が生まれます</div>
      </div>
      <div class="night3-tl-item">
        <div class="night3-tl-time">20:00〜</div>
        <div class="night3-tl-text">フリー交流タイム。話したい人と話せる立食スタイル</div>
      </div>
      <div class="night3-tl-item">
        <div class="night3-tl-time">21:45〜</div>
        <div class="night3-tl-text">クロージング・連絡先交換タイム</div>
      </div>
      <div class="night3-tl-item">
        <div class="night3-tl-time">22:00</div>
        <div class="night3-tl-text">終了。2次会に流れることも…🌙</div>
      </div>
    </div>
  </div>

  <!-- FAQ -->
  <div class="night3-faq">
    <div class="night3-section-label">FAQ</div>
    <div class="night3-section-title">よくある質問</div>
    <div class="night3-faq-list">
      <details class="night3-faq-item">
        <summary>一人で参加しても大丈夫ですか？</summary>
        <div class="night3-faq-body">もちろんです。参加者のほとんどが一人参加です。スタッフが積極的にご紹介するので、気づいたら話しかけてた・話しかけられた、という展開になります。</div>
      </details>
      <details class="night3-faq-item">
        <summary>初参加でも楽しめますか？</summary>
        <div class="night3-faq-body">はい。初参加の方が多いイベントです。ゲームやスタッフの誘導で、初対面同士でも自然に打ち解けられる設計になっています。</div>
      </details>
      <details class="night3-faq-item">
        <summary>服装に決まりはありますか？</summary>
        <div class="night3-faq-body">特に決まりはありません。ただ夜景スポットでのパーティーなので、ちょっとおしゃれをして来ると気分が上がりますよ。</div>
      </details>
      <details class="night3-faq-item">
        <summary>キャンセルはできますか？</summary>
        <div class="night3-faq-body">3日前まではキャンセル可能です。それ以降のキャンセルはキャンセル料が発生する場合があります。詳細は申し込み確認メールをご確認ください。</div>
      </details>
      <details class="night3-faq-item">
        <summary>年齢層はどのくらいですか？</summary>
        <div class="night3-faq-body">20代〜30代が中心です。社会人として働いている方が多く集まります。</div>
      </details>
    </div>
  </div>

  <!-- ABOUT -->
  <div class="night3-about">
    <div class="night3-about-logo">マブダチシティ</div>
    <div class="night3-about-text">
      働く20〜30代のための交流コミュニティ。<br>
      「リアルな場所で、ちゃんとした出会いがしたい」<br>
      そんな想いを持つ人たちのための、本物の出会いの場を提供します。
    </div>
    <div class="night3-about-stats">
      <div class="night3-stat">
        <div class="night3-stat-num">130+</div>
        <div class="night3-stat-label">コミュニティ参加者</div>
      </div>
      <div class="night3-stat">
        <div class="night3-stat-num">Vol.3</div>
        <div class="night3-stat-label">夜景ナイトパーティー</div>
      </div>
      <div class="night3-stat">
        <div class="night3-stat-num">大阪</div>
        <div class="night3-stat-label">拠点エリア</div>
      </div>
    </div>
  </div>

  <!-- CTA -->
  <div class="night3-cta">
    <div class="night3-cta-catch">
      この夏、心斎橋の夜景の下で<br>運命の出会いを探そう。
    </div>
    <div class="night3-cta-sub">定員30名・先着順。残席わずかになり次第締め切ります。</div>
    <a href="#night3-form"
       class="night3-cta-btn"
       onclick="document.getElementById('night3-form').scrollIntoView({behavior:'smooth'});return false;">
      とりあえず申し込む
    </a>
    <div class="night3-cta-seats">📍 男性15名 / 女性15名 ｜ 7月10日（金）19:30〜</div>
  </div>

  <!-- FORM -->
  <div class="night3-form-section">
    <div class="night3-form-wrap" id="night3-form">
      <div class="night3-form-title">🌃 参加申込フォーム</div>
      <p class="night3-form-label">
        ▼ 下のフォームからお申し込みください<br>
        ※ 公式LINEで申し込む場合は <a href="https://lin.ee/ojemc6U" style="color:#4FC3F7;">こちら</a>
      </p>
      <!-- ショートコードはここに龍一が別途追記 -->
    </div>
  </div>

</div>

<script>
// 星を動的生成
(function() {
  var container = document.getElementById('night3-stars-container');
  if (!container) return;
  for (var i = 0; i < 40; i++) {
    var star = document.createElement('div');
    star.className = 'night3-star';
    star.style.left = Math.random() * 100 + '%';
    star.style.top  = Math.random() * 80 + '%';
    star.style.animationDelay = (Math.random() * 4) + 's';
    star.style.animationDuration = (2 + Math.random() * 3) + 's';
    var size = 1 + Math.random() * 2;
    star.style.width  = size + 'px';
    star.style.height = size + 'px';
    container.appendChild(star);
  }
})();
</script>



    <div class="mem-inline-form-wrap">

            <div class="mem-inline-event-info">
        <div class="mem-inline-event-name">夜景ナイトパーティーVol.3</div>
        <div class="mem-inline-event-meta">
                    <div class="mem-inline-meta-row"><span>📅</span> 2026年7月10日（金）</div>
                              <div class="mem-inline-meta-row">
            <span>🕐</span>
            <div class="mem-time-display">
              <div class="mem-time-item">
                <span class="mem-time-item-label">開始</span>
                <span class="mem-time-item-value">19:30</span>
              </div>
                            <div class="mem-time-item">
                <span class="mem-time-item-label">乾杯</span>
                <span class="mem-time-item-value">20:00</span>
              </div>
                                          <div class="mem-time-item">
                <span class="mem-time-item-label">終了</span>
                <span class="mem-time-item-value">22:00</span>
              </div>
                          </div>
          </div>
                              <div class="mem-inline-meta-row"><span>📍</span> 心斎橋ブランズタワー</div>
                              <div class="mem-inline-meta-row"><span>💴</span>
            男性 4,500円
            ／ 女性 3,000円
          </div>
                              <div class="mem-inline-meta-row"><span>👥</span> 定員 30名</div>
                  </div>
      </div>

            <div class="mem-inline-form" id="mem-inline-form-1865">
        <div class="mem-inline-form-title">🌸 参加申込フォーム</div>
        <input type="hidden" class="mem-inline-event-id" value="1865">
        <input type="hidden" class="mem-inline-redirect-url" value="https://sbcl.site/event-thanks/?event_id=1865">
        <input type="hidden" id="mem_inline_nonce_1865" name="mem_inline_nonce_1865" value="46ceff9a53" /><input type="hidden" name="_wp_http_referer" value="/feed/" />
        <div class="mem-form-group">
          <label class="mem-form-label">お名前 <span class="mem-form-required">*</span></label>
          <input class="mem-form-input mem-inline-name" type="text" placeholder="山田 太郎">
        </div>
        <div class="mem-form-group">
          <label class="mem-form-label">メールアドレス <span class="mem-form-required">*</span></label>
          <input class="mem-form-input mem-inline-email" type="email" placeholder="example@email.com">
        </div>
        <div class="mem-form-row">
          <div class="mem-form-group">
            <label class="mem-form-label">性別 <span class="mem-form-required">*</span></label>
            <select class="mem-form-select mem-inline-gender" onchange="memToggleConditions(this)">
              <option value="">選択してください</option>
              <option value="男性">男性</option>
              <option value="女性">女性</option>
              <option value="その他">その他</option>
            </select>
          </div>
          <div class="mem-form-group">
            <label class="mem-form-label">年代</label>
            <select class="mem-form-select mem-inline-age-group">
              <option value="">選択してください</option>
              <option value="20代前半">20代前半</option>
              <option value="20代後半">20代後半</option>
              <option value="30代前半">30代前半</option>
              <option value="30代後半">30代後半</option>
              <option value="40代前半">40代前半</option>
            </select>
          </div>
        </div>
        <div class="mem-form-group">
          <label class="mem-form-label">備考・メッセージ</label>
          <input class="mem-form-input mem-inline-message" type="text" placeholder="アレルギーや当日の連絡事項など">
        </div>

                    <div class="mem-cond-wrap" data-prefix="1865" style="display:none;">
            <div class="mem-cond-group" data-gender="male" style="display:none;">
        <div class="mem-cond-group-title">
          <span class="mem-cond-icon">📋</span>
          ご参加にあたっての確認事項（男性）
        </div>
        <p class="mem-cond-group-sub">以下の項目を確認・ご記入ください</p>

                <div class="mem-cond-row" data-cond-index="0">
                      <label class="mem-cond-text-label" for="mem-cond-1865-male-0">
              ご年齢              <span class="mem-cond-req">*</span>            </label>
            <select id="mem-cond-1865-male-0"
                    class="mem-cond-input mem-cond-select"
                    data-type="select"
                    data-label="ご年齢"
                    data-required="1">
              <option value="">選択してください</option>
                            <option value="34">34</option>
                            <option value="33">33</option>
                            <option value="32">32</option>
                            <option value="31">31</option>
                            <option value="30">30</option>
                            <option value="29">29</option>
                            <option value="28">28</option>
                            <option value="27">27</option>
                            <option value="26">26</option>
                            <option value="25">25</option>
                            <option value="24">24</option>
                            <option value="23">23</option>
                            <option value="22">22</option>
                            <option value="21">21</option>
                            <option value="20">20</option>
                          </select>
                  </div>
                <div class="mem-cond-row" data-cond-index="1">
                      <label class="mem-cond-text-label" for="mem-cond-1865-male-1">
              ご職業              <span class="mem-cond-req">*</span>            </label>
            <input type="text"
                   id="mem-cond-1865-male-1"
                   class="mem-cond-input mem-cond-text"
                   data-type="text"
                   data-label="ご職業"
                   data-required="1"
                   placeholder="ご記入ください">
                  </div>
                <div class="mem-cond-row" data-cond-index="2">
                      <label class="mem-cond-text-label" for="mem-cond-1865-male-2">
              最終学歴              <span class="mem-cond-req">*</span>            </label>
            <select id="mem-cond-1865-male-2"
                    class="mem-cond-input mem-cond-select"
                    data-type="select"
                    data-label="最終学歴"
                    data-required="1">
              <option value="">選択してください</option>
                            <option value="高卒">高卒</option>
                            <option value="高専卒">高専卒</option>
                            <option value="専門卒">専門卒</option>
                            <option value="大卒">大卒</option>
                            <option value="大学院卒">大学院卒</option>
                          </select>
                  </div>
              </div>
            <div class="mem-cond-group" data-gender="female" style="display:none;">
        <div class="mem-cond-group-title">
          <span class="mem-cond-icon">📋</span>
          ご参加にあたっての確認事項（女性）
        </div>
        <p class="mem-cond-group-sub">以下の項目を確認・ご記入ください</p>

                <div class="mem-cond-row" data-cond-index="0">
                      <label class="mem-cond-text-label" for="mem-cond-1865-female-0">
              ご年齢              <span class="mem-cond-req">*</span>            </label>
            <select id="mem-cond-1865-female-0"
                    class="mem-cond-input mem-cond-select"
                    data-type="select"
                    data-label="ご年齢"
                    data-required="1">
              <option value="">選択してください</option>
                            <option value="34">34</option>
                            <option value="33">33</option>
                            <option value="32">32</option>
                            <option value="31">31</option>
                            <option value="30">30</option>
                            <option value="29">29</option>
                            <option value="28">28</option>
                            <option value="27">27</option>
                            <option value="26">26</option>
                            <option value="25">25</option>
                            <option value="24">24</option>
                            <option value="23">23</option>
                            <option value="22">22</option>
                            <option value="21">21</option>
                            <option value="20">20</option>
                          </select>
                  </div>
                <div class="mem-cond-row" data-cond-index="1">
                      <label class="mem-cond-text-label" for="mem-cond-1865-female-1">
              ご職業              <span class="mem-cond-req">*</span>            </label>
            <input type="text"
                   id="mem-cond-1865-female-1"
                   class="mem-cond-input mem-cond-text"
                   data-type="text"
                   data-label="ご職業"
                   data-required="1"
                   placeholder="ご記入ください">
                  </div>
                <div class="mem-cond-row" data-cond-index="2">
                      <label class="mem-cond-text-label" for="mem-cond-1865-female-2">
              最終学歴              <span class="mem-cond-req">*</span>            </label>
            <select id="mem-cond-1865-female-2"
                    class="mem-cond-input mem-cond-select"
                    data-type="select"
                    data-label="最終学歴"
                    data-required="1">
              <option value="">選択してください</option>
                            <option value="高卒">高卒</option>
                            <option value="高専卒">高専卒</option>
                            <option value="専門卒">専門卒</option>
                            <option value="大卒">大卒</option>
                            <option value="大学院卒">大学院卒</option>
                          </select>
                  </div>
              </div>
          </div>

    <style>
    .mem-cond-wrap{margin:10px 0 16px;background:#fff8e1;border:1px solid #ffa726;border-radius:10px;padding:14px}
    .mem-cond-group-title{font-size:14px;font-weight:700;color:#e65100;margin-bottom:4px;display:flex;align-items:center;gap:6px}
    .mem-cond-group-sub{font-size:12px;color:#888;margin:0 0 12px}
    .mem-cond-row{margin-bottom:10px}
    .mem-cond-check-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:13px;color:#444;line-height:1.5}
    .mem-cond-check-label input[type=checkbox]{margin-top:3px;flex-shrink:0}
    .mem-cond-text-label{display:block;font-size:12px;font-weight:700;color:#666;margin-bottom:4px}
    .mem-cond-input.mem-cond-text,.mem-cond-input.mem-cond-select{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:13px;background:#fff;box-sizing:border-box}
    .mem-cond-req{color:#ff6b6b;font-weight:700;margin-left:4px}
    </style>
    
        <div class="mem-inline-form-error" style="color:#ff6b6b;font-size:12px;margin-bottom:8px;display:none;"></div>
        <button class="mem-form-submit mem-inline-submit" onclick="memInlineSubmit(1865)">
          🌸 参加を申し込む
        </button>
      </div>

    </div>

    <script>
    // 性別変更時の条件表示切替（モーダル版と共有）
    if ( typeof window.memToggleConditions !== 'function' ) {
      window.memToggleConditions = function(selectEl) {
        var val  = selectEl.value;
        var form = selectEl.closest('.mem-modal-form, .mem-inline-form');
        if ( ! form ) return;
        var wrap = form.querySelector('.mem-cond-wrap');
        if ( ! wrap ) return;
        var groups = wrap.querySelectorAll('.mem-cond-group');
        var anyShown = false;
        groups.forEach(function(g){
          var gender = g.getAttribute('data-gender');
          var match = (val === '男性' && gender === 'male') || (val === '女性' && gender === 'female');
          g.style.display = match ? 'block' : 'none';
          if ( match ) anyShown = true;
        });
        wrap.style.display = anyShown ? 'block' : 'none';
      };
    }

    // 参加条件の値収集（モーダル版と共有）
    if ( typeof window.memCollectConditions !== 'function' ) {
      window.memCollectConditions = function(formEl) {
        var wrap = formEl.querySelector('.mem-cond-wrap');
        if ( ! wrap || wrap.style.display === 'none' ) return { values: [], errors: [] };
        var visibleGroup = wrap.querySelector('.mem-cond-group[style*="block"]');
        if ( ! visibleGroup ) return { values: [], errors: [] };

        var values = [];
        var errors = [];
        var inputs = visibleGroup.querySelectorAll('.mem-cond-input');
        inputs.forEach(function(inp){
          var type     = inp.getAttribute('data-type');
          var label    = inp.getAttribute('data-label');
          var required = inp.getAttribute('data-required') === '1';
          var value    = '';
          if ( type === 'check' ) {
            value = inp.checked ? 'はい' : '';
            if ( required && ! inp.checked ) errors.push(label + ' にチェックが必要です');
          } else {
            value = (inp.value || '').trim();
            if ( required && value === '' ) errors.push(label + ' を入力してください');
          }
          values.push({ label: label, type: type, value: value });
        });
        return { values: values, errors: errors };
      };
    }

    // インライン版送信処理（条件回答も一緒に送信）
    function memInlineSubmit(eventId) {
        var wrap    = document.getElementById('mem-inline-form-' + eventId);
        var name    = wrap.querySelector('.mem-inline-name').value.trim();
        var email   = wrap.querySelector('.mem-inline-email').value.trim();
        var gender  = wrap.querySelector('.mem-inline-gender').value;
        var age     = wrap.querySelector('.mem-inline-age-group').value;
        var message = wrap.querySelector('.mem-inline-message').value.trim();
        var nonce   = wrap.querySelector('[name="mem_inline_nonce_' + eventId + '"]').value;
        var redirect = wrap.querySelector('.mem-inline-redirect-url').value;
        var $error  = wrap.querySelector('.mem-inline-form-error');
        var $btn    = wrap.querySelector('.mem-inline-submit');

        if ( ! name || ! email || ! gender ) {
            $error.textContent = 'お名前・メールアドレス・性別は必須です';
            $error.style.display = 'block';
            return;
        }

        // 参加条件のバリデーション＆値収集
        var cond = window.memCollectConditions(wrap);
        if ( cond.errors.length > 0 ) {
            $error.textContent = cond.errors[0];
            $error.style.display = 'block';
            return;
        }

        $error.style.display = 'none';
        $btn.disabled = true;
        $btn.textContent = '送信中...';

        jQuery.ajax({
            url: mem_ajax.ajax_url,
            type: 'POST',
            data: {
                action:     'mem_apply',
                event_id:   eventId,
                name:       name,
                email:      email,
                gender:     gender,
                age_group:  age,
                message:    message,
                conditions: JSON.stringify(cond.values),
                nonce:      nonce
            },
            success: function(response) {
                if (response.success) {
                    window.location.href = redirect;
                } else {
                    $error.textContent = response.data.message;
                    $error.style.display = 'block';
                    $btn.disabled = false;
                    $btn.textContent = '🌸 参加を申し込む';
                }
            },
            error: function() {
                $error.textContent = '通信エラーが発生しました。もう一度お試しください。';
                $error.style.display = 'block';
                $btn.disabled = false;
                $btn.textContent = '🌸 参加を申し込む';
            }
        });
    }
    </script>
    



<p></p>
<p>投稿 <a href="https://sbcl.site/2026/06/01/sky-nightparty-vol3/">夜景ナイトパーティーVol.3</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sbcl.site/2026/06/01/sky-nightparty-vol3/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>夜景ナイトパーティーVol.2</title>
		<link>https://sbcl.site/2026/05/13/sky-nightparty-vol2/</link>
					<comments>https://sbcl.site/2026/05/13/sky-nightparty-vol2/#respond</comments>
		
		<dc:creator><![CDATA[るいち]]></dc:creator>
		<pubDate>Wed, 13 May 2026 13:18:14 +0000</pubDate>
				<category><![CDATA[#マブダチシティ]]></category>
		<guid isPermaLink="false">https://sbcl.site/?p=1843</guid>

					<description><![CDATA[<p>MABUDACHI CITY × NIGHT VIEW PARTY 大阪の夜景の下で、運命の出会いを探す夜。 スカイラウンジ貸切。夜景。そして中華料理。 特別な夜が、特別な出会いを連れてくる。 とりあえず申し込む EVE [&#8230;]</p>
<p>投稿 <a href="https://sbcl.site/2026/05/13/sky-nightparty-vol2/">夜景ナイトパーティーVol.2</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<style>
/* Cocoon目次を非表示 */
#toc_container,
.toc_container,
.navi-toc,
[class*="toc"] {
  display: none !important;
}

@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@400;700&family=Zen+Maru+Gothic:wght@400;500;700&display=swap');

/* ===== 夜景ナイトパーティー CSS ===== */
:root {
  --navy: #0D1B2A;
  --navy-mid: #1A2E45;
  --navy-light: #243B55;
  --gold: #C9A84C;
  --gold-light: #E8CC80;
  --gold-pale: #F5E9C4;
  --cream: #FAF6EE;
  --text: #1A1A2E;
  --text-light: #5A6070;
  --white: #FFFFFF;
}

.nvp-wrap {
  font-family: 'Zen Maru Gothic', sans-serif;
  color: var(--text);
  max-width: 680px;
  margin: 0 auto;
  background: var(--cream);
  overflow: hidden;
}

/* ===== HERO ===== */
.nvp-hero {
  background: linear-gradient(165deg, var(--navy) 0%, var(--navy-light) 50%, #1C3A5E 100%);
  color: var(--white);
  padding: 64px 28px 56px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.nvp-hero::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background:
    radial-gradient(circle at 20% 30%, rgba(201,168,76,0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(201,168,76,0.10) 0%, transparent 45%);
  pointer-events: none;
}

/* 星のドット装飾 */
.nvp-hero::after {
  content: '✦ ✧ ✦ ✧ ✦';
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(201,168,76,0.4);
  font-size: 11px;
  letter-spacing: 8px;
}

.nvp-hero-label {
  display: inline-block;
  border: 1px solid var(--gold);
  color: var(--gold-light);
  font-size: 11px;
  letter-spacing: 3px;
  padding: 5px 16px;
  margin-bottom: 24px;
  font-family: 'Kaisei Opti', serif;
}

.nvp-hero h1 {
  font-family: 'Kaisei Opti', serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 16px;
  color: var(--white);
}

.nvp-hero h1 span {
  color: var(--gold-light);
}

.nvp-hero-sub {
  font-size: 14px;
  line-height: 1.9;
  color: rgba(255,255,255,0.80);
  margin: 0 0 32px;
}

.nvp-line-btn {
  display: inline-block;
  background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
  color: var(--navy);
  font-family: 'Kaisei Opti', serif;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 36px;
  border-radius: 2px;
  text-decoration: none;
  letter-spacing: 1px;
  box-shadow: 0 4px 20px rgba(201,168,76,0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}
.nvp-line-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(201,168,76,0.45);
}

/* ===== SECTION COMMON ===== */
.nvp-section {
  padding: 52px 28px;
}

.nvp-section-dark {
  background: var(--navy);
  color: var(--white);
  padding: 52px 28px;
}

.nvp-section-mid {
  background: var(--navy-mid);
  color: var(--white);
  padding: 52px 28px;
}

.nvp-section-gold {
  background: linear-gradient(135deg, #2A1F06 0%, #1A1505 100%);
  color: var(--white);
  padding: 52px 28px;
}

.nvp-eyebrow {
  font-size: 10px;
  letter-spacing: 4px;
  color: var(--gold);
  font-family: 'Kaisei Opti', serif;
  margin-bottom: 8px;
}

.nvp-section-dark .nvp-eyebrow,
.nvp-section-mid .nvp-eyebrow,
.nvp-section-gold .nvp-eyebrow {
  color: var(--gold-light);
}

.nvp-h2 {
  font-family: 'Kaisei Opti', serif;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 28px;
  line-height: 1.5;
}

.nvp-section-dark .nvp-h2,
.nvp-section-mid .nvp-h2,
.nvp-section-gold .nvp-h2 {
  color: var(--white);
}

.nvp-divider {
  width: 40px;
  height: 2px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light));
  margin: 0 0 24px;
}

/* ===== OVERVIEW ===== */
.nvp-overview-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.nvp-overview-item {
  background: var(--navy);
  color: var(--white);
  padding: 16px 18px;
  border-left: 3px solid var(--gold);
}

.nvp-overview-item .label {
  font-size: 10px;
  letter-spacing: 2px;
  color: var(--gold-light);
  font-family: 'Kaisei Opti', serif;
  display: block;
  margin-bottom: 4px;
}

.nvp-overview-item .value {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

.nvp-overview-note {
  margin-top: 16px;
  font-size: 12px;
  color: var(--text-light);
  line-height: 1.7;
  padding: 12px 16px;
  border: 1px solid #DDD;
  background: var(--white);
}

/* ===== WHY CARDS ===== */
.nvp-why-cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.nvp-why-card {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(201,168,76,0.25);
  padding: 20px;
}

.nvp-why-num {
  font-family: 'Kaisei Opti', serif;
  font-size: 28px;
  color: var(--gold);
  line-height: 1;
  flex-shrink: 0;
  width: 36px;
}

.nvp-why-card h3 {
  font-family: 'Kaisei Opti', serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--white);
  margin: 0 0 6px;
}

.nvp-why-card p {
  font-size: 13px;
  color: rgba(255,255,255,0.72);
  margin: 0;
  line-height: 1.7;
}

/* ===== TARGET ===== */
.nvp-target-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.nvp-target-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  line-height: 1.6;
  padding: 10px 14px;
  background: rgba(201,168,76,0.08);
  border-left: 3px solid var(--gold);
  color: var(--white);
}

.nvp-target-list li::before {
  content: '✦';
  color: var(--gold-light);
  font-size: 10px;
  flex-shrink: 0;
}

.nvp-target-note {
  margin-top: 16px;
  font-size: 13px;
  color: rgba(255,255,255,0.65);
  text-align: center;
  padding: 10px;
  border-top: 1px solid rgba(201,168,76,0.2);
}

/* ===== TIMELINE ===== */
.nvp-timeline {
  position: relative;
  padding-left: 20px;
  border-left: 2px solid rgba(201,168,76,0.3);
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.nvp-tl-item {
  position: relative;
}

.nvp-tl-item::before {
  content: '';
  position: absolute;
  left: -25px;
  top: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--gold);
  border: 2px solid var(--navy);
}

.nvp-tl-time {
  font-family: 'Kaisei Opti', serif;
  font-size: 12px;
  color: var(--gold-light);
  letter-spacing: 1px;
  margin-bottom: 2px;
}

.nvp-tl-item h3 {
  font-family: 'Kaisei Opti', serif;
  font-size: 15px;
  color: var(--white);
  margin: 0 0 4px;
}

.nvp-tl-item p {
  font-size: 13px;
  color: rgba(255,255,255,0.65);
  margin: 0;
  line-height: 1.6;
}

/* ===== FAQ ===== */
.nvp-faq-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.nvp-faq-list details {
  border: 1px solid rgba(201,168,76,0.25);
  background: rgba(255,255,255,0.04);
}

.nvp-faq-list summary {
  font-size: 14px;
  font-weight: 700;
  padding: 14px 16px;
  cursor: pointer;
  list-style: none;
  color: var(--white);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nvp-faq-list summary::after {
  content: '＋';
  color: var(--gold);
  font-size: 18px;
  flex-shrink: 0;
}

.nvp-faq-list details[open] summary::after {
  content: '－';
}

.nvp-faq-body {
  padding: 0 16px 16px;
  font-size: 13px;
  color: rgba(255,255,255,0.70);
  line-height: 1.8;
  border-top: 1px solid rgba(201,168,76,0.15);
  padding-top: 12px;
  margin-top: 0;
}

/* ===== HOST ===== */
.nvp-host-box {
  background: var(--navy);
  border: 1px solid rgba(201,168,76,0.25);
  padding: 28px 24px;
}

.nvp-host-name {
  font-family: 'Kaisei Opti', serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--gold-light);
  margin: 0 0 4px;
}

.nvp-host-sub {
  font-size: 11px;
  color: rgba(255,255,255,0.5);
  margin: 0 0 14px;
  letter-spacing: 1px;
}

.nvp-host-desc {
  font-size: 13px;
  line-height: 1.9;
  color: rgba(255,255,255,0.75);
  margin: 0;
}

.nvp-host-promise {
  margin-top: 16px;
  padding: 12px 16px;
  background: rgba(201,168,76,0.10);
  border-left: 3px solid var(--gold);
  font-size: 13px;
  color: rgba(255,255,255,0.85);
  line-height: 1.7;
}

/* ===== CTA ===== */
.nvp-cta {
  background: linear-gradient(165deg, var(--navy) 0%, var(--navy-light) 100%);
  padding: 56px 28px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.nvp-cta::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: radial-gradient(circle at 50% 40%, rgba(201,168,76,0.12) 0%, transparent 60%);
  pointer-events: none;
}

.nvp-cta h2, .nvp-cta-h2 {
  font-family: 'Kaisei Opti', serif;
  font-size: 22px;
  color: var(--white);
  margin: 0 0 12px;
  line-height: 1.5;
}

.nvp-cta h2 span {
  color: var(--gold-light);
}

.nvp-cta-sub {
  font-size: 13px;
  color: rgba(255,255,255,0.65);
  margin: 0 0 28px;
  line-height: 1.7;
}

.nvp-cta-capacity {
  display: inline-block;
  border: 1px solid rgba(201,168,76,0.4);
  padding: 8px 20px;
  font-size: 12px;
  color: var(--gold-light);
  letter-spacing: 1px;
  margin-bottom: 28px;
}

/* ===== FORM ===== */
.nvp-form-wrap {
  background: var(--cream);
  padding: 48px 28px;
}

.nvp-form-label {
  text-align: center;
  font-size: 14px;
  color: var(--text-light);
  margin: 0 0 20px;
  line-height: 1.7;
}

.nvp-form-label strong {
  display: block;
  font-family: 'Kaisei Opti', serif;
  font-size: 18px;
  color: var(--navy);
  margin-top: 6px;
}

/* ===== LINE BLOCK (CTAのみ) ===== */
.nvp-line-block {
  margin-top: 20px;
  text-align: center;
}

.nvp-line-block a {
  display: inline-block;
  background: #06C755;
  color: var(--white);
  font-family: 'Kaisei Opti', serif;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 32px;
  border-radius: 2px;
  text-decoration: none;
  letter-spacing: 1px;
}

.nvp-line-hint {
  font-size: 12px;
  color: rgba(255,255,255,0.55);
  margin-top: 8px;
}

</style>

<div class="nvp-wrap">

  <!-- ===== HERO ===== -->
  <section class="nvp-hero">
    <div class="nvp-hero-label">MABUDACHI CITY × NIGHT VIEW PARTY</div>
    <h1>大阪の夜景の下で、<br><span>運命の出会いを探す夜。</span></h1>
    <p class="nvp-hero-sub">
      スカイラウンジ貸切。夜景。そして中華料理。<br>
      特別な夜が、特別な出会いを連れてくる。
    </p>
    <a href="#nvp-form" class="nvp-line-btn"
       onclick="document.getElementById('nvp-form').scrollIntoView({behavior:'smooth'});return false;">
      とりあえず申し込む
    </a>
  </section>

  <!-- ===== OVERVIEW ===== -->
  <section class="nvp-section">
    <p class="nvp-eyebrow">EVENT INFO</p>
    <div class="nvp-h2">イベント概要</div>
    <div class="nvp-divider"></div>
    <div class="nvp-overview-grid">
      <div class="nvp-overview-item">
        <span class="label">DATE</span>
        <span class="value">6月11日（木）</span>
      </div>
      <div class="nvp-overview-item">
        <span class="label">TIME</span>
        <span class="value">19:30〜21:30<br><small style="font-size:11px;opacity:0.75;">（開場 19:00）</small></span>
      </div>
      <div class="nvp-overview-item">
        <span class="label">VENUE</span>
        <span class="value">ブランズタワー・ウェリス心斎橋<br><small style="font-size:11px;opacity:0.75;">※詳細住所は参加者に公式LINEでご案内</small></span>
      </div>
      <div class="nvp-overview-item">
        <span class="label">CAPACITY</span>
        <span class="value">男性 10名 / 女性 10名</span>
      </div>
      <div class="nvp-overview-item">
        <span class="label">FEE — MEN</span>
        <span class="value">¥4,500</span>
      </div>
      <div class="nvp-overview-item">
        <span class="label">FEE — WOMEN</span>
        <span class="value">¥3,000</span>
      </div>
      <div class="nvp-overview-item" style="grid-column: 1 / -1;">
        <span class="label">AGE</span>
        <span class="value">20〜34歳限定</span>
      </div>
    </div>
    <p class="nvp-overview-note">
      ※ 参加対象：20〜34歳限定。<br>
      ※ キッチンドランカー枠（持ち込み参加）は500円引き・定員4名。<br>
      ※ 料金には会場費・中華料理・ドリンク代が含まれます。<br>
      ※ 定員に達し次第、締め切りとなります。
    </p>
  </section>

  <!-- ===== WHY ===== -->
  <section class="nvp-section-dark">
    <p class="nvp-eyebrow">WHY THIS NIGHT</p>
    <div class="nvp-h2">この夜が特別な、3つの理由</div>
    <div class="nvp-divider"></div>
    <div class="nvp-why-cards">
      <div class="nvp-why-card">
        <div class="nvp-why-num">01</div>
        <div>
          <h3>大阪の夜景を一望するスカイラウンジ</h3>
          <p>高層階からの大阪夜景を、ほぼ貸切状態で。非日常な空間が、普段と違う自分を引き出してくれる。</p>
        </div>
      </div>
      <div class="nvp-why-card">
        <div class="nvp-why-num">02</div>
        <div>
          <h3>本格中華で場が自然にほぐれる</h3>
          <p>みんなでシェアする中華料理は、テーブルを囲んで自然と会話が弾む。食べながら仲良くなれる、最高の設定。</p>
        </div>
      </div>
      <div class="nvp-why-card">
        <div class="nvp-why-num">03</div>
        <div>
          <h3>少人数制だから全員と話せる</h3>
          <p>最大14名の少人数制。大きな会場に埋もれることなく、当日来た全員と自然に言葉を交わせる。</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== TARGET ===== -->
  <section class="nvp-section-mid">
    <p class="nvp-eyebrow">FOR YOU</p>
    <div class="nvp-h2">こんな人におすすめ</div>
    <div class="nvp-divider"></div>
    <ul class="nvp-target-list">
      <li>社会人になってから友達が増えていない気がする</li>
      <li>ちょっといい場所で、ちゃんとした出会いがしたい</li>
      <li>中華が好き、または美食仲間を増やしたい</li>
      <li>夜景を見ながら飲める特別な夜が好き</li>
      <li>飲み会は苦手じゃないけど、知らない人ばかりだと不安…</li>
    </ul>
    <p class="nvp-target-note">一人参加が大多数です。初参加も大歓迎 ✦</p>
  </section>

  <!-- ===== TIMELINE ===== -->
  <section class="nvp-section-dark">
    <p class="nvp-eyebrow">SCHEDULE</p>
    <div class="nvp-h2">当日の流れ</div>
    <div class="nvp-divider"></div>
    <div class="nvp-timeline">
      <div class="nvp-tl-item">
        <div class="nvp-tl-time">19:00</div>
        <h3>開場・受付スタート</h3>
        <p>スカイラウンジに集合。スタッフがお出迎えします。</p>
      </div>
      <div class="nvp-tl-item">
        <div class="nvp-tl-time">19:00</div>
        <h3>開場</h3>
        <p>スカイラウンジに集合。スタッフがお出迎えします。早めに来てもOK。</p>
      </div>
      <div class="nvp-tl-item">
        <div class="nvp-tl-time">19:30</div>
        <h3>乾杯・自己紹介タイム</h3>
        <p>まずは一杯。スタッフ進行で全員が話せる場を作ります。</p>
      </div>
      <div class="nvp-tl-item">
        <div class="nvp-tl-time">19:45〜</div>
        <h3>中華料理とフリートーク</h3>
        <p>本格中華をシェアしながら、自由に交流。スタッフが場をつなぎます。</p>
      </div>
      <div class="nvp-tl-item">
        <div class="nvp-tl-time">21:15</div>
        <h3>締め・2次会へ</h3>
        <p>気が合った人と2次会に流れることも。強制参加は一切なし。</p>
      </div>
      <div class="nvp-tl-item">
        <div class="nvp-tl-time">21:30</div>
        <h3>終了</h3>
        <p>お疲れさまでした。今夜出会った人と、また会いましょう。</p>
      </div>
    </div>
  </section>

  <!-- ===== FAQ ===== -->
  <section class="nvp-section-mid">
    <p class="nvp-eyebrow">FAQ</p>
    <div class="nvp-h2">よくある質問</div>
    <div class="nvp-divider"></div>
    <div class="nvp-faq-list">
      <details>
        <summary>一人で参加しても大丈夫ですか？</summary>
        <p class="nvp-faq-body">大丈夫です！参加者のほとんどが一人で来ています。スタッフが場を積極的につなぐので、放置されることはありません。</p>
      </details>
      <details>
        <summary>初参加でも楽しめますか？</summary>
        <p class="nvp-faq-body">もちろんです。マブダチシティのイベントは初参加の方を歓迎するスタンスで設計されています。慣れたスタッフが場を作ります。</p>
      </details>
      <details>
        <summary>どんな人が来ますか？</summary>
        <p class="nvp-faq-body">20代〜30代の働く社会人が中心です。「友達を増やしたい」という気持ちで来る方が多く、変な圧力や勧誘は一切ありません。</p>
      </details>
      <details>
        <summary>服装は？</summary>
        <p class="nvp-faq-body">スカイラウンジでの開催なので、スマートカジュアル程度を推奨します。堅苦しすぎず、でも少しだけ気合いを入れてくると気分も上がります。</p>
      </details>
      <details>
        <summary>キャンセルはできますか？</summary>
        <p class="nvp-faq-body">お申し込み後のキャンセルについては、公式LINEにてご連絡ください。詳細はお申し込み後にお伝えします。</p>
      </details>
      <details>
        <summary>キッチンドランカー枠とは？</summary>
        <p class="nvp-faq-body">自分で飲み物を持参する参加枠です。500円引きで参加できますが、定員4名のみとなっています。</p>
      </details>
    </div>
  </section>

  <!-- ===== HOST ===== -->
  <section class="nvp-section-dark">
    <p class="nvp-eyebrow">HOST</p>
    <div class="nvp-h2">主催：マブダチシティ</div>
    <div class="nvp-divider"></div>
    <div class="nvp-host-box">
      <p class="nvp-host-name">マブダチシティ</p>
      <p class="nvp-host-sub">MABUDACHI CITY — 働く20〜30代の友達づくりコミュニティ</p>
      <p class="nvp-host-desc">
        「社会人になってから、本当の友達って作れてる？」<br>
        その問いからスタートした、大阪発の友活コミュニティです。<br>
        花見・飲み会・料理会など、毎月さまざまなイベントを開催。<br>
        参加者同士が自然とつながれる場づくりを大切にしています。
      </p>
      <p class="nvp-host-promise">
        スタッフが積極的に場をつなぎます。「知らない人の輪に入れない」は起こさせません。
      </p>
    </div>
  </section>

  <!-- ===== CTA ===== -->
  <section class="nvp-cta">
    <div class="nvp-cta-h2">夜景の下で、<br><span>運命の人と出会う夜にしよう。</span></div>
    <p class="nvp-cta-sub">
      少人数制・スカイラウンジ貸切・本格中華。<br>
      特別な夜が、あなたを待っています。
    </p>
    <div class="nvp-cta-capacity">男性 10名 / 女性 10名 ── 定員になり次第締め切り</div>
    <br>
    <a href="#nvp-form" class="nvp-line-btn"
       onclick="document.getElementById('nvp-form').scrollIntoView({behavior:'smooth'});return false;">
      とりあえず申し込む
    </a>
    <div class="nvp-line-block">
      <a rel="noopener" href="https://lin.ee/ojemc6U" target="_blank">LINEで問い合わせる</a>
      <p class="nvp-line-hint">「夜景ナイトパーティー参加希望」を送信してください。</p>
    </div>
  </section>

  <!-- ===== FORM ===== -->
  <!-- ※ ショートコードのIDは実際のイベントIDに差し替えてください -->
  <div class="nvp-form-wrap" id="nvp-form">
    <p class="nvp-form-label">
      ▼ 下のフォームからお申し込みください
      <strong>🌃 参加申込フォーム</strong>
    </p>

  </div>

</div>


    <div class="mem-inline-form-wrap">

            <div class="mem-inline-event-info">
        <div class="mem-inline-event-name">夜景ナイトパーティーVol.2</div>
        <div class="mem-inline-event-meta">
                    <div class="mem-inline-meta-row"><span>📅</span> 2026年6月11日（木）</div>
                              <div class="mem-inline-meta-row">
            <span>🕐</span>
            <div class="mem-time-display">
              <div class="mem-time-item">
                <span class="mem-time-item-label">開始</span>
                <span class="mem-time-item-value">19:30</span>
              </div>
                            <div class="mem-time-item">
                <span class="mem-time-item-label">乾杯</span>
                <span class="mem-time-item-value">20:00</span>
              </div>
                                          <div class="mem-time-item">
                <span class="mem-time-item-label">終了</span>
                <span class="mem-time-item-value">22:00</span>
              </div>
                          </div>
          </div>
                              <div class="mem-inline-meta-row"><span>📍</span> 心斎橋ブランズタワー</div>
                              <div class="mem-inline-meta-row"><span>💴</span>
            男性 4,500円
            ／ 女性 3,000円
          </div>
                              <div class="mem-inline-meta-row"><span>👥</span> 定員 25名</div>
                  </div>
      </div>

            <div class="mem-inline-form" id="mem-inline-form-1846">
        <div class="mem-inline-form-title">🌸 参加申込フォーム</div>
        <input type="hidden" class="mem-inline-event-id" value="1846">
        <input type="hidden" class="mem-inline-redirect-url" value="https://sbcl.site/event-thanks/?event_id=1846">
        <input type="hidden" id="mem_inline_nonce_1846" name="mem_inline_nonce_1846" value="46ceff9a53" /><input type="hidden" name="_wp_http_referer" value="/feed/" />
        <div class="mem-form-group">
          <label class="mem-form-label">お名前 <span class="mem-form-required">*</span></label>
          <input class="mem-form-input mem-inline-name" type="text" placeholder="山田 太郎">
        </div>
        <div class="mem-form-group">
          <label class="mem-form-label">メールアドレス <span class="mem-form-required">*</span></label>
          <input class="mem-form-input mem-inline-email" type="email" placeholder="example@email.com">
        </div>
        <div class="mem-form-row">
          <div class="mem-form-group">
            <label class="mem-form-label">性別 <span class="mem-form-required">*</span></label>
            <select class="mem-form-select mem-inline-gender" onchange="memToggleConditions(this)">
              <option value="">選択してください</option>
              <option value="男性">男性</option>
              <option value="女性">女性</option>
              <option value="その他">その他</option>
            </select>
          </div>
          <div class="mem-form-group">
            <label class="mem-form-label">年代</label>
            <select class="mem-form-select mem-inline-age-group">
              <option value="">選択してください</option>
              <option value="20代前半">20代前半</option>
              <option value="20代後半">20代後半</option>
              <option value="30代前半">30代前半</option>
              <option value="30代後半">30代後半</option>
              <option value="40代前半">40代前半</option>
            </select>
          </div>
        </div>
        <div class="mem-form-group">
          <label class="mem-form-label">備考・メッセージ</label>
          <input class="mem-form-input mem-inline-message" type="text" placeholder="アレルギーや当日の連絡事項など">
        </div>

                    <div class="mem-cond-wrap" data-prefix="1846" style="display:none;">
            <div class="mem-cond-group" data-gender="male" style="display:none;">
        <div class="mem-cond-group-title">
          <span class="mem-cond-icon">📋</span>
          ご参加にあたっての確認事項（男性）
        </div>
        <p class="mem-cond-group-sub">以下の項目を確認・ご記入ください</p>

                <div class="mem-cond-row" data-cond-index="0">
                      <label class="mem-cond-text-label" for="mem-cond-1846-male-0">
              ご年齢              <span class="mem-cond-req">*</span>            </label>
            <select id="mem-cond-1846-male-0"
                    class="mem-cond-input mem-cond-select"
                    data-type="select"
                    data-label="ご年齢"
                    data-required="1">
              <option value="">選択してください</option>
                            <option value="34">34</option>
                            <option value="33">33</option>
                            <option value="32">32</option>
                            <option value="31">31</option>
                            <option value="30">30</option>
                            <option value="29">29</option>
                            <option value="28">28</option>
                            <option value="27">27</option>
                            <option value="26">26</option>
                            <option value="25">25</option>
                            <option value="24">24</option>
                            <option value="23">23</option>
                            <option value="22">22</option>
                            <option value="21">21</option>
                            <option value="20">20</option>
                          </select>
                  </div>
                <div class="mem-cond-row" data-cond-index="1">
                      <label class="mem-cond-text-label" for="mem-cond-1846-male-1">
              ご職業              <span class="mem-cond-req">*</span>            </label>
            <input type="text"
                   id="mem-cond-1846-male-1"
                   class="mem-cond-input mem-cond-text"
                   data-type="text"
                   data-label="ご職業"
                   data-required="1"
                   placeholder="ご記入ください">
                  </div>
                <div class="mem-cond-row" data-cond-index="2">
                      <label class="mem-cond-text-label" for="mem-cond-1846-male-2">
              最終学歴              <span class="mem-cond-req">*</span>            </label>
            <select id="mem-cond-1846-male-2"
                    class="mem-cond-input mem-cond-select"
                    data-type="select"
                    data-label="最終学歴"
                    data-required="1">
              <option value="">選択してください</option>
                            <option value="高卒">高卒</option>
                            <option value="高専卒">高専卒</option>
                            <option value="専門卒">専門卒</option>
                            <option value="大卒">大卒</option>
                            <option value="大学院卒">大学院卒</option>
                          </select>
                  </div>
              </div>
            <div class="mem-cond-group" data-gender="female" style="display:none;">
        <div class="mem-cond-group-title">
          <span class="mem-cond-icon">📋</span>
          ご参加にあたっての確認事項（女性）
        </div>
        <p class="mem-cond-group-sub">以下の項目を確認・ご記入ください</p>

                <div class="mem-cond-row" data-cond-index="0">
                      <label class="mem-cond-text-label" for="mem-cond-1846-female-0">
              ご年齢              <span class="mem-cond-req">*</span>            </label>
            <select id="mem-cond-1846-female-0"
                    class="mem-cond-input mem-cond-select"
                    data-type="select"
                    data-label="ご年齢"
                    data-required="1">
              <option value="">選択してください</option>
                            <option value="34">34</option>
                            <option value="33">33</option>
                            <option value="32">32</option>
                            <option value="31">31</option>
                            <option value="30">30</option>
                            <option value="29">29</option>
                            <option value="28">28</option>
                            <option value="27">27</option>
                            <option value="26">26</option>
                            <option value="25">25</option>
                            <option value="24">24</option>
                            <option value="23">23</option>
                            <option value="22">22</option>
                            <option value="21">21</option>
                            <option value="20">20</option>
                          </select>
                  </div>
                <div class="mem-cond-row" data-cond-index="1">
                      <label class="mem-cond-text-label" for="mem-cond-1846-female-1">
              ご職業              <span class="mem-cond-req">*</span>            </label>
            <input type="text"
                   id="mem-cond-1846-female-1"
                   class="mem-cond-input mem-cond-text"
                   data-type="text"
                   data-label="ご職業"
                   data-required="1"
                   placeholder="ご記入ください">
                  </div>
                <div class="mem-cond-row" data-cond-index="2">
                      <label class="mem-cond-text-label" for="mem-cond-1846-female-2">
              最終学歴              <span class="mem-cond-req">*</span>            </label>
            <select id="mem-cond-1846-female-2"
                    class="mem-cond-input mem-cond-select"
                    data-type="select"
                    data-label="最終学歴"
                    data-required="1">
              <option value="">選択してください</option>
                            <option value="高卒">高卒</option>
                            <option value="高専卒">高専卒</option>
                            <option value="専門卒">専門卒</option>
                            <option value="大卒">大卒</option>
                            <option value="大学院卒">大学院卒</option>
                          </select>
                  </div>
              </div>
          </div>

    <style>
    .mem-cond-wrap{margin:10px 0 16px;background:#fff8e1;border:1px solid #ffa726;border-radius:10px;padding:14px}
    .mem-cond-group-title{font-size:14px;font-weight:700;color:#e65100;margin-bottom:4px;display:flex;align-items:center;gap:6px}
    .mem-cond-group-sub{font-size:12px;color:#888;margin:0 0 12px}
    .mem-cond-row{margin-bottom:10px}
    .mem-cond-check-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:13px;color:#444;line-height:1.5}
    .mem-cond-check-label input[type=checkbox]{margin-top:3px;flex-shrink:0}
    .mem-cond-text-label{display:block;font-size:12px;font-weight:700;color:#666;margin-bottom:4px}
    .mem-cond-input.mem-cond-text,.mem-cond-input.mem-cond-select{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:13px;background:#fff;box-sizing:border-box}
    .mem-cond-req{color:#ff6b6b;font-weight:700;margin-left:4px}
    </style>
    
        <div class="mem-inline-form-error" style="color:#ff6b6b;font-size:12px;margin-bottom:8px;display:none;"></div>
        <button class="mem-form-submit mem-inline-submit" onclick="memInlineSubmit(1846)">
          🌸 参加を申し込む
        </button>
      </div>

    </div>

    <script>
    // 性別変更時の条件表示切替（モーダル版と共有）
    if ( typeof window.memToggleConditions !== 'function' ) {
      window.memToggleConditions = function(selectEl) {
        var val  = selectEl.value;
        var form = selectEl.closest('.mem-modal-form, .mem-inline-form');
        if ( ! form ) return;
        var wrap = form.querySelector('.mem-cond-wrap');
        if ( ! wrap ) return;
        var groups = wrap.querySelectorAll('.mem-cond-group');
        var anyShown = false;
        groups.forEach(function(g){
          var gender = g.getAttribute('data-gender');
          var match = (val === '男性' && gender === 'male') || (val === '女性' && gender === 'female');
          g.style.display = match ? 'block' : 'none';
          if ( match ) anyShown = true;
        });
        wrap.style.display = anyShown ? 'block' : 'none';
      };
    }

    // 参加条件の値収集（モーダル版と共有）
    if ( typeof window.memCollectConditions !== 'function' ) {
      window.memCollectConditions = function(formEl) {
        var wrap = formEl.querySelector('.mem-cond-wrap');
        if ( ! wrap || wrap.style.display === 'none' ) return { values: [], errors: [] };
        var visibleGroup = wrap.querySelector('.mem-cond-group[style*="block"]');
        if ( ! visibleGroup ) return { values: [], errors: [] };

        var values = [];
        var errors = [];
        var inputs = visibleGroup.querySelectorAll('.mem-cond-input');
        inputs.forEach(function(inp){
          var type     = inp.getAttribute('data-type');
          var label    = inp.getAttribute('data-label');
          var required = inp.getAttribute('data-required') === '1';
          var value    = '';
          if ( type === 'check' ) {
            value = inp.checked ? 'はい' : '';
            if ( required && ! inp.checked ) errors.push(label + ' にチェックが必要です');
          } else {
            value = (inp.value || '').trim();
            if ( required && value === '' ) errors.push(label + ' を入力してください');
          }
          values.push({ label: label, type: type, value: value });
        });
        return { values: values, errors: errors };
      };
    }

    // インライン版送信処理（条件回答も一緒に送信）
    function memInlineSubmit(eventId) {
        var wrap    = document.getElementById('mem-inline-form-' + eventId);
        var name    = wrap.querySelector('.mem-inline-name').value.trim();
        var email   = wrap.querySelector('.mem-inline-email').value.trim();
        var gender  = wrap.querySelector('.mem-inline-gender').value;
        var age     = wrap.querySelector('.mem-inline-age-group').value;
        var message = wrap.querySelector('.mem-inline-message').value.trim();
        var nonce   = wrap.querySelector('[name="mem_inline_nonce_' + eventId + '"]').value;
        var redirect = wrap.querySelector('.mem-inline-redirect-url').value;
        var $error  = wrap.querySelector('.mem-inline-form-error');
        var $btn    = wrap.querySelector('.mem-inline-submit');

        if ( ! name || ! email || ! gender ) {
            $error.textContent = 'お名前・メールアドレス・性別は必須です';
            $error.style.display = 'block';
            return;
        }

        // 参加条件のバリデーション＆値収集
        var cond = window.memCollectConditions(wrap);
        if ( cond.errors.length > 0 ) {
            $error.textContent = cond.errors[0];
            $error.style.display = 'block';
            return;
        }

        $error.style.display = 'none';
        $btn.disabled = true;
        $btn.textContent = '送信中...';

        jQuery.ajax({
            url: mem_ajax.ajax_url,
            type: 'POST',
            data: {
                action:     'mem_apply',
                event_id:   eventId,
                name:       name,
                email:      email,
                gender:     gender,
                age_group:  age,
                message:    message,
                conditions: JSON.stringify(cond.values),
                nonce:      nonce
            },
            success: function(response) {
                if (response.success) {
                    window.location.href = redirect;
                } else {
                    $error.textContent = response.data.message;
                    $error.style.display = 'block';
                    $btn.disabled = false;
                    $btn.textContent = '🌸 参加を申し込む';
                }
            },
            error: function() {
                $error.textContent = '通信エラーが発生しました。もう一度お試しください。';
                $error.style.display = 'block';
                $btn.disabled = false;
                $btn.textContent = '🌸 参加を申し込む';
            }
        });
    }
    </script>
    
<p>投稿 <a href="https://sbcl.site/2026/05/13/sky-nightparty-vol2/">夜景ナイトパーティーVol.2</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sbcl.site/2026/05/13/sky-nightparty-vol2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>ゆるかんピクニック</title>
		<link>https://sbcl.site/2026/05/02/yurutto-canzume/</link>
					<comments>https://sbcl.site/2026/05/02/yurutto-canzume/#respond</comments>
		
		<dc:creator><![CDATA[るいち]]></dc:creator>
		<pubDate>Sat, 02 May 2026 06:00:10 +0000</pubDate>
				<category><![CDATA[#マブダチシティ]]></category>
		<guid isPermaLink="false">https://sbcl.site/?p=1830</guid>

					<description><![CDATA[<p>A Casual Tin &#038; Picnic いい缶詰、ひとつ。あとは、ゆるく。 お気に入りの缶詰を一品持ち寄って、 靭公園の芝生でゆるく乾杯する昼下がり。 準備はそれだけで、十分。 とりあえず申し込む — 20 [&#8230;]</p>
<p>投稿 <a href="https://sbcl.site/2026/05/02/yurutto-canzume/">ゆるかんピクニック</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<style>
/* Cocoon目次を非表示 */
#toc_container,
.toc_container,
.navi-toc,
[class*="toc"] {
  display: none !important;
}

@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@400;500;700&family=Zen+Maru+Gothic:wght@400;500;700&display=swap');

/* ===== ゆるかんピクニック LP ===== */
.yurukan-lp {
  --olive: #4A5D3A;
  --olive-deep: #2F3D24;
  --cream: #F5F0E1;
  --cream-soft: #FAF6EA;
  --brass: #B8924A;
  --brass-light: #D4B375;
  --ink: #2A2A2A;
  --paper: #FFFDF7;

  font-family: 'Zen Maru Gothic', sans-serif;
  color: var(--ink);
  background: var(--cream-soft);
  max-width: 680px;
  margin: 0 auto;
  padding: 0;
  line-height: 1.8;
  font-size: 16px;
  letter-spacing: 0.02em;
}

.yurukan-lp * {
  box-sizing: border-box;
}

.yurukan-lp h1, .yurukan-lp h2, .yurukan-lp h3 {
  font-family: 'Kaisei Opti', serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--olive-deep);
}

/* ===== Hero ===== */
.yurukan-hero {
  background: linear-gradient(135deg, var(--olive-deep) 0%, var(--olive) 100%);
  color: var(--cream);
  padding: 64px 28px 56px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.yurukan-hero::before {
  content: '';
  position: absolute;
  top: 20px; left: 20px;
  right: 20px; bottom: 20px;
  border: 1px solid rgba(212, 179, 117, 0.4);
  pointer-events: none;
}

.yurukan-hero-label {
  font-family: 'Kaisei Opti', serif;
  font-size: 11px;
  letter-spacing: 0.4em;
  color: var(--brass-light);
  margin-bottom: 24px;
  text-transform: uppercase;
}

.yurukan-hero-label::before,
.yurukan-hero-label::after {
  content: '—';
  margin: 0 12px;
  color: var(--brass-light);
}

.yurukan-hero h1 {
  font-size: 32px;
  line-height: 1.4;
  color: var(--cream);
  margin: 0 0 20px;
  font-weight: 500;
}

.yurukan-hero h1 em {
  font-style: normal;
  color: var(--brass-light);
  font-weight: 700;
}

.yurukan-hero-sub {
  font-size: 14px;
  line-height: 1.9;
  color: rgba(245, 240, 225, 0.85);
  margin-bottom: 36px;
}

.yurukan-line-btn {
  display: inline-block;
  background: var(--brass);
  color: var(--paper) !important;
  padding: 16px 40px;
  border-radius: 4px;
  font-family: 'Kaisei Opti', serif;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
  letter-spacing: 0.1em;
  transition: all 0.3s ease;
  border: 1px solid var(--brass-light);
}

.yurukan-line-btn:hover {
  background: var(--brass-light);
  transform: translateY(-2px);
}

.yurukan-hero-date {
  margin-top: 28px;
  font-family: 'Kaisei Opti', serif;
  font-size: 13px;
  letter-spacing: 0.2em;
  color: var(--brass-light);
}

/* ===== セクション共通 ===== */
.yurukan-section {
  padding: 56px 28px;
  background: var(--paper);
}

.yurukan-section.alt {
  background: var(--cream-soft);
}

.yurukan-section-label {
  font-family: 'Kaisei Opti', serif;
  font-size: 10px;
  letter-spacing: 0.4em;
  color: var(--brass);
  text-align: center;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.yurukan-section h2 {
  font-size: 22px;
  text-align: center;
  margin: 0 0 36px;
  line-height: 1.5;
}

.yurukan-section h2 .accent {
  color: var(--brass);
}

/* ===== 概要 ===== */
.yurukan-info {
  background: var(--cream);
  border: 1px solid var(--brass-light);
  border-radius: 4px;
  padding: 32px 24px;
  position: relative;
}

.yurukan-info::before {
  content: '';
  position: absolute;
  top: 6px; left: 6px;
  right: 6px; bottom: 6px;
  border: 1px solid var(--brass);
  border-radius: 2px;
  pointer-events: none;
}

.yurukan-info-row {
  display: flex;
  align-items: flex-start;
  padding: 14px 0;
  border-bottom: 1px dashed rgba(184, 146, 74, 0.3);
  position: relative;
}

.yurukan-info-row:last-child {
  border-bottom: none;
}

.yurukan-info-label {
  flex: 0 0 90px;
  font-family: 'Kaisei Opti', serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--olive-deep);
  letter-spacing: 0.1em;
}

.yurukan-info-value {
  flex: 1;
  font-size: 15px;
  color: var(--ink);
}

.yurukan-info-value small {
  display: block;
  font-size: 12px;
  color: #888;
  margin-top: 4px;
}

/* ===== コンセプト ===== */
.yurukan-concept {
  text-align: center;
  max-width: 540px;
  margin: 0 auto;
}

.yurukan-concept-quote {
  font-family: 'Kaisei Opti', serif;
  font-size: 19px;
  line-height: 1.9;
  color: var(--olive-deep);
  margin: 0 0 24px;
  position: relative;
  padding: 0 20px;
}

.yurukan-concept-quote::before {
  content: '"';
  font-size: 60px;
  color: var(--brass-light);
  position: absolute;
  top: -10px;
  left: -10px;
  font-family: serif;
  line-height: 1;
}

.yurukan-concept-quote::after {
  content: '"';
  font-size: 60px;
  color: var(--brass-light);
  position: absolute;
  bottom: -40px;
  right: -10px;
  font-family: serif;
  line-height: 1;
}

.yurukan-concept-text {
  font-size: 14px;
  line-height: 2;
  color: #555;
  margin-top: 40px;
}

/* ===== 缶詰の例 ===== */
.yurukan-cans {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 32px;
}

.yurukan-can-card {
  background: var(--paper);
  border: 1px solid var(--brass-light);
  padding: 18px 16px;
  text-align: center;
  border-radius: 2px;
  position: relative;
}

.yurukan-can-card::before {
  content: '';
  display: block;
  width: 32px;
  height: 4px;
  background: var(--brass);
  margin: 0 auto 12px;
  border-radius: 2px;
}

.yurukan-can-name {
  font-family: 'Kaisei Opti', serif;
  font-size: 14px;
  color: var(--olive-deep);
  font-weight: 700;
  margin-bottom: 6px;
}

.yurukan-can-desc {
  font-size: 12px;
  color: #777;
  line-height: 1.6;
}

/* ===== Why ===== */
.yurukan-reason {
  background: var(--paper);
  border-left: 3px solid var(--brass);
  padding: 24px 24px 24px 28px;
  margin-bottom: 18px;
  position: relative;
}

.yurukan-reason-num {
  font-family: 'Kaisei Opti', serif;
  font-size: 11px;
  letter-spacing: 0.3em;
  color: var(--brass);
  margin-bottom: 8px;
}

.yurukan-reason h3 {
  font-size: 17px;
  margin: 0 0 10px;
  line-height: 1.5;
}

.yurukan-reason p {
  font-size: 14px;
  color: #555;
  line-height: 1.9;
  margin: 0;
}

/* ===== ターゲット ===== */
.yurukan-target {
  background: var(--cream);
  padding: 28px 24px;
  border-radius: 4px;
}

.yurukan-target ul {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
}

.yurukan-target li {
  padding: 10px 0 10px 32px;
  position: relative;
  font-size: 14px;
  border-bottom: 1px dotted rgba(184, 146, 74, 0.4);
}

.yurukan-target li:last-child {
  border-bottom: none;
}

.yurukan-target li::before {
  content: '✓';
  position: absolute;
  left: 8px;
  top: 10px;
  color: var(--brass);
  font-weight: 700;
  font-family: 'Kaisei Opti', serif;
}

.yurukan-target-msg {
  background: var(--olive-deep);
  color: var(--cream);
  padding: 14px 18px;
  border-radius: 2px;
  font-size: 13px;
  text-align: center;
  margin-top: 16px;
  letter-spacing: 0.05em;
}

/* ===== タイムライン ===== */
.yurukan-timeline {
  position: relative;
  padding-left: 24px;
}

.yurukan-timeline::before {
  content: '';
  position: absolute;
  left: 6px;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: var(--brass-light);
}

.yurukan-time-item {
  position: relative;
  padding: 10px 0 10px 24px;
}

.yurukan-time-item::before {
  content: '';
  position: absolute;
  left: -22px;
  top: 18px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--brass);
  border: 2px solid var(--paper);
  box-shadow: 0 0 0 1px var(--brass);
}

.yurukan-time-clock {
  font-family: 'Kaisei Opti', serif;
  font-weight: 700;
  font-size: 14px;
  color: var(--olive-deep);
  letter-spacing: 0.1em;
}

.yurukan-time-detail {
  font-size: 14px;
  color: #555;
  margin-top: 2px;
}

/* ===== FAQ ===== */
.yurukan-faq details {
  background: var(--paper);
  border: 1px solid rgba(184, 146, 74, 0.3);
  border-radius: 2px;
  margin-bottom: 8px;
  padding: 16px 20px;
}

.yurukan-faq details[open] {
  background: var(--cream);
  border-color: var(--brass);
}

.yurukan-faq summary {
  font-family: 'Kaisei Opti', serif;
  font-weight: 700;
  font-size: 14px;
  color: var(--olive-deep);
  cursor: pointer;
  list-style: none;
  position: relative;
  padding-left: 26px;
}

.yurukan-faq summary::-webkit-details-marker {
  display: none;
}

.yurukan-faq summary::before {
  content: 'Q';
  position: absolute;
  left: 0;
  color: var(--brass);
  font-weight: 700;
}

.yurukan-faq summary::after {
  content: '+';
  float: right;
  color: var(--brass);
  font-size: 18px;
  font-weight: 400;
}

.yurukan-faq details[open] summary::after {
  content: '−';
}

.yurukan-faq-answer {
  margin-top: 12px;
  padding-left: 26px;
  font-size: 13px;
  line-height: 1.9;
  color: #555;
  position: relative;
}

.yurukan-faq-answer::before {
  content: 'A';
  position: absolute;
  left: 0;
  top: 0;
  color: var(--brass);
  font-family: 'Kaisei Opti', serif;
  font-weight: 700;
}

/* ===== 主催者紹介 ===== */
.yurukan-host {
  background: var(--cream);
  padding: 28px 24px;
  border-radius: 4px;
  text-align: center;
}

.yurukan-host-name {
  font-family: 'Kaisei Opti', serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--olive-deep);
  margin-bottom: 14px;
  letter-spacing: 0.1em;
}

.yurukan-host-desc {
  font-size: 13px;
  line-height: 1.9;
  color: #555;
  text-align: left;
}

/* ===== 最後のCTA ===== */
.yurukan-final {
  background: linear-gradient(180deg, var(--olive) 0%, var(--olive-deep) 100%);
  color: var(--cream);
  padding: 56px 28px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.yurukan-final::before {
  content: '';
  position: absolute;
  top: 16px; left: 16px;
  right: 16px; bottom: 16px;
  border: 1px solid rgba(212, 179, 117, 0.3);
  pointer-events: none;
}

.yurukan-final-label {
  font-family: 'Kaisei Opti', serif;
  font-size: 11px;
  letter-spacing: 0.4em;
  color: var(--brass-light);
  margin-bottom: 18px;
}

.yurukan-final h2 {
  color: var(--cream);
  font-size: 24px;
  line-height: 1.6;
  margin: 0 0 18px;
}

.yurukan-final p {
  font-size: 13px;
  color: rgba(245, 240, 225, 0.8);
  line-height: 1.9;
  margin-bottom: 12px;
}

.yurukan-capacity {
  display: inline-block;
  font-family: 'Kaisei Opti', serif;
  font-size: 12px;
  color: var(--brass-light);
  border: 1px solid var(--brass-light);
  padding: 6px 18px;
  margin-top: 16px;
  letter-spacing: 0.2em;
}

/* ===== フォーム ===== */
.yurukan-form-wrap {
  background: var(--cream-soft);
  padding: 40px 24px 56px;
}

.yurukan-form-label {
  text-align: center;
  font-size: 14px;
  color: #555;
  margin: 0 0 20px;
  line-height: 2;
}

.yurukan-form-label strong {
  display: block;
  font-family: 'Kaisei Opti', serif;
  font-size: 18px;
  color: var(--olive-deep);
  margin-top: 8px;
  letter-spacing: 0.1em;
}

.yurukan-divider {
  text-align: center;
  margin: 24px 0;
  color: var(--brass);
  font-size: 11px;
  letter-spacing: 0.3em;
}

.yurukan-divider::before,
.yurukan-divider::after {
  content: '';
  display: inline-block;
  width: 40px;
  height: 1px;
  background: var(--brass-light);
  vertical-align: middle;
  margin: 0 12px;
}

/* ===== レスポンシブ ===== */
@media (max-width: 480px) {
  .yurukan-hero h1 { font-size: 26px; }
  .yurukan-section h2 { font-size: 19px; }
  .yurukan-cans { grid-template-columns: 1fr; }
  .yurukan-info-label { flex: 0 0 76px; font-size: 12px; }
  .yurukan-info-value { font-size: 14px; }
}
</style>

<div class="yurukan-lp">

  <!-- ===== Hero ===== -->
  <section class="yurukan-hero">
    <div class="yurukan-hero-label">A Casual Tin &#038; Picnic</div>
    <h1>いい缶詰、ひとつ。<br>あとは、<em>ゆるく。</em></h1>
    <p class="yurukan-hero-sub">
      お気に入りの缶詰を一品持ち寄って、<br>
      靭公園の芝生でゆるく乾杯する昼下がり。<br>
      準備はそれだけで、十分。
    </p>
    <a href="#yurukan-form" class="yurukan-line-btn"
       onclick="document.getElementById('yurukan-form').scrollIntoView({behavior:'smooth'});return false;">
      とりあえず申し込む
    </a>
    <div class="yurukan-hero-date">— 2026.06.20 SAT  12:00–15:00 —</div>
  </section>

  <!-- ===== イベント概要 ===== -->
  <section class="yurukan-section">
    <div class="yurukan-section-label">EVENT INFO</div>
    <h2>イベント<span class="accent">概要</span></h2>

    <div class="yurukan-info">
      <div class="yurukan-info-row">
        <div class="yurukan-info-label">日時</div>
        <div class="yurukan-info-value">
          2026年6月20日(土)<br>
          12:00 〜 15:00
        </div>
      </div>
      <div class="yurukan-info-row">
        <div class="yurukan-info-label">場所</div>
        <div class="yurukan-info-value">
          靭公園(うつぼこうえん)<br>
          <small>※ 集合場所詳細は参加確定後にご案内</small>
        </div>
      </div>
      <div class="yurukan-info-row">
        <div class="yurukan-info-label">参加費</div>
        <div class="yurukan-info-value">
          男性 3,000円 / 女性 2,000円<br>
          <small>※ シート・基本ドリンク代込み</small>
        </div>
      </div>
      <div class="yurukan-info-row">
        <div class="yurukan-info-label">定員</div>
        <div class="yurukan-info-value">20名程度</div>
      </div>
      <div class="yurukan-info-row">
        <div class="yurukan-info-label">持ち物</div>
        <div class="yurukan-info-value">
          おつまみに合う「ちょっといい缶詰」を一品<br>
          <small>※ 詳しくは下のセクションで</small>
        </div>
      </div>
      <div class="yurukan-info-row">
        <div class="yurukan-info-label">雨天時</div>
        <div class="yurukan-info-value">
          近くの屋内会場に変更<br>
          <small>※ 前日までにLINEでご連絡</small>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== コンセプト・缶詰の例 ===== -->
  <section class="yurukan-section alt">
    <div class="yurukan-section-label">CONCEPT</div>
    <h2>持ち寄るのは、<br><span class="accent">&#8220;ちょっといい缶詰&#8221;</span></h2>

    <div class="yurukan-concept">
      <p class="yurukan-concept-quote">
        スーパーの定番缶じゃなくて、ちょっと気になってた、あの缶詰を。
      </p>
      <p class="yurukan-concept-text">
        KALDIで気になってたオイルサーディン、<br>
        成城石井で見つけたパテ、<br>
        旅先で買ったまま開けてないご当地缶。<br>
        缶を開けるだけで会話が生まれる、<br>
        そんな&#8221;ひと品&#8221;を持ち寄る昼ピクニックです。
      </p>
    </div>

    <div class="yurukan-cans">
      <div class="yurukan-can-card">
        <div class="yurukan-can-name">オイルサーディン</div>
        <div class="yurukan-can-desc">レモンとパンがあれば<br>もう完成</div>
      </div>
      <div class="yurukan-can-card">
        <div class="yurukan-can-name">パテ・リエット</div>
        <div class="yurukan-can-desc">クラッカーに塗るだけで<br>ワインが進む</div>
      </div>
      <div class="yurukan-can-card">
        <div class="yurukan-can-name">アヒージョ缶</div>
        <div class="yurukan-can-desc">そのまま温めるだけで<br>本格バル気分</div>
      </div>
      <div class="yurukan-can-card">
        <div class="yurukan-can-name">ご当地缶詰</div>
        <div class="yurukan-can-desc">旅先で買って<br>眠ってる一品でも</div>
      </div>
    </div>
  </section>

  <!-- ===== Why ===== -->
  <section class="yurukan-section">
    <div class="yurukan-section-label">WHY JOIN</div>
    <h2>このピクニックが<br><span class="accent">&#8220;ゆるい&#8221;理由</span></h2>

    <div class="yurukan-reason">
      <div class="yurukan-reason-num">REASON 01</div>
      <h3>準備は缶詰ひとつだけ</h3>
      <p>料理は要りません。サラダもおにぎりも作らなくていい。「ちょっといい缶詰」を一品買ってくるだけ。だから当日まで気が重くならない。</p>
    </div>

    <div class="yurukan-reason">
      <div class="yurukan-reason-num">REASON 02</div>
      <h3>&#8220;頭出し&#8221;で会話が生まれる</h3>
      <p>「なんでこの缶選んだの?」が最高のアイスブレイク。みんなが選んだ缶詰には、それぞれの好みやストーリーがある。自然と話が広がる仕組みです。</p>
    </div>

    <div class="yurukan-reason">
      <div class="yurukan-reason-num">REASON 03</div>
      <h3>昼の3時間、ちょうどいい長さ</h3>
      <p>夜まで飲むほどガッツリじゃない。でも顔見知りになるには十分。土曜の昼下がりにふらっと寄れる、ちょうどいい温度感のイベントです。</p>
    </div>
  </section>

  <!-- ===== こんな人におすすめ ===== -->
  <section class="yurukan-section alt">
    <div class="yurukan-section-label">FOR YOU</div>
    <h2>こんな人に、<span class="accent">おすすめ</span></h2>

    <div class="yurukan-target">
      <ul>
        <li>休日にゆるく集まれる仲間がほしい</li>
        <li>ガチガチの飲み会より、昼の方が好き</li>
        <li>料理の腕に自信はないけど、食べるのは好き</li>
        <li>ちょっといい食材を見つけるのが趣味</li>
        <li>ひとり参加で気軽に新しい人と話したい</li>
        <li>カップル・友達同士でゆるく参加したい</li>
      </ul>
      <div class="yurukan-target-msg">
        ひとり参加が半分以上です。気負わず、来てください。
      </div>
    </div>
  </section>

  <!-- ===== タイムライン ===== -->
  <section class="yurukan-section">
    <div class="yurukan-section-label">TIMELINE</div>
    <h2>当日の<span class="accent">流れ</span></h2>

    <div class="yurukan-timeline">
      <div class="yurukan-time-item">
        <div class="yurukan-time-clock">12:00</div>
        <div class="yurukan-time-detail">集合・乾杯。まずは一杯、缶を開けるところから。</div>
      </div>
      <div class="yurukan-time-item">
        <div class="yurukan-time-clock">12:30</div>
        <div class="yurukan-time-detail">缶詰お披露目タイム。「これ何選んだの?」で自然と会話。</div>
      </div>
      <div class="yurukan-time-item">
        <div class="yurukan-time-clock">13:30</div>
        <div class="yurukan-time-detail">のんびり交流。芝生でごろごろ、好きなように。</div>
      </div>
      <div class="yurukan-time-item">
        <div class="yurukan-time-clock">15:00</div>
        <div class="yurukan-time-detail">解散。気が向いたら有志で二次会へ。</div>
      </div>
    </div>
  </section>

  <!-- ===== FAQ ===== -->
  <section class="yurukan-section alt yurukan-faq">
    <div class="yurukan-section-label">FAQ</div>
    <h2>よくある<span class="accent">質問</span></h2>

    <details>
      <summary>ひとりで参加しても大丈夫?</summary>
      <div class="yurukan-faq-answer">
        全然大丈夫です。むしろ参加者の半分以上はひとり参加。スタッフが繋ぎます、放置しません。
      </div>
    </details>
    <details>
      <summary>「いい缶詰」って何を持っていけばいい?</summary>
      <div class="yurukan-faq-answer">
        スーパーで300円〜500円くらいの、ちょっと普段選ばないものを目安に。KALDI、成城石井、カルディ、輸入食料品店などで気になったものでOK。「これ気になってたんだよね」が選び方の正解です。
      </div>
    </details>
    <details>
      <summary>缶切りや器は必要?</summary>
      <div class="yurukan-faq-answer">
        プルタブで開けられるものを推奨します。紙皿・紙コップ・取り分け用具は主催側で用意します。
      </div>
    </details>
    <details>
      <summary>カップルや友達と一緒の参加もできる?</summary>
      <div class="yurukan-faq-answer">
        もちろんOKです。それぞれ缶詰を一品ずつ持ってきてもらえると、テーブルが賑やかになります。
      </div>
    </details>
    <details>
      <summary>初参加でも馴染めるか不安です</summary>
      <div class="yurukan-faq-answer">
        ほぼ全員が初対面からスタートします。缶を開けて乾杯した瞬間から、自然と会話が始まる仕組みなので、構えなくて大丈夫です。
      </div>
    </details>
    <details>
      <summary>雨が降ったらどうなる?</summary>
      <div class="yurukan-faq-answer">
        近くの屋内会場に変更します。中止にはなりません。前日までにLINEでご連絡します。
      </div>
    </details>
  </section>

  <!-- ===== 主催者紹介 ===== -->
  <section class="yurukan-section">
    <div class="yurukan-section-label">ORGANIZER</div>
    <h2>主催者について</h2>

    <div class="yurukan-host">
      <div class="yurukan-host-name">マブダチシティ</div>
      <p class="yurukan-host-desc">
        働く20〜30代のための友達づくりコミュニティ。<br>
        花見、餃子会、タワマンパーティーなど、月1〜2回のペースで気軽に集まれるイベントを企画しています。<br><br>
        「社会人になって友達が減った」「休日に気軽に会える人がほしい」そんな人が、ふらっと立ち寄れる場所をつくっています。
      </p>
    </div>
  </section>

  <!-- ===== 最後のCTA ===== -->
  <section class="yurukan-final">
    <div class="yurukan-final-label">— LET&#8217;S TIN &#038; PICNIC —</div>
    <h2>缶を開けて、<br>夏のはじまりに<br>乾杯しよう。</h2>
    <p>
      気になってたあの缶詰を、ひとつだけ。<br>
      あとは靭公園の芝生で、ゆるく。
    </p>
    <div class="yurukan-capacity">定員 20名 / 先着順</div>
  </section>

  <!-- ▼ 申し込みフォーム -->
  <div class="yurukan-form-wrap" id="yurukan-form">
    <p class="yurukan-form-label">
      ▼ 下のフォームからお申し込みください
      <strong>🥫 ゆるかんピクニック 参加申込フォーム</strong>
    </p>
    <div class="yurukan-divider">APPLY HERE</div>
  </div>

</div>

<!-- ▼ ここから下にWordPress側で以下のショートコードを貼り付けてください -->
<!-- [mabudachi_form id="ゆるかんピクニック2026"] -->



    <div class="mem-inline-form-wrap">

            <div class="mem-inline-event-info">
        <div class="mem-inline-event-name">ゆるかんピクニック</div>
        <div class="mem-inline-event-meta">
                    <div class="mem-inline-meta-row"><span>📅</span> 2026年6月20日（土）</div>
                              <div class="mem-inline-meta-row">
            <span>🕐</span>
            <div class="mem-time-display">
              <div class="mem-time-item">
                <span class="mem-time-item-label">開始</span>
                <span class="mem-time-item-value">12:00</span>
              </div>
                                          <div class="mem-time-item">
                <span class="mem-time-item-label">終了</span>
                <span class="mem-time-item-value">15:00</span>
              </div>
                          </div>
          </div>
                              <div class="mem-inline-meta-row"><span>📍</span> 靱公園</div>
                              <div class="mem-inline-meta-row"><span>💴</span>
            男性 3,000円
            ／ 女性 2,000円
          </div>
                              <div class="mem-inline-meta-row"><span>👥</span> 定員 20名</div>
                  </div>
      </div>

            <div class="mem-inline-form" id="mem-inline-form-1832">
        <div class="mem-inline-form-title">🌸 参加申込フォーム</div>
        <input type="hidden" class="mem-inline-event-id" value="1832">
        <input type="hidden" class="mem-inline-redirect-url" value="https://sbcl.site/event-thanks/?event_id=1832">
        <input type="hidden" id="mem_inline_nonce_1832" name="mem_inline_nonce_1832" value="46ceff9a53" /><input type="hidden" name="_wp_http_referer" value="/feed/" />
        <div class="mem-form-group">
          <label class="mem-form-label">お名前 <span class="mem-form-required">*</span></label>
          <input class="mem-form-input mem-inline-name" type="text" placeholder="山田 太郎">
        </div>
        <div class="mem-form-group">
          <label class="mem-form-label">メールアドレス <span class="mem-form-required">*</span></label>
          <input class="mem-form-input mem-inline-email" type="email" placeholder="example@email.com">
        </div>
        <div class="mem-form-row">
          <div class="mem-form-group">
            <label class="mem-form-label">性別 <span class="mem-form-required">*</span></label>
            <select class="mem-form-select mem-inline-gender" onchange="memToggleConditions(this)">
              <option value="">選択してください</option>
              <option value="男性">男性</option>
              <option value="女性">女性</option>
              <option value="その他">その他</option>
            </select>
          </div>
          <div class="mem-form-group">
            <label class="mem-form-label">年代</label>
            <select class="mem-form-select mem-inline-age-group">
              <option value="">選択してください</option>
              <option value="20代前半">20代前半</option>
              <option value="20代後半">20代後半</option>
              <option value="30代前半">30代前半</option>
              <option value="30代後半">30代後半</option>
              <option value="40代前半">40代前半</option>
            </select>
          </div>
        </div>
        <div class="mem-form-group">
          <label class="mem-form-label">備考・メッセージ</label>
          <input class="mem-form-input mem-inline-message" type="text" placeholder="アレルギーや当日の連絡事項など">
        </div>

                
        <div class="mem-inline-form-error" style="color:#ff6b6b;font-size:12px;margin-bottom:8px;display:none;"></div>
        <button class="mem-form-submit mem-inline-submit" onclick="memInlineSubmit(1832)">
          🌸 参加を申し込む
        </button>
      </div>

    </div>

    <script>
    // 性別変更時の条件表示切替（モーダル版と共有）
    if ( typeof window.memToggleConditions !== 'function' ) {
      window.memToggleConditions = function(selectEl) {
        var val  = selectEl.value;
        var form = selectEl.closest('.mem-modal-form, .mem-inline-form');
        if ( ! form ) return;
        var wrap = form.querySelector('.mem-cond-wrap');
        if ( ! wrap ) return;
        var groups = wrap.querySelectorAll('.mem-cond-group');
        var anyShown = false;
        groups.forEach(function(g){
          var gender = g.getAttribute('data-gender');
          var match = (val === '男性' && gender === 'male') || (val === '女性' && gender === 'female');
          g.style.display = match ? 'block' : 'none';
          if ( match ) anyShown = true;
        });
        wrap.style.display = anyShown ? 'block' : 'none';
      };
    }

    // 参加条件の値収集（モーダル版と共有）
    if ( typeof window.memCollectConditions !== 'function' ) {
      window.memCollectConditions = function(formEl) {
        var wrap = formEl.querySelector('.mem-cond-wrap');
        if ( ! wrap || wrap.style.display === 'none' ) return { values: [], errors: [] };
        var visibleGroup = wrap.querySelector('.mem-cond-group[style*="block"]');
        if ( ! visibleGroup ) return { values: [], errors: [] };

        var values = [];
        var errors = [];
        var inputs = visibleGroup.querySelectorAll('.mem-cond-input');
        inputs.forEach(function(inp){
          var type     = inp.getAttribute('data-type');
          var label    = inp.getAttribute('data-label');
          var required = inp.getAttribute('data-required') === '1';
          var value    = '';
          if ( type === 'check' ) {
            value = inp.checked ? 'はい' : '';
            if ( required && ! inp.checked ) errors.push(label + ' にチェックが必要です');
          } else {
            value = (inp.value || '').trim();
            if ( required && value === '' ) errors.push(label + ' を入力してください');
          }
          values.push({ label: label, type: type, value: value });
        });
        return { values: values, errors: errors };
      };
    }

    // インライン版送信処理（条件回答も一緒に送信）
    function memInlineSubmit(eventId) {
        var wrap    = document.getElementById('mem-inline-form-' + eventId);
        var name    = wrap.querySelector('.mem-inline-name').value.trim();
        var email   = wrap.querySelector('.mem-inline-email').value.trim();
        var gender  = wrap.querySelector('.mem-inline-gender').value;
        var age     = wrap.querySelector('.mem-inline-age-group').value;
        var message = wrap.querySelector('.mem-inline-message').value.trim();
        var nonce   = wrap.querySelector('[name="mem_inline_nonce_' + eventId + '"]').value;
        var redirect = wrap.querySelector('.mem-inline-redirect-url').value;
        var $error  = wrap.querySelector('.mem-inline-form-error');
        var $btn    = wrap.querySelector('.mem-inline-submit');

        if ( ! name || ! email || ! gender ) {
            $error.textContent = 'お名前・メールアドレス・性別は必須です';
            $error.style.display = 'block';
            return;
        }

        // 参加条件のバリデーション＆値収集
        var cond = window.memCollectConditions(wrap);
        if ( cond.errors.length > 0 ) {
            $error.textContent = cond.errors[0];
            $error.style.display = 'block';
            return;
        }

        $error.style.display = 'none';
        $btn.disabled = true;
        $btn.textContent = '送信中...';

        jQuery.ajax({
            url: mem_ajax.ajax_url,
            type: 'POST',
            data: {
                action:     'mem_apply',
                event_id:   eventId,
                name:       name,
                email:      email,
                gender:     gender,
                age_group:  age,
                message:    message,
                conditions: JSON.stringify(cond.values),
                nonce:      nonce
            },
            success: function(response) {
                if (response.success) {
                    window.location.href = redirect;
                } else {
                    $error.textContent = response.data.message;
                    $error.style.display = 'block';
                    $btn.disabled = false;
                    $btn.textContent = '🌸 参加を申し込む';
                }
            },
            error: function() {
                $error.textContent = '通信エラーが発生しました。もう一度お試しください。';
                $error.style.display = 'block';
                $btn.disabled = false;
                $btn.textContent = '🌸 参加を申し込む';
            }
        });
    }
    </script>
    
<p>投稿 <a href="https://sbcl.site/2026/05/02/yurutto-canzume/">ゆるかんピクニック</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sbcl.site/2026/05/02/yurutto-canzume/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>夜景ナイトパーティーVol.1</title>
		<link>https://sbcl.site/2026/04/16/gw-party/</link>
					<comments>https://sbcl.site/2026/04/16/gw-party/#respond</comments>
		
		<dc:creator><![CDATA[るいち]]></dc:creator>
		<pubDate>Wed, 15 Apr 2026 15:05:08 +0000</pubDate>
				<category><![CDATA[#マブダチシティ]]></category>
		<guid isPermaLink="false">https://sbcl.site/?p=1807</guid>

					<description><![CDATA[<p>Mabudachi City presents 🥂 GWの夜は、心斎橋のタワマンで。 複数の合コンが同時進行する、一夜限りのパーティー。 夜景の見える部屋で、大人の出会いをつくります。 とりあえず申し込む Event D [&#8230;]</p>
<p>投稿 <a href="https://sbcl.site/2026/04/16/gw-party/">夜景ナイトパーティーVol.1</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<style>
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@400;700&family=Zen+Maru+Gothic:wght@400;500;700&display=swap');

/* Cocoon目次を非表示 */
#toc_container,
.toc_container,
.navi-toc,
[class*="toc"] {
  display: none !important;
}

:root {
  --navy: #0D1B2A;
  --navy-mid: #1A2E44;
  --navy-light: #243B55;
  --gold: #C9A84C;
  --gold-light: #E8C97A;
  --gold-pale: #F5E9C5;
  --champagne: #FDF6E3;
  --white: #FFFFFF;
  --text: #1A1A2E;
  --muted: #6B7280;
}

.tower-wrap {
  font-family: 'Zen Maru Gothic', sans-serif;
  color: var(--text);
  max-width: 680px;
  margin: 0 auto;
  background: var(--champagne);
  overflow: hidden;
}

/* ===== HERO ===== */
.tower-hero {
  background: linear-gradient(160deg, var(--navy) 0%, var(--navy-mid) 50%, #1C3A5A 100%);
  padding: 60px 32px 56px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.tower-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 40% at 80% 20%, rgba(201,168,76,0.18) 0%, transparent 70%),
    radial-gradient(ellipse 50% 60% at 20% 80%, rgba(201,168,76,0.10) 0%, transparent 60%);
  pointer-events: none;
}
.tower-hero-eyebrow {
  font-family: 'Kaisei Opti', serif;
  font-size: 11px;
  letter-spacing: 0.25em;
  color: var(--gold);
  text-transform: uppercase;
  margin-bottom: 20px;
  opacity: 0.9;
}
.tower-hero-catch {
  font-family: 'Kaisei Opti', serif;
  font-size: clamp(28px, 7vw, 40px);
  font-weight: 700;
  color: var(--white);
  line-height: 1.35;
  margin-bottom: 18px;
  letter-spacing: 0.04em;
}
.tower-hero-catch span {
  color: var(--gold-light);
}
.tower-hero-sub {
  font-size: 14px;
  color: rgba(255,255,255,0.78);
  line-height: 1.8;
  margin-bottom: 36px;
}
.tower-hero-visual {
  font-size: 72px;
  margin-bottom: 32px;
  display: block;
  filter: drop-shadow(0 4px 12px rgba(201,168,76,0.3));
}
.tower-line-btn {
  display: inline-block;
  background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
  color: var(--navy);
  font-weight: 700;
  font-size: 15px;
  padding: 16px 36px;
  border-radius: 50px;
  text-decoration: none;
  letter-spacing: 0.05em;
  box-shadow: 0 6px 24px rgba(201,168,76,0.4);
}
.tower-line-hint {
  font-size: 12px;
  color: rgba(255,255,255,0.55);
  margin-top: 12px;
}

/* ===== OVERVIEW ===== */
.tower-overview {
  background: var(--navy);
  padding: 48px 32px;
}
.tower-section-label {
  font-family: 'Kaisei Opti', serif;
  font-size: 11px;
  letter-spacing: 0.25em;
  color: var(--gold);
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}
.tower-section-title {
  font-family: 'Kaisei Opti', serif;
  font-size: 22px;
  color: var(--white);
  margin-bottom: 28px;
  line-height: 1.5;
}
.tower-info-grid {
  display: grid;
  gap: 14px;
}
.tower-info-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(201,168,76,0.2);
  border-radius: 12px;
  padding: 16px 20px;
}
.tower-info-icon {
  font-size: 22px;
  flex-shrink: 0;
  margin-top: 2px;
}
.tower-info-label {
  font-size: 11px;
  color: var(--gold);
  letter-spacing: 0.1em;
  display: block;
  margin-bottom: 4px;
}
.tower-info-value {
  font-size: 15px;
  color: var(--white);
  line-height: 1.6;
}
.tower-info-note {
  font-size: 12px;
  color: rgba(255,255,255,0.5);
  margin-top: 4px;
  display: block;
}

/* ===== KITCHEN SPECIAL ===== */
.tower-kitchen-wrap {
  background: var(--navy);
  padding: 0 32px 48px;
}
.tower-kitchen {
  background: linear-gradient(135deg, var(--navy-light) 0%, var(--navy-mid) 100%);
  border: 1px solid var(--gold);
  border-radius: 16px;
  padding: 32px 28px;
  position: relative;
  overflow: hidden;
}
.tower-kitchen::before {
  content: '🍳';
  position: absolute;
  right: -10px;
  bottom: -10px;
  font-size: 100px;
  opacity: 0.07;
}
.tower-kitchen-badge {
  display: inline-block;
  background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
  color: var(--navy);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 5px 14px;
  border-radius: 50px;
  margin-bottom: 16px;
}
.tower-kitchen-title {
  font-family: 'Kaisei Opti', serif;
  font-size: 20px;
  color: var(--white);
  margin-bottom: 12px;
  line-height: 1.5;
}
.tower-kitchen-title span {
  color: var(--gold-light);
}
.tower-kitchen-body {
  font-size: 14px;
  color: rgba(255,255,255,0.78);
  line-height: 1.8;
  margin-bottom: 18px;
}
.tower-kitchen-price {
  background: rgba(201,168,76,0.15);
  border-radius: 10px;
  padding: 14px 18px;
  font-size: 14px;
  color: var(--gold-pale);
  line-height: 1.7;
}
.tower-kitchen-price strong {
  color: var(--gold-light);
}

/* ===== WHY ===== */
.tower-why {
  padding: 52px 32px;
  background: var(--champagne);
}
.tower-section-title-dark {
  font-family: 'Kaisei Opti', serif;
  font-size: 22px;
  color: var(--navy);
  margin-bottom: 28px;
  line-height: 1.5;
}
.tower-section-label-dark {
  font-family: 'Kaisei Opti', serif;
  font-size: 11px;
  letter-spacing: 0.25em;
  color: var(--gold);
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}
.tower-why-cards {
  display: grid;
  gap: 16px;
}
.tower-why-card {
  background: var(--white);
  border-radius: 14px;
  padding: 24px 22px;
  display: flex;
  gap: 18px;
  align-items: flex-start;
  box-shadow: 0 2px 16px rgba(13,27,42,0.07);
  border-left: 3px solid var(--gold);
}
.tower-why-num {
  font-family: 'Kaisei Opti', serif;
  font-size: 28px;
  font-weight: 700;
  color: var(--gold);
  line-height: 1;
  flex-shrink: 0;
  margin-top: 2px;
}
.tower-why-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 6px;
}
.tower-why-body {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.8;
}

/* ===== TARGET ===== */
.tower-target {
  background: var(--navy);
  padding: 48px 32px;
}
.tower-target-list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
  display: grid;
  gap: 12px;
}
.tower-target-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255,255,255,0.06);
  border-radius: 10px;
  padding: 14px 18px;
  font-size: 14px;
  color: rgba(255,255,255,0.88);
  line-height: 1.6;
}
.tower-target-list li::before {
  content: '✦';
  color: var(--gold);
  flex-shrink: 0;
  font-size: 12px;
}
.tower-solo-note {
  background: rgba(201,168,76,0.12);
  border: 1px solid rgba(201,168,76,0.3);
  border-radius: 10px;
  padding: 16px 20px;
  font-size: 13px;
  color: var(--gold-pale);
  line-height: 1.7;
  text-align: center;
}

/* ===== TIMELINE ===== */
.tower-timeline {
  padding: 52px 32px;
  background: var(--champagne);
}
.tower-tl-list {
  position: relative;
  display: grid;
  gap: 0;
}
.tower-tl-list::before {
  content: '';
  position: absolute;
  left: 40px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(to bottom, var(--gold), rgba(201,168,76,0.2));
}
.tower-tl-item {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  padding-bottom: 28px;
  position: relative;
}
.tower-tl-item:last-child { padding-bottom: 0; }
.tower-tl-time {
  font-family: 'Kaisei Opti', serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--gold);
  width: 62px;
  flex-shrink: 0;
  text-align: right;
  padding-top: 4px;
}
.tower-tl-dot {
  width: 16px;
  height: 16px;
  background: var(--gold);
  border-radius: 50%;
  border: 3px solid var(--champagne);
  flex-shrink: 0;
  margin-top: 4px;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.3);
  z-index: 1;
}
.tower-tl-content { flex: 1; padding-top: 2px; }
.tower-tl-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 4px;
}
.tower-tl-desc {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.7;
}

/* ===== FAQ ===== */
.tower-faq {
  background: var(--navy);
  padding: 52px 32px;
}
.tower-faq-list { display: grid; gap: 12px; }
.tower-faq-list details {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(201,168,76,0.2);
  border-radius: 12px;
  overflow: hidden;
}
.tower-faq-list summary {
  font-size: 14px;
  font-weight: 700;
  color: var(--white);
  padding: 18px 20px;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.tower-faq-list summary::-webkit-details-marker { display: none; }
.tower-faq-list summary::after {
  content: '+';
  font-size: 20px;
  color: var(--gold);
  flex-shrink: 0;
}
.tower-faq-answer {
  font-size: 13px;
  color: rgba(255,255,255,0.72);
  line-height: 1.85;
  padding: 14px 20px 18px;
  border-top: 1px solid rgba(201,168,76,0.1);
}

/* ===== HOST ===== */
.tower-host {
  padding: 52px 32px;
  background: var(--champagne);
}
.tower-host-card {
  background: var(--white);
  border-radius: 16px;
  padding: 30px 26px;
  box-shadow: 0 4px 24px rgba(13,27,42,0.08);
  border-top: 3px solid var(--gold);
}
.tower-host-name {
  font-family: 'Kaisei Opti', serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 6px;
}
.tower-host-tagline {
  font-size: 12px;
  color: var(--gold);
  letter-spacing: 0.1em;
  margin-bottom: 16px;
  display: block;
}
.tower-host-body {
  font-size: 13px;
  color: #4B5563;
  line-height: 1.9;
}
.tower-host-promise {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
  border-radius: 12px;
  padding: 18px 22px;
  margin-top: 20px;
  font-size: 14px;
  color: var(--gold-pale);
  line-height: 1.8;
  text-align: center;
}

/* ===== CLOSING CTA ===== */
.tower-cta {
  background: linear-gradient(160deg, var(--navy) 0%, #152238 60%, var(--navy-mid) 100%);
  padding: 60px 32px 48px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.tower-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 50% at 50% 50%, rgba(201,168,76,0.1) 0%, transparent 70%);
  pointer-events: none;
}
.tower-cta-eyebrow {
  font-size: 12px;
  letter-spacing: 0.2em;
  color: var(--gold);
  margin-bottom: 20px;
  display: block;
  text-transform: uppercase;
}
.tower-cta-catch {
  font-family: 'Kaisei Opti', serif;
  font-size: clamp(22px, 5.5vw, 32px);
  color: var(--white);
  line-height: 1.5;
  margin-bottom: 16px;
}
.tower-cta-catch span { color: var(--gold-light); }
.tower-cta-sub {
  font-size: 14px;
  color: rgba(255,255,255,0.65);
  line-height: 1.8;
  margin-bottom: 32px;
}
.tower-cta-urgency {
  display: inline-block;
  background: rgba(201,168,76,0.15);
  border: 1px solid rgba(201,168,76,0.4);
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 13px;
  color: var(--gold-pale);
  letter-spacing: 0.05em;
}

/* ===== FORM ===== */
.tower-form-wrap {
  background: var(--champagne);
  padding: 40px 32px;
  text-align: center;
}
.tower-form-label {
  font-size: 14px;
  color: var(--navy);
  line-height: 1.8;
  margin-bottom: 0;
}
.tower-form-label strong {
  display: block;
  font-family: 'Kaisei Opti', serif;
  font-size: 17px;
  color: var(--navy);
  margin-top: 8px;
}
</style>

<div class="tower-wrap">

  <!-- HERO -->
  <section class="tower-hero">
    <p class="tower-hero-eyebrow">Mabudachi City presents</p>
    <span class="tower-hero-visual">🥂</span>
    <h1 class="tower-hero-catch">
      GWの夜は、<br><span>心斎橋のタワマンで。</span>
    </h1>
    <p class="tower-hero-sub">
      複数の合コンが同時進行する、一夜限りのパーティー。<br>
      夜景の見える部屋で、大人の出会いをつくります。
    </p>
    <a href="#tower-form" class="tower-line-btn" onclick="document.getElementById('tower-form').scrollIntoView({behavior:'smooth'});return false;">とりあえず申し込む</a>
  </section>

  <!-- OVERVIEW -->
  <section class="tower-overview">
    <span class="tower-section-label">Event Details</span>
    <h2 class="tower-section-title">イベント概要</h2>
    <div class="tower-info-grid">
      <div class="tower-info-item">
        <span class="tower-info-icon">📅</span>
        <div>
          <span class="tower-info-label">DATE &amp; TIME</span>
          <span class="tower-info-value">5月8日（金）19:30 〜 21:30</span>
          <span class="tower-info-note">📍 会場には19:00頃からご入場いただけます</span>
        </div>
      </div>
      <div class="tower-info-item">
        <span class="tower-info-icon">🏙️</span>
        <div>
          <span class="tower-info-label">VENUE</span>
          <span class="tower-info-value">心斎橋のタワーマンション</span>
          <span class="tower-info-note">※参加確定後にLINEにてご案内します</span>
        </div>
      </div>
      <div class="tower-info-item">
        <span class="tower-info-icon">💰</span>
        <div>
          <span class="tower-info-label">PRICE</span>
          <span class="tower-info-value">男性 4,500円 / 女性 3,000円</span>
          <span class="tower-info-note">🍳 キッチンドランカー枠は500円引き（詳細は下記）</span>
        </div>
      </div>
      <div class="tower-info-item">
        <span class="tower-info-icon">👥</span>
        <div>
          <span class="tower-info-label">CAPACITY</span>
          <span class="tower-info-value">男性 7名 / 女性 7名（定員制）</span>
          <span class="tower-info-note">＋ キッチンドランカー枠 4名</span>
        </div>
      </div>
    </div>
  </section>

  <!-- KITCHEN SPECIAL -->
  <div class="tower-kitchen-wrap">
    <div class="tower-kitchen">
      <span class="tower-kitchen-badge">✦ SPECIAL SLOT ✦</span>
      <h3 class="tower-kitchen-title">
        料理好き集まれ。<br><span>キッチンドランカー枠</span>とは？
      </h3>
      <p class="tower-kitchen-body">
        オープンキッチンを使って、料理をしながら飲んで喋れる特別枠です。<br>
        「合コンはちょっとハードル高い…でもパーティーには出たい」という方にもぴったり。
        キッチンという場が自然な会話のきっかけになるから、初対面でも打ち解けやすい。
      </p>
      <div class="tower-kitchen-price">
        🍳 <strong>参加費：通常料金より500円引き</strong>（男性 4,000円 / 女性 2,500円）<br>
        定員4名・料理好きな方限定・オープンキッチンエリアで参加<br>
        ※通常の合コンタイムにも自由に移動できます
      </div>
    </div>
  </div>

  <!-- WHY -->
  <section class="tower-why">
    <span class="tower-section-label-dark">Why This Event</span>
    <h2 class="tower-section-title-dark">このイベントが特別な3つの理由</h2>
    <div class="tower-why-cards">
      <div class="tower-why-card">
        <span class="tower-why-num">01</span>
        <div>
          <p class="tower-why-title">「複数合コン同時進行」だから、相性の合う人に出会いやすい</p>
          <p class="tower-why-body">一対一ではなく、その場で複数のグループが自由に動くスタイル。合わないな、と思っても自然に場を変えられる。心理的ハードルが全然ちがいます。</p>
        </div>
      </div>
      <div class="tower-why-card">
        <span class="tower-why-num">02</span>
        <div>
          <p class="tower-why-title">タワマンというロケーションが、テンションを上げてくれる</p>
          <p class="tower-why-body">普通の居酒屋じゃない。夜景が見える部屋で飲む、というだけで会話のネタになるし、気分も上がる。思い出になる場所だから、出会いも印象に残る。</p>
        </div>
      </div>
      <div class="tower-why-card">
        <span class="tower-why-num">03</span>
        <div>
          <p class="tower-why-title">スタッフが必ずそばにいる。放置しません。</p>
          <p class="tower-why-body">初参加でも一人参加でも、スタッフが自然な流れで繋ぎます。「知らない人の輪に入れない」ことが起きないよう、会全体をデザインしています。</p>
        </div>
      </div>
    </div>
  </section>

  <!-- TARGET -->
  <section class="tower-target">
    <span class="tower-section-label">For You</span>
    <h2 class="tower-section-title">こんな人に来てほしい</h2>
    <ul class="tower-target-list">
      <li>GWに特別な出会いや思い出がほしい</li>
      <li>合コンは興味あるけど、固定メンバーで行くのはハードルが高い</li>
      <li>社会人になってから異性との出会いが減ったと感じている</li>
      <li>料理が好きで、キッチントークをしながら自然に打ち解けたい</li>
      <li>夜景のある場所で、ちょっとリッチな時間を過ごしたい</li>
    </ul>
    <p class="tower-solo-note">
      🥂 一人参加が大多数です。初参加も大歓迎。<br>
      知り合いがいなくて当たり前の場なので、安心して来てください。
    </p>
  </section>

  <!-- TIMELINE -->
  <section class="tower-timeline">
    <span class="tower-section-label-dark">Schedule</span>
    <h2 class="tower-section-title-dark">当日の流れ</h2>
    <div class="tower-tl-list">
      <div class="tower-tl-item">
        <span class="tower-tl-time">19:00</span>
        <span class="tower-tl-dot"></span>
        <div class="tower-tl-content">
          <p class="tower-tl-title">受付・入室開始</p>
          <p class="tower-tl-desc">19:00頃から会場に入れます。スタッフがエントランスでお出迎えします。</p>
        </div>
      </div>
      <div class="tower-tl-item">
        <span class="tower-tl-time">19:30</span>
        <span class="tower-tl-dot"></span>
        <div class="tower-tl-content">
          <p class="tower-tl-title">乾杯・アイスブレイク</p>
          <p class="tower-tl-desc">スパークリングで乾杯！ゲームや自己紹介で雰囲気をほぐします。</p>
        </div>
      </div>
      <div class="tower-tl-item">
        <span class="tower-tl-time">19:50</span>
        <span class="tower-tl-dot"></span>
        <div class="tower-tl-content">
          <p class="tower-tl-title">複数合コンタイム スタート</p>
          <p class="tower-tl-desc">グループが自由に動き始めます。キッチン枠はオープンキッチンエリアでも活動できます。</p>
        </div>
      </div>
      <div class="tower-tl-item">
        <span class="tower-tl-time">20:30</span>
        <span class="tower-tl-dot"></span>
        <div class="tower-tl-content">
          <p class="tower-tl-title">フリータイム・連絡先交換タイム</p>
          <p class="tower-tl-desc">気になる人には声をかけるチャンス。スタッフが繋ぎのサポートもします。</p>
        </div>
      </div>
      <div class="tower-tl-item">
        <span class="tower-tl-time">21:30</span>
        <span class="tower-tl-dot"></span>
        <div class="tower-tl-content">
          <p class="tower-tl-title">解散（2次会は任意）</p>
          <p class="tower-tl-desc">その後の流れは参加者次第。近くのバーに流れることも。</p>
        </div>
      </div>
    </div>
  </section>

  <!-- FAQ -->
  <section class="tower-faq">
    <span class="tower-section-label">FAQ</span>
    <h2 class="tower-section-title">よくある質問</h2>
    <div class="tower-faq-list">
      <details>
        <summary>一人で参加しても大丈夫ですか？</summary>
        <p class="tower-faq-answer">もちろんです！参加者のほとんどが一人参加です。スタッフが自然な流れで輪に繋ぐので、「ぽつんとしてしまう」ことはありません。</p>
      </details>
      <details>
        <summary>合コンは初めてで不安です</summary>
        <p class="tower-faq-answer">複数グループが同時進行するスタイルなので「合わなかったら終わり」ではありません。場の中で自由に動ける設計なので、硬くなりすぎず楽しめます。</p>
      </details>
      <details>
        <summary>キッチンドランカー枠は料理が得意じゃないとダメですか？</summary>
        <p class="tower-faq-answer">腕前は問いません。「キッチンが好き」「料理しながら話したい」という雰囲気枠です。一緒にわいわい作るのが目的なので、気軽にどうぞ。</p>
      </details>
      <details>
        <summary>場所はいつ教えてもらえますか？</summary>
        <p class="tower-faq-answer">参加確定後にLINEにてご案内します。心斎橋のタワーマンションです。</p>
      </details>
      <details>
        <summary>キャンセルはできますか？</summary>
        <p class="tower-faq-answer">開催3日前までのご連絡でキャンセル可能です。それ以降はキャンセル料が発生する場合があります。詳細はLINEにてご確認ください。</p>
      </details>
    </div>
  </section>

  <!-- HOST -->
  <section class="tower-host">
    <span class="tower-section-label-dark">About Us</span>
    <h2 class="tower-section-title-dark">主催：マブダチシティ</h2>
    <div class="tower-host-card">
      <p class="tower-host-name">マブダチシティ</p>
      <span class="tower-host-tagline">働く20〜30代のための友達づくりコミュニティ</span>
      <p class="tower-host-body">
        「社会人になってから、本当の友達ってできてる？」<br>
        その問いからスタートしたコミュニティです。花見・飯会・パーティーなど、
        大阪エリアを中心にリアルで集まれるイベントを継続的に開催しています。
        初参加の方が「また来たい」と思える場づくりを、スタッフ一同大切にしています。
      </p>
      <p class="tower-host-promise">
        💬 スタッフが繋ぎます、放置しません。<br>
        <span style="font-size:12px; opacity:0.8;">全員が気持ちよく過ごせる場をつくることが私たちの仕事です。</span>
      </p>
    </div>
  </section>

  <!-- CLOSING CTA -->
  <section class="tower-cta">
    <span class="tower-cta-eyebrow">Limited Seats</span>
    <h2 class="tower-cta-catch">
      GWの夜は、<br><span>心斎橋の夜景を前に</span><br>マブダチをつくろう。
    </h2>
    <p class="tower-cta-sub">
      男女各7名・キッチン枠4名の少人数制です。<br>
      埋まり次第、募集を締め切ります。
    </p>
    <div class="tower-cta-urgency">🥂 5月8日（金）19:30 スタート — 残り僅か</div>
  </section>

  <!-- FORM LEAD-IN -->
  <div class="tower-form-wrap" id="tower-form">
    <p class="tower-form-label">
      ▼ 下のフォームからお申し込みください
      <strong>🏙️ 参加申込フォーム</strong>
    </p>
  </div>

</div>



    <div class="mem-inline-form-wrap">

            <div class="mem-inline-event-info">
        <div class="mem-inline-event-name">夜景ナイトパーティーVol.1</div>
        <div class="mem-inline-event-meta">
                    <div class="mem-inline-meta-row"><span>📅</span> 2026年5月8日（金）</div>
                              <div class="mem-inline-meta-row">
            <span>🕐</span>
            <div class="mem-time-display">
              <div class="mem-time-item">
                <span class="mem-time-item-label">開始</span>
                <span class="mem-time-item-value">19:30</span>
              </div>
                            <div class="mem-time-item">
                <span class="mem-time-item-label">入場</span>
                <span class="mem-time-item-value">19:00</span>
              </div>
                                          <div class="mem-time-item">
                <span class="mem-time-item-label">終了</span>
                <span class="mem-time-item-value">21:30</span>
              </div>
                          </div>
          </div>
                              <div class="mem-inline-meta-row"><span>📍</span> 心斎橋ブランズタワー</div>
                              <div class="mem-inline-meta-row"><span>💴</span>
            男性 4,500円
            ／ 女性 3,000円
          </div>
                              <div class="mem-inline-meta-row"><span>👥</span> 定員 20名</div>
                  </div>
      </div>

            <div class="mem-inline-form" id="mem-inline-form-1808">
        <div class="mem-inline-form-title">🌸 参加申込フォーム</div>
        <input type="hidden" class="mem-inline-event-id" value="1808">
        <input type="hidden" class="mem-inline-redirect-url" value="https://sbcl.site/event-thanks/?event_id=1808">
        <input type="hidden" id="mem_inline_nonce_1808" name="mem_inline_nonce_1808" value="46ceff9a53" /><input type="hidden" name="_wp_http_referer" value="/feed/" />
        <div class="mem-form-group">
          <label class="mem-form-label">お名前 <span class="mem-form-required">*</span></label>
          <input class="mem-form-input mem-inline-name" type="text" placeholder="山田 太郎">
        </div>
        <div class="mem-form-group">
          <label class="mem-form-label">メールアドレス <span class="mem-form-required">*</span></label>
          <input class="mem-form-input mem-inline-email" type="email" placeholder="example@email.com">
        </div>
        <div class="mem-form-row">
          <div class="mem-form-group">
            <label class="mem-form-label">性別 <span class="mem-form-required">*</span></label>
            <select class="mem-form-select mem-inline-gender" onchange="memToggleConditions(this)">
              <option value="">選択してください</option>
              <option value="男性">男性</option>
              <option value="女性">女性</option>
              <option value="その他">その他</option>
            </select>
          </div>
          <div class="mem-form-group">
            <label class="mem-form-label">年代</label>
            <select class="mem-form-select mem-inline-age-group">
              <option value="">選択してください</option>
              <option value="20代前半">20代前半</option>
              <option value="20代後半">20代後半</option>
              <option value="30代前半">30代前半</option>
              <option value="30代後半">30代後半</option>
              <option value="40代前半">40代前半</option>
            </select>
          </div>
        </div>
        <div class="mem-form-group">
          <label class="mem-form-label">備考・メッセージ</label>
          <input class="mem-form-input mem-inline-message" type="text" placeholder="アレルギーや当日の連絡事項など">
        </div>

                    <div class="mem-cond-wrap" data-prefix="1808" style="display:none;">
            <div class="mem-cond-group" data-gender="male" style="display:none;">
        <div class="mem-cond-group-title">
          <span class="mem-cond-icon">📋</span>
          ご参加にあたっての確認事項（男性）
        </div>
        <p class="mem-cond-group-sub">以下の項目を確認・ご記入ください</p>

                <div class="mem-cond-row" data-cond-index="0">
                      <label class="mem-cond-text-label" for="mem-cond-1808-male-0">
              ご職業              <span class="mem-cond-req">*</span>            </label>
            <input type="text"
                   id="mem-cond-1808-male-0"
                   class="mem-cond-input mem-cond-text"
                   data-type="text"
                   data-label="ご職業"
                   data-required="1"
                   placeholder="ご記入ください">
                  </div>
                <div class="mem-cond-row" data-cond-index="1">
                      <label class="mem-cond-text-label" for="mem-cond-1808-male-1">
              ご年齢              <span class="mem-cond-req">*</span>            </label>
            <select id="mem-cond-1808-male-1"
                    class="mem-cond-input mem-cond-select"
                    data-type="select"
                    data-label="ご年齢"
                    data-required="1">
              <option value="">選択してください</option>
                            <option value="20-25">20-25</option>
                            <option value="26-30">26-30</option>
                            <option value="31-35">31-35</option>
                          </select>
                  </div>
                <div class="mem-cond-row" data-cond-index="2">
                      <label class="mem-cond-text-label" for="mem-cond-1808-male-2">
              最終学歴              <span class="mem-cond-req">*</span>            </label>
            <select id="mem-cond-1808-male-2"
                    class="mem-cond-input mem-cond-select"
                    data-type="select"
                    data-label="最終学歴"
                    data-required="1">
              <option value="">選択してください</option>
                            <option value="高卒">高卒</option>
                            <option value="高専卒">高専卒</option>
                            <option value="専門卒">専門卒</option>
                            <option value="大卒">大卒</option>
                            <option value="大学院卒">大学院卒</option>
                          </select>
                  </div>
                <div class="mem-cond-row" data-cond-index="3">
                      <label class="mem-cond-check-label">
              <input type="checkbox"
                     id="mem-cond-1808-male-3"
                     class="mem-cond-input"
                     data-type="check"
                     data-label="貯金額は30万円以上"
                     data-required="0">
              <span>貯金額は30万円以上                              </span>
            </label>
                  </div>
              </div>
            <div class="mem-cond-group" data-gender="female" style="display:none;">
        <div class="mem-cond-group-title">
          <span class="mem-cond-icon">📋</span>
          ご参加にあたっての確認事項（女性）
        </div>
        <p class="mem-cond-group-sub">以下の項目を確認・ご記入ください</p>

                <div class="mem-cond-row" data-cond-index="0">
                      <label class="mem-cond-text-label" for="mem-cond-1808-female-0">
              ご年齢              <span class="mem-cond-req">*</span>            </label>
            <select id="mem-cond-1808-female-0"
                    class="mem-cond-input mem-cond-select"
                    data-type="select"
                    data-label="ご年齢"
                    data-required="1">
              <option value="">選択してください</option>
                            <option value="36-40">36-40</option>
                            <option value="31-35">31-35</option>
                            <option value="26-30">26-30</option>
                            <option value="20-25">20-25</option>
                          </select>
                  </div>
                <div class="mem-cond-row" data-cond-index="1">
                      <label class="mem-cond-text-label" for="mem-cond-1808-female-1">
              ご職業                          </label>
            <input type="text"
                   id="mem-cond-1808-female-1"
                   class="mem-cond-input mem-cond-text"
                   data-type="text"
                   data-label="ご職業"
                   data-required="0"
                   placeholder="ご記入ください">
                  </div>
              </div>
          </div>

    <style>
    .mem-cond-wrap{margin:10px 0 16px;background:#fff8e1;border:1px solid #ffa726;border-radius:10px;padding:14px}
    .mem-cond-group-title{font-size:14px;font-weight:700;color:#e65100;margin-bottom:4px;display:flex;align-items:center;gap:6px}
    .mem-cond-group-sub{font-size:12px;color:#888;margin:0 0 12px}
    .mem-cond-row{margin-bottom:10px}
    .mem-cond-check-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:13px;color:#444;line-height:1.5}
    .mem-cond-check-label input[type=checkbox]{margin-top:3px;flex-shrink:0}
    .mem-cond-text-label{display:block;font-size:12px;font-weight:700;color:#666;margin-bottom:4px}
    .mem-cond-input.mem-cond-text,.mem-cond-input.mem-cond-select{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:13px;background:#fff;box-sizing:border-box}
    .mem-cond-req{color:#ff6b6b;font-weight:700;margin-left:4px}
    </style>
    
        <div class="mem-inline-form-error" style="color:#ff6b6b;font-size:12px;margin-bottom:8px;display:none;"></div>
        <button class="mem-form-submit mem-inline-submit" onclick="memInlineSubmit(1808)">
          🌸 参加を申し込む
        </button>
      </div>

    </div>

    <script>
    // 性別変更時の条件表示切替（モーダル版と共有）
    if ( typeof window.memToggleConditions !== 'function' ) {
      window.memToggleConditions = function(selectEl) {
        var val  = selectEl.value;
        var form = selectEl.closest('.mem-modal-form, .mem-inline-form');
        if ( ! form ) return;
        var wrap = form.querySelector('.mem-cond-wrap');
        if ( ! wrap ) return;
        var groups = wrap.querySelectorAll('.mem-cond-group');
        var anyShown = false;
        groups.forEach(function(g){
          var gender = g.getAttribute('data-gender');
          var match = (val === '男性' && gender === 'male') || (val === '女性' && gender === 'female');
          g.style.display = match ? 'block' : 'none';
          if ( match ) anyShown = true;
        });
        wrap.style.display = anyShown ? 'block' : 'none';
      };
    }

    // 参加条件の値収集（モーダル版と共有）
    if ( typeof window.memCollectConditions !== 'function' ) {
      window.memCollectConditions = function(formEl) {
        var wrap = formEl.querySelector('.mem-cond-wrap');
        if ( ! wrap || wrap.style.display === 'none' ) return { values: [], errors: [] };
        var visibleGroup = wrap.querySelector('.mem-cond-group[style*="block"]');
        if ( ! visibleGroup ) return { values: [], errors: [] };

        var values = [];
        var errors = [];
        var inputs = visibleGroup.querySelectorAll('.mem-cond-input');
        inputs.forEach(function(inp){
          var type     = inp.getAttribute('data-type');
          var label    = inp.getAttribute('data-label');
          var required = inp.getAttribute('data-required') === '1';
          var value    = '';
          if ( type === 'check' ) {
            value = inp.checked ? 'はい' : '';
            if ( required && ! inp.checked ) errors.push(label + ' にチェックが必要です');
          } else {
            value = (inp.value || '').trim();
            if ( required && value === '' ) errors.push(label + ' を入力してください');
          }
          values.push({ label: label, type: type, value: value });
        });
        return { values: values, errors: errors };
      };
    }

    // インライン版送信処理（条件回答も一緒に送信）
    function memInlineSubmit(eventId) {
        var wrap    = document.getElementById('mem-inline-form-' + eventId);
        var name    = wrap.querySelector('.mem-inline-name').value.trim();
        var email   = wrap.querySelector('.mem-inline-email').value.trim();
        var gender  = wrap.querySelector('.mem-inline-gender').value;
        var age     = wrap.querySelector('.mem-inline-age-group').value;
        var message = wrap.querySelector('.mem-inline-message').value.trim();
        var nonce   = wrap.querySelector('[name="mem_inline_nonce_' + eventId + '"]').value;
        var redirect = wrap.querySelector('.mem-inline-redirect-url').value;
        var $error  = wrap.querySelector('.mem-inline-form-error');
        var $btn    = wrap.querySelector('.mem-inline-submit');

        if ( ! name || ! email || ! gender ) {
            $error.textContent = 'お名前・メールアドレス・性別は必須です';
            $error.style.display = 'block';
            return;
        }

        // 参加条件のバリデーション＆値収集
        var cond = window.memCollectConditions(wrap);
        if ( cond.errors.length > 0 ) {
            $error.textContent = cond.errors[0];
            $error.style.display = 'block';
            return;
        }

        $error.style.display = 'none';
        $btn.disabled = true;
        $btn.textContent = '送信中...';

        jQuery.ajax({
            url: mem_ajax.ajax_url,
            type: 'POST',
            data: {
                action:     'mem_apply',
                event_id:   eventId,
                name:       name,
                email:      email,
                gender:     gender,
                age_group:  age,
                message:    message,
                conditions: JSON.stringify(cond.values),
                nonce:      nonce
            },
            success: function(response) {
                if (response.success) {
                    window.location.href = redirect;
                } else {
                    $error.textContent = response.data.message;
                    $error.style.display = 'block';
                    $btn.disabled = false;
                    $btn.textContent = '🌸 参加を申し込む';
                }
            },
            error: function() {
                $error.textContent = '通信エラーが発生しました。もう一度お試しください。';
                $error.style.display = 'block';
                $btn.disabled = false;
                $btn.textContent = '🌸 参加を申し込む';
            }
        });
    }
    </script>
    
<p>投稿 <a href="https://sbcl.site/2026/04/16/gw-party/">夜景ナイトパーティーVol.1</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sbcl.site/2026/04/16/gw-party/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>チルグリ会</title>
		<link>https://sbcl.site/2026/04/12/chill-gre/</link>
					<comments>https://sbcl.site/2026/04/12/chill-gre/#respond</comments>
		
		<dc:creator><![CDATA[るいち]]></dc:creator>
		<pubDate>Sun, 12 Apr 2026 05:56:43 +0000</pubDate>
				<category><![CDATA[#マブダチシティ]]></category>
		<guid isPermaLink="false">https://sbcl.site/?p=1795</guid>

					<description><![CDATA[<p>🌿 LIMITED 12名限定 🥃🌿🥃 飲んだことのないスパイス焼酎で、新しい夜をはじめよう。 ボタニカル系スパイス焼酎を囲んで、 ゆる〜くわいわい飲む夜。 少人数だから、全員と話せます。 📩 とりあえずLINEで申し込 [&#8230;]</p>
<p>投稿 <a href="https://sbcl.site/2026/04/12/chill-gre/">チルグリ会</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<style>
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@400;700&family=Zen+Maru+Gothic:wght@400;500;700&display=swap');

:root {
  --cg-green:  #2A5C3F;
  --cg-mint:   #6BBF8E;
  --cg-lime:   #A8D5A2;
  --cg-gold:   #C9A84C;
  --cg-cream:  #F5F1E8;
  --cg-dark:   #1C2B1F;
  --cg-text:   #2C3A2E;
  --cg-muted:  #6B7D6E;
  --cg-white:  #FFFFFF;
  --cg-radius: 16px;
  --cg-shadow: 0 4px 24px rgba(42,92,63,0.12);
}

.chilguri-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.chilguri-wrap {
  font-family: 'Zen Maru Gothic', sans-serif;
  color: var(--cg-text);
  background: var(--cg-cream);
  max-width: 680px;
  margin: 0 auto;
  overflow-x: hidden;
  line-height: 1.7;
}

/* HERO */
.chilguri-hero {
  background: linear-gradient(160deg, var(--cg-dark) 0%, var(--cg-green) 60%, #1e4a30 100%);
  color: var(--cg-white);
  padding: 64px 28px 56px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.chilguri-hero::before {
  content:''; position:absolute; top:-60px; right:-60px;
  width:300px; height:300px; border-radius:50%;
  background:radial-gradient(circle,rgba(107,191,142,.18) 0%,transparent 70%);
  pointer-events:none;
}
.chilguri-hero::after {
  content:''; position:absolute; bottom:-80px; left:-40px;
  width:250px; height:250px; border-radius:50%;
  background:radial-gradient(circle,rgba(201,168,76,.12) 0%,transparent 70%);
  pointer-events:none;
}
.chilguri-badge {
  display:inline-block;
  background:rgba(107,191,142,.25);
  border:1px solid rgba(107,191,142,.5);
  color:var(--cg-lime);
  font-size:12px; font-weight:700; letter-spacing:.12em;
  padding:5px 14px; border-radius:100px; margin-bottom:24px;
}
.chilguri-hero h1 {
  font-family:'Kaisei Opti',serif;
  font-size:clamp(26px,7vw,38px);
  font-weight:700; line-height:1.35; letter-spacing:.02em;
  margin-bottom:18px; position:relative; z-index:1;
}
.chilguri-hero h1 em { font-style:normal; color:var(--cg-lime); }
.chilguri-hero-sub {
  font-size:14px; line-height:1.8;
  color:rgba(255,255,255,.8); margin-bottom:36px;
  position:relative; z-index:1;
}
.chilguri-hero-bottles {
  font-size:52px; letter-spacing:8px; margin-bottom:28px;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));
  position:relative; z-index:1;
}
.chilguri-btn-line {
  display:inline-block;
  background:var(--cg-gold); color:var(--cg-dark);
  font-family:'Kaisei Opti',serif; font-size:16px; font-weight:700;
  padding:16px 36px; border-radius:100px; text-decoration:none;
  position:relative; z-index:1;
  box-shadow:0 4px 16px rgba(201,168,76,.4);
}
.chilguri-capacity-note {
  margin-top:14px; font-size:12px;
  color:rgba(255,255,255,.55); position:relative; z-index:1;
}

/* セクション共通 */
.chilguri-section { padding:52px 24px; }
.chilguri-section-title {
  font-family:'Kaisei Opti',serif; font-size:22px; font-weight:700;
  color:var(--cg-green); text-align:center; margin-bottom:8px; letter-spacing:.03em;
}
.chilguri-section-sub {
  text-align:center; font-size:13px; color:var(--cg-muted);
  margin-bottom:32px; letter-spacing:.08em;
}
.chilguri-divider {
  width:40px; height:3px;
  background:linear-gradient(90deg,var(--cg-mint),var(--cg-gold));
  border-radius:2px; margin:10px auto 28px;
}

/* 概要 */
.chilguri-overview {
  background:var(--cg-white); border-radius:var(--cg-radius);
  padding:32px 28px; box-shadow:var(--cg-shadow);
}
.chilguri-overview-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.chilguri-overview-item { display:flex; align-items:flex-start; gap:12px; }
.chilguri-overview-icon { font-size:24px; line-height:1; flex-shrink:0; margin-top:2px; }
.chilguri-overview-label { font-size:11px; color:var(--cg-muted); font-weight:700; letter-spacing:.1em; margin-bottom:3px; }
.chilguri-overview-val { font-size:14px; font-weight:700; color:var(--cg-text); line-height:1.5; }
.chilguri-overview-note {
  margin-top:20px; padding:12px 16px;
  background:rgba(42,92,63,.06); border-left:3px solid var(--cg-mint);
  border-radius:8px; font-size:12px; color:var(--cg-muted);
}

/* CHILL GREEN紹介 */
.chilguri-shochu-bg {
  background:linear-gradient(135deg,var(--cg-dark) 0%,#1a3d28 100%);
  color:var(--cg-white);
}
.chilguri-shochu-bg .chilguri-section-title { color:var(--cg-lime); }
.chilguri-shochu-bg .chilguri-section-sub { color:rgba(255,255,255,.6); }
.chilguri-shochu-card {
  background:rgba(255,255,255,.07);
  border:1px solid rgba(107,191,142,.25);
  border-radius:var(--cg-radius); padding:28px 24px; margin-bottom:16px;
}
.chilguri-shochu-card-title {
  font-family:'Kaisei Opti',serif; font-size:17px; font-weight:700;
  color:var(--cg-lime); margin-bottom:10px;
}
.chilguri-shochu-card p { font-size:14px; line-height:1.8; color:rgba(255,255,255,.82); }
.chilguri-tag-row { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.chilguri-tag {
  display:inline-block;
  background:rgba(107,191,142,.15); border:1px solid rgba(107,191,142,.35);
  color:var(--cg-lime); font-size:11px; padding:4px 10px;
  border-radius:100px; font-weight:700;
}

/* Why */
.chilguri-why-list { display:flex; flex-direction:column; gap:16px; }
.chilguri-why-card {
  display:flex; gap:16px; align-items:flex-start;
  background:var(--cg-white); border-radius:var(--cg-radius);
  padding:22px 20px; box-shadow:var(--cg-shadow);
  border-left:4px solid var(--cg-mint);
}
.chilguri-why-num {
  font-family:'Kaisei Opti',serif; font-size:30px; font-weight:700;
  color:var(--cg-lime); line-height:1; flex-shrink:0; width:36px; text-align:center;
}
.chilguri-why-title {
  font-family:'Kaisei Opti',serif; font-size:16px; font-weight:700;
  color:var(--cg-green); margin-bottom:6px;
}
.chilguri-why-desc { font-size:13px; color:var(--cg-muted); line-height:1.75; }

/* こんな人に */
.chilguri-target-bg { background:linear-gradient(160deg,#EFF6EC 0%,#F5F1E8 100%); }
.chilguri-target-list { list-style:none; display:flex; flex-direction:column; gap:12px; }
.chilguri-target-list li {
  display:flex; align-items:center; gap:12px;
  background:var(--cg-white); border-radius:12px; padding:14px 18px;
  font-size:14px; font-weight:500;
  box-shadow:0 2px 8px rgba(42,92,63,.07);
}
.chilguri-target-list li span.icon { font-size:20px; flex-shrink:0; }
.chilguri-reassure {
  margin-top:20px; text-align:center; font-size:13px; color:var(--cg-muted);
  background:rgba(107,191,142,.1); border-radius:10px; padding:12px 16px;
  border:1px dashed var(--cg-mint);
}

/* タイムライン */
.chilguri-timeline {
  position:relative; padding-left:28px;
  display:flex; flex-direction:column;
}
.chilguri-timeline::before {
  content:''; position:absolute; left:10px; top:8px; bottom:8px;
  width:2px; background:linear-gradient(180deg,var(--cg-mint),var(--cg-gold));
  border-radius:2px;
}
.chilguri-tl-item { position:relative; padding:0 0 24px 20px; }
.chilguri-tl-item:last-child { padding-bottom:0; }
.chilguri-tl-dot {
  position:absolute; left:-18px; top:4px;
  width:14px; height:14px; background:var(--cg-mint);
  border-radius:50%; border:2px solid var(--cg-white);
  box-shadow:0 0 0 2px var(--cg-mint);
}
.chilguri-tl-time { font-size:12px; color:var(--cg-mint); font-weight:700; letter-spacing:.08em; margin-bottom:2px; }
.chilguri-tl-title { font-size:15px; font-weight:700; color:var(--cg-green); margin-bottom:3px; }
.chilguri-tl-desc { font-size:13px; color:var(--cg-muted); }

/* FAQ */
.chilguri-faq-bg { background:var(--cg-white); }
.chilguri-faq-list { display:flex; flex-direction:column; gap:10px; }
.chilguri-faq-list details {
  border:1px solid rgba(42,92,63,.15); border-radius:12px; overflow:hidden;
}
.chilguri-faq-list summary {
  padding:16px 18px; font-size:14px; font-weight:700; color:var(--cg-green);
  cursor:pointer; display:flex; align-items:center; gap:10px; list-style:none;
}
.chilguri-faq-list summary::-webkit-details-marker { display:none; }
.chilguri-faq-list summary::before {
  content:'Q.'; color:var(--cg-mint);
  font-family:'Kaisei Opti',serif; font-size:16px; flex-shrink:0;
}
.chilguri-faq-list summary::after {
  content:'＋'; margin-left:auto; color:var(--cg-muted);
  font-size:18px; flex-shrink:0;
}
.chilguri-faq-answer {
  padding:12px 18px 16px; font-size:13px; color:var(--cg-muted);
  line-height:1.8; border-top:1px solid rgba(42,92,63,.08);
}
.chilguri-faq-answer::before { content:'A. '; font-weight:700; color:var(--cg-gold); }

/* 主催者 */
.chilguri-host-bg { background:linear-gradient(160deg,#EFF6EC 0%,var(--cg-cream) 100%); }
.chilguri-host-card {
  background:var(--cg-white); border-radius:var(--cg-radius);
  padding:28px 24px; box-shadow:var(--cg-shadow); text-align:center;
}
.chilguri-host-icon { font-size:48px; margin-bottom:12px; }
.chilguri-host-name {
  font-family:'Kaisei Opti',serif; font-size:20px; font-weight:700;
  color:var(--cg-green); margin-bottom:8px;
}
.chilguri-host-desc { font-size:13px; color:var(--cg-muted); line-height:1.8; }
.chilguri-stats { display:flex; gap:12px; justify-content:center; margin-top:20px; }
.chilguri-stat {
  text-align:center; background:rgba(42,92,63,.05);
  border-radius:12px; padding:12px 16px; flex:1;
}
.chilguri-stat-num { font-family:'Kaisei Opti',serif; font-size:22px; font-weight:700; color:var(--cg-green); }
.chilguri-stat-label { font-size:11px; color:var(--cg-muted); margin-top:2px; }

/* CTA */
.chilguri-cta-bg {
  background:linear-gradient(160deg,var(--cg-dark) 0%,var(--cg-green) 100%);
  color:var(--cg-white); text-align:center; padding:56px 24px;
}
.chilguri-cta-headline {
  font-family:'Kaisei Opti',serif;
  font-size:clamp(22px,5.5vw,32px);
  font-weight:700; line-height:1.4; margin-bottom:14px;
}
.chilguri-cta-headline em { font-style:normal; color:var(--cg-lime); }
.chilguri-cta-sub {
  font-size:14px; color:rgba(255,255,255,.72);
  margin-bottom:12px; line-height:1.7;
}
.chilguri-cta-seats {
  display:inline-block;
  background:rgba(201,168,76,.2); border:1px solid rgba(201,168,76,.5);
  color:var(--cg-gold); font-size:13px; font-weight:700;
  padding:6px 18px; border-radius:100px; margin-bottom:28px;
}

/* フォーム */
.chilguri-form-wrap { background:var(--cg-cream); padding:40px 24px 48px; }
.chilguri-form-label { text-align:center; font-size:14px; color:var(--cg-muted); margin-bottom:10px; }
.chilguri-form-label strong {
  display:block; font-family:'Kaisei Opti',serif;
  font-size:18px; color:var(--cg-green); margin-top:6px;
}
</style>

<div class="chilguri-wrap">

  <!-- HERO -->
  <section class="chilguri-hero">
    <div class="chilguri-badge">🌿 LIMITED 12名限定</div>
    <div class="chilguri-hero-bottles">🥃🌿🥃</div>
    <h1>飲んだことのない<br><em>スパイス焼酎</em>で、<br>新しい夜を<br>はじめよう。</h1>
    <p class="chilguri-hero-sub">
      ボタニカル系スパイス焼酎を囲んで、<br>
      ゆる〜くわいわい飲む夜。<br>
      少人数だから、全員と話せます。
    </p>
    <a href="https://lin.ee/ojemc6U" class="chilguri-btn-line">📩 とりあえずLINEで申し込む</a>
    <p class="chilguri-capacity-note">「チルグリ会参加希望」を送信してください。</p>
    <p class="chilguri-capacity-note" style="margin-top:8px;">⚠️ 残席わずか・12名で締め切ります</p>
  </section>

  <!-- 概要 -->
  <section class="chilguri-section">
    <p class="chilguri-section-title">イベント概要</p>
    <div class="chilguri-divider"></div>
    <div class="chilguri-overview">
      <div class="chilguri-overview-grid">
        <div class="chilguri-overview-item">
          <div class="chilguri-overview-icon">📅</div>
          <div>
            <div class="chilguri-overview-label">日時</div>
            <div class="chilguri-overview-val">4月25日（土）<br>20:00〜22:00</div>
          </div>
        </div>
        <div class="chilguri-overview-item">
          <div class="chilguri-overview-icon">📍</div>
          <div>
            <div class="chilguri-overview-label">場所</div>
            <div class="chilguri-overview-val">北堀江一丁目<br>集合：四ツ橋駅 6番出口</div>
          </div>
        </div>
        <div class="chilguri-overview-item">
          <div class="chilguri-overview-icon">💰</div>
          <div>
            <div class="chilguri-overview-label">参加費</div>
            <div class="chilguri-overview-val">男性 5,000円<br>女性 2,500円</div>
          </div>
        </div>
        <div class="chilguri-overview-item">
          <div class="chilguri-overview-icon">👥</div>
          <div>
            <div class="chilguri-overview-label">定員</div>
            <div class="chilguri-overview-val">12名<br>（少人数制）</div>
          </div>
        </div>
      </div>
      <div class="chilguri-overview-note">
        🔒 詳細な会場住所は参加確定後にご案内します
      </div>
    </div>
  </section>

  <!-- 焼酎紹介 -->
  <section class="chilguri-section chilguri-shochu-bg">
    <p class="chilguri-section-title">今夜の主役、スパイス焼酎とは？</p>
    <p class="chilguri-section-sub">THE BOTANICAL SHOCHU</p>
    <div class="chilguri-divider"></div>
    <div class="chilguri-shochu-card">
      <div class="chilguri-shochu-card-title">🌿 まだ出会ったことのない焼酎</div>
      <p>鹿児島の老舗蔵が手掛ける<strong style="color:#A8D5A2">ボタニカル系麦焼酎</strong>。希少スパイス「マーガオ」を原料に、レモングラスを思わせる柑橘系の香りと山椒のようなスパイシーさが重なる、まったく新感覚のお酒です。</p>
      <div class="chilguri-tag-row">
        <span class="chilguri-tag">#ボタニカル</span>
        <span class="chilguri-tag">#マーガオ</span>
        <span class="chilguri-tag">#シトラス香</span>
        <span class="chilguri-tag">#スパイシー</span>
        <span class="chilguri-tag">#麦焼酎</span>
      </div>
    </div>
    <div class="chilguri-shochu-card">
      <div class="chilguri-shochu-card-title">🥃 今回はスパイス焼酎を飲み比べ</div>
      <p>厳選したスパイス系焼酎をいくつか用意します。飲み比べながら「これ何の香り？」「ジンっぽい！」なんて話してたら、あっという間に打ち解けます。焼酎初心者も大歓迎。</p>
    </div>
  </section>

  <!-- Why -->
  <section class="chilguri-section">
    <p class="chilguri-section-title">このイベントが特別な理由</p>
    <div class="chilguri-divider"></div>
    <div class="chilguri-why-list">
      <div class="chilguri-why-card">
        <div class="chilguri-why-num">1</div>
        <div>
          <div class="chilguri-why-title">12名限定だから全員と話せる</div>
          <p class="chilguri-why-desc">大人数イベントと違い、少人数制なので孤立しません。気づいたら全員と喋ってた、がチルグリ会のスタンダードです。</p>
        </div>
      </div>
      <div class="chilguri-why-card">
        <div class="chilguri-why-num">2</div>
        <div>
          <div class="chilguri-why-title">「お酒」が最高の共通話題になる</div>
          <p class="chilguri-why-desc">名刺交換でも自己紹介ゲームでもなく、ただ美味しい焼酎を一緒に飲む。そのシンプルさが、自然な会話と距離感を生みます。</p>
        </div>
      </div>
      <div class="chilguri-why-card">
        <div class="chilguri-why-num">3</div>
        <div>
          <div class="chilguri-why-title">マンションの部屋だから、ほんとうにくつろげる</div>
          <p class="chilguri-why-desc">お店の騒音も気にしなくていい、時間を気にしなくていい。誰かの家に遊びにきたような、あの感覚。</p>
        </div>
      </div>
    </div>
  </section>

  <!-- こんな人に -->
  <section class="chilguri-section chilguri-target-bg">
    <p class="chilguri-section-title">こんな人におすすめ</p>
    <div class="chilguri-divider"></div>
    <ul class="chilguri-target-list">
      <li><span class="icon">🥃</span>焼酎やクラフト系のお酒が好きな人</li>
      <li><span class="icon">🌿</span>ボタニカル・スパイス・ジンが気になる人</li>
      <li><span class="icon">🗣️</span>飲みながら誰かとゆっくり話したい人</li>
      <li><span class="icon">🙌</span>社会人になってから友達が減ったと感じている人</li>
      <li><span class="icon">🛋️</span>バーより家飲みの雰囲気が好きな人</li>
    </ul>
    <div class="chilguri-reassure">
      🙆 一人で来ても大丈夫。参加者みんな最初は一人で来てます。
    </div>
  </section>

  <!-- タイムライン -->
  <section class="chilguri-section">
    <p class="chilguri-section-title">当日の流れ</p>
    <div class="chilguri-divider"></div>
    <div class="chilguri-timeline">
      <div class="chilguri-tl-item">
        <div class="chilguri-tl-dot"></div>
        <div class="chilguri-tl-time">19:45〜</div>
        <div class="chilguri-tl-title">開場・受付</div>
        <p class="chilguri-tl-desc">入り口でお会計をすませて、お好きな席へどうぞ</p>
      </div>
      <div class="chilguri-tl-item">
        <div class="chilguri-tl-dot"></div>
        <div class="chilguri-tl-time">20:00〜</div>
        <div class="chilguri-tl-title">乾杯・焼酎紹介タイム</div>
        <p class="chilguri-tl-desc">今日飲む焼酎を紹介。ボタニカルスパイス焼酎たちをご説明</p>
      </div>
      <div class="chilguri-tl-item">
        <div class="chilguri-tl-dot"></div>
        <div class="chilguri-tl-time">20:20〜</div>
        <div class="chilguri-tl-title">自由に飲み交流タイム</div>
        <p class="chilguri-tl-desc">飲み比べしながら自由に話す、チルグリ会のメインタイム</p>
      </div>
      <div class="chilguri-tl-item">
        <div class="chilguri-tl-dot"></div>
        <div class="chilguri-tl-time">21:45〜</div>
        <div class="chilguri-tl-title">締め・解散 or 二次会へ</div>
        <p class="chilguri-tl-desc">流れで二次会行く人も、解散する人も自由です</p>
      </div>
    </div>
  </section>

  <!-- FAQ -->
  <section class="chilguri-section chilguri-faq-bg">
    <p class="chilguri-section-title">よくある質問</p>
    <div class="chilguri-divider"></div>
    <div class="chilguri-faq-list">
      <details>
        <summary>一人で参加しても大丈夫ですか？</summary>
        <div class="chilguri-faq-answer">大丈夫です。参加者の大多数が一人参加です。少人数制なので孤立することはありません。</div>
      </details>
      <details>
        <summary>焼酎が得意じゃないのですが…</summary>
        <div class="chilguri-faq-answer">今回のスパイス焼酎は「焼酎っぽくない」と言われるほど飲みやすいお酒です。ジンやハイボールが好きな方なら特に楽しめます。ノンアルも用意しますのでご安心ください。</div>
      </details>
      <details>
        <summary>場所はどこか事前に教えてもらえますか？</summary>
        <div class="chilguri-faq-answer">参加確定後に詳細住所をお送りします。集合は四ツ橋駅6番出口です。</div>
      </details>
      <details>
        <summary>参加費はいつ・どうやって払いますか？</summary>
        <div class="chilguri-faq-answer">当日受付時に現金またはQRコード決済でお支払いいただきます。事前振込は不要です。</div>
      </details>
      <details>
        <summary>どんな人が来ますか？</summary>
        <div class="chilguri-faq-answer">20〜30代の社会人が中心です。お酒好き・新しい出会いを楽しみたい方が多く集まります。</div>
      </details>
    </div>
  </section>

  <!-- 主催者 -->
  <section class="chilguri-section chilguri-host-bg">
    <p class="chilguri-section-title">主催</p>
    <div class="chilguri-divider"></div>
    <div class="chilguri-host-card">
      <div class="chilguri-host-icon">🏙️</div>
      <div class="chilguri-host-name">マブダチシティ</div>
      <p class="chilguri-host-desc">「働く20〜30代のための友達づくりコミュニティ」として活動中。花見・飲み会・アウトドアなど、気軽に参加できるイベントを定期開催しています。来てみたら全員いい人だった、そんな場所を目指しています。</p>
      <div class="chilguri-stats">
        <div class="chilguri-stat">
          <div class="chilguri-stat-num">130+</div>
          <div class="chilguri-stat-label">コミュニティ参加者</div>
        </div>
        <div class="chilguri-stat">
          <div class="chilguri-stat-num">20+</div>
          <div class="chilguri-stat-label">開催イベント数</div>
        </div>
        <div class="chilguri-stat">
          <div class="chilguri-stat-num">4.9</div>
          <div class="chilguri-stat-label">参加者満足度</div>
        </div>
      </div>
    </div>
  </section>

  <!-- 最後のCTA -->
  <section class="chilguri-cta-bg">
    <p class="chilguri-cta-headline">この春の夜、<br><em>スパイス焼酎</em>で<br>マブダチをつくろう。</p>
    <p class="chilguri-cta-sub">12名限定の小さな夜。<br>気づいたら、また会いたい人ができてます。</p>
    <div class="chilguri-cta-seats">🌿 残り定員わずか・4/25(土) 20:00〜</div>
  </section>

  <!-- フォーム -->
  <!-- ▼ 申し込みフォーム -->
  <div class="chilguri-form-wrap">
    <p class="chilguri-form-label">
      ▼ 下のフォームからお申し込みください
      <strong>🌿 参加申込フォーム</strong>
    </p>
  </div>

</div>


    <div class="mem-inline-form-wrap">

            <div class="mem-inline-event-info">
        <div class="mem-inline-event-name">チルグリ会</div>
        <div class="mem-inline-event-meta">
                    <div class="mem-inline-meta-row"><span>📅</span> 2026年4月25日（土）</div>
                              <div class="mem-inline-meta-row">
            <span>🕐</span>
            <div class="mem-time-display">
              <div class="mem-time-item">
                <span class="mem-time-item-label">開始</span>
                <span class="mem-time-item-value">19:45</span>
              </div>
                            <div class="mem-time-item">
                <span class="mem-time-item-label">乾杯</span>
                <span class="mem-time-item-value">20:00</span>
              </div>
                                          <div class="mem-time-item">
                <span class="mem-time-item-label">終了</span>
                <span class="mem-time-item-value">22:00</span>
              </div>
                          </div>
          </div>
                              <div class="mem-inline-meta-row"><span>📍</span> 四ツ橋駅徒歩２分のマンション</div>
                              <div class="mem-inline-meta-row"><span>💴</span>
            男性 5,000円
            ／ 女性 2,500円
          </div>
                              <div class="mem-inline-meta-row"><span>👥</span> 定員 12名</div>
                  </div>
      </div>

            <div class="mem-inline-form" id="mem-inline-form-1797">
        <div class="mem-inline-form-title">🌸 参加申込フォーム</div>
        <input type="hidden" class="mem-inline-event-id" value="1797">
        <input type="hidden" class="mem-inline-redirect-url" value="https://sbcl.site/event-thanks/?event_id=1797">
        <input type="hidden" id="mem_inline_nonce_1797" name="mem_inline_nonce_1797" value="46ceff9a53" /><input type="hidden" name="_wp_http_referer" value="/feed/" />
        <div class="mem-form-group">
          <label class="mem-form-label">お名前 <span class="mem-form-required">*</span></label>
          <input class="mem-form-input mem-inline-name" type="text" placeholder="山田 太郎">
        </div>
        <div class="mem-form-group">
          <label class="mem-form-label">メールアドレス <span class="mem-form-required">*</span></label>
          <input class="mem-form-input mem-inline-email" type="email" placeholder="example@email.com">
        </div>
        <div class="mem-form-row">
          <div class="mem-form-group">
            <label class="mem-form-label">性別 <span class="mem-form-required">*</span></label>
            <select class="mem-form-select mem-inline-gender" onchange="memToggleConditions(this)">
              <option value="">選択してください</option>
              <option value="男性">男性</option>
              <option value="女性">女性</option>
              <option value="その他">その他</option>
            </select>
          </div>
          <div class="mem-form-group">
            <label class="mem-form-label">年代</label>
            <select class="mem-form-select mem-inline-age-group">
              <option value="">選択してください</option>
              <option value="20代前半">20代前半</option>
              <option value="20代後半">20代後半</option>
              <option value="30代前半">30代前半</option>
              <option value="30代後半">30代後半</option>
              <option value="40代前半">40代前半</option>
            </select>
          </div>
        </div>
        <div class="mem-form-group">
          <label class="mem-form-label">備考・メッセージ</label>
          <input class="mem-form-input mem-inline-message" type="text" placeholder="アレルギーや当日の連絡事項など">
        </div>

                
        <div class="mem-inline-form-error" style="color:#ff6b6b;font-size:12px;margin-bottom:8px;display:none;"></div>
        <button class="mem-form-submit mem-inline-submit" onclick="memInlineSubmit(1797)">
          🌸 参加を申し込む
        </button>
      </div>

    </div>

    <script>
    // 性別変更時の条件表示切替（モーダル版と共有）
    if ( typeof window.memToggleConditions !== 'function' ) {
      window.memToggleConditions = function(selectEl) {
        var val  = selectEl.value;
        var form = selectEl.closest('.mem-modal-form, .mem-inline-form');
        if ( ! form ) return;
        var wrap = form.querySelector('.mem-cond-wrap');
        if ( ! wrap ) return;
        var groups = wrap.querySelectorAll('.mem-cond-group');
        var anyShown = false;
        groups.forEach(function(g){
          var gender = g.getAttribute('data-gender');
          var match = (val === '男性' && gender === 'male') || (val === '女性' && gender === 'female');
          g.style.display = match ? 'block' : 'none';
          if ( match ) anyShown = true;
        });
        wrap.style.display = anyShown ? 'block' : 'none';
      };
    }

    // 参加条件の値収集（モーダル版と共有）
    if ( typeof window.memCollectConditions !== 'function' ) {
      window.memCollectConditions = function(formEl) {
        var wrap = formEl.querySelector('.mem-cond-wrap');
        if ( ! wrap || wrap.style.display === 'none' ) return { values: [], errors: [] };
        var visibleGroup = wrap.querySelector('.mem-cond-group[style*="block"]');
        if ( ! visibleGroup ) return { values: [], errors: [] };

        var values = [];
        var errors = [];
        var inputs = visibleGroup.querySelectorAll('.mem-cond-input');
        inputs.forEach(function(inp){
          var type     = inp.getAttribute('data-type');
          var label    = inp.getAttribute('data-label');
          var required = inp.getAttribute('data-required') === '1';
          var value    = '';
          if ( type === 'check' ) {
            value = inp.checked ? 'はい' : '';
            if ( required && ! inp.checked ) errors.push(label + ' にチェックが必要です');
          } else {
            value = (inp.value || '').trim();
            if ( required && value === '' ) errors.push(label + ' を入力してください');
          }
          values.push({ label: label, type: type, value: value });
        });
        return { values: values, errors: errors };
      };
    }

    // インライン版送信処理（条件回答も一緒に送信）
    function memInlineSubmit(eventId) {
        var wrap    = document.getElementById('mem-inline-form-' + eventId);
        var name    = wrap.querySelector('.mem-inline-name').value.trim();
        var email   = wrap.querySelector('.mem-inline-email').value.trim();
        var gender  = wrap.querySelector('.mem-inline-gender').value;
        var age     = wrap.querySelector('.mem-inline-age-group').value;
        var message = wrap.querySelector('.mem-inline-message').value.trim();
        var nonce   = wrap.querySelector('[name="mem_inline_nonce_' + eventId + '"]').value;
        var redirect = wrap.querySelector('.mem-inline-redirect-url').value;
        var $error  = wrap.querySelector('.mem-inline-form-error');
        var $btn    = wrap.querySelector('.mem-inline-submit');

        if ( ! name || ! email || ! gender ) {
            $error.textContent = 'お名前・メールアドレス・性別は必須です';
            $error.style.display = 'block';
            return;
        }

        // 参加条件のバリデーション＆値収集
        var cond = window.memCollectConditions(wrap);
        if ( cond.errors.length > 0 ) {
            $error.textContent = cond.errors[0];
            $error.style.display = 'block';
            return;
        }

        $error.style.display = 'none';
        $btn.disabled = true;
        $btn.textContent = '送信中...';

        jQuery.ajax({
            url: mem_ajax.ajax_url,
            type: 'POST',
            data: {
                action:     'mem_apply',
                event_id:   eventId,
                name:       name,
                email:      email,
                gender:     gender,
                age_group:  age,
                message:    message,
                conditions: JSON.stringify(cond.values),
                nonce:      nonce
            },
            success: function(response) {
                if (response.success) {
                    window.location.href = redirect;
                } else {
                    $error.textContent = response.data.message;
                    $error.style.display = 'block';
                    $btn.disabled = false;
                    $btn.textContent = '🌸 参加を申し込む';
                }
            },
            error: function() {
                $error.textContent = '通信エラーが発生しました。もう一度お試しください。';
                $error.style.display = 'block';
                $btn.disabled = false;
                $btn.textContent = '🌸 参加を申し込む';
            }
        });
    }
    </script>
    
<p>投稿 <a href="https://sbcl.site/2026/04/12/chill-gre/">チルグリ会</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sbcl.site/2026/04/12/chill-gre/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>4/4(土)タワマンタコパ</title>
		<link>https://sbcl.site/2026/03/11/tawatako/</link>
					<comments>https://sbcl.site/2026/03/11/tawatako/#comments</comments>
		
		<dc:creator><![CDATA[るいち]]></dc:creator>
		<pubDate>Wed, 11 Mar 2026 12:57:07 +0000</pubDate>
				<category><![CDATA[#マブダチシティ]]></category>
		<guid isPermaLink="false">https://sbcl.site/?p=1746</guid>

					<description><![CDATA[<p>MABUDACHI CITY PRESENTS TOWERTAKOPA タワマンタコパ 大阪の夜景を独り占め。 非日常の空間で、たこ焼きを囲んで マブダチをつくろう。 2026.04.04 SAT &#160;&#124;&#038;nbs [&#8230;]</p>
<p>投稿 <a href="https://sbcl.site/2026/03/11/tawatako/">4/4(土)タワマンタコパ</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<style>
  :root {
    --bg: #0a0a0a;
    --bg2: #111108;
    --bg3: #1a1810;
    --pink: #c9a84c;
    --pink-light: #f5d77a;
    --pink-glow: rgba(201,168,76,0.3);
    --pink-dim: rgba(201,168,76,0.12);
    --gold: #f5c842;
    --text: #ffffff;
    --text-muted: #a09070;
    --border: rgba(201,168,76,0.3);
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }

  .takopa-lp { scroll-behavior: smooth; }

  .takopa-lp {
    background: var(--bg);
    color: var(--text);
    font-family: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;
    overflow-x: hidden;
  }

  /* ─── HERO ─── */
  .takopa-lp .hero {
    position: relative;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 24px 80px;
    overflow: hidden;
  }

  .takopa-lp .hero-bg {
    position: absolute; inset: 0;
    background:
      radial-gradient(ellipse 80% 60% at 50% 80%, rgba(201,168,76,0.12) 0%, transparent 70%),
      radial-gradient(ellipse 60% 40% at 50% 100%, rgba(20,10,40,0.9) 0%, transparent 80%),
      linear-gradient(180deg, #14123a 0%, #1c1555 40%, #20106a 100%);
  }

  /* City skyline SVG */
  .takopa-lp .skyline {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    width: 100%;
    opacity: 0.75;
  }

  /* Floating particles */
  .takopa-lp .particles {
    position: absolute; inset: 0;
    pointer-events: none;
  }
  .takopa-lp .particle {
    position: absolute;
    border-radius: 50%;
    background: var(--pink);
    animation: float linear infinite;
    opacity: 0;
  }

  @keyframes float {
    0% { transform: translateY(100vh) scale(0); opacity: 0; }
    10% { opacity: 0.6; }
    90% { opacity: 0.3; }
    100% { transform: translateY(-10vh) scale(1.5); opacity: 0; }
  }

  .takopa-lp .hero-eyebrow {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(11px, 2.5vw, 14px);
    letter-spacing: 0.4em;
    color: var(--pink);
    margin-bottom: 20px;
    position: relative;
    animation: fadeUp 0.8s ease both;
  }

  .takopa-lp .hero-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(64px, 20vw, 140px);
    line-height: 0.9;
    letter-spacing: 0.04em;
    position: relative;
    animation: fadeUp 0.8s 0.15s ease both;
    background: linear-gradient(135deg, #ffffff 0%, #f5d77a 50%, #c9a84c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 0 40px rgba(255,95,160,0.4));
  }

  .takopa-lp .hero-title span {
    display: block;
    font-size: 0.42em;
    letter-spacing: 0.12em;
    background: linear-gradient(90deg, var(--pink-light), #fff, var(--pink-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .takopa-lp .hero-sub {
    font-size: clamp(13px, 3.5vw, 17px);
    font-weight: 300;
    color: rgba(240,238,248,0.75);
    margin-top: 24px;
    line-height: 1.9;
    max-width: 420px;
    position: relative;
    animation: fadeUp 0.8s 0.3s ease both;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .takopa-lp .hero-date-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 32px;
    padding: 10px 24px;
    border: 1px solid var(--border);
    border-radius: 100px;
    background: rgba(255,95,160,0.08);
    font-size: 13px;
    letter-spacing: 0.1em;
    color: var(--pink-light);
    position: relative;
    animation: fadeUp 0.8s 0.4s ease both;
    backdrop-filter: blur(8px);
  }

  .takopa-lp .hero-date-badge::before {
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--pink);
    box-shadow: 0 0 8px var(--pink);
    animation: pulse 2s infinite;
  }

  @keyframes pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.4); }
  }

  .takopa-lp .hero-cta {
    margin-top: 40px;
    position: relative;
    animation: fadeUp 0.8s 0.55s ease both;
  }

  .takopa-lp .btn-primary {
    display: inline-block;
    padding: 16px 48px;
    background: linear-gradient(135deg, #f5d77a, #c9a84c);
    color: #0a0a0a;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.15em;
    text-decoration: none;
    border-radius: 8px;
    box-shadow: 0 8px 40px rgba(201,168,76,0.4), 0 2px 0 rgba(255,255,255,0.1) inset;
    transition: transform 0.2s, box-shadow 0.2s;
    position: relative;
    overflow: hidden;
  }

  .takopa-lp .btn-primary::after {
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.15), transparent);
  }

  .takopa-lp .btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 50px rgba(201,168,76,0.55);
  }

  .takopa-lp .hero-seats {
    margin-top: 14px;
    font-size: 12px;
    color: var(--pink);
    letter-spacing: 0.08em;
    animation: fadeUp 0.8s 0.65s ease both;
  }

  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
  }

  /* ─── SECTION BASE ─── */
  .takopa-lp section { padding: 80px 24px; }

  .takopa-lp .section-label {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 11px;
    letter-spacing: 0.5em;
    color: var(--pink);
    margin-bottom: 12px;
    display: block;
  }

  .takopa-lp .section-title {
    font-size: clamp(24px, 6vw, 38px);
    font-weight: 900;
    line-height: 1.3;
    margin-bottom: 40px;
  }

  .takopa-lp .container {
    max-width: 680px;
    margin: 0 auto;
  }

  /* ─── ABOUT / OVERVIEW ─── */
  .takopa-lp .overview {
    background: var(--bg2);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
  }

  .takopa-lp .info-grid {
    display: grid;
    gap: 1px;
    background: var(--border);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
  }

  .takopa-lp .info-row {
    display: grid;
    grid-template-columns: 44px 80px 1fr;
    align-items: center;
    gap: 16px;
    padding: 20px 20px;
    background: var(--bg3);
    transition: background 0.2s;
  }

  .takopa-lp .info-row:hover { background: rgba(255,95,160,0.05); }

  .takopa-lp .info-icon {
    font-size: 22px;
    text-align: center;
  }

  .takopa-lp .info-label {
    font-size: 11px;
    letter-spacing: 0.1em;
    color: var(--text-muted);
    font-family: 'Bebas Neue', sans-serif;
    font-size: 13px;
  }

  .takopa-lp .info-value {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.5;
  }

  .takopa-lp .info-value small {
    display: block;
    font-weight: 300;
    font-size: 12px;
    color: var(--text-muted);
    margin-top: 2px;
  }

  .takopa-lp .price-highlight {
    color: var(--pink-light);
    font-size: 20px;
  }

  /* ─── WHY COME ─── */
  .takopa-lp .why { background: var(--bg); }

  .takopa-lp .why-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .takopa-lp .why-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
    border-radius: 12px;
    background: var(--bg3);
    border: 1px solid transparent;
    transition: border-color 0.3s, transform 0.2s;
    cursor: default;
  }

  .takopa-lp .why-item:hover {
    border-color: var(--border);
    transform: translateX(4px);
  }

  .takopa-lp .why-num {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 36px;
    line-height: 1;
    color: var(--pink);
    opacity: 0.4;
    min-width: 36px;
  }

  .takopa-lp .why-text h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
  }

  .takopa-lp .why-text p {
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.7;
  }

  /* ─── FOR WHO ─── */
  .takopa-lp .forwhom { background: var(--bg2); }

  .takopa-lp .tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 32px;
  }

  .takopa-lp .tag {
    padding: 8px 18px;
    border-radius: 100px;
    border: 1px solid var(--border);
    font-size: 13px;
    background: var(--pink-dim);
    color: var(--pink-light);
    letter-spacing: 0.05em;
  }

  /* ─── TIMELINE ─── */
  .takopa-lp .timeline { background: var(--bg); }

  .takopa-lp .tl-list {
    position: relative;
    padding-left: 32px;
  }

  .takopa-lp .tl-list::before {
    content: '';
    position: absolute;
    left: 10px; top: 8px; bottom: 8px;
    width: 1px;
    background: linear-gradient(180deg, var(--pink), transparent);
  }

  .takopa-lp .tl-item {
    position: relative;
    margin-bottom: 32px;
  }

  .takopa-lp .tl-item::before {
    content: '';
    position: absolute;
    left: -26px; top: 6px;
    width: 10px; height: 10px;
    border-radius: 50%;
    background: var(--pink);
    box-shadow: 0 0 12px var(--pink);
  }

  .takopa-lp .tl-time {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 22px;
    color: var(--pink);
    letter-spacing: 0.1em;
    line-height: 1;
  }

  .takopa-lp .tl-event {
    font-size: 15px;
    font-weight: 700;
    margin-top: 2px;
  }

  .takopa-lp .tl-note {
    font-size: 12px;
    color: var(--text-muted);
    margin-top: 3px;
    line-height: 1.6;
  }

  /* ─── FAQ ─── */
  .takopa-lp .faq { background: var(--bg2); }

  .takopa-lp .faq-item {
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    padding: 20px 0 !important;
    display: block !important;
  }

  .takopa-lp .faq-q {
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    word-break: normal !important;
    white-space: normal !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    letter-spacing: normal !important;
    width: 100% !important;
  }

  .takopa-lp .faq-q::before {
    content: 'Q' !important;
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 20px !important;
    color: var(--pink) !important;
    min-width: 20px !important;
    flex-shrink: 0 !important;
    line-height: 1.6 !important;
  }

  .takopa-lp .faq-a {
    margin-top: 10px !important;
    padding-left: 32px !important;
    font-size: 13px !important;
    color: var(--text-muted) !important;
    line-height: 1.8 !important;
    word-break: normal !important;
    white-space: normal !important;
    writing-mode: horizontal-tb !important;
    display: block !important;
    width: 100% !important;
  }

  /* ─── ABOUT COMMUNITY ─── */
  .takopa-lp .community {
    background: var(--bg);
    text-align: center;
  }

  .takopa-lp .community-badge {
    display: inline-block;
    padding: 6px 20px;
    border: 1px solid var(--border);
    border-radius: 100px;
    font-size: 12px;
    color: var(--pink-light);
    letter-spacing: 0.15em;
    margin-bottom: 20px;
  }

  .takopa-lp .community p {
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.9;
    max-width: 460px;
    margin: 0 auto;
  }

  /* ─── CTA FOOTER ─── */
  .takopa-lp .cta-footer {
    background: linear-gradient(180deg, var(--bg) 0%, #1a0a50 100%);
    text-align: center;
    padding: 80px 24px 100px;
    position: relative;
    overflow: hidden;
  }

  .takopa-lp .cta-footer::before {
    content: '';
    position: absolute;
    bottom: -100px; left: 50%; transform: translateX(-50%);
    width: 600px; height: 300px;
    background: radial-gradient(ellipse, rgba(255,95,160,0.2) 0%, transparent 70%);
    pointer-events: none;
  }

  .takopa-lp .cta-footer h2 {
    font-size: clamp(22px, 6vw, 36px);
    font-weight: 900;
    line-height: 1.4;
    margin-bottom: 12px;
  }

  .takopa-lp .cta-footer p {
    font-size: 13px;
    color: var(--text-muted);
    margin-bottom: 36px;
    line-height: 1.8;
  }

  .takopa-lp .seats-counter {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--pink);
    letter-spacing: 0.1em;
    margin-top: 16px;
  }

  /* ─── FOOTER ─── */
  .takopa-lp footer {
    background: #0a0a00;
    padding: 24px;
    text-align: center;
    font-size: 11px;
    color: var(--text-muted);
    letter-spacing: 0.1em;
    border-top: 1px solid rgba(255,255,255,0.05);
  }

  /* ─── DIVIDER ─── */
  .takopa-lp .divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--border), transparent);
    margin: 0 auto;
    max-width: 680px;
  }

  /* ─── SCROLL ANIM ─── */
  .takopa-lp .reveal {
    opacity: 0;
    transform: translateY(32px);
    transition: opacity 0.7s ease, transform 0.7s ease;
  }
  .takopa-lp .reveal.visible {
    opacity: 1;
    transform: none;
  }
</style>

<div class="takopa-lp">

<!-- HERO -->
<section class="hero">
  <div class="hero-bg"></div>

  <!-- Particles -->
  <div class="particles" id="particles"></div>

  <!-- Skyline SVG -->
  <svg class="skyline" viewBox="0 0 1440 280" preserveAspectRatio="xMidYMax slice" xmlns="http://www.w3.org/2000/svg">
    <defs>
      <linearGradient id="skyGrad" x1="0" y1="0" x2="0" y2="1">
        <stop offset="0%" stop-color="#c9a84c" stop-opacity="0.5"/>
        <stop offset="100%" stop-color="#100e00" stop-opacity="0.9"/>
      </linearGradient>
    </defs>
    <!-- Buildings -->
    <g fill="url(#skyGrad)">
      <rect x="0" y="180" width="60" height="100"/>
      <rect x="50" y="140" width="40" height="140"/>
      <rect x="85" y="160" width="55" height="120"/>
      <rect x="135" y="100" width="30" height="180"/> <!-- tower -->
      <rect x="140" y="90" width="20" height="10"/>
      <rect x="148" y="82" width="4" height="8"/>
      <rect x="165" y="150" width="50" height="130"/>
      <rect x="210" y="170" width="40" height="110"/>
      <rect x="248" y="120" width="35" height="160"/>
      <rect x="278" y="80" width="25" height="200"/> <!-- tall tower -->
      <rect x="282" y="70" width="17" height="10"/>
      <rect x="300" y="130" width="45" height="150"/>
      <rect x="340" y="160" width="60" height="120"/>
      <rect x="395" y="140" width="35" height="140"/>
      <rect x="425" y="90" width="28" height="190"/>
      <rect x="430" y="80" width="18" height="10"/>
      <rect x="450" y="155" width="50" height="125"/>
      <rect x="498" y="110" width="38" height="170"/>
      <rect x="532" y="170" width="55" height="110"/>
      <rect x="583" y="85" width="22" height="195"/> <!-- supertall -->
      <rect x="586" y="75" width="16" height="10"/>
      <rect x="589" y="68" width="10" height="7"/>
      <rect x="602" y="145" width="48" height="135"/>
      <rect x="646" y="165" width="40" height="115"/>
      <rect x="682" y="125" width="33" height="155"/>
      <rect x="712" y="75" width="26" height="205"/>
      <rect x="716" y="65" width="18" height="10"/>
      <rect x="736" y="150" width="52" height="130"/>
      <rect x="785" y="135" width="38" height="145"/>
      <rect x="820" y="100" width="30" height="180"/>
      <rect x="847" y="160" width="58" height="120"/>
      <rect x="900" y="88" width="24" height="192"/>
      <rect x="903" y="78" width="18" height="10"/>
      <rect x="922" y="148" width="45" height="132"/>
      <rect x="965" y="168" width="55" height="112"/>
      <rect x="1016" y="120" width="34" height="160"/>
      <rect x="1046" y="78" width="22" height="202"/>
      <rect x="1049" y="68" width="16" height="10"/>
      <rect x="1066" y="145" width="50" height="135"/>
      <rect x="1114" y="162" width="42" height="118"/>
      <rect x="1152" y="108" width="36" height="172"/>
      <rect x="1185" y="82" width="28" height="198"/>
      <rect x="1189" y="72" width="20" height="10"/>
      <rect x="1211" y="152" width="48" height="128"/>
      <rect x="1256" y="138" width="38" height="142"/>
      <rect x="1292" y="172" width="56" height="108"/>
      <rect x="1345" y="92" width="25" height="188"/>
      <rect x="1348" y="82" width="19" height="10"/>
      <rect x="1368" y="155" width="72" height="125"/>
    </g>
    <!-- Windows (tiny glowing dots) -->
    <g fill="#f5d77a" opacity="0.6">
      <rect x="139" y="108" width="2" height="2"/><rect x="144" y="108" width="2" height="2"/>
      <rect x="139" y="118" width="2" height="2"/><rect x="144" y="118" width="2" height="2"/>
      <rect x="139" y="128" width="2" height="2"/><rect x="144" y="128" width="2" height="2"/>
      <rect x="284" y="92" width="2" height="2"/><rect x="290" y="92" width="2" height="2"/>
      <rect x="284" y="102" width="2" height="2"/><rect x="290" y="102" width="2" height="2"/>
      <rect x="428" y="98" width="2" height="2"/><rect x="434" y="98" width="2" height="2"/>
      <rect x="428" y="108" width="2" height="2"/><rect x="434" y="108" width="2" height="2"/>
      <rect x="586" y="95" width="2" height="2"/><rect x="592" y="95" width="2" height="2"/>
      <rect x="586" y="105" width="2" height="2"/><rect x="592" y="105" width="2" height="2"/>
      <rect x="715" y="85" width="2" height="2"/><rect x="721" y="85" width="2" height="2"/>
      <rect x="715" y="95" width="2" height="2"/><rect x="721" y="95" width="2" height="2"/>
      <rect x="903" y="100" width="2" height="2"/><rect x="909" y="100" width="2" height="2"/>
      <rect x="1048" y="90" width="2" height="2"/><rect x="1054" y="90" width="2" height="2"/>
      <rect x="1188" y="92" width="2" height="2"/><rect x="1194" y="92" width="2" height="2"/>
      <rect x="1348" y="100" width="2" height="2"/><rect x="1354" y="100" width="2" height="2"/>
    </g>
    <rect x="0" y="278" width="1440" height="2" fill="rgba(255,95,160,0.15)"/>
  </svg>

  <!-- Content -->
  <div style="position:relative; z-index:2;">
    <div class="hero-eyebrow">MABUDACHI CITY PRESENTS</div>

    <h1 class="hero-title">
      TOWER<span>TAKOPA</span>
    </h1>
    <p style="font-family:'Bebas Neue',sans-serif;font-size:clamp(18px,5vw,28px);letter-spacing:0.3em;color:rgba(255,255,255,0.5);margin-top:-4px;position:relative;">タワマンタコパ</p>

    <p class="hero-sub">
      大阪の夜景を独り占め。<br>
      非日常の空間で、たこ焼きを囲んで<br>
      マブダチをつくろう。
    </p>

    <div class="hero-date-badge">
      2026.04.04 SAT &nbsp;|&nbsp; 18:30 OPEN &nbsp;|&nbsp; 大阪市内タワーマンション
    </div>

    <div class="hero-cta">
      <a rel="noopener" href="https://liff.line.me/1506931000-degMORBe?chatId=M072d4e8a9b84bdb70f16160d56a20bc3&#038;squareId=Sfa4247eda9324b6a20c0df299b04fa03#/detail/M072d4e8a9b84bdb70f16160d56a20bc3/11305469" class="btn-primary" target="_blank">
        🐙 参加を表明する（LINE）
      </a>
      <p class="hero-seats">▲ 定員20〜30名・残席わずか</p>
    </div>
  </div>
</section>

<!-- OVERVIEW -->
<section class="overview">
  <div class="container">
    <span class="section-label reveal">EVENT INFO</span>
    <h2 class="section-title reveal">イベント概要</h2>
    <div class="info-grid reveal">
      <div class="info-row">
        <div class="info-icon">📅</div>
        <div class="info-label">DATE</div>
        <div class="info-value">2026年4月4日（土）<small>18:30 OPEN / 19:00 乾杯 / 21:00 終了</small></div>
      </div>
      <div class="info-row">
        <div class="info-icon">📍</div>
        <div class="info-label">PLACE</div>
        <div class="info-value">大阪市内タワーマンション<small>集合：長堀橋駅 3番出口 / 詳細は参加確定後にご案内します</small></div>
      </div>
      <div class="info-row">
        <div class="info-icon">💰</div>
        <div class="info-label">FEE</div>
        <div class="info-value">
          <span class="price-highlight">3,500円</span>（男女同額）
          <small>複数イベント参加者は 3,000円</small>
        </div>
      </div>
      <div class="info-row">
        <div class="info-icon">👥</div>
        <div class="info-label">CAP</div>
        <div class="info-value">20〜30名<small>少人数制でアットホームな雰囲気</small></div>
      </div>
      <div class="info-row">
        <div class="info-icon">🍢</div>
        <div class="info-label">FOOD</div>
        <div class="info-value">たこ焼き食べ放題 ＋ 飲み放題<small>ソフトドリンク・アルコール類あり</small></div>
      </div>
    </div>
  </div>
</section>

<div class="divider"></div>

<!-- WHY -->
<section class="why">
  <div class="container">
    <span class="section-label reveal">WHY THIS EVENT</span>
    <h2 class="section-title reveal">このタコパが<br>特別な理由</h2>
    <div class="why-list">
      <div class="why-item reveal">
        <div class="why-num">01</div>
        <div class="why-text">
          <h3>非日常の舞台：タワマンの夜景</h3>
          <p>大阪の夜景を眼下に望む、普通のタコパじゃあり得ない空間。映える景色よりも、その場の空気感がクセになる。</p>
        </div>
      </div>
      <div class="why-item reveal">
        <div class="why-num">02</div>
        <div class="why-text">
          <h3>たこ焼きは最強のアイスブレーカー</h3>
          <p>もちろん飲み放題。やることはたくさん。一緒に焼いて下さい。</p>
        </div>
      </div>
      <div class="why-item reveal">
        <div class="why-num">03</div>
        <div class="why-text">
          <h3>少人数制だから深くつながれる</h3>
          <p>20〜30名のちょうどいいサイズ感。大箱パーティじゃなくて、名前を覚えて帰れるイベントです。</p>
        </div>
      </div>
    </div>
  </div>
</section>

<div class="divider"></div>

<!-- FOR WHO -->
<section class="forwhom">
  <div class="container">
    <span class="section-label reveal">FOR WHO</span>
    <h2 class="section-title reveal">こんな人に<br>来てほしい</h2>
    <div class="tag-list reveal">
      <span class="tag">社会人になってから友達が減った</span>
      <span class="tag">大阪で新しいつながりがほしい</span>
      <span class="tag">一人参加でも全然OK</span>
      <span class="tag">休日を誰かと過ごしたい</span>
      <span class="tag">たこ焼きが好き（それだけでいい）</span>
      <span class="tag">マブダチが欲しい20〜30代</span>
    </div>
    <p class="reveal" style="font-size:14px;color:var(--text-muted);line-height:1.9;">
      「知らない人ばかりで不安…」って思わなくて大丈夫。<br>
      参加者みんな、最初は一人で来てます。
    </p>
  </div>
</section>

<div class="divider"></div>

<!-- TIMELINE -->
<section class="timeline">
  <div class="container">
    <span class="section-label reveal">SCHEDULE</span>
    <h2 class="section-title reveal">当日の流れ</h2>
    <div class="tl-list reveal">
      <div class="tl-item">
        <div class="tl-time">18:30</div>
        <div class="tl-event">🚪 OPEN・受付スタート</div>
        <div class="tl-note">入室・自由に交流タイム。夜景を見ながらウォームアップ</div>
      </div>
      <div class="tl-item">
        <div class="tl-time">19:00</div>
        <div class="tl-event">🍺 乾杯スタート</div>
        <div class="tl-note">全員集合したら乾杯！たこ焼き作り開始</div>
      </div>
      <div class="tl-item">
        <div class="tl-time">19:15〜</div>
        <div class="tl-event">🐙 タコパ本番</div>
        <div class="tl-note">みんなでわいわい焼いて食べて話して。自然と仲良くなれる時間</div>
      </div>
      <div class="tl-item">
        <div class="tl-time">20:30〜</div>
        <div class="tl-event">💬 フリータイム</div>
        <div class="tl-note">好きな人と話す・夜景を楽しむ・連絡先交換</div>
      </div>
      <div class="tl-item">
        <div class="tl-time">21:00</div>
        <div class="tl-event">🌃 終了</div>
        <div class="tl-note">2次会は自由参加！近くのバーや居酒屋に流れます</div>
      </div>
    </div>
  </div>
</section>

<div class="divider"></div>

<!-- FAQ -->
<section class="faq">
  <div class="container">
    <span class="section-label reveal">FAQ</span>
    <h2 class="section-title reveal">よくある質問</h2>
    <div class="reveal">
      <div class="faq-item">
        <div class="faq-q">一人で参加しても大丈夫ですか？</div>
        <div class="faq-a">もちろんです！参加者の多くは一人で来ています。ホスト側がしっかりフォローするので安心してください。</div>
      </div>
      <div class="faq-item">
        <div class="faq-q">会場の住所はどこですか？</div>
        <div class="faq-a">参加確定後にLINEでご案内します。大阪市内のタワーマンションです。</div>
      </div>
      <div class="faq-item">
        <div class="faq-q">参加費の支払い方法は？</div>
        <div class="faq-a">当日現金でお支払いください。複数イベント参加の割引は参加確定時にお伝えください。</div>
      </div>
      <div class="faq-item">
        <div class="faq-q">飲み物はどうなりますか？</div>
        <div class="faq-a">飲み放題です！ソフトドリンク・アルコール類をご用意しています。お気軽にどうぞ。</div>
      </div>
      <div class="faq-item">
        <div class="faq-q">キャンセルはできますか？</div>
        <div class="faq-a">前日までにLINEでご連絡ください。当日キャンセルは参加費の一部をご負担いただく場合があります。</div>
      </div>
    </div>
  </div>
</section>

<div class="divider"></div>

<!-- COMMUNITY -->
<section class="community">
  <div class="container">
    <div class="community-badge reveal">MABUDACHI CITY</div>
    <h2 class="section-title reveal" style="font-size:clamp(20px,5vw,30px);">主催：マブダチシティ</h2>
    <p class="reveal">
      働く20〜30代のための友達づくりコミュニティ。<br>
      「社会人になってから本当の友達って作れてる？」<br>
      そんな問いからスタートした、大阪発のコミュニティです。<br><br>
      花見・タコパ・BBQなど、一緒に思い出が作れるイベントを定期開催中。
      LINE OpenChatには130名以上のメンバーが集まっています。
    </p>
  </div>
</section>

<!-- CTA FOOTER -->
<section class="cta-footer">
  <div class="container">
    <h2 class="reveal">夜景の下で、<br>マブダチをつくろう。</h2>
    <p class="reveal">4月4日（土）19:00 乾杯スタート<br>定員になり次第締め切ります</p>
    <p class="reveal" style="font-size:13px;color:var(--pink);letter-spacing:0.08em;margin-top:8px;">▼ 上のフォームからお申し込みください</p>
    <div class="seats-counter reveal">
      ● 残席わずか・お早めに
    </div>
  </div>
</section>

<footer>
  <p>© 2026 マブダチシティ（Mabudachi City）All rights reserved.</p>
</footer>

<script>
// Particles
(function() {
  const container = document.getElementById('particles');
  for (let i = 0; i < 18; i++) {
    const p = document.createElement('div');
    p.className = 'particle';
    const size = Math.random() * 3 + 1;
    p.style.cssText = `
      width:${size}px; height:${size}px;
      left:${Math.random()*100}%;
      animation-duration:${6 + Math.random()*8}s;
      animation-delay:${Math.random()*8}s;
    `;
    container.appendChild(p);
  }
})();

// Scroll reveal
const reveals = document.querySelectorAll('.reveal');
const observer = new IntersectionObserver((entries) => {
  entries.forEach((e, i) => {
    if (e.isIntersecting) {
      setTimeout(() => e.target.classList.add('visible'), i * 60);
      observer.unobserve(e.target);
    }
  });
}, { threshold: 0.1 });
reveals.forEach(el => observer.observe(el));
</script>
</div>


    <div class="mem-inline-form-wrap">

            <div class="mem-inline-event-info">
        <div class="mem-inline-event-name">タワマンタコパ</div>
        <div class="mem-inline-event-meta">
                    <div class="mem-inline-meta-row"><span>📅</span> 2026年4月4日（土）</div>
                              <div class="mem-inline-meta-row">
            <span>🕐</span>
            <div class="mem-time-display">
              <div class="mem-time-item">
                <span class="mem-time-item-label">開始</span>
                <span class="mem-time-item-value">18:30</span>
              </div>
                            <div class="mem-time-item">
                <span class="mem-time-item-label">乾杯</span>
                <span class="mem-time-item-value">19:00</span>
              </div>
                                          <div class="mem-time-item">
                <span class="mem-time-item-label">終了</span>
                <span class="mem-time-item-value">21:00</span>
              </div>
                          </div>
          </div>
                              <div class="mem-inline-meta-row"><span>📍</span> ブランズタワーノース・スカイラウンジ</div>
                              <div class="mem-inline-meta-row"><span>💴</span>
            男性 3,500円
            ／ 女性 3,500円
          </div>
                              <div class="mem-inline-meta-row"><span>👥</span> 定員 30名</div>
                  </div>
      </div>

            <div class="mem-inline-form" id="mem-inline-form-1765">
        <div class="mem-inline-form-title">🌸 参加申込フォーム</div>
        <input type="hidden" class="mem-inline-event-id" value="1765">
        <input type="hidden" class="mem-inline-redirect-url" value="https://sbcl.site/event-thanks/?event_id=1765">
        <input type="hidden" id="mem_inline_nonce_1765" name="mem_inline_nonce_1765" value="46ceff9a53" /><input type="hidden" name="_wp_http_referer" value="/feed/" />
        <div class="mem-form-group">
          <label class="mem-form-label">お名前 <span class="mem-form-required">*</span></label>
          <input class="mem-form-input mem-inline-name" type="text" placeholder="山田 太郎">
        </div>
        <div class="mem-form-group">
          <label class="mem-form-label">メールアドレス <span class="mem-form-required">*</span></label>
          <input class="mem-form-input mem-inline-email" type="email" placeholder="example@email.com">
        </div>
        <div class="mem-form-row">
          <div class="mem-form-group">
            <label class="mem-form-label">性別 <span class="mem-form-required">*</span></label>
            <select class="mem-form-select mem-inline-gender" onchange="memToggleConditions(this)">
              <option value="">選択してください</option>
              <option value="男性">男性</option>
              <option value="女性">女性</option>
              <option value="その他">その他</option>
            </select>
          </div>
          <div class="mem-form-group">
            <label class="mem-form-label">年代</label>
            <select class="mem-form-select mem-inline-age-group">
              <option value="">選択してください</option>
              <option value="20代前半">20代前半</option>
              <option value="20代後半">20代後半</option>
              <option value="30代前半">30代前半</option>
              <option value="30代後半">30代後半</option>
              <option value="40代前半">40代前半</option>
            </select>
          </div>
        </div>
        <div class="mem-form-group">
          <label class="mem-form-label">備考・メッセージ</label>
          <input class="mem-form-input mem-inline-message" type="text" placeholder="アレルギーや当日の連絡事項など">
        </div>

                
        <div class="mem-inline-form-error" style="color:#ff6b6b;font-size:12px;margin-bottom:8px;display:none;"></div>
        <button class="mem-form-submit mem-inline-submit" onclick="memInlineSubmit(1765)">
          🌸 参加を申し込む
        </button>
      </div>

    </div>

    <script>
    // 性別変更時の条件表示切替（モーダル版と共有）
    if ( typeof window.memToggleConditions !== 'function' ) {
      window.memToggleConditions = function(selectEl) {
        var val  = selectEl.value;
        var form = selectEl.closest('.mem-modal-form, .mem-inline-form');
        if ( ! form ) return;
        var wrap = form.querySelector('.mem-cond-wrap');
        if ( ! wrap ) return;
        var groups = wrap.querySelectorAll('.mem-cond-group');
        var anyShown = false;
        groups.forEach(function(g){
          var gender = g.getAttribute('data-gender');
          var match = (val === '男性' && gender === 'male') || (val === '女性' && gender === 'female');
          g.style.display = match ? 'block' : 'none';
          if ( match ) anyShown = true;
        });
        wrap.style.display = anyShown ? 'block' : 'none';
      };
    }

    // 参加条件の値収集（モーダル版と共有）
    if ( typeof window.memCollectConditions !== 'function' ) {
      window.memCollectConditions = function(formEl) {
        var wrap = formEl.querySelector('.mem-cond-wrap');
        if ( ! wrap || wrap.style.display === 'none' ) return { values: [], errors: [] };
        var visibleGroup = wrap.querySelector('.mem-cond-group[style*="block"]');
        if ( ! visibleGroup ) return { values: [], errors: [] };

        var values = [];
        var errors = [];
        var inputs = visibleGroup.querySelectorAll('.mem-cond-input');
        inputs.forEach(function(inp){
          var type     = inp.getAttribute('data-type');
          var label    = inp.getAttribute('data-label');
          var required = inp.getAttribute('data-required') === '1';
          var value    = '';
          if ( type === 'check' ) {
            value = inp.checked ? 'はい' : '';
            if ( required && ! inp.checked ) errors.push(label + ' にチェックが必要です');
          } else {
            value = (inp.value || '').trim();
            if ( required && value === '' ) errors.push(label + ' を入力してください');
          }
          values.push({ label: label, type: type, value: value });
        });
        return { values: values, errors: errors };
      };
    }

    // インライン版送信処理（条件回答も一緒に送信）
    function memInlineSubmit(eventId) {
        var wrap    = document.getElementById('mem-inline-form-' + eventId);
        var name    = wrap.querySelector('.mem-inline-name').value.trim();
        var email   = wrap.querySelector('.mem-inline-email').value.trim();
        var gender  = wrap.querySelector('.mem-inline-gender').value;
        var age     = wrap.querySelector('.mem-inline-age-group').value;
        var message = wrap.querySelector('.mem-inline-message').value.trim();
        var nonce   = wrap.querySelector('[name="mem_inline_nonce_' + eventId + '"]').value;
        var redirect = wrap.querySelector('.mem-inline-redirect-url').value;
        var $error  = wrap.querySelector('.mem-inline-form-error');
        var $btn    = wrap.querySelector('.mem-inline-submit');

        if ( ! name || ! email || ! gender ) {
            $error.textContent = 'お名前・メールアドレス・性別は必須です';
            $error.style.display = 'block';
            return;
        }

        // 参加条件のバリデーション＆値収集
        var cond = window.memCollectConditions(wrap);
        if ( cond.errors.length > 0 ) {
            $error.textContent = cond.errors[0];
            $error.style.display = 'block';
            return;
        }

        $error.style.display = 'none';
        $btn.disabled = true;
        $btn.textContent = '送信中...';

        jQuery.ajax({
            url: mem_ajax.ajax_url,
            type: 'POST',
            data: {
                action:     'mem_apply',
                event_id:   eventId,
                name:       name,
                email:      email,
                gender:     gender,
                age_group:  age,
                message:    message,
                conditions: JSON.stringify(cond.values),
                nonce:      nonce
            },
            success: function(response) {
                if (response.success) {
                    window.location.href = redirect;
                } else {
                    $error.textContent = response.data.message;
                    $error.style.display = 'block';
                    $btn.disabled = false;
                    $btn.textContent = '🌸 参加を申し込む';
                }
            },
            error: function() {
                $error.textContent = '通信エラーが発生しました。もう一度お試しください。';
                $error.style.display = 'block';
                $btn.disabled = false;
                $btn.textContent = '🌸 参加を申し込む';
            }
        });
    }
    </script>
    
<p>投稿 <a href="https://sbcl.site/2026/03/11/tawatako/">4/4(土)タワマンタコパ</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sbcl.site/2026/03/11/tawatako/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>🌸マブダチシティ大花見🌸</title>
		<link>https://sbcl.site/2026/02/14/daihanami/</link>
					<comments>https://sbcl.site/2026/02/14/daihanami/#respond</comments>
		
		<dc:creator><![CDATA[るいち]]></dc:creator>
		<pubDate>Sat, 14 Feb 2026 05:57:23 +0000</pubDate>
				<category><![CDATA[#マブダチシティ]]></category>
		<guid isPermaLink="false">https://sbcl.site/?p=1708</guid>

					<description><![CDATA[<p>天王寺駅徒歩5分！お寺で今年も大花見を行います！ 寺院での花見開催は４回目になります！内容についてはオープンチャットまたは公式SNSまで!!! ●開催時間13:00-15:00&#160;(チケット確認は12:45〜)  [&#8230;]</p>
<p>投稿 <a href="https://sbcl.site/2026/02/14/daihanami/">🌸マブダチシティ大花見🌸</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-pink-background-color has-background wp-element-button" href="https://daihanami.peatix.com/">大花見のチケットはこちら</a></div>
</div>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="724" height="1024" src="https://sbcl.site/wp-content/uploads/2026/02/7002362538b63d883ff08811e762dcd5-724x1024.png" alt="" class="wp-image-1698" srcset="https://sbcl.site/wp-content/uploads/2026/02/7002362538b63d883ff08811e762dcd5-724x1024.png 724w, https://sbcl.site/wp-content/uploads/2026/02/7002362538b63d883ff08811e762dcd5-212x300.png 212w, https://sbcl.site/wp-content/uploads/2026/02/7002362538b63d883ff08811e762dcd5-768x1086.png 768w, https://sbcl.site/wp-content/uploads/2026/02/7002362538b63d883ff08811e762dcd5-1086x1536.png 1086w, https://sbcl.site/wp-content/uploads/2026/02/7002362538b63d883ff08811e762dcd5.png 1237w" sizes="(max-width: 724px) 100vw, 724px" /></figure>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-pink-background-color has-background wp-element-button" href="https://daihanami.peatix.com/">大花見のチケットはこちら</a></div>
</div>



<p>天王寺駅徒歩5分！お寺で今年も大花見を行います！</p>



<p>寺院での花見開催は４回目になります！<br>内容についてはオープンチャットまたは公式SNSまで!!!</p>



<p>●開催時間<br>13:00-15:00<br>&nbsp;(チケット確認は12:45〜)</p>



<p>●参加費<br>男性5500円<br>女性2500円</p>



<p>●会場<br>統国寺<br>大阪府大阪市天王寺区茶臼山町５−５５</p>



<p><br>●割引キャンペーン※併用不可<br>・早割　：2月中の早割コードで1000円引き</p>



<p>・SNS割　：→Xにてコミュ入り(無料)かつ固定POSTを引用リポストで<br>　　　　　　1000円引きクーポンをDMにて配布。(当日アカウント確認あり)</p>



<p>・U25割　：25歳以下で1500円引き。DMにてご所望の場合はお伝えください。DMにてクーポン配布。</p>



<p>●イベントボランティア割<br>今回のイベントでは、限定５名のボランティアスタッフを募集しております！<br>スタッフは入場料無料！ご希望があればご自身の画像をバナー起用などもできます！<br>もしご興味ございましたら、スタッフのXアカウントなど覗いていただけると嬉しいです。</p>



<p>●チケットキャンセルについて<br>・割引クーポンは先行購入いただく代わりの特典になりますので、<br>キャンセルは受け付け致しません。譲渡などで各自ご対応ください。<br>・通常チケットのイベント開催の２週間前まではキャンセル可能とします。<br>・緊急事態宣言によってイベント中止が決定した場合。<br>・気象庁より大阪市に特別警報が発令された場合。（原則雨天決行）<br>・当イベント主催側の判断。（交通機関・天候を鑑みた中止などによる）<br>・上記以外の返金対応は致しませんので、予めご了承くださいませ。</p>
<p>投稿 <a href="https://sbcl.site/2026/02/14/daihanami/">🌸マブダチシティ大花見🌸</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sbcl.site/2026/02/14/daihanami/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>希望年会・鍋</title>
		<link>https://sbcl.site/2025/11/13/kibounenkai/</link>
					<comments>https://sbcl.site/2025/11/13/kibounenkai/#respond</comments>
		
		<dc:creator><![CDATA[るいち]]></dc:creator>
		<pubDate>Thu, 13 Nov 2025 11:10:20 +0000</pubDate>
				<category><![CDATA[#マブダチシティ]]></category>
		<guid isPermaLink="false">https://sbcl.site/?p=1667</guid>

					<description><![CDATA[<p>12月14日(日)　昼12:00-15:00！あかるく、みらいを語る希望年会！年を忘れる暇があるなら、先のことを語りましょう！という名目の回になります。 今回は堀江公園に集合し、会場に向かいます！</p>
<p>投稿 <a href="https://sbcl.site/2025/11/13/kibounenkai/">希望年会・鍋</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline is-style-outline--1"><a class="wp-block-button__link has-orange-background-color has-background wp-element-button" href="https://forms.gle/tKav7UYbPaopZ9RP9"><span class="fz-16px">参加フォーム</span></a></div>



<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline is-style-outline--2"><a class="wp-block-button__link has-background wp-element-button" href="https://x.gd/mabudachi" style="background-color:#61bf44"><span class="fz-16px">LINEオープンチャット</span></a></div>
</div>



<figure class="wp-block-image size-large"><img decoding="async" width="724" height="1024" src="https://sbcl.site/wp-content/uploads/2025/11/9e249fd9fdb37cf9353a2ac23a3fd76d-724x1024.png" alt="" class="wp-image-1680" srcset="https://sbcl.site/wp-content/uploads/2025/11/9e249fd9fdb37cf9353a2ac23a3fd76d-724x1024.png 724w, https://sbcl.site/wp-content/uploads/2025/11/9e249fd9fdb37cf9353a2ac23a3fd76d-212x300.png 212w, https://sbcl.site/wp-content/uploads/2025/11/9e249fd9fdb37cf9353a2ac23a3fd76d-768x1086.png 768w, https://sbcl.site/wp-content/uploads/2025/11/9e249fd9fdb37cf9353a2ac23a3fd76d.png 1061w" sizes="(max-width: 724px) 100vw, 724px" /></figure>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>12月14日(日)　昼12:00-15:00！<br>あかるく、みらいを語る希望年会！<br>年を忘れる暇があるなら、先のことを語りましょう！<br>という名目の回になります。<br><br>今回は堀江公園に集合し、<br>会場に向かいます！</p>
</blockquote>



<p></p>
<p>投稿 <a href="https://sbcl.site/2025/11/13/kibounenkai/">希望年会・鍋</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sbcl.site/2025/11/13/kibounenkai/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>11/2(日)開催！おくれ咲き会</title>
		<link>https://sbcl.site/2025/10/13/okuresaki/</link>
					<comments>https://sbcl.site/2025/10/13/okuresaki/#respond</comments>
		
		<dc:creator><![CDATA[るいち]]></dc:creator>
		<pubDate>Mon, 13 Oct 2025 14:47:23 +0000</pubDate>
				<category><![CDATA[#マブダチシティ]]></category>
		<guid isPermaLink="false">https://sbcl.site/?p=1659</guid>

					<description><![CDATA[<p>11月2日(日)　昼12:00-3:00！遊びたかったけど、遊べなかった時代を取り戻す！そういう趣旨のイベントになります。今からでも遅くない、前向きな意味での「後咲き会」を開催いたしまーす！ 麻雀（スマホゲーム）、大富豪 [&#8230;]</p>
<p>投稿 <a href="https://sbcl.site/2025/10/13/okuresaki/">11/2(日)開催！おくれ咲き会</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline is-style-outline--3"><a class="wp-block-button__link has-orange-background-color has-background wp-element-button" href="https://forms.gle/tKav7UYbPaopZ9RP9"><span class="fz-16px">参加フォーム</span></a></div>



<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline is-style-outline--4"><a class="wp-block-button__link has-background wp-element-button" href="https://x.gd/mabudachi" style="background-color:#61bf44"><span class="fz-16px">LINEオープンチャット</span></a></div>
</div>



<figure class="wp-block-image size-large"><img decoding="async" width="724" height="1024" src="https://sbcl.site/wp-content/uploads/2025/10/2b89b6db17273537cdaef93c53cfe3a0-724x1024.png" alt="" class="wp-image-1660" srcset="https://sbcl.site/wp-content/uploads/2025/10/2b89b6db17273537cdaef93c53cfe3a0-724x1024.png 724w, https://sbcl.site/wp-content/uploads/2025/10/2b89b6db17273537cdaef93c53cfe3a0-212x300.png 212w, https://sbcl.site/wp-content/uploads/2025/10/2b89b6db17273537cdaef93c53cfe3a0-768x1086.png 768w, https://sbcl.site/wp-content/uploads/2025/10/2b89b6db17273537cdaef93c53cfe3a0-1086x1536.png 1086w, https://sbcl.site/wp-content/uploads/2025/10/2b89b6db17273537cdaef93c53cfe3a0.png 1237w" sizes="(max-width: 724px) 100vw, 724px" /></figure>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>11月2日(日)　昼12:00-3:00！<br>遊びたかったけど、遊べなかった時代を取り戻す！<br>そういう趣旨のイベントになります。<br>今からでも遅くない、前向きな意味での「後咲き会」を開催いたしまーす！</p>



<p>麻雀（スマホゲーム）、大富豪、ボードゲームなど！持ち寄って楽しい時間を過ごしましょう。</p>
</blockquote>



<p></p>



<p></p>
<p>投稿 <a href="https://sbcl.site/2025/10/13/okuresaki/">11/2(日)開催！おくれ咲き会</a> は <a href="https://sbcl.site">#マブダチシティ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sbcl.site/2025/10/13/okuresaki/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
