感受自然氣息的高尾秘境。四季交織的美景，編織出讓心安寧的時光

高尾駒木野庭園

前往此處的路線

全部檢視

首頁

電話：042-663-3611

高尾山麓佇立的、可在正統日本庭園與舊民宅中度過寧靜時光的地方
【高尾駒木野庭園】

Name: 高尾駒木野庭園
Address: 東京都 八王子市 裏高尾町 268-1, 193-0841, JP
Telephone: 042-663-3611

座落於東京都八王子市、被豐饒自然所環抱的高尾山麓，高尾駒木野庭園是一處讓人忘卻都會喧囂、度過心境平和時光的隱藏名所。

作為八王子市所屬唯一一座「能親近日本庭園」的公園，這裡是融入名園意匠（池泉回遊式庭園、枯山水、露地）的正統日本庭園，並可欣賞錦鯉與常設展出的盆栽。

在自戰前傳承至今的舊民宅中，可一邊品嚐抹茶或咖啡，一邊隔著窗戶以五感盡享四季變換的庭園風貌。

園內生長著80種以上的草木花卉，其中亦包含生於高尾山的珍貴山野草。

以高尾群山為借景的雄偉景致與流轉的自然之美，為來訪者帶來深切的安寧與感動。

設施資訊

名稱	高尾駒木野庭園
地址	〒193-0841 東京都八王子市裏高尾町 268-1
交通方式	電車從ＪＲ中央線、京王高尾線「高尾站」步行15分鐘從京王高尾線「高尾山口站」步行15分鐘巴士於高尾站北口巴士乘車處搭乘京王巴士，開往「小仏」方向於「病院前」巴士站下車，步行0分鐘巴士大致每小時一班所需時間約為3～5分鐘。時刻表請參閱「京王バスナビ」網站。 http://www.bus-navi.com/
停車場	停車位數量有限。（8個車位+優先車位2個）請盡量利用大眾交通工具。
營業時間・公休日	除歲末年初外全年無休。開園時間為9點，但閉園時間會因季節不同而異，請留意。 4月～8月　　9：00～18：00 9月～10月　 9：00～17：00 11月～3月　 9：00～16：00 ※園內的舊民家入館截至閉園前30分鐘。
咖啡廳營業時間	4月～8月 10：00 - 16：00 9月～10月 10：00 - 16：00 11月～3月 10：00 - 15：00
入園費用	免費
官方網站	https://www.takaokomaginoteien.jp/

其他推薦資訊

🔸 盆栽常設展：由日本盆栽協會八王子支部捐贈的正統盆栽常設於戶外展出，此外，各房間的床間等處也可欣賞四季的盆栽。
🔸 活動與體驗：舉辦野草觀察會與盆栽製作體驗等活動，讓您更深入感受四季魅力（詳情請參閱官方網站）。
🔸 攝影與散策：美麗的庭園空間可自由拍攝與散策（僅供個人娛樂使用）。
🔸 無障礙對應：可利用消除階差設備（昇降機）進入舊民家，並設有無障礙廁所。
🔸 伴手禮：可於茶室的販售處購買野草散策地圖、原創明信片等小物。

參考文獻

高尾駒木野庭園官方網站：https://www.takaokomaginoteien.jp/

基本資訊

名稱	高尾駒木野庭園 (タカオ・コマギノ・テイエン)
地址	東京都八王子市裏高尾町 268-1 交通方式
電話	042-663-3611
官方網址	https://www.takaokomaginoteien.jp/
官方社群媒體

設施資訊

設施資訊（交通方式）
交通方式	近車站有共用免費停車場

設施資訊（吸菸）
吸菸	全場禁菸

設施資訊（輔助設施・使用）
輔助設施・使用	可使用輪椅

設施資訊（店內規則）
店內規則	可拍照

周邊活動

分類

24.87 公里
查看路線

町田市店內活動

2026.09.05(土)–10.31(土)

季節活動「Happy Halloween」舉辦

