感受自然气息的高尾秘境。四季交织之美,带来内心的宁静时光

在高尾山脚下,于正宗日本庭园与旧民居中度过宁静时光的地方
【高尾驹木野庭园】

位于东京都八王子市、被丰饶自然环抱的高尾山麓的高尾驹木野庭园,是一处让人忘却都市喧嚣、度过心境平和时光的隐秘名所。

作为八王子市拥有的唯一一座“可亲近日本庭园”的公园,这里是一座正宗的日本庭园,融入了名园的匠意(池泉回游式庭园、枯山水、露地),可观赏锦鲤与常设展出的盆栽。

在自战前沿袭至今的旧民居中,您可一边品味抹茶或咖啡,一边透过窗户以五感尽享四季更迭的庭园风貌。

园内有80余种花草生息,其中包括栖于高尾山的珍贵山野草。

以高尾群山为借景的雄伟景观与流转的自然之美,为来访者带来深沉的安宁与感动。

三大推荐亮点

点击或轻触图片即可查看原始尺寸。

1. 在正宗的日式庭园中感受日本之美

在高尾驹木野庭园,您可以一次性体验日本的传统庭园样式。
• 池泉回游式庭园:沿着心字池周围的园路行走,欣赏移步换景。此样式也见于京都的鹿苑寺(金阁寺)与二条城二之丸庭园。
• 枯山水:禅宗寺院的庭园样式,以不使用水来表现山水景致。从“东之间”静静眺望,可感受深山幽谷的意境。
• 露地(茶庭):附属于茶室的庭园,在自然石手水钵下设有水琴窟,也可欣赏其优美的声音。
此外,心字池中有全日本锦鲤振兴会捐赠的五彩锦鲤优雅游弋,各房间的床间亦陈设着应季盆栽,处处可感受日本传统文化的精髓。

© 2026 TAKAO Komagino Garden

2. 在充满乡愁与风情的旧民居中度过特别时光

自战前传承下来的旧民居,提供富有情趣的空间。
和室亦可作为文化与艺术活动的出租用房,有可眺望枯山水的“东之间”、可见垂枝枫的“中之间”,以及带聚光灯的画廊空间“北之间”。
另外,由曾设有下沉式被炉的和室改造而成的茶歇室中,您可一边品味抹茶或咖啡,一边悠然眺望庭园。无论是带有波纹的玻璃,还是富有怀旧风格的花纹玻璃等,历史与风情都渗透在建筑的细部之中。

© 2026 TAKAO Komagino Garden

3. 四季更迭的自然交织而成的疗愈空间

高尾駒木野庭園在一年四季展现出多样的风貌。
园内生长着80余种草木,其中也包含栖息于高尾山的珍稀山野草。
春日娟雅花朵竞相绽放,夏季莲池的荷花正值观赏期,秋日红叶为庭园增色;冬季落叶后的静谧氛围亦别具韵味。
以高尾群山为借景的宏伟景致与随季更替的自然之美,抚慰着来访者的心灵。

© 2026 TAKAO Komagino Garden

设施信息

名称 高尾駒木野庭園
地址 〒193-0841 东京都八王子市裏高尾町 268-1
交通 电车
从JR中央线、京王高尾线「高尾站」步行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/

其他推荐信息

🔸 盆栽常设展:由日本盆栽协会八王子支部捐赠的正宗盆栽常年在户外展出,此外,在各房间的床间等处也可欣赏四季各异的盆栽。
🔸 活动与体验:举办野草观察会和盆栽制作体验等活动,加深对四季魅力的体会(详情请查看官方网站)。
🔸 摄影与漫步:您可自由在美丽的庭园空间拍照和漫步(仅限个人欣赏用途)。
🔸 无障碍服务:可通过消除台阶的设备(升降机)进入旧民居,并配备无障碍厕所。
🔸 纪念品:可在茶室的售卖处购买野草散步地图、原创明信片等小物件。

参考文献

基本信息

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

设施信息

设施信息(交通方式)
交通方式
  • 近车站
    近车站
  • 有共用免费停车场
    有共用免费停车场
设施信息(吸烟)
吸烟
  • 全场禁烟
    全场禁烟
设施信息(辅助设施·使用)
辅助设施·使用
  • 可使用轮椅
    可使用轮椅
设施信息(店内规则)
店内规则
  • 可拍照
    可拍照

周边活动

分类
  • 24.87 公里

    查看路线
    町田市 店内活动
    2026.09.05(土)–10.31(土)
    季节活动 史努比博物馆 “欢乐万圣节”举办 专属于“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 きょうだいって、いいな”举办 聚焦个性鲜明的兄弟姐妹魅力的专题展 史努比博物馆将于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(Charles Schulz 画廊)”,让您触及创作的原点。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” 以JR阿佐ケ谷站周边为起点,涵盖商店街、神社、教堂、学校等,阿佐谷区域约60个会场将举办“阿佐谷爵士街2026”。 自1995年启动、今年迎来第32届的阿佐谷爵士街。2026年将有约200组艺术家登台,这是阿佐谷独具特色的音乐节,漫步街头即可在各处享受爵士乐。 阿佐谷爵士街2026看点 山下洋辅策划的“神明宫 Session” 今年将举办由长期支撑阿佐ヶ谷神明宫舞台的世界级爵士钢琴家・山下洋辅特别策划的“神明宫 Session”。 由山下洋辅所信赖的スガダイロー(p)、坂井红介(b)、本田珠也(ds)三人出演,将在神明宫的能乐殿奉献热烈演出。 多彩的爵士艺人登场 包括去年开售后很快售罄的吾妻光良&The Swinging Boppers、たをやめオルケスタ feat. 神野美伽、北原雅彦カルテット with MONKY、寺久保エレナ・カルテット等,备受瞩目的艺人将登台亮相。 此外,还可欣赏到铃木良雄、増尾好秋、豊田チカ、谷口英治、木村イオリ、谷川贤作、キヨシ小林等,活跃于多种风格的音乐人的舞台表演。 漫步街头也能享受爵士 车站前广场、商店街、教堂、Live House等,阿佐谷的各个场所都将成为舞台。两天期间还有迪克西兰乐队穿行于街头,在日常风景中邂逅音乐也是本活动的魅力之一。 另外,还计划举办福音工作坊&音乐会,以及适合亲子同乐的“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; } }

地图与交通

从JR中央线、京王高尾线“高尾站”步行约15分钟
从京王高尾线“高尾山口站”步行约15分钟
电话:042-663-3611

附近的店铺

查看更多

附近的观光景点

查看更多