汐留・新橋エリアに位置する、宿泊とアートを融合させた天空のアートホテル
【Park Hotel Tokyo】
東京都港区の汐留メディアタワー25階から34階に位置するパークホテル東京は、エントランスから客室前の回廊まで、常に400点以上のアート作品を展示する「まるで泊まれる美術館」です。
「日本の美意識が体感できる時空間」をコンセプトに、日本の文化や芸術が持つ美しさ、繊細さ、強さを五感で堪能できる非日常の空間を提供しています。
地下2階から1階、そして25階から34階までの全フロアで年間を通してアート展示を開催しており、アートを媒介にした特別な滞在体験が可能です。
宿泊者専用ラウンジからは東京タワーや雄大な富士山を望む圧巻の景色が一望でき、優雅で洗練された空間で上質な時間を過ごすことができます。
おすすめポイント3選
1. 常時400点以上のアート展示と「アーティストルーム」
パークホテル東京では、25階のアトリウムで開催される季節展示「ART colours(アートカラーズ)」をはじめ、多彩なアート展示を楽しむことができます。
全客室フロアの回廊(コリドーギャラリー)にも作品が展示されており、ホテル滞在そのものがアート散歩になります。さらに、アーティストが実際にホテルに滞在しながら客室を改装した「アーティストルーム」もご用意。
部屋ごとに異なるアートの世界観に身を置き、自分好みのテーマカラーやアートに囲まれた特別な時間を過ごすことができます。
2. アートに囲まれた洗練されたグルメ空間
館内には、アートワークに囲まれたオールデイダイニング「アートカラーズダイニング」や、伝統と革新が融合した日本料理「花山椒」などのレストランがあります。
アートカラーズダイニングでは、北海道産オーガニック小麦のピザや黒毛和牛のステーキなど、日本の豊かな食材を使った料理を、まるで美術館内で贅沢な食事を楽しんでいるかのような空間で味わえます。
また、25階のバー「ザ ソサエティ」では、熟練のバーテンダーが手掛けるカクテルや、国内外のハーブ、季節のフルーツを使用したドリンクを提供。
大きな窓から望む美しい夜景と心地よい音楽と共に、至福のひとときをお楽しみいただけます。
3. 宿泊者限定のラグジュアリーなサービス
パークホテル東京にご宿泊のお客様はどなたも、25階にある宿泊者専用ラウンジ「エグゼクティブミュージアムラウンジ」をご利用いただけます。
富士山や東京タワー、大都会を一望できる開放的なパノラマビューと、自然がつくりだすアートな眺めを、お好みのドリンクと共にご堪能いただけます。
無料のセルフドリンクサービス(コーヒー、紅茶、水など)に加え、ソムリエ厳選の有料アルコール類も提供しています。
チェックイン・アウト前後1時間にご利用可能なため、ゆっくりとくつろぎながら、非日常の空間でリフレッシュすることができます。
その他のおすすめ情報
パークホテル東京では、滞在をより特別にするための多彩な体験をご提供しています。
🔸多彩な客室タイプ: 19㎡のシングルルームから80㎡のパークスイートまで、全7タイプの客室をご用意。大きな窓から東京の街並みを一望でき、アートへのこだわりが息づく上質な空間で、ゆったりとしたホテルステイをお楽しみいただけます。
🔸テーブルスタイル茶道体験: 現代アートに囲まれた25階のアトリウム空間で、テーブルスタイルの茶道パフォーマンスを開催。「椿の会」による優雅なひとときを過ごせます(宿泊者限定のお抹茶と干菓子のセットもご用意)。
🔸アートとワインのペアリング体験: アート制作と題材に合わせたワインを楽しみながら、自分だけのアート作品を完成させる贅沢な体験も可能です。
🔸充実のアメニティとルームサービス: 各部屋には充実したアメニティやスキンケアキットをご用意。朝から夜まで、多様なメニューを提供するルームサービスも完備しており、お部屋で寛ぎながらごゆっくりおくつろぎいただけます。
完全事前予約制となります。詳細な予約スケジュールや最新情報は、公式サイトをご確認ください。
参考文献
- パークホテル東京公式サイト:https://parkhoteltokyo.com/ja/
INFO基本情報
| 名称 |
Park Hotel Tokyo (パークホテル東京) |
|---|---|
| 住所 | 〒105-7227 東京都港区東新橋1丁目7番1号 汐留メディアタワー(フロント25F) アクセス |
| 電話 | 03-6252-1111 |
| 営業時間 |
【月・火・水・木・金・土・日・祝日】
00:00 - 00:00 チェックイン 15:00から |
| 定休日 | 年中無休 |
| 駐車場 |
駐車場:あり
地下4階に「Times 24」の駐車場がございます。 ホテル専用駐車場ではございません。駐車可能台数に限りがありますので、できるだけ公共交通機関でのご来館をお勧めいたします。 パレット式の駐車スペースの為、駐車可能車高(2.1m)、車幅(1.82m)をご確認ください。 |
| キャンセル規定 | 直接ホテルにご予約頂いた場合、ご宿泊日の前日からキャンセル料が発生します。 ご宿泊日前日の場合:ご宿泊代金の20%のキャンセル料を頂きます。 ご宿泊日当日の場合:ご宿泊代金の80%のキャンセル料を頂きます。 キャンセルのご連絡が無かった場合:ご宿泊代金の100%を頂きます。 |
| 料金 | 1泊1室 約30,000~80,000円(客室タイプ・宿泊時期により異なる) |
| 支払い方法 | 現金・クレジットカード |
| 予約方法 |
WEB予約
|
| 公式SNS | |
| 公式URL | https://parkhoteltokyo.com/ja/ |
FACILITY施設情報
| アクセス |
|
|---|
| 利用 |
|
|---|
| 支払い |
|
|---|
| 設備 |
|
|---|
| 補助設備・利用 |
|
|---|
| 条件・傾向 |
|
|---|
| 言語 |
|
|---|
| サービス等 |
|
|---|
PAYMENT決済情報
| クレジットカード |
|
|---|
周辺のイベント
-
-
-
1.31 km
ルート確認千代田区 趣味の集い2026.09.16(水)~12.07(月)MAPPAの15周年を記念した展覧会 「MAPPA EXPO 15th Anniversary」 アニメーションスタジオ・MAPPAの設立15周年を記念した展覧会「MAPPA EXPO 15th Anniversary」が、東京・有楽町のYURAKUCHO MUSEUMで開催されています。 本展では、劇場版『チェンソーマン レゼ篇』、『進撃の巨人』The Final Season、アニメ『呪術廻戦』をはじめ、MAPPAがこれまで制作を手がけた作品の魅力や世界観を楽しめる特別な展示が展開されています。原画を含む制作資料や映像、立体展示などを通して、MAPPA作品の世界を体感できます。 展覧会の見どころ (1)MAPPA作品の世界観を楽しめる特別展示 会場では、劇場版『チェンソーマン レゼ篇』、『進撃の巨人』The Final Season、アニメ『呪術廻戦』などの作品を中心に、さまざまな展示が楽しめます。 『呪術廻戦』エリアでは、これまでの印象的なバトルシーンをハイライト形式で紹介。原画を含む制作資料のほか、電車内をイメージした立体美術や映像、虎杖悠仁の等身大フィギュアなども展示されています。 (2)前期・後期で一部展示が入れ替わる 本展は前期と後期に分かれており、一部の展示内容が入れ替わる予定です。 前期は2026年9月16日(水)から10月25日(日)まで、後期は10月28日(水)から12月7日(月)まで開催。期間によって異なる展示を楽しめるのもポイントです。 (3)展覧会オリジナルグッズも登場 会場では、展覧会のために描き下ろされたイラストや、MAPPA15周年キービジュアルを使用したオリジナルグッズも展開されています。 『チェンソーマン レゼ篇』や『進撃の巨人』The Final Season、『呪術廻戦』など、人気作品をモチーフにしたアイテムがラインナップされています。 こんな方におすすめ MAPPA作品が好きな方はもちろん、日本のアニメーション文化に興味がある方にもおすすめの展覧会です。 東京・有楽町を訪れる際は、MAPPAがこれまで手がけてきた作品の世界観を間近で楽しめる「MAPPA EXPO 15th Anniversary」に足を運んでみてはいかがでしょうか。 ©芥見下々/集英社・呪術廻戦製作委員会 ©諫山創・講談社/「進撃の巨人」The Final Season製作委員会 ※本展は日時指定入場制です。入場区分・整理番号・集合時間などはチケットをご確認ください。 ※前期・後期で一部展示内容が入れ替わります。 ※2026年10月26日(月)、10月27日(火)は休館です。 :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; } }
-
-
-
-
3.22 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; } }
-
-
-
-
3.24 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; } }
-