季節活動史努比博物館「歡樂萬聖節」舉辦專屬於「PEANUTS」的可愛又有趣的萬聖節史努比博物館全年舉辦能夠享受四季的季節活動「HAPPY SEASONS!」。自2026年9月5日（六）起，「歡樂萬聖節」將正式開跑。在「PEANUTS」誕生的美國，萬聖節作為點綴秋季的有趣活動深受喜愛。於漫畫中也常見許多可愛又幽默的橋段，例如相信南瓜大王而在南瓜田持續等待的萊納斯，或扮成幽靈的史努比等。館內將有以「PEANUTS」世界觀為靈感的萬聖節裝飾，並可享受期間限定的贈品與商品、工作坊等。「歡樂萬聖節」7大樂趣 POINT 01 萬聖節裝飾與限定貼紙館內將以「PEANUTS」風格的萬聖節裝飾點綴。期間中將隨機贈送來館者每人1張「歡樂萬聖節」貼紙。 SPECIAL FRIENDS MEMBERSHIP會員於BROWN'S STORE消費時，另備有不同於入場特典的會員限定貼紙。 POINT 02 BROWN'S STORE限定商品登場博物館內的BROWN'S STORE將推出多款烘托萬聖節氣氛的新商品。與館內體驗一同享受「全世界只有這裡才有」的原創單品。所有商品皆為數量限定。 POINT 03 兩項工作坊推出限定設計可加入名字製作專屬胸章的「史努比胸章工作坊」將推出萬聖節限定設計。無須預約，當日即可參加。可自由組合史努比與各種配件的「史努比吉祥物吊牌工作坊」，將新增南瓜、幽靈兩款限定刺繡貼布與限定壓克力吊飾。 POINT 04 限定印章＆相框可製作原創印章的 OSMO（オスモ）將推出期間限定設計。可將喜愛的邊框、效果音＆詞語與文字自由組合，打造專屬於你的印章。自助拍照亭「Photomatic」也將推出限定設計。可下載靜態照片與拍攝時的影片資料，並把以特別相框拍下的一張帶回家，作為來館的回憶。咖啡館限定菜單與同日舉辦的企劃展鄰接的 PEANUTS Cafe 將配合「Happy Halloween」推出期間限定菜單。此外，自 2026 年 9 月 5 日（六）至 2027 年 2 月 28 日（日）也將舉辦全新企劃展「Siblings are Wonderful きょうだいって、いいな」。聚焦於個性鮮明的手足，如 Charlie Brown 與 Sally、Lucy 與 Linus＆Rerun、Snoopy 與他的五位手足等，將介紹約 45 件漫畫原稿與複製原畫。推薦給這樣的你「Happy Halloween」是一場能在享受充滿季節感的館內裝飾與限定單品的同時，盡情沉浸於「Peanuts」可愛又幽默世界的活動。不僅適合喜愛史努比與「Peanuts」的朋友，也推薦給想和家人、朋友、情侶一起享受秋日出遊的人。也很適合想在限定工作坊與拍照亭中，將專屬於自己的物件與回憶留下紀念的人。「Peanuts」專屬的萬聖節裝飾期間限定設計也登場 ※ 贈品、商品、限定零件等可能數量有限，售／送完為止。 ※ 商品可能設有購買限制，發售日與活動內容恕不另行通知即可變更。來館前請至官方網站確認最新資訊。 :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; } /* Long Content Block */ .content-block { background-color: var(--dark-card); color: #ffffff; padding: 32px; border-left: 4px solid var(--accent-orange); width: 100%; box-sizing: border-box; } .content-block h2 { font-size: 1.25rem; margin-bottom: 12px; color: #ffffff; word-break: break-word; } .content-block p { color: #cccccc; font-size: 0.925rem; text-align: justify; word-break: break-word; } /* Event Section */ .event-card { background-color: var(--accent-orange-light); border: 1px solid rgba(255, 85, 0, 0.2); padding: 28px; width: 100%; box-sizing: border-box; } .event-card p { color: #333333; font-size: 0.9rem; 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%; } .image-frame img { width: 100%; height: auto; display: block; object-fit: contain; } .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, .content-block, .event-card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }
24.87 公里
查看路線

町田市店內活動

2026.09.05(土)–2027.02.28(日)

特別展「Siblings are Wonderful 兄弟姊妹，真好」

企劃展史努比博物館「Siblings are Wonderful きょうだいって、いいな」舉辦走近個性鮮明的兄弟姊妹魅力的企劃展史努比博物館將於2026年9月5日（六）至2027年2月28日（日）舉辦全新企劃展「Siblings are Wonderful きょうだいって、いいな」。在匯聚眾多個性鮮明角色的「Peanuts」中，兄弟姊妹之間的關係也相當獨特。Charlie Brown與妹妹Sally、Lucy與弟弟Linus＆Rerun，還有Snoopy與5位手足。我們將介紹描繪他們的爭吵與誤解，以及在困難時彼此扶持的篇章。透過約45幅漫畫原畫與複製原畫，盡情感受令人倍感親切的「Peanuts」兄弟姊妹們的魅力。此外，能夠親身體驗舒爾茲筆觸的新內容「Drawing Station」也將登場。聚焦「Peanuts」的兄弟姊妹們 SIBLINGS 01 Charlie Brown與Sally 當妹妹Sally誕生時，Charlie Brown欣喜若狂。然而，隨著Sally長大，她對哥哥的敬意逐漸消失，甚至直言：「你這個哥哥不及格！」透過漫畫欣賞這對兄妹幽默又親切的互動。 SIBLINGS 02 Lucy與Linus＆Rerun 在范佩特家，長女Lucy總愛對弟弟Linus與Rerun的行為指指點點，盡情展現身為姊姊的權威。三人性格各異，熱鬧又有趣的互動值得關注。 SIBLINGS 03 Snoopy與5位手足 Snoopy有5位手足，其中包括住在沙漠的Spike與圓滾滾的Olaf。分隔各地生活的6隻偶爾重逢，聊得熱絡非凡。將為您介紹外型與個性各不相同的Snoopy手足們的魅力。 HIGHLIGHT 包含15幅首次公開原畫的珍貴展出本展將展出約45件漫畫原稿與複製原畫。其中有15件是自納入舒茲美術館館藏以來從未公開過的珍貴漫畫原稿。您可以近距離感受與印刷品迥然不同的手作質感——舒茲先生筆觸的勁道與重描痕跡、墨色的濃淡層次等。繪圖站與聯動商品全新內容「Drawing Station（繪圖站）」中，您可以一邊臨摹「Peanuts」的角色與圖案，一邊重現體驗孕育出作品溫柔與暖意的舒茲先生筆線。結合透過照片與珍貴影像介紹舒茲先生人生與創作的「Charles Schulz Gallery」，讓您觸及創作的原點。BROWN'S STORE販售本次企劃展聯動商品，如原畫明信片、資料夾套組、收納袋、立鏡等。收錄全部45件展品，並附上谷川俊太郎名譯、日英雙語對照的官方圖錄《きょうだいって、いいな》也將登場。推薦對象「Siblings are Wonderful きょうだいって、いいな」是一檔能與幽默漫畫一同欣賞「Peanuts」中個性多樣的兄弟姊妹關係的企劃展。除了喜愛史努比與「Peanuts」的人之外，也很推薦想近距離鑑賞珍貴漫畫原稿的觀眾。儘管有爭吵與誤解，卻能在需要時彼此依靠的手足身影，對闔家觀展的來賓也十分親切，各個世代都能樂在其中。聚焦於個性鮮明的兄弟姊妹的企劃展 © 2026 Peanuts Worldwide LLC 「Peanuts」原畫 1974年1月6日 © 2026 Peanuts Worldwide LLC ※特展展期為2026年9月5日（週六）至2027年2月28日（週日）。展期間休館日為2027年1月1日（週五）、2月16日（週二）。 ※展出內容與販售商品等可能有所變動。來館前請於官方網站確認最新資訊。 :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; } /* Long Content Block */ .content-block { background-color: var(--dark-card); color: #ffffff; padding: 32px; border-left: 4px solid var(--accent-orange); width: 100%; box-sizing: border-box; } .content-block h2 { font-size: 1.25rem; margin-bottom: 12px; color: #ffffff; word-break: break-word; } .content-block p { color: #cccccc; font-size: 0.925rem; text-align: justify; word-break: break-word; } /* Event Section */ .event-card { background-color: var(--accent-orange-light); border: 1px solid rgba(255, 85, 0, 0.2); padding: 28px; width: 100%; box-sizing: border-box; } .event-card p { color: #333333; font-size: 0.9rem; 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%; } .image-frame img { width: 100%; height: auto; display: block; object-fit: contain; } .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, .content-block, .event-card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }
40.88 公里
查看路線

杉並區音樂

2026.10.30(金)、2026.10.31(土)

阿佐谷爵士街2026（第32屆）

全城染上爵士樂的兩天「阿佐谷爵士街2026」以JR阿佐ケ谷站周邊為首，包含商店街、神社、教會、學校等，阿佐谷地區約60個會場將舉辦「阿佐谷爵士街2026」。自1995年開辦、今年邁入第32屆的阿佐谷爵士街。2026年預計有約200組藝人登台，這是一場阿佐谷獨有的音樂節，能邊散步邊在各處享受爵士樂。阿佐谷爵士街2026的看點山下洋輔策劃的「神明宮 Session」今年將舉辦由長年支持阿佐ヶ谷神明宮舞台的世界級爵士鋼琴家・山下洋輔特別企劃「神明宮 Session」。由山下洋輔所信賴的スガダイロー（p）、坂井紅介（b）、本田珠也（ds）三人參演，並將在神明宮的能樂殿帶來熱烈演出。多元豐富的爵士藝人陣容包括去年的門票在開賣後立即售罄的吾妻光良＆The Swinging Boppers、たをやめオルケスタ feat. 神野美伽、北原雅彦カルテット with MONKY、寺久保エレナ・カルテット等，眾多備受矚目的藝人將登場。此外，還可欣賞到鈴木良雄、増尾好秋、豊田チカ、谷口英治、木村イオリ、谷川賢作、キヨシ小林等，活躍於多元領域的音樂家舞台演出。漫步街頭也能享受爵士樂車站前廣場、商店街、教會、現場演出空間等，阿佐谷的各個角落都成為舞台。為期兩天還有Dixieland樂團在街上遊行，能在日常風景中邂逅音樂，也是本活動的魅力之一。同時也預定舉辦福音詩歌工作坊＆音樂會，以及親子同樂的「Jazz for Kids」等活動。推薦給這樣的您這是一場適合想在享受爵士樂的同時漫步東京街頭，以及希望透過音樂感受阿佐谷文化與街區氛圍的朋友的活動。不妨走訪各個會場，盡情享受阿佐谷與爵士樂融為一體的兩天。 © 阿佐谷ジャズストリート © 阿佐谷ジャズストリート ※演出者資訊與節目內容可能有所變更。 ※各會場的詳細與票務資訊請參閱官方網站。 :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; } }