山登りだけじゃもったいない。好奇心をくすぐる、東京ネイチャースポット
【TAKAO 599 MUSEUM】
高尾山は標高599mと決して高い山ではありませんが、懐の深い、存在感の大きな山です。
豊かな生態系や歴史をはじめ、ここでしか出会えない魅力が、599mの隅々にまで息づいています。“世界一登山客の多い山”と言われる高尾山ですが、もっと人々の誇りとなり、100年先も愛される存在へ。
世界に誇れる素晴らしい自然を発信する高尾599ミュージアムから、新しい楽しみ方がはじまります。
高尾山は、あなたを新鮮な驚きや発見に満ちた好奇心の世界へいざなう、はじまりの山です。ようこそ、新しい高尾山へ。
おすすめポイント3選
1. 高尾山の魅力を共有する
高尾山が誇る豊かな生態系・歴史・文化など、世界でも稀有な魅力を独自性ある映像や展示を通じて発信。新しい発見や驚きに出会えるミュージアムです。
2. 高尾山の未来を共有する
「50年・100年先の高尾山はどうあるべきか」未来をみんなで考え、創造していくミュージアム。山のすべてを体験できる施設環境を通じて、未来の文化を担うこどもたちの好奇心や地域への愛着も育んでいきます。
3. 高尾山の情報を共有する
季節の見どころ、登山の心得やルートの紹介、通行止め等の緊急情報などを発信。高尾山の歩き方・楽しみ方を学べる、新しい入口として継続するミュージアムです。
その他のおすすめ情報
TAKAO 599 MUSEUMは、展示だけでなく、高尾山に関する情報や体験を共有する中心地でもあります。このミュージアムでは、高尾山の自然と文化をより深く探求できるよう、様々なイベントやアクティビティが定期的に開催されています。
ギャラリー (GALLERY):
• NATURE COLLECTION: 16の展示台からなるメイン展示。アクリル樹脂に封入された四季折々の美しい草花や、まさに飛ぼうとするリアルな昆虫標本をはじめ、1年中いつでも高尾山の豊かな自然に触れられます。
• NATURE WALL: 高尾山の豊かな自然の象徴“ブナ”、そしてそのまわりには高尾山に棲む動物たち。プロジェクションマッピングの手法を用い、映像を投射することで、四季折々の生態をダイナミックかつユーモラスに体感できます。
• 599 GUIDE: もっと知りたい、もっと分かる高尾山へ。3つのテーマに沿って、登る前の予習ができる3連モニターのコーナーです。知的好奇心をくすぐるユーモアある映像で、高尾山を楽しく学べます。
• PLAY MOUNTAIN: 高尾山の起伏を再現した小さな遊びの山。まだ山に登るには早い子どもたちも、気軽に高尾山に触れることができます。
• PUBLIC GALLERY: 多摩産材のぬくもりを感じるパブリックスペース。プロジェクターも完備し、幅広いシーンに対応します。
カフェ&ショップ (CAFE & SHOP):
• 599 CAFE: 多摩産材のテーブルとイスがずらりと並び、芝生を見渡せるカフェ。本格的なコーヒーと心地よい憩いのひとときをどうぞ。
• 599 SHOP: 高尾599ミュージアムの個性がつまったミュージアムショップ。高尾山の自然をもっと味わいたくなる、訪れた感動をご家族やご友人たちと共有できる、オリジナルグッズを取りそろえています。
ガーデン (GARDEN):
• 599 GARDEN: くつろぎの芝生広場には、599の数字が印象的な写真スポットにもなるモニュメント “599 BENCH(ベンチ)”や、子どもたちの絶好の水遊び場となる“じゃぶじゃぶ池”があり、集いと憩いのミュージアムを象徴しています。
参考文献
- TAKAO 599 MUSEUM 公式サイト:https://www.takao599museum.jp/
INFO基本情報
| 名称 |
TAKAO 599 MUSEUM (タカオ・ゴーキューキュー・ミュージアム) |
|---|---|
| 住所 | 〒193-0844 東京都八王子市高尾町2435番3 アクセス |
| 電話 | 042-665-6688 |
| 公式URL | https://www.takao599museum.jp/ |
| 定休日 | 年中無休 ※メンテナンス等で休館となる場合があります。 (2026年3月5日(木)、4月9日(木)、6月2日(火)、7月2日(木)、8月7日(金)、9月3日(木)、10月2日(金)、12月3日(木)、2027年3月4日(木)は休館日予定となります。) ※上記の休館日以外にやむを得ず休館する場合がございますので、ご来館前に公式サイトにて最新情報をご確認ください。 |
| 駐車場 |
駐車場:なし
駐車場がありません。近隣駐車場をご利用ください。 |
| 営業時間 | 8:00~17:00 (4月~11月)(最終入館 16:30) 8:00~16:00 (12月~3月)(最終入館 15:30) ※イベントの開催等により、上記と異なる場合があります。 カフェの営業時間 11:00~17:00(4月~11月) 11:00~16:00(12月~3月) ※閉館時間の30分前ラストオーダーとなります。 |
| 入館料 | 無料 ※開催するイベント、特別展示会等によっては、有料の場合があります ※2Fの交流スペースの利用は、原則有料です。 |
FACILITY施設情報
- お子様
-
お子様歓迎 -
授乳室
- 設備
-
車椅子利用可
- その他
-
駅近 -
ファミリーにオススメ -
カップルにオススメ -
団体可 -
車椅子の貸出
周辺のイベント
-
-
-
24.57 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.57 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; } }
-
-
-
-
41.16 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; } }
-