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

映画『ゴジラ-0.0』とコラボ！「ゴジラ襲来―お台場合同作戦」 東京・お台場のデックス東京ビーチで、開業30周年を記念した映画『ゴジラ-0.0』とのコラボイベント「ゴジラ襲来―お台場合同作戦」が開催されます。 館内には、世界に十数体しかない『ゴジラ-0.0』の立像や歴代ゴジラ作品のポスターが登場。オリジナルステッカーのプレゼントや、デックス東京ビーチ、ダイバーシティ東京 プラザ、アクアシティお台場の3施設を巡る「ちびゴジラ デジタルパズルラリー」など、お台場を歩きながら楽しめる企画が展開されます。 イベントの見どころ 『ゴジラ-0.0』の立像と歴代作品の展示 4階の台場一丁目商店街では、歴代ゴジラ作品のポスターを展示。タワー広場には、世界に十数体しかない『ゴジラ-0.0』の立像が登場します。 また、3階・5階の広場では大型LEDによるPR映像を上映。3階のシーサイドデッキ側には、高さ約10.5メートル、幅約5メートルの巨大な『ゴジラ-0.0』装飾が施されます。 3施設を巡るデジタルパズルラリー デックス東京ビーチ、ダイバーシティ東京 プラザ、アクアシティお台場の各スポットを巡り、デジタルパズルを完成させる企画です。完成すると抽選会に参加できます。 ステッカーキャンペーンとちびゴジラの登場 対象店舗で合計ではなく1会計1,000円（税込）以上購入すると、映画公開を記念したオリジナルステッカーが全5種からランダムで1枚プレゼントされます。配布はなくなり次第終了です。 11月14日（土）には、TVアニメ『ちびゴジラの逆襲』の人気キャラクター「ちびゴジラ」が登場。デックス東京ビーチ4階のタワー広場で、写真撮影などを楽しめます。参加費は無料ですが、各回定員に達し次第終了となります。 このほか、映画『ゴジラ-0.0』で元雪風駆逐艦長・堀田辰雄役を演じる田中美央さんによる特別館内アナウンスや、ゆりかもめ車内ジャックも実施されます。 こんな方におすすめ ゴジラの世界観を楽しみながら、お台場の商業施設や観光スポットを巡りたい方におすすめのイベントです。映画『ゴジラ-0.0』の公開に先駆けて、館内外に広がる特別な演出を楽しんでみてはいかがでしょうか。 ※企画によって実施期間・場所が異なります。各企画の詳細や最新情報は、公式サイトをご確認ください。 :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」が10月31日（土）・11月1日（日）に開催されます。茶道の流派を超えてさまざまな茶会が行われる「東京大茶会」。浜離宮恩賜庭園では、屋内で楽しむ「茶席」や、屋外で気軽に参加できる「野点」、英語通訳付きの「英語で楽しむ野点」、東京都内の高校生による「高校生野点」などが実施されます。 各プログラムは1回20～25分程度で、参加費はいずれも1人800円です。 東京の庭園で楽しむ茶道体験 屋内の茶席で茶道に触れる 屋内で行われる「茶席」は、茶道が初めての方もお気軽にご参加いただけるプログラムです。 会場は「中島の御茶屋」と「芳梅亭」。芳梅亭では、一部の回で手話通訳も行われます。 屋外で気軽に楽しめる「野点」 「野点」は屋外で行われる茶会で、茶道の経験がない方も気軽に参加できます。野点弐では、一部の回で手話通訳も行われます。 また、「英語で楽しむ野点」では英語通訳が用意されているため、海外から訪れる方も日本の茶文化を体験できます。 高校生による野点も開催 「高校生野点」では、都内高等学校の茶道部の生徒が、屋外でお茶をふるまいます。 当日券で気軽に参加 2026年から、浜離宮恩賜庭園で行われる「茶席」と「野点」は、すべて当日券で参加できるようになりました。 事前申込や抽選はなく、会場で当日に参加券を購入します。各回の定員に達し次第、販売終了となるため、参加したい方は時間に余裕をもって会場へ向かうのがおすすめです。 なお、東京大茶会への参加には別途、浜離宮恩賜庭園の入園料が必要です。 こんな方におすすめ 日本の伝統文化を気軽に体験してみたい方、東京観光とあわせて茶道に触れてみたい方におすすめです。 浜離宮恩賜庭園の豊かな自然の中で、茶席や野点を楽しみながら、日本ならではの「お茶」の文化を体験してみてはいかがでしょうか。 ※2025年の様子 © Tokyo Grand Tea Ceremony ※2025年の様子 © Tokyo Grand Tea Ceremony ※各プログラムの開催時間・会場は公式サイトのスケジュールをご確認ください。 ※天候などの事情により、イベント内容が変更・中止となる場合があります。 ※参加料は現金のほか、交通系ICカード、nanaco、楽天Edy、QUICPay、iDで支払えます。クレジットカードは利用できません。 :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; } }

