東京の観光・グルメ・イベント情報を一挙紹介｜ぐるっと東京

シーズンイベント スヌーピーミュージアム 「ハッピー・ハロウィーン」開催 「ピーナッツ」ならではの、かわいくて楽しいハロウィーン スヌーピーミュージアムでは、季節を楽しめるシーズンイベント「HAPPY SEASONS!」を通年で開催しています。2026年9月5日（土）からは、「ハッピー・ハロウィーン」がスタートします。 「ピーナッツ」が生まれたアメリカで、秋を彩る楽しい行事として親しまれているハロウィーン。コミックにも、カボチャ大王を信じてカボチャ畑で待ち続けるライナスや、おばけに仮装したスヌーピーなど、かわいくてユーモラスなエピソードが数多く登場します。 館内では、そんな「ピーナッツ」の世界観を生かしたハロウィーン装飾をはじめ、期間限定のノベルティやグッズ、ワークショップなどを楽しめます。 「ハッピー・ハロウィーン」7つの楽しみ POINT 01 ハロウィーン装飾と限定ステッカー 館内が「ピーナッツ」ならではのハロウィーン装飾に彩られます。期間中は、来館者に「ハッピー・ハロウィーン」ステッカーをランダムで1人1枚プレゼント。 SPECIAL FRIENDS MEMBERSHIP会員には、ブラウンズストアでのお買い物時に、入場特典とは別の会員限定ステッカーも用意されています。 POINT 02 ブラウンズストアに限定グッズが登場 ミュージアム内のブラウンズストアには、ハロウィーン気分を盛り上げる新商品が多数登場します。 「世界でここにしかない」オリジナルアイテムを、館内での体験とあわせて楽しめます。商品はすべて数量限定です。 POINT 03 2つのワークショップに限定デザイン 名前などを入れて自分だけの缶バッジを作れる「スヌーピー缶バッジワークショップ」に、ハロウィーン限定デザインが登場。予約不要で当日参加できます。 スヌーピーとパーツを自由に組み合わせる「スヌーピーのマスコットタグワークショップ」には、カボチャとおばけの限定ワッペン2種、限定アクリルチャームが加わります。 POINT 04 限定スタンプ＆フォトフレーム オリジナルスタンプを作れるOSMO（オスモ）に、期間限定デザインが登場します。好きなフレームや効果音＆ワード、文字を組み合わせて、自分だけのスタンプを作れます。 セルフフォトブース「Photomatic」でも限定デザインを展開。静止画と撮影時の動画データをダウンロードでき、特別なフレームで撮った一枚を来館の思い出として持ち帰れます。 カフェ限定メニューと同日開催の企画展 隣接するPEANUTS Cafeでは、「ハッピー・ハロウィーン」と連動した限定メニューが期間限定で登場します。さらに、2026年9月5日（土）から2027年2月28日（日）までは、新企画展「Siblings are Wonderful きょうだいって、いいな」も開催。チャーリー・ブラウンとサリー、ルーシーとライナス＆リラン、スヌーピーと5匹のきょうだいたちなど、個性豊かなきょうだいに焦点を当て、約45点のコミック原画・複製原画を紹介します。 こんな方におすすめ 「ハッピー・ハロウィーン」は、季節感あふれる館内装飾や限定アイテムを楽しみながら、「ピーナッツ」のかわいくてユーモラスな世界に浸れるイベントです。スヌーピーや「ピーナッツ」が好きな方はもちろん、家族や友人、カップルで秋のお出かけを楽しみたい方にもおすすめです。 限定ワークショップやフォトブースで、自分だけのアイテムや思い出を形に残したい方にもぴったりです。 「ピーナッツ」ならではのハロウィーン装飾 期間限定デザインも登場 ※ノベルティ、商品、限定パーツなどは、なくなり次第終了となる場合があります。 ※商品には購入制限が設けられる場合があり、発売日やイベント内容は予告なく変更されることがあります。来館前に公式サイトで最新情報をご確認ください。 :root { --bg-color: #fcfcfc; --card-bg: #ffffff; --text-main: #111111; --text-muted: #555555; --accent-orange: #ff5500; --accent-orange-light: #fff2ec; --border-color: #e5e5e5; --dark-card: #141414; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; overflow-x: hidden; } body { background-color: var(--bg-color); color: var(--text-main); font-family: 'Noto Sans JP', 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.7; letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; } .container { max-width: 860px; width: 100%; margin: 0 auto; padding: 48px 20px; } /* Header Styling */ header { border-bottom: 2px solid var(--text-main); padding-bottom: 32px; margin-bottom: 48px; } .badge { display: inline-block; background-color: var(--accent-orange); color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 3px 10px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; } .main-title { font-size: 1.6rem; font-weight: 700; line-height: 1.35; color: var(--text-main); margin-bottom: 12px; word-break: break-word; } .subtitle { font-size: 1rem; font-weight: 500; color: var(--accent-orange); margin-bottom: 24px; word-break: break-word; } .intro-text { font-size: 0.925rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Section Styling */ section { margin-bottom: 56px; width: 100%; } .section-header { margin-bottom: 24px; } .section-title { font-size: 1.3rem; font-weight: 700; letter-spacing: 0.04em; position: relative; } .section-title::after { content: ''; display: block; width: 36px; height: 3px; background-color: var(--accent-orange); margin-top: 6px; } /* Highlights Layout */ .grid-highlights { display: flex; flex-direction: column; gap: 20px; width: 100%; } .card { background-color: var(--card-bg); border: 1px solid var(--border-color); padding: 24px; width: 100%; box-sizing: border-box; transition: border-color 0.3s ease; } .card:hover { border-color: var(--accent-orange); } .card-number { font-size: 0.8rem; font-weight: 700; color: var(--accent-orange); margin-bottom: 8px; display: block; } .card-title { font-size: 1.05rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Long Content Block */ .content-block { background-color: var(--dark-card); color: #ffffff; padding: 32px; border-left: 4px solid var(--accent-orange); width: 100%; box-sizing: border-box; } .content-block h2 { font-size: 1.25rem; margin-bottom: 12px; color: #ffffff; word-break: break-word; } .content-block p { color: #cccccc; font-size: 0.925rem; text-align: justify; word-break: break-word; } /* Event Section */ .event-card { background-color: var(--accent-orange-light); border: 1px solid rgba(255, 85, 0, 0.2); padding: 28px; width: 100%; box-sizing: border-box; } .event-card p { color: #333333; font-size: 0.9rem; text-align: justify; word-break: break-word; } /* Recommendation Section */ .recommend-box { border-top: 1px solid var(--border-color); padding-top: 36px; width: 100%; } .recommend-text { font-size: 0.925rem; color: var(--text-main); margin-bottom: 24px; text-align: justify; word-break: break-word; } /* Image Gallery */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; } .image-frame { background-color: #f4f4f5; border: 1px dashed var(--border-color); border-radius: 4px; padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } .image-frame img { width: 100%; height: auto; display: block; object-fit: contain; } .image-caption { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: center; word-break: break-word; line-height: 1.4; } /* Notes List */ .notes-list { list-style: none; background-color: #f4f4f5; padding: 20px 20px 20px 32px; width: 100%; box-sizing: border-box; } .notes-list li { font-size: 0.825rem; color: var(--text-muted); margin-bottom: 6px; text-indent: -1.2em; word-break: break-word; } .notes-list li:last-child { margin-bottom: 0; } /* Responsive Design */ @media (max-width: 768px) { .main-title { font-size: 1.4rem; } .subtitle { font-size: 0.95rem; } .container { padding: 32px 16px; } .card, .content-block, .event-card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }

「ちいかわ」の世界を東京スカイツリーで楽しむ 「ちいかわ☆星ふるスカイツリー®とひみつの島」 東京スカイツリーでは、人気キャラクター「ちいかわ」とのコラボレーションイベント「ちいかわ☆星ふるスカイツリー®とひみつの島」が開催されています。本イベントは、2026年7月24日（金）公開の『映画ちいかわ 人魚の島のひみつ』に合わせて開催されるコラボレーションイベントです。 地上450mの天望回廊を中心に、「映画ちいかわ」の世界観を楽しめる展示装飾やフォトスポットが登場。東京の街を一望できる東京スカイツリーで、ちいかわたちと一緒に特別な時間を楽しめます。 イベントの見どころ 空の上に広がる「ひみつの島」 東京スカイツリー天望回廊のフロア445～450では、「映画ちいかわ」の世界観に浸れる特別な空間を展開。 特別な島への船旅から始まり、特別コスチュームのキャラクターたちとの出会い、手漕ぎボートでの洞窟探索など、島を舞台にした展示を楽しめます。 また、ぬい撮りフォトスポットでは、島での思い出を写真に残すこともできます。お気に入りのぬいぐるみと一緒にお越し下さい。 地上350mで特別映像を上映 天望デッキ フロア350では、窓ガラスを巨大なパノラマスクリーンに仕立てた「SKYTREE ROUND THEATER®」で、「ちいかわ」の特別映像を上映します。 上映時間は各回約6分。東京の景色とともに、迫力ある映像を楽しめます。 ちいかわをイメージした特別ライティング 期間中は、ちいかわ、ハチワレ、うさぎ、モモンガなどのキャラクターをイメージした特別ライティングも点灯。 キャラクターをイメージしたデザインが約100秒ごとに移り変わり、東京スカイツリーの夜を彩ります。 限定カフェメニューやグッズも登場 天望デッキ フロア340の「SKYTREE CAFE」では、イベントに合わせた限定カフェメニューを展開。ドリンクやフードなど、キャラクターをイメージしたメニューを楽しめます。 また、東京スカイツリー1F「SKYTREE SPACE」ではイベント限定グッズを販売。 こんな方におすすめ 「ちいかわ」が好きな方はもちろん、東京スカイツリーの展望台とコラボレーションイベントを一緒に楽しみたい方にもおすすめです。 展望台から東京の景色を眺めながら、「ちいかわ」の世界観に触れたり、限定グッズやカフェメニューを楽しんだりと、東京観光の思い出づくりにもぴったりのイベントです。 セイレーンに捕まっちゃった ©TOKYO-SKYTREE 島に呼ばれた真実 ©TOKYO-SKYTREE ※天望デッキ・天望回廊への入場料金がかかります。 ※「SKYTREE ROUND THEATER®」はイベントや展望台の営業状況によって上映しない場合があります。 ※特別ライティングは、点灯時間および内容が予告なく変更される場合があります。 ※イベント内容は予告なく変更される場合があります。 :root { --bg-color: #fcfcfc; --card-bg: #ffffff; --text-main: #111111; --text-muted: #555555; --accent-orange: #ff5500; --accent-orange-light: #fff2ec; --border-color: #e5e5e5; --dark-card: #141414; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; overflow-x: hidden; background-color: var(--bg-color); color: var(--text-main); font-family: 'Noto Sans JP', 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.7; letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; } .container { max-width: 860px; width: 100%; margin: 0 auto; padding: 48px 20px; } /* Header Styling */ header { border-bottom: 2px solid var(--text-main); padding-bottom: 32px; margin-bottom: 48px; } .badge { display: inline-block; background-color: var(--accent-orange); color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 3px 10px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; } .main-title { font-size: 1.6rem; font-weight: 700; line-height: 1.35; color: var(--text-main); margin-bottom: 12px; word-break: break-word; } .intro-text { font-size: 0.925rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Section Styling */ section { margin-bottom: 56px; width: 100%; } .section-header { margin-bottom: 24px; } .section-title { font-size: 1.3rem; font-weight: 700; letter-spacing: 0.04em; position: relative; } .section-title::after { content: ''; display: block; width: 36px; height: 3px; background-color: var(--accent-orange); margin-top: 6px; } /* Highlights Layout */ .grid-highlights { display: flex; flex-direction: column; gap: 20px; width: 100%; } .card { background-color: var(--card-bg); border: 1px solid var(--border-color); padding: 24px; width: 100%; box-sizing: border-box; transition: border-color 0.3s ease; } .card:hover { border-color: var(--accent-orange); } .card-number { font-size: 0.8rem; font-weight: 700; color: var(--accent-orange); margin-bottom: 8px; display: block; } .card-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); word-break: break-word; } .card-text p { margin-bottom: 8px; } .card-text p:last-child { margin-bottom: 0; } /* Recommendation Section */ .recommend-box { border-top: 1px solid var(--border-color); padding-top: 36px; width: 100%; } .recommend-text { font-size: 0.925rem; color: var(--text-main); margin-bottom: 24px; text-align: justify; word-break: break-word; } /* Image Gallery Protection & Responsiveness */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; /* Chặn chọn ảnh (Copy protection for images) */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .image-frame { background-color: #f4f4f5; border: 1px dashed var(--border-color); border-radius: 4px; padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; overflow: hidden; } /* Fix lỗi ảnh tràn màn形 */ .image-frame img { max-width: 100%; width: 100%; height: auto; display: block; object-fit: contain; pointer-events: none; /* Ngăn kéo thả / lưu ảnh */ } .image-caption { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: center; word-break: break-word; line-height: 1.4; } /* Notes List */ .notes-list { list-style: none; background-color: #f4f4f5; padding: 20px 20px 20px 32px; width: 100%; box-sizing: border-box; } .notes-list li { font-size: 0.825rem; color: var(--text-muted); margin-bottom: 6px; text-indent: -1.2em; word-break: break-word; } .notes-list li:last-child { margin-bottom: 0; } /* Responsive Design */ @media (max-width: 768px) { .main-title { font-size: 1.4rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }

家族で楽しめるハロウィンイベント「Sunshine City FUN！FUN！HALLOWEEN 2026」 池袋のサンシャインシティでは、ファミリーで楽しめるハロウィンイベント「Sunshine City FUN！FUN！HALLOWEEN 2026」が開催されています。専門店街アルパを中心に、オリジナルキャラクターのおばけをテーマにした企画や、館内を巡って楽しむカード集め、縁日、コンサートなどを展開します。 小学生以下の子どもを対象とした企画も多く、事前予約や特別な準備をせずに参加できる内容が用意されています。買い物や食事と合わせて、親子でハロウィンの思い出を作れるイベントです。 イベントの見どころ キャンディBOXを持って参加する「トリックオアトリート大作戦！」 サンシャインシティオリジナルキャラクターが描かれた台紙で作ったキャンディBOXを持参した小学生以下の子どもに、お菓子の詰め合わせをプレゼントします。対象日は10月17日（土）・18日（日）、24日（土）・25日（日）、30日（金）・31日（土）。各日11：00～16：00に、専門店街アルパ1F南入口前広場で実施されます。 期間中は、キャンディBOXを作るワークショップも開催。参加費は1人100円で、現金のみです。なお、プレゼントは期間中1人1回までで、オリジナルのキャンディBOX、または当日ワークショップで作ったキャンディBOXを持参した方が対象です。 おばけを探す「あつめよう！おばけのカード図鑑」 館内各所にすみついたおばけを探し、イラスト入りのカードを集めて図鑑を完成させる参加型ラリーです。期間は10月1日（木）から31日（土）まで。対象は小学生以下です。 カードは各施設の営業時間に合わせて配布され、数量に限りがあります。サンシャイン水族館、サンシャイン60展望台 てんぼうパーク、古代オリエント博物館への入場には、別途料金が必要です。 家族で楽しめるハロウィン縁日 専門店街アルパ1F南入口前広場に、射的や人形すくいなどの屋台が登場します。10月17日（土）・18日（日）、24日（土）・25日（日）、30日（金）・31日（土）の11：00～16：00に開催され、対象は小学生以下です。料金は各屋台1回300円、2つの屋台を楽しめるセット券は500円で、いずれも現金のみです。 仮装したアーティストが出演するハロウィンコンサート ハロウィン当日の10月31日（土）には、専門店街アルパB1噴水広場でコンサートを開催します。おばけやモンスターに仮装した「the CRAZY ANGEL COMPANY」が演奏し、来場者も一緒にダンスを楽しめる参加型のステージです。時間は11：30、14：00、15：30、16：00の各回約30分で、入場は無料です。 このほか、専門店街アルパ1Fの「絵本のひろば」やサンシャイン60展望台 てんぼうパークには、ハロウィン気分を楽しめるフォトスポットも登場します。 こんな方におすすめ 親子でハロウィンを楽しみたい方や、池袋観光とあわせて季節のイベントを楽しみたい方におすすめです。 おばけのカードを集めたり、縁日やフォトスポットを楽しんだりしながら、サンシャインシティでハロウィンの思い出を作ってみてはいかがでしょうか。 「絵本の広場」フォトスポットイメージ 画像提供：サンシャインシティ 過去開催の様子 画像提供：サンシャインシティ ※内容やスケジュールは変更になる場合があります。荒天時は中止となる企画があります。 ※カードやお菓子、景品はなくなり次第終了します。価格はすべて税込です。 :root { --bg-color: #fcfcfc; --card-bg: #ffffff; --text-main: #111111; --text-muted: #555555; --accent-orange: #ff5500; --accent-orange-light: #fff2ec; --border-color: #e5e5e5; --dark-card: #141414; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; overflow-x: hidden; background-color: var(--bg-color); color: var(--text-main); font-family: 'Noto Sans JP', 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.7; letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; } .container { max-width: 860px; width: 100%; margin: 0 auto; padding: 48px 20px; } /* Header Styling */ header { border-bottom: 2px solid var(--text-main); padding-bottom: 32px; margin-bottom: 48px; } .badge { display: inline-block; background-color: var(--accent-orange); color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 3px 10px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; } .main-title { font-size: 1.6rem; font-weight: 700; line-height: 1.35; color: var(--text-main); margin-bottom: 12px; word-break: break-word; } .intro-text { font-size: 0.925rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Section Styling */ section { margin-bottom: 56px; width: 100%; } .section-header { margin-bottom: 24px; } .section-title { font-size: 1.3rem; font-weight: 700; letter-spacing: 0.04em; position: relative; } .section-title::after { content: ''; display: block; width: 36px; height: 3px; background-color: var(--accent-orange); margin-top: 6px; } /* Highlights Layout */ .grid-highlights { display: flex; flex-direction: column; gap: 20px; width: 100%; } .card { background-color: var(--card-bg); border: 1px solid var(--border-color); padding: 24px; width: 100%; box-sizing: border-box; transition: border-color 0.3s ease; } .card:hover { border-color: var(--accent-orange); } .card-number { font-size: 0.8rem; font-weight: 700; color: var(--accent-orange); margin-bottom: 8px; display: block; } .card-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); word-break: break-word; } .card-text p { margin-bottom: 8px; } .card-text p:last-child { margin-bottom: 0; } /* Recommendation Section */ .recommend-box { border-top: 1px solid var(--border-color); padding-top: 36px; width: 100%; } .recommend-text { font-size: 0.925rem; color: var(--text-main); margin-bottom: 24px; text-align: justify; word-break: break-word; } /* Image Gallery Protection & Responsiveness */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; /* Chặn chọn ảnh (Copy protection for images) */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .image-frame { background-color: #f4f4f5; border: 1px dashed var(--border-color); border-radius: 4px; padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; overflow: hidden; } /* Fix lỗi ảnh tràn màn形 */ .image-frame img { max-width: 100%; width: 100%; height: auto; display: block; object-fit: contain; pointer-events: none; /* Ngăn kéo thả / lưu ảnh */ } .image-caption { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: center; word-break: break-word; line-height: 1.4; } /* Notes List */ .notes-list { list-style: none; background-color: #f4f4f5; padding: 20px 20px 20px 32px; width: 100%; box-sizing: border-box; } .notes-list li { font-size: 0.825rem; color: var(--text-muted); margin-bottom: 6px; text-indent: -1.2em; word-break: break-word; } .notes-list li:last-child { margin-bottom: 0; } /* Responsive Design */ @media (max-width: 768px) { .main-title { font-size: 1.4rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }

街全体がジャズに染まる2日間 「阿佐谷ジャズストリート2026」 JR阿佐ケ谷駅周辺をはじめ、商店街や神社、教会、学校など、阿佐谷エリア約60会場を舞台に「阿佐谷ジャズストリート2026」が開催されます。 1995年に始まり、今年で第32回を迎える阿佐谷ジャズストリート。2026年は約200組のアーティストが出演し、街を歩きながらさまざまな場所でジャズを楽しめる、阿佐谷ならではの音楽フェスティバルです。 阿佐谷ジャズストリート2026の見どころ 山下洋輔プロデュースの「神明宮セッション」 今年は、長年阿佐ヶ谷神明宮ステージを支えてきた世界的ジャズピアニスト・山下洋輔による特別企画「神明宮セッション」を開催。 山下洋輔が信頼を寄せるスガダイロー（p）、坂井紅介（b）、本田珠也（ds）の3人が出演し、神明宮の能楽殿で熱演を繰り広げます。 多彩なジャズアーティストが出演 昨年チケットが発売開始早々に完売した吾妻光良＆The Swinging Boppersをはじめ、たをやめオルケスタfeat.神野美伽、北原雅彦カルテットwith MONKY、寺久保エレナ・カルテットなど、注目のアーティストが登場します。 そのほか、鈴木良雄、増尾好秋、豊田チカ、谷口英治、木村イオリ、谷川賢作、キヨシ小林など、幅広いジャンルで活躍するミュージシャンのステージも楽しめます。 街を歩きながらジャズを楽しめる 駅前広場や商店街、教会、ライブハウスなど、阿佐谷のさまざまな場所がステージに。2日間にわたりディキシーバンドも街を練り歩き、日常の風景の中で音楽と出会えるのも本イベントの魅力です。 また、ゴスペルのワークショップ＆コンサートや、親子で楽しめる「Jazz for Kids」なども予定されています。 こんな方におすすめ ジャズを楽しみながら東京の街を歩いてみたい方、音楽を通して阿佐谷の文化や街の雰囲気に触れてみたい方におすすめのイベントです。 さまざまな会場を巡りながら、阿佐谷の街とジャズが一体となった2日間を楽しんでみてはいかがでしょうか。 © 阿佐谷ジャズストリート © 阿佐谷ジャズストリート ※出演者情報やプログラム内容は変更となる可能性があります。 ※各会場の詳細・チケット情報は公式サイトをご確認ください。 :root { --bg-color: #fcfcfc; --card-bg: #ffffff; --text-main: #111111; --text-muted: #555555; --accent-orange: #ff5500; --accent-orange-light: #fff2ec; --border-color: #e5e5e5; --dark-card: #141414; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; overflow-x: hidden; background-color: var(--bg-color); color: var(--text-main); font-family: 'Noto Sans JP', 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.7; letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; } .container { max-width: 860px; width: 100%; margin: 0 auto; padding: 48px 20px; } /* Header Styling */ header { border-bottom: 2px solid var(--text-main); padding-bottom: 32px; margin-bottom: 48px; } .badge { display: inline-block; background-color: var(--accent-orange); color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 3px 10px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; } .main-title { font-size: 1.6rem; font-weight: 700; line-height: 1.35; color: var(--text-main); margin-bottom: 12px; word-break: break-word; } .intro-text { font-size: 0.925rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Section Styling */ section { margin-bottom: 56px; width: 100%; } .section-header { margin-bottom: 24px; } .section-title { font-size: 1.3rem; font-weight: 700; letter-spacing: 0.04em; position: relative; } .section-title::after { content: ''; display: block; width: 36px; height: 3px; background-color: var(--accent-orange); margin-top: 6px; } /* Highlights Layout */ .grid-highlights { display: flex; flex-direction: column; gap: 20px; width: 100%; } .card { background-color: var(--card-bg); border: 1px solid var(--border-color); padding: 24px; width: 100%; box-sizing: border-box; transition: border-color 0.3s ease; } .card:hover { border-color: var(--accent-orange); } .card-number { font-size: 0.8rem; font-weight: 700; color: var(--accent-orange); margin-bottom: 8px; display: block; } .card-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); word-break: break-word; } .card-text p { margin-bottom: 8px; } .card-text p:last-child { margin-bottom: 0; } /* Recommendation Section */ .recommend-box { border-top: 1px solid var(--border-color); padding-top: 36px; width: 100%; } .recommend-text { font-size: 0.925rem; color: var(--text-main); margin-bottom: 24px; text-align: justify; word-break: break-word; } /* Image Gallery Protection & Responsiveness */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .image-frame { background-color: #f4f4f5; border: 1px dashed var(--border-color); border-radius: 4px; padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; overflow: hidden; } .image-frame img { max-width: 100%; width: 100%; height: auto; display: block; object-fit: contain; pointer-events: none; } .image-caption { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: center; word-break: break-word; line-height: 1.4; } /* Notes List */ .notes-list { list-style: none; background-color: #f4f4f5; padding: 20px 20px 20px 32px; width: 100%; box-sizing: border-box; } .notes-list li { font-size: 0.825rem; color: var(--text-muted); margin-bottom: 6px; text-indent: -1.2em; word-break: break-word; } .notes-list li:last-child { margin-bottom: 0; } /* Responsive Design */ @media (max-width: 768px) { .main-title { font-size: 1.4rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }