高尾山麓に佇む、本格的な日本庭園と旧民家で心安らぐひとときを過ごせる場所
【高尾駒木野庭園】
東京都八王子市、豊かな自然に囲まれた高尾山麓に位置する高尾駒木野庭園は、都会の喧騒を忘れ、心穏やかな時間を過ごせる隠れた名所です。
八王子市が所有する唯一の「日本庭園に親しむことができる」公園として、名園の意匠(池泉回遊式庭園、枯山水、露地)を取り入れた本格的な日本庭園であり、錦鯉や常設展示の盆栽を鑑賞することができます。
戦前から受け継がれる旧民家では、抹茶や珈琲を味わいながら、窓越しに四季折々の庭園の表情を五感でご堪能いただけます。
庭園内には80種以上の草花が息づき、その中には、高尾山に生息する貴重な山野草もあります。
高尾の山々を借景とした雄大な景観と、移ろいゆく自然の美しさが、訪れる人々に深い安らぎと感動を与えます。
おすすめポイント3選
1. 本格的な日本庭園で日本の美を体感
高尾駒木野庭園では、日本の伝統的な庭園様式を一度に体験できます。
• 池泉回遊式庭園:心字池の周りの園路を歩きながら、移り変わる景観を楽しむことができます。京都の鹿苑寺(金閣寺)や二条城二の丸庭園にも見られる様式です。
• 枯山水:水を使わずに山水の景色を表現する禅宗寺院の庭園様式。東の間から静かに眺めれば、深山幽谷の流れを感じられます。
• 露地(茶庭):茶室に付随する庭園で、自然石の手水鉢の下には水琴窟が設置されており、美しい音色も楽しめます。
さらに、心字池では全日本錦鯉振興会から寄贈された色とりどりの錦鯉が優雅に泳ぎ、各部屋の床の間には季節の盆栽が飾られ、日本の伝統文化の粋を随所で感じることができます。
2. 郷愁と風情漂う旧民家での特別な時間
戦前から受け継がれる旧民家は、趣のある空間を提供します。
和室は文化・芸術活動のための貸室としても利用可能で、枯山水を望む「東の間」、シダレモミジが見える「中の間」、スポットライトのあるギャラリー空間「北の間」があります。
また、掘りごたつがあった和室を改装した喫茶室では、抹茶や珈琲を味わいながら、ゆったりと庭園を眺めることができます。歪みのあるガラスや昔懐かしい意匠の型ガラスなど、建築の細部にまで歴史と風情が息づいています。
3. 四季折々の自然が織りなす癒しの空間
高尾駒木野庭園は、一年を通して様々な表情を見せてくれます。
敷地内には80種以上の草花が息づき、その中には高尾山に生息する貴重な山野草もあります。
春には可憐な花々が咲き誇り、夏には蓮池の蓮が見頃を迎え、秋には紅葉が庭園を彩ります。冬には落葉後の静寂な雰囲気も味わい深く感じられます。
高尾の山々を借景とした壮大な景色と、季節ごとに移り変わる自然の美しさが、訪れる人々の心を癒します。
施設情報
| 名称 | 高尾駒木野庭園 |
| 住所 | 〒193-0841 東京都八王子市裏高尾町 268-1 |
| アクセス |
電車の場合 JR中央線・京王高尾線「高尾駅」より徒歩15分 京王高尾線「高尾山口駅」より徒歩15分 バスの場合 高尾駅北口バス乗り場から京王バス「小仏」行き 「病院前バス停」下車0分 ※バスはおおむね1時間に1本運行 ※所要時間は3~5分程度です。 時刻表は「京王バスナビ」Webサイトをご参照ください。 http://www.bus-navi.com/ |
| 駐車場 |
駐車場の台数に限りがあります。(8台+思いやり駐車場2台) |
| 営業時間・定休日 |
年末年始を除いて年中無休です。 開園は9時からですが、閉園時間は季節によって異なりますのでご注意下さい。 4月~8月 9:00~18:00 9月~10月 9:00~17:00 11月~3月 9:00~16:00 ※庭園内にある旧民家への入館は、閉園時間の30分前までです。 |
| 喫茶営業時間 |
4月~8月 10:00 - 16:00 9月~10月 10:00 - 16:00 11月~3月 10:00 - 15:00 |
| 入園料金 | 無料 |
| 公式サイト | https://www.takaokomaginoteien.jp/ |
その他のおすすめ情報
🔸 盆栽の常設展示:日本盆栽協会八王子支部寄贈の本格盆栽を屋外に常設展示しており、また各部屋の床の間などでは四季折々の盆栽が鑑賞可能です。
🔸 イベント・体験:野草観察会や盆栽づくり体験など、季節ごとの魅力を深める企画を開催しています(詳細は公式サイトをご確認ください)。
🔸 写真撮影・散策自由:美しい庭園空間を自由に撮影・散策いただけます(※個人で楽しむ利用に限ります)。
🔸 バリアフリー対応:旧民家へは段差解消機(昇降機)を利用して入館でき、バリアフリートイレも完備されています。
🔸 お土産:喫茶室の売店にて、野草散策マップやオリジナルのポストカードなどの小物を購入いただけます。
参考文献
- 高尾駒木野庭園公式サイト:https://www.takaokomaginoteien.jp/
INFO基本情報
| 名称 |
高尾駒木野庭園 (タカオ・コマギノ・テイエン) |
|---|---|
| 住所 | 〒193-0841 東京都八王子市裏高尾町 268-1 アクセス |
| 電話 | 042-663-3611 |
| 公式URL | https://www.takaokomaginoteien.jp/ |
| 公式SNS |
FACILITY施設情報
| アクセス |
|
|---|
| タバコ |
|
|---|
| 補助設備・利用 |
|
|---|
| 店内ルール |
|
|---|
周辺のイベント
-
-
-
24.87 km
ルート確認町田市 お店の催し2026.09.05(土)~10.31(土)シーズンイベント スヌーピーミュージアム 「ハッピー・ハロウィーン」開催 「ピーナッツ」ならではの、かわいくて楽しいハロウィーン スヌーピーミュージアムでは、季節を楽しめるシーズンイベント「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; } }
-
-
-
-
24.87 km
ルート確認町田市 お店の催し2026.09.05(土)~2027.02.28(日)企画展 スヌーピーミュージアム 「Siblings are Wonderful きょうだいって、いいな」開催 個性豊かなきょうだいたちの魅力に迫る企画展 スヌーピーミュージアムでは、2026年9月5日(土)から2027年2月28日(日)まで、新企画展「Siblings are Wonderful きょうだいって、いいな」を開催します。 個性的なキャラクターが数多く登場する「ピーナッツ」では、きょうだいたちの関係性も実にユニークです。チャーリー・ブラウンと妹のサリー、ルーシーと弟のライナス&リラン、そしてスヌーピーと5匹のきょうだいたち。それぞれのケンカやすれ違い、困った時に支え合う姿を描いたエピソードを紹介します。 約45点のコミック原画・複製原画を通して、思わず親しみを覚える「ピーナッツ」のきょうだいたちの魅力を楽しめます。さらに、シュルツ氏の描線を追体験できる新コンテンツ「ドローイングステーション」も登場します。 「ピーナッツ」のきょうだいたちに注目 SIBLINGS 01 チャーリー・ブラウンとサリー 妹サリーが生まれた時、チャーリー・ブラウンは大喜び。しかし、サリーは成長するにつれて兄への敬意を失い、しまいには「お兄ちゃんは兄として失格よ!」とまで言い放ちます。 そんな二人のユーモラスで親しみ深い関係を、コミックを通して楽しめます。 SIBLINGS 02 ルーシーとライナス&リラン ヴァンペルト家では、長女ルーシーが弟のライナスとリランの行動に何かと口を出し、姉としての権力を存分に発揮します。 個性の異なる三人が繰り広げる、にぎやかでおかしなやり取りに注目です。 SIBLINGS 03 スヌーピーと5匹のきょうだいたち スヌーピーには、砂漠に暮らすスパイクや丸ぽちゃのオラフをはじめ、5匹のきょうだいがいます。離れた場所で暮らす6匹は、時折再会して話に花を咲かせます。 見た目も性格もさまざまな、スヌーピーのきょうだいたちの魅力を紹介します。 HIGHLIGHT 初公開の原画15点を含む貴重な展示 本展では、約45点のコミック原画・複製原画を展示します。そのうち15点は、シュルツ美術館の所蔵となって以来、これまで公開されていなかった貴重なコミック原画です。 シュルツ氏が一本一本の線に込めたペンの勢いや描き直しの跡、インクの濃淡など、印刷物とは異なる手仕事ならではの表情を間近で感じられます。 ドローイングステーションと連動グッズ 新コンテンツ「ドローイングステーション」では、「ピーナッツ」のキャラクターやモチーフをなぞりながら、作品のやさしさやあたたかさを生み出すシュルツ氏の描線を追体験できます。写真や貴重な映像を通してシュルツ氏の人生と創作を紹介する「チャールズ・シュルツ・ギャラリー」とあわせて、創作の原点に触れられます。ブラウンズストアでは、原画ポストカード、クリアファイルセット、ポーチ、スタンドミラーなどの企画展連動グッズを販売。展示作品45点すべてを谷川俊太郎の名訳と日英バイリンガルで収録した公式図録『きょうだいって、いいな』も登場します。 こんな方におすすめ 「Siblings are Wonderful きょうだいって、いいな」は、「ピーナッツ」に登場する個性豊かなきょうだいたちの関係を、ユーモラスなコミックとともに楽しめる企画展です。スヌーピーや「ピーナッツ」が好きな方はもちろん、貴重なコミック原画を間近で鑑賞したい方にもおすすめです。 ケンカやすれ違いがありながら、困った時には頼りになるきょうだいの姿は、家族で訪れる方にも親しみやすく、世代を問わず楽しめます。 個性豊かなきょうだいたちに焦点を当てた企画展 © 2026 Peanuts Worldwide LLC 「ピーナッツ」原画 1974年1月6日 © 2026 Peanuts Worldwide LLC ※企画展の開催期間は2026年9月5日(土)から2027年2月28日(日)までです。期間中の休館日は2027年1月1日(金)、2月16日(火)です。 ※展示内容や販売商品などは変更される場合があります。来館前に公式サイトで最新情報をご確認ください。 :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; } }
-
-
-
-
40.88 km
ルート確認杉並区 音楽2026.10.30(金)、2026.10.31(土)街全体がジャズに染まる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; } }
-