光と音が織りなす幻想的な世界を体験できる
アートスポット
【森ビル デジタルアート ミュージアム:
エプソン チームラボボーダレス】
東京都港区・麻布台ヒルズ(Azabudai Hills)地下1階に位置し、都心アクセスにも優れながら、まったく新しいアート体験を提供するのが「森ビル デジタルアート ミュージアム:エプソン チームラボボーダレス」です。「境界なく連続する1つの世界の中で、さまよい、探索し、発見する」をコンセプトに掲げ、作品と作品、人と作品、観る者と空間の間に境界を設けず、自在に流転するアートの世界を創出しています。
このミュージアムは、単なる“観る”場所ではなく、“歩き、触れ、感じる”ことで作品が変化し、あなた自身がその一部となる体験型の空間です。
また、移転・リニューアルされたこの場所では、旧会場(お台場)から引き継がれた人気作品に加え、新作も多く加わっており、何度訪れても新しい発見があります。
おすすめポイント3選
1. 境界のない“アートの迷宮”を歩く体験
エプソン チームラボボーダレスの最大の魅力は、作品と空間、人とアートの境界が完全に溶け合っていることです。ミュージアムの中では、壁や床、天井に描かれる光の作品が絶えず変化し、訪れる人の動きや存在に反応します。
作品は部屋ごとに固定されておらず、時間とともに移動し、他の作品と交わりながら新しい景色を生み出します。地図も順路も存在しないこの空間では、「次に何が現れるのか」という偶然の出会いそのものが体験の一部です。まさに“ボーダレス”という名にふさわしい、終わりのないアートの迷宮を歩いているような感覚を味わえます。
2. 最先端テクノロジーが生み出す“動く光”の世界
チームラボの作品は、最新のデジタルテクノロジーによって創られていますが、その本質は「人間の感覚や身体との関係性」を探求するアートにあります。代表的な作品《Bubble Universe: 光の球体結晶、ぷるんぷるんの光、環境が生む光 - ワンストローク》では、無数の光の球体が空間に存在し、球体の近くで人が立ち止まると、最も近い球体から、一筆書きを描くように、常に最も近い球体へと光と音が連続していきます。
また、《マイクロコスモス:ぷるんぷるんの光、環境が生む光》では、奥行きのわからない空間の中を、無数の光が走り続けています。各球体は単独では全ての光を作れず、他の球体が環境となって光を生み出す関係性の中で存在します。鑑賞者の動きと認識が作品の形を作り、静かでありながら強烈な印象を残す体験です。
3. 自分の描いた魚が“海を泳ぐ”体験
《スケッチオーシャン》という作品では、まず紙に魚の絵を自由に描きます。そしてその絵をスキャンすると、なんと自分の魚が目の前の“デジタルの海”を泳ぎ始めます。描いた魚にタッチすると驚いて泳ぎ去ったり、餌袋に触れると餌をあげられたりと、インタラクティブな動きが思い出になります。
さらに興味深いのは、描いた魚のうち、「マグロ」は時にミュージアムの枠を越えて世界中のチームラボミュージアムにある《スケッチオーシャン》 まで泳いでいくという点です。まるで自分が作った作品がリアルタイムで世界と繋がっていくような、チームラボのミュージアムならではの体験です。
その他のおすすめ情報
チームラボボーダレスを訪れるなら、館内にあるティーハウス「EN TEA HOUSE」を利用するのもおすすめです。茶碗の中でお茶を注ぐと花が咲き、花はお茶がある限り無限に咲き続けます。お茶の中の世界が無限に広がり、その中で花が咲き続ける体験は、作品をゆったり味わうのにぴったりです。
参考文献
INFO基本情報
| 名称 |
森ビル デジタルアート ミュージアム:エプソン チームラボボーダレス (teamLab Borderless: MORI Building DIGITAL ART MUSEUM) |
|---|---|
| 住所 | 〒106-0041 東京都港区虎ノ門5丁目9 麻布台ヒルズ ガーデンプラザB B1F アクセス |
| 電話 |
03-6230-9666 (10:00 - 18:00)
|
| 時間 | 【通常営業】 8:30-21:00 【17時閉館日】 <9月>なし <10月>なし <11月>17日 【22時閉館日】 <9月>なし <10月>1-2, 5-9, 12-16, 19, 21-23, 26-30日 <11月>2, 5 ,6 ,9, 12, 13日 * 最終入館は閉館の1時間前 * EN TEA HOUSEは開館の30分後にオープン、ラストオーダーは閉館の30分前(22時閉館日は21時ラストオーダー) |
| 定休日 | 10.20(火)、11.24(火) |
| 駐車場 | 会場専用の駐車場はありませんので、公共交通機関をご利用いただくか、麻布台ヒルズの駐車場をご利用ください |
| チケット料金 | 大人:3,600円~ 中学・高校生:2,800円~ 子ども(4~12歳):1,500円~ 3歳以下:無料 障がいのある方:1,800円 ※大人・障がいのある方のチケットは変動価格制です。 |
| 禁止事項 | ・プロジェクター、センサー、ライト、その他機材には、作品維持ならびに安全のため絶対にお手を触れぬようお願いいたします。 ・会場内でのアメ・ガムを含む飲食はお断りしております。お飲物のみ所定の場所でお召し上がりいただけます。 ・体調不良・泥酔状態でのご入場はお断りしております。 ・入場時に身分証のご提示をお願いする場合がございます。 ・スタッフの指示を守りお過ごしください。お守り頂けない場合は退場いただく場合がございます。 |
| 予約方法 |
WEB予約
|
| 公式SNS | |
| 公式URL | https://www.teamlab.art/jp/e/tokyo/ |
FACILITY施設情報
- お子様
-
お子様歓迎
- 予約
-
予約優先
- その他
-
駅近 -
ファミリーにオススメ -
カップルにオススメ
周辺のイベント
-
-
-
1.49 km
ルート確認港区 講演・文化2026.08.28(金)~2027.01.11(月)企画展 『方丈記』から現代の暮らしを見つめ直す 企画展「方丈記に学ぶ –生きるを編み直す小さな建築–」 21_21 DESIGN SIGHTでは、企画展「方丈記に学ぶ –生きるを編み直す小さな建築–」が2026年8月28日(金)から開催されています。 13世紀初頭に鴨長明によって書かれた随筆『方丈記』には、移ろい続ける世の中で、どのように生きるかという問いが記されています。長明が暮らした庵は現存していませんが、その言葉は時代を越えて読み継がれ、住まいの本質を考える手がかりとなってきました。 本展では、『方丈記』に登場する小さな建築「方丈の庵」を出発点に、現代の暮らしや構築環境を見つめ直します。展覧会ディレクターを務める建築家・塚本由晴のもと、建築家、デザイナー、美術家、企業などが、それぞれの「方丈の庵」を構想します。 展覧会の見どころ 約9㎡の小さな建築から暮らしを考える 一丈四方、約9㎡という「方丈の庵」のスケールを手がかりに、素材、構造、道具を介して、生き方を問い直すさまざまな仕掛けが紹介されます。 複数の「方丈の庵」を体験 会場では、『方丈記』に描かれた自然や暮らしについてのリサーチとともに、複数の庵が展示されます。来場者は展示空間を巡りながら、異なる視点から構成された「方丈の庵」に出会うことができます。 『方丈記』と現代の暮らしの間に目を向ける 本展は、『方丈記』そのものを読み解くことだけを目的とするものではありません。『方丈記』と私たちの間に現れる「生」に目を向け、現在の暮らしとあらためて向き合う機会を目指しています。 こんな方におすすめ 建築やデザイン、日本文化に関心のある方はもちろん、限られた空間の中での暮らし方や、これからの住まいのあり方について考えてみたい方にもおすすめです。東京・六本木エリアの美術館やデザイン施設を訪れる際にも、ぜひ立ち寄りたい展覧会です。 撮影:木奥恵三 撮影:木奥恵三 ※展示内容や参加作家などは変更となる場合があります。最新情報は公式サイトをご確認ください。 :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; } }
-
-
-
-
1.88 km
ルート確認港区 講演・文化2026.09.09(水)~12.13(日)ルーヴル美術館からレオナルド作品含む56点が来日 「ルーヴル美術館展 ルネサンス」 国立新美術館で、「ルーヴル美術館展 ルネサンス」が12月13日(日)まで開催されています。15世紀から16世紀にかけてヨーロッパ各地で発展したルネサンス美術に焦点を当て、ルーヴル美術館のコレクションから選ばれた56点りの作品を通して、その豊かで複雑な芸術の特徴を紹介する展覧会です。 本展では、ルネサンスを象徴する芸術家レオナルド・ダ・ヴィンチに着目し、「旅」「技法の革新と洗練」「古代へのまなざし」「肖像芸術の隆盛」という4つのテーマに基いて作品を紹介します。絵画だけでなく、彫刻、版画、素描、工芸など、多彩なジャンルの作品を見ることができます。 展覧会の見どころ レオナルド・ダ・ヴィンチの《女性の肖像》が初来日 本展では、レオナルド・ダ・ヴィンチの《女性の肖像》、誤って付された別称《美しきフェロニエール》が日本で初めて公開されます。 1490~1497年頃に制作された油彩画で、ルネサンス期に高まった人間の個性への関心を象徴する肖像芸術の傑作です。 4つのテーマからルネサンス美術を紹介 展示は「旅」「技法の革新と洗練」「古代へのまなざし」「肖像芸術の隆盛」の4つのテーマで構成されています。 古代ギリシア・ローマの文化を再評価する動きや、芸術家たちの交流、技法の発展など、さまざまな側面からルネサンス美術を知ることができます。 絵画から彫刻、版画、工芸まで多彩な作品を展示 会場では、絵画、彫刻、版画、素描、工芸など、幅広いジャンルの作品を紹介。ルーヴル美術館が所蔵する多彩な作品を通して、ルネサンス美術の魅力に触れることができます。 こんな方におすすめ ルネサンス美術や西洋美術に興味がある方、レオナルド・ダ・ヴィンチの作品を鑑賞したい方、ルーヴル美術館のコレクションに触れてみたい方におすすめの展覧会です。六本木エリアの美術館めぐりとあわせて、東京で西洋美術を楽しむ機会として訪れてみてはいかがでしょうか。 ヴェネツィアの画家《ヴェネツィア共和国の使節団を迎えるダマスクス総督》1511年頃 パリ、ルーヴル美術館 Photo © GrandPalaisRmn (musée du Louvre) / Gabriel De Carvalho / distributed by AMF-DNPartcom アルブレヒト・デューラー《サイ》1515年(初版) パリ、ルーヴル美術館 Photo © GrandPalaisRmn (musée du Louvre) / Michel Urtado / distributed by AMF-DNPartcom ※展示内容・作品は変更となる場合があります。 ※最新情報は公式サイトをご確認ください。 :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: left; 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.41 km
ルート確認港区 趣味の集い2026.09.18(金)~12.13(日)JR東日本脱出ゲーム 「踊る山手大捜査線 山手線を駆け抜けろ!」 JR東日本の山手線沿線を舞台に、映画『踊る大捜査線 N.E.W. メトロポリスを駆け抜けろ!』とコラボレーションした大規模周遊型脱出ゲーム「踊る山手大捜査線 山手線を駆け抜けろ!」が開催されています。 参加者は警視庁特別捜査課の刑事となり、捜査一課の青島らとともに、山手線沿線で事件を起こす犯罪グループ「ペンタゴン」の捜査に挑みます。キットに書かれた謎を解きながら、山手線のさまざまな駅を巡り、事件の解決を目指します。 イベントの見どころ・参加情報 山手線を巡りながら謎を解く 本イベントは、JR東日本の山手線沿線を移動しながら楽しむ謎解きゲームです。専用キットと「ESCAPE.ID」アプリを使い、駅や周辺のチェックポイントを巡って捜査を進めます。 制限時間はなく、途中で休憩したり、日をまたいでプレイしたりすることも可能です。謎解きが初めての方に向けたヒントも用意されているため、自分のペースで楽しめます。 ゲームの所要時間は、プレイと移動を合わせて約5~7時間。参加には、アプリをダウンロードできるスマートフォンまたはタブレットが必要です。 参加方法 まず、謎解きキットを購入します。購入方法は、オンラインで購入して引き換え場所で受け取る方法と、実店舗やオンラインで直接購入する方法があります。 その後、「ESCAPE.ID」アプリをダウンロードし、ポータルサイトと連携して参加登録を行います。キットに記載されたシリアルコードを入力すると、ゲームを始められます。 参加前に確認したいこと プレイ推奨時間は、毎週水曜日を除く11:00~20:00です。毎週水曜日は立ち入りできないエリアがあるため、一部の情報をアプリ内で確認します。また、11:00以前や20:00以降も立ち入りできないエリアがあります。 駅構内や施設には一般の利用者もいるため、通行の妨げにならないよう注意が必要です。歩きながらのスマートフォン操作は危険なため、操作する際は安全な場所で立ち止まって利用しましょう。 ※画像はイメージです ※画像はイメージです ※荒天時の参加は控えてください。 ※ゲームの内容や訪れた駅などのネタバレを、SNSなどに掲載することは禁止されています。 ※開催内容や販売状況は、訪問前に公式サイトでご確認ください。 :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; } }
-