東京の森を歩いて謎を解くハロウィンイベント 「TOKYO 海の森 HALLOWEEN 2026」 東京都江東区の東京都立海の森公園で、2026年10月31日（土）・11月1日（日）の2日間、ファミリー向け体験型イベント「TOKYO 海の森 HALLOWEEN 2026」が開催されます。 本イベントは、広大な森を歩きながら謎を解き、東京都立海の森公園の成り立ちに触れられるハロウィンイベントです。キッチンカーによる飲食エリアや、ハロウィンの装飾、記念撮影スポットも登場します。 イベントの見どころ 森の中を巡る謎解き体験 謎解きキットを手に、園内6か所を巡って手がかりを集めながら、ストーリーを解き明かします。所要時間は約1時間45分で、9～10歳のお子さまが保護者と一緒に楽しめる程度の難易度です。 かつてごみの埋立処分場だった土地に、約24万本の木が植えられて生まれた海の森。その歴史を知りながら、親子で謎解きに挑戦できます。 キッチンカーで食事も楽しめる 会場にはキッチンカーが集まる飲食エリアが設けられます。ワンハンドフードを中心とした食事を、芝生でくつろぎながら楽しめます。 ハロウィン装飾と記念撮影スポット 園内各所がハロウィンの装飾で彩られ、家族で写真撮影を楽しめるスポットも用意されます。仮装での来場も歓迎されており、ハロウィンらしい雰囲気を満喫できます。 こんな方におすすめ 親子で楽しめるハロウィンイベントを探している方や、自然の中で謎解きに挑戦したい方におすすめです。 東京の広大な森を歩きながら、謎解きやグルメ、写真撮影を楽しめる2日間。家族や友人と一緒に、秋の東京都立海の森公園で特別なハロウィンを過ごしてみてはいかがでしょうか。 ※ 写真はイメージです。 © 2026 SE Entertainment Inc. ※ 写真はイメージです。 © 2026 SE Entertainment Inc. ※雨天決行・荒天中止です。 ※入場は無料ですが、謎解きへの参加には料金がかかります。 ※謎解きキットは当日会場内の販売所で購入できます。前売り販売はありません。 ※シャトルバスは東京テレポート駅前から有料で運行予定です。運行時刻や利用料金などの詳細は公式サイトをご確認ください。 :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; } }

ドイツの食と文化を楽しむ4日間 「ドイツフェスティバル2026」 東京・都立青山公園で、2026年10月31日（土）から11月3日（火・祝）まで、「ドイツフェスティバル2026」が開催されます。ドイツの文化や食の魅力に触れられる、日独交流イベントです。会場には、ドイツビールやソーセージなどを楽しめる飲食ブースをはじめ、ドイツにちなんだ食品や雑貨を販売するマルシェ、音楽などのステージプログラムが登場します。東京にいながら、ドイツの雰囲気を身近に感じられる4日間です。 フェスティバルの見どころ ドイツならではのグルメを満喫 会場では、ドイツビールやソーセージなど、ドイツを代表するグルメを楽しめます。また、ドイツ大使公邸シェフによる特別料理も予定されており、食を通してドイツの魅力を味わえます。 ドイツにちなんだ商品が並ぶマルシェ マルシェでは、ドイツに関連する食品や雑貨、こだわりのアイテムなどを販売します。さまざまな商品との出会いを楽しみながら、ドイツの文化に触れられます。 音楽やパフォーマンスで文化を体感 ステージでは、ドイツから来日するアーティストをはじめ、ジャズやポップス、和太鼓、ヨーデル、DJなど、多彩なパフォーマンスが予定されています。食事や買い物だけでなく、音楽を通してドイツの文化を楽しめるのも魅力です。 こんな方におすすめ ドイツのグルメや文化に興味がある方、海外の雰囲気を気軽に楽しみたい方におすすめのイベントです。 家族や友人と一緒に、食事や音楽、マルシェを楽しみながら、日本にいながらドイツの魅力に触れてみてはいかがでしょうか。 © ドイツフェスティバル © ドイツフェスティバル ※荒天時は内容が変更または中止となる場合がございます。 ※イベントやグッズの最新情報は公式サイトをご確認ください。 :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; } }