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

東京スカイツリー®の足元で楽しむドイツの秋 「オクトーバーフェスト in 東京スカイツリータウン® 2026」 東京スカイツリータウン®4階のスカイアリーナを会場に、「オクトーバーフェスト in 東京スカイツリータウン® 2026」が開催されています。 ドイツ・ミュンヘンで開催される世界最大規模のビールの祭典「オクトーバーフェスト」の賑わいと本場の雰囲気を、東京スカイツリー®の足元で楽しめるイベントです。 本格的なドイツビールやドイツグルメ、アルプス音楽団による生演奏など、秋空の下でドイツならではの雰囲気を楽しめます。 イベントの見どころ （１）本場ドイツのビールを飲み比べ 会場には、「ホフブロイ」「アルコブロイ」「リーゲレ」「ビットブルガー」など、さまざまな銘柄のビールが登場します。 4種類のビールを一度に楽しめる「4種飲み比べ」も用意されており、異なる味わいや香りを少しずつ楽しみながら、お気に入りの一杯を探せます。 さらに、東京生まれのクラフトビール「東京クラフト」も樽生で提供されます。 （２）ドイツグルメと個性的なグラス ソーセージやプレッツェルなどの定番ドイツグルメに加え、今年は「ローストビーフ丼」も登場。 アップルパイなどのスイーツや、フルーツを使ったノンアルコールドリンクも用意されており、ランチやディナーとしても楽しめます。 また、「ブーツグラス」や「ダンベルグラス」といった個性的なグラスも登場。いつもとはひと味違うビール体験を楽しめます。 （３）音楽とフォトスポットで会場を満喫 会場では、アルプス音楽団による生演奏も行われます。陽気で軽快な音楽とともに、オクトーバーフェストならではの賑やかな雰囲気を楽しめます。 さらに、東京スカイツリー®を背景に記念撮影ができる会場限定のフォトスポットも登場。家族や友人との思い出づくりにもおすすめです。 こんな方におすすめ 本場ドイツのビールやグルメを気軽に楽しみたい方、東京スカイツリー®周辺で秋のイベントを楽しみたい方におすすめです。 東京スカイツリー®を間近に望む開放的な空間で、ビールやグルメ、音楽とともに、秋のオクトーバーフェストを楽しんでみてはいかがでしょうか。 ©オクトーバーフェストin東京スカイツリータウン®2026 ©オクトーバーフェストin東京スカイツリータウン®2026 ※雨天決行（荒天時中止）。 ※内容は状況により予告なく変更になる可能性があります。 ※掲載メニューは一例で、実際の提供内容とは異なる場合があります。 ※本イベントは飲食エリアにつき、介助犬等の補助犬を除いてペットの同伴不可（ケージ等に入れても不可）です。 :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: 4px; } .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; } }

全国の人気ラーメンが集結「東京ラーメンフェスタ2026」 駒沢オリンピック公園 中央広場を会場に、「東京ラーメンフェスタ2026」が開催されます。北海道から九州まで、全国各地の人気ラーメンが集まり、さまざまな地域の味を東京で楽しめるラーメンイベントです。2026年は10月30日（金）から11月3日（火・祝）までの5日間開催されます。 東京ラーメンフェスタ2026の見どころ 全国各地のラーメンを東京で楽しめる 会場には全国各地から推薦された人気ラーメンが登場します。味噌・醤油・鶏白湯など、さまざまな味わいのラーメンが用意され、各地域ならではの一杯を楽しめます。 2026年は12ブースのラーメンが登場する予定です。会場でお気に入りの一杯を探しながら、全国のラーメンの味を食べ比べてみてはいかがでしょうか。 入場は無料、ラーメンは食券制 会場への入場は無料ですが、ラーメンを食べるにはラーメンチケットが必要です。ラーメン食券は1杯1,100円（税込）で、前売り券は全国のセブン-イレブンで販売されています。 当日券は会場内のチケット売場で購入できます。なお、ラーメンチケットはラーメンブースでは販売されていません。 「ラーメン赤猫」とのコラボも 2026年は、TVアニメ『ラーメン赤猫 其の二』とのコラボレーションも決定しています。 会場には作品の世界観を楽しめるフォトスポットが登場するほか、ステージイベントやグリーティングには、着ぐるみの文蔵さんも登場予定です。 こんな方におすすめ 日本各地のラーメンを東京で味わってみたい方や、東京観光と一緒にご当地ラーメンを楽しみたい方におすすめのイベントです。 駒沢オリンピック公園で、全国各地の味を一度に楽しめる「東京ラーメンフェスタ2026」に足を運んでみてはいかがでしょうか。 ※雨天決行。ただし、荒天や災害発生などにより、開催中止や開催時間が変更となる場合があります。 ※ラーメンの販売状況により、終了時間が前倒しになる場合があります。 ※会場にはイベント専用駐車場がないため、公共交通機関の利用が案内されています。 :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; } }

街全体がジャズに染まる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; } }

日本最大級のマレーシアイベント「マレーシアフェア2026東京」 東京・豊洲公園を舞台に、「マレーシアフェア2026東京」が開催されます。2026年10月30日（金）から11月1日（日）までの3日間、日本にいながらマレーシアの食文化や民族舞踊、伝統文化に触れられるイベントです。 テーマは「All About Malaysia」。マレーシアの魅力を「見て・触れて・食べて」楽しめる、さまざまなコンテンツが用意されます。 展覧会の見どころ マレーシアの民族舞踊を間近で楽しめる マレーシアから来日したダンサーによる民族舞踊ステージを開催。多民族国家マレーシアを象徴する色鮮やかな衣装と、リズミカルなパフォーマンスが会場を盛り上げます。 本場のマレーシア料理を味わえる 会場にはキッチンカーが並び、「ナシレマ」や「サテー」をはじめとする本格的なマレーシア料理を楽しめます。 多彩なスパイスが織りなす、マレーシアならではの豊かな味わいを東京で体験できます。 伝統文化のアクティビティも充実 マレーシアで親しまれている「バティック体験」や「ヘナタトゥー」も楽しめます。 バティック体験では、色の組み合わせや水の量を工夫しながら、オリジナル作品を制作できます。ヘナタトゥーは約1～2週間で自然に消えるため、気軽に体験できるボディアートです。 「Halal2Go Mart」で買い物を楽しめる マレーシア産のお菓子や調味料、雑貨など、200アイテム以上を取り揃える「Halal2Go Mart」もオープンします。 そのほか、豪華賞品が当たる抽選会や、マレーシア現地からの出展ブースなど、多彩なコンテンツが予定されています。 こんな方におすすめ マレーシアの料理や文化に興味がある方はもちろん、東京で異国の雰囲気を楽しみたい方にもおすすめのイベントです。 グルメを味わったり、伝統舞踊を鑑賞したり、文化体験に参加したりしながら、豊洲でマレーシアの魅力に触れてみてはいかがでしょうか。 マレーシアフェア2024東京の様子（ステージ） © Malaysia Fair マレーシアフェア2024東京の様子（バティック体験） © Malaysia Fair ※開催時間は変更になる可能性があります。 ※イベントの内容・メニュー等は変更になる場合があります。最新情報は公式サイトをご確認ください。 :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; } .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-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; } }