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

池上本門寺 お会式 日蓮宗大本山・池上本門寺で、日蓮聖人のご命日を中心とした法要行事「お会式（おえしき）」が開催されます。2026年は、宗祖第七百四十五遠忌にあたります。 法要や法話をはじめ、池上のまちを彩る「万灯練供養」、日蓮聖人の入滅をしのぶ「臨滅度時法要」などが行われます。日蓮聖人ゆかりの霊跡で、伝統ある仏教行事を体験できる機会です。 お会式の見どころ 池上のまちを歩く万灯練供養 10月12日には、池上徳持会館から池上本門寺まで、約2キロにわたって万灯練行列が行われます。 全国から集まった講中による百数十基の万灯が、纏や団扇太鼓、鉦、笛の音とともに池上のまちを練り歩きます。紙の造花で飾られた万灯は、日蓮聖人のご入滅の際に、庭先の桜が季節外れの花を咲かせたという故事に由来します。 厳かな臨滅度時法要 10月13日午前7時からは、「特別説法・臨滅度時法要」が行われます。 日蓮聖人のご入滅の際に日昭聖人が打ち鳴らしたと伝えられる鐘にならい、池上本門寺の貫首が「臨滅度時の鐘」を静かに打ち鳴らします。 法要・法話と団体参拝 お会式期間中は、さまざまな法要や法話が行われます。10月12日午前10時からは、日蓮聖人の御衣を夏物から冬物にあらためる「宗祖御更衣法要」、午後2時からは「宗祖報恩御逮夜法要」が営まれます。 また、12日からは大堂にお題目が響き、全国から多くの参詣者や団体参拝者が訪れます。 ライブ配信も実施 万灯練供養と臨滅度時法要は、インターネットでライブ配信される予定です。現地を訪れることが難しい方も、公式サイトから行事の様子を視聴できます。 参拝時の注意 お会式期間中は、池上本門寺や池上駅周辺で交通規制が行われます。自動車の入場・通行が規制されるほか、自転車での参詣は控えるよう案内されています。 また、本門寺境内および万灯練行列区域では、ドローンなど無線操作による飛行物の使用は禁止されています。交通規制や誘導の内容は変更される場合があるため、現地の警察官や誘導員の案内に従ってください。 様々な万灯 © 池上本門寺 纏 © 池上本門寺 ※行事の時間、交通規制、ライブ配信などの詳細は、訪問前に公式サイトでご確認ください。 ※現在、日蓮大聖人第750遠忌事業に伴う大堂の改修工事が行われています。 :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; } }

開創700年記念 特別展「大徳寺 本朝無双之禅苑」 京都・紫野に広がる大徳寺の開創700年を記念した特別展「大徳寺 本朝無双之禅苑」が、東京国立博物館 平成館で開催されます。 1326年の開山以来、歴代の名僧や天皇、戦国武将、茶人たちと深い関わりを持ちながら発展してきた大徳寺。本展では、塔頭や大徳寺派寺院を含む大徳寺山内の寺宝を一堂に集め、700年にわたる歴史と文化を紹介します。 展覧会の見どころ 国宝14件、重要文化財69件を公開 大徳寺の宝物が一堂に会する展覧会は41年ぶりで、東京では初めてとなります。 国宝「観音猿鶴図」や、重要文化財「龍虎図」、宗峰妙超筆の国宝「看読真詮榜」など、禅と美術の歴史を伝える貴重な作品が展示されます。 作品は前期・後期で一部展示替えが行われます。前期は10月14日（水）から11月8日（日）まで、後期は11月10日（火）から12月6日（日）までです。 通常非公開の三門を再現展示 会場には、大徳寺で通常非公開となっている三門が再現展示されます。 三門に安置されている本尊「釈迦如来坐像」と、初公開となる「千利休立像」も通期で展示されます。大徳寺と禅、茶の湯のつながりを感じられる展示です。 大徳寺ゆかりの人物と700年の歴史 一休宗純、後醍醐天皇、織田信長、豊臣秀吉など、大徳寺と関わりの深い人物にまつわる作品も紹介されます。 歴代の名僧や権力者、茶人たちが大徳寺に寄せた信仰や関わりを通して、日本の禅文化が歩んできた歴史をたどることができます。 こんな方におすすめ 禅や日本美術に興味のある方はもちろん、京都の寺院文化や茶の湯の歴史に関心のある方にもおすすめの展覧会です。 東京国立博物館で、大徳寺が受け継いできた700年の美と精神に触れてみてはいかがでしょうか。 ※展示作品、展示期間、開館時間、休館日、入館方法などは変更される場合があります。来場前に公式サイトで最新情報をご確認ください。 :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%; /* 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; } .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; } }

特別展 世界を魅了した江戸絵画が集結！ 「百花繚乱～海を越えた江戸絵画」 東京都美術館では、開館100周年を記念した展覧会「大英博物館日本美術コレクション　百花繚乱～海を越えた江戸絵画」が開催されています。世界を代表するミュージアムのひとつ、大英博物館が所蔵する約4万点の日本コレクションから、江戸時代の絵画や浮世絵版画など、選りすぐりの名品を紹介する展覧会です。 葛飾北斎、喜多川歌麿、歌川広重、東洲斎写楽など、江戸時代を代表する浮世絵師の作品をはじめ、イギリスから初めて里帰りする貴重な作品も登場します。 展覧会の見どころ POINT 01 大英博物館から日本美術の名品が来日 大英博物館の日本コレクションから、江戸時代の屛風、掛軸、絵巻、浮世絵版画などを厳選して展示。喜多川歌麿の肉筆画《文読む遊女》や円山応挙《虎の子渡し図屛風》、葛飾北斎《『万物絵本大全』版下絵》など、注目の作品を間近で楽しめます。 POINT 02 イギリスから初里帰りする北斎作品 葛飾北斎の《『万物絵本大全』版下絵》は、イギリスから初めて日本に里帰りする作品です。本展では、長く行方不明となっていた版下絵103点のうち8点が展示されます。 POINT 03 約150年ぶりに再会する襖絵 桃山時代末から江戸時代初期に狩野宗眼重信が手掛けた襖絵にも注目です。大英博物館と青森県中泊町の旧家・宮越家に分蔵されていた作品が、近年の調査によって一連の作品であることが判明。約150年ぶりの再会が実現します。 こんな方におすすめ 日本美術や浮世絵に興味がある方、葛飾北斎や喜多川歌麿などの作品を実際に鑑賞したい方、東京で歴史や文化に触れられる展覧会を探している方におすすめです。 上野公園内にある東京都美術館で開催されるため、周辺の美術館や観光スポットとあわせて楽しむのもおすすめです。 円山応挙《虎の子渡し図屛風》 1781～1782年　大英博物館蔵　© The Trustees of the British Museum 喜多川歌麿《文読む遊女》 1804～1806年頃　大英博物館蔵 © The Trustees of the British Museum ※展示作品、内容等は変更となる場合があります。 ※最新情報は展覧会公式サイトをご確認ください。 :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; } /* 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%; position: relative; overflow: hidden; } /* CHẶN COPY, KÉO THẢ VÀ TỐI ƯU HIỂN THỊ HÌNH ẢNH */ .image-frame img { width: 100%; max-width: 100%; height: auto; max-height: 350px; display: block; object-fit: contain; /* Vô hiệu hóa bôi đen & kéo thả hình ảnh */ user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-drag: none; /* Bỏ tương tác chuột trực tiếp lên ảnh (chặn chuột phải lưu ảnh) */ 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; } .subtitle { font-size: 0.95rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } .image-frame img { max-height: 250px; } }

日本初上陸！没入型VR体験 「タイタニック 〜時を越えた残響〜」 東京・新宿の常設VRシアター「Storydive Theater WAHHHP」にて、没入型VR体験「タイタニック 〜時を越えた残響〜」が2026年10月23日（金）から開催されます。 本作は、タイタニック号を舞台に、深海に眠る残骸の探索から1912年の船内までを体験できるVR作品です。大西洋の水深約3,800メートルに眠るタイタニック号の残骸を探索した後、時を遡り、最初の航海に出た1912年の船内を当時の乗船者の一人として巡ります。 体験の見どころ 深海に眠るタイタニック号を探索 体験は、沈没船調査チームの一員として調査潜水艇に乗り込み、深海に眠るタイタニック号の残骸を探索するところから始まります。歴史家の案内のもと、船の痕跡や一世紀以上にわたり残された品々をたどりながら、タイタニック号に秘められた物語に触れます。 1912年の船内を歩いて追体験 深海探索の後は、沈没前のタイタニック号へ。ファーストクラスやサードクラスの客室、機関室、大階段、ボートデッキなど、再現された船内を自ら歩いて巡ることができます。 史料に基づいた細部までの再現 制作にあたっては2年間にわたる調査研究を実施。フランスの海洋博物館「シテ・ド・ラ・メール」やアメリカ海洋大気庁（NOAA）のアーカイブ資料などを照合し、船体や乗客、出来事を丁寧に再構築しています。 また、船内を歩くだけでなく、海底の防水ケースを引き揚げるなど、体験者自身が操作しながら物語に参加できるインタラクティブな内容となっています。 こんな方におすすめ タイタニック号の歴史やVR体験に興味がある方、東京観光で普段とは異なる体験を楽しみたい方におすすめです。 日本語・英語・中国語・フランス語・スペイン語に対応しているため、国内外から訪れる観光客も楽しめるVR体験です。 © Storydive Theater WAHHHP ※画像はイメージです © Storydive Theater WAHHHP ※画像はイメージです ※開催期間は2027年2月28日（日）までを予定しています。 ※身長120cm未満のお子様については、保護者の方が体験の可否をご判断ください。 ※チケット料金はすべて税込です。 :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; } }