A hidden retreat in Takao where you can feel the breath of nature. The beauty of each season weaves moments of calm
At the foot of Mt. Takao, a place to spend a peaceful moment in an authentic Japanese garden and a historic traditional house
【Takao Komagino Garden】
Located at the foot of Mt. Takao in Hachioji, Tokyo, and surrounded by rich nature, Takao Komagino Garden is a hidden gem where you can escape the hustle and bustle of the city and enjoy a tranquil time.
As the only park owned by Hachioji City where you can appreciate a Japanese garden, it is an authentic garden that incorporates classic design elements (pond-strolling garden, karesansui, roji), and you can admire nishikigoi carp and a permanent bonsai exhibition.
In the prewar traditional house preserved on the grounds, you can savor matcha or coffee while, through the windows, fully enjoying with all five senses the garden's seasonal expressions.
More than 80 species of plants and flowers thrive in the garden, including rare wild plants native to Mt. Takao.
The majestic scenery using the Takao mountains as borrowed landscape and the ever-changing beauty of nature bring deep peace and inspiration to visitors.
3 Recommended Highlights
Tap or click the images to view them at their original size.
1. Experience the beauty of Japan in an authentic Japanese garden
At Takao Komagino Garden, you can experience Japan’s traditional garden styles all at once.
• Pond-stroll garden: While walking the path around 心字池, you can enjoy the changing scenery. This style can also be seen at Kyoto’s 鹿苑寺（金閣寺） and the Ninomaru Garden of Nijo Castle.
• Dry landscape: A Zen temple garden style that expresses mountain-and-water scenery without using water. Quietly gazing from the “East Room,” you can feel the flow of deep mountains and valleys.
• 露地 (tea garden): A garden attached to a tea room; beneath the natural-stone washbasin, a 水琴窟 is installed, letting you enjoy beautiful tones.
Furthermore, in 心字池, colorful nishikigoi donated by the All Japan Nishikigoi Promotion Association swim gracefully, and seasonal bonsai adorn the alcoves of each room, letting you sense the essence of traditional Japanese culture throughout.
© 2026 TAKAO Komagino Garden
2. A special time in an old folk house filled with nostalgia and charm
The old folk house handed down since before the war offers a space full of character.
The Japanese-style rooms can also be rented for cultural and artistic activities, including the “East Room” overlooking the dry landscape, the “Middle Room” with a view of a weeping maple, and the “North Room,” a gallery space with spotlights.
In the tearoom converted from a Japanese-style room that once had a sunken kotatsu, you can relax and gaze at the garden while enjoying matcha or coffee. History and charm live on in the architectural details, from wavy glass to nostalgically patterned glass.
© 2026 TAKAO Komagino Garden
3. A healing space woven by nature through the four seasons
Takao Komagino Garden reveals different expressions throughout the year.
More than 80 species of plants thrive on the grounds, including precious wildflowers native to Mt. Takao.
In spring, delicate blossoms are in full bloom; in summer, the lotus in the lotus pond are at their best; in autumn, colorful foliage adorns the garden. In winter, the tranquil atmosphere after the leaves have fallen has a special charm.
The magnificent scenery that borrows the mountains of Takao as its backdrop, together with nature’s seasonal beauty, soothes visitors’ hearts.
© 2026 TAKAO Komagino Garden
Facility Information
| Name | 高尾駒木野庭園 |
| Address | 〒193-0841 東京都八王子市裏高尾町 268-1 |
| Access |
By train 15-minute walk from "Takao Station" on the JR Chuo Line and Keio Takao Line 15-minute walk from "Takaosanguchi Station" on the Keio Takao Line By bus From the Takao Station North Exit bus stop, take a Keio Bus bound for "小仏" Get off at "病院前" bus stop; 0 minutes Buses run roughly once per hour Travel time is about 3–5 minutes. Please refer to the "京王バスナビ" website for the timetable. http://www.bus-navi.com/ |
| Parking |
Parking is limited (8 spaces + 2 priority spaces). |
| Hours and closures |
Open year-round except during the New Year holidays. The garden opens at 9:00; closing times vary by season. Apr–Aug 9：00～18：00 Sep–Oct 9：00～17：00 Nov–Mar 9：00～16：00 ※ Entry to the old folk house in the garden is allowed until 30 minutes before closing. |
| Cafe hours |
Apr–Aug 10：00 - 16：00 Sep–Oct 10：00 - 16：00 Nov–Mar 10：00 - 15：00 |
| Admission | Free |
| Official website | https://www.takaokomaginoteien.jp/ |
Other Recommended Information
🔸 Permanent Bonsai Exhibition:Authentic bonsai donated by the Hachioji branch of the Nippon Bonsai Association are permanently displayed outdoors, and seasonal bonsai can also be appreciated in the alcoves of each room.
🔸 Events & Experiences:We hold programs such as wildflower observation sessions and bonsai-making workshops that deepen the appeal of each season (please check the official website for details).
🔸 Photography & Strolling:You are free to photograph and stroll through the beautiful garden space (for personal enjoyment only).
🔸 Barrier-free Access:You can enter the old folk house using a platform lift, and accessible restrooms are also provided.
🔸 Souvenirs:At the tearoom shop, you can purchase items such as wildflower walking maps and original postcards.
© 2026 TAKAO Komagino Garden
© 2026 TAKAO Komagino Garden
© 2026 TAKAO Komagino Garden
© 2026 TAKAO Komagino Garden
References
- Takao Komagino Garden Official Website: https://www.takaokomaginoteien.jp/
BASIC INFORMATION
| Name |
高尾駒木野庭園 (タカオ・コマギノ・テイエン) |
|---|---|
| Address | 268-1 Uratakao-machi, Hachioji-shi, Tokyo Access |
| Phone | 042-663-3611 |
| Official URL | https://www.takaokomaginoteien.jp/ |
| Official Social Media |
|
FACILITY INFORMATION
| Access |
|
|---|
| Smoking |
|
|---|
| Support Facilities / Use |
|
|---|
| House Rules |
|
|---|
Nearby events
Category
-
-
-
24.87 km
Check RouteMachida City Store events2026.09.05(土)–10.31(土)Season Event Snoopy Museum "Happy Halloween" Now On A cute and fun Halloween, uniquely "Peanuts" At the Snoopy Museum, the year-round seasonal program "HAPPY SEASONS!" lets you enjoy the changing seasons. Starting Saturday, September 5, 2026, "Happy Halloween" kicks off. In the United States, where "Peanuts" was born, Halloween is cherished as a fun autumn tradition. In the comics, there are many cute and humorous episodes, such as Linus waiting in the pumpkin patch believing in the Great Pumpkin, and Snoopy dressed as a ghost. Inside the museum, you can enjoy Halloween decorations inspired by the world of "Peanuts," as well as limited-time novelties, merchandise, and workshops. Seven Ways to Enjoy "Happy Halloween" POINT 01 Halloween Decorations and Limited Stickers The museum will be adorned with Halloween decorations in true "Peanuts" style. During the period, each visitor will receive one "Happy Halloween" sticker at random. For SPECIAL FRIENDS MEMBERSHIP members, a member-exclusive sticker separate from the admission benefit is also available when shopping at BROWN'S STORE. POINT 02 Limited Items at BROWN'S STORE At the museum's BROWN'S STORE, many new items that boost the Halloween mood will make their debut. Enjoy original items you can find "only here in the world," alongside your in-museum experience. All items are limited in quantity. POINT 03 Limited Designs for Two Workshops The "Snoopy Button Badge Workshop," where you can add your name and create your very own badge, will feature Halloween-only designs. No reservation required; join on the day. The "Snoopy Mascot Tag Workshop," where you can freely combine Snoopy with various parts, will add two limited patches—pumpkin and ghost—and a limited acrylic charm. POINT 04 Limited Stamps & Photo Frame Limited-time designs are coming to OSMO (Osmo), where you can create original stamps. Combine your favorite frames, sound effects & words, and text to make a stamp that's uniquely yours. The self photo booth 「Photomatic」 will also feature limited designs. You can download still images and video data from the shoot, and take home a shot captured with a special frame as a memento of your visit. Limited café menu and a special exhibition held on the same dates At the adjacent PEANUTS Cafe, a limited-time menu linked to “Happy Halloween” will be available. Furthermore, from Saturday, September 5, 2026 to Sunday, February 28, 2027, the new special exhibition “Siblings are Wonderful きょうだいって、いいな” will also be held. Focusing on uniquely charming siblings such as Charlie Brown and Sally, Lucy with Linus & Rerun, and Snoopy with his five siblings, the exhibition will present about 45 original comic drawings and reproductions. Recommended for “Happy Halloween” is an event where you can immerse yourself in the cute and humorous world of “Peanuts” while enjoying seasonal venue decorations and limited items. It’s recommended not only for fans of Snoopy and “Peanuts,” but also for families, friends, and couples looking to enjoy an autumn outing. It’s also perfect for those who want to create one-of-a-kind items and memories through limited workshops and the photo booth. Halloween decorations unique to “Peanuts” Limited-time designs also available ※ Novelties, products, and limited parts are available while supplies last. ※ Purchase limits may apply to products, and release dates and event details are subject to change without notice. Please check the official website for the latest information before your visit. :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 km
Check RouteMachida City Store events2026.09.05(土)–2027.02.28(日)Special Exhibition Snoopy Museum “Siblings are Wonderful きょうだいって、いいな” Exhibition A special exhibition exploring the charm of unique siblings At the Snoopy Museum, from September 5, 2026 (Sat) to February 28, 2027 (Sun), we will present the new special exhibition “Siblings are Wonderful きょうだいって、いいな”. In “Peanuts,” which features many distinctive characters, the relationships among the siblings are truly unique. Charlie Brown and his younger sister Sally, Lucy and her younger brothers Linus＆Rerun, and Snoopy and his five siblings. We present episodes that depict their quarrels and misunderstandings, and how they support each other in times of trouble. Through about 45 original and reproduced comic drawings, you can enjoy the appeal of the relatable “Peanuts” siblings. In addition, a new content “Drawing Station” that lets you re-experience Schulz’s linework will debut. Spotlight on the siblings of “Peanuts” SIBLINGS 01 Charlie Brown and Sally When his little sister Sally was born, Charlie Brown was overjoyed. However, as Sally grew up, she lost respect for her brother and even declared, “You’re a failure as a brother!” Enjoy their humorous and endearing relationship through the comics. SIBLINGS 02 Lucy and Linus＆Rerun In the Van Pelt household, eldest daughter Lucy constantly meddles in the actions of her brothers Linus and Rerun, fully exercising her authority as the big sister. Don’t miss the lively and funny exchanges among these three, each with a different personality. SIBLINGS 03 Snoopy and his five siblings Snoopy has five siblings, including Spike who lives in the desert and the chubby Olaf. Though they live apart, the six of them occasionally reunite and talk up a storm. We present the charm of Snoopy’s siblings, who vary widely in both appearance and personality. HIGHLIGHT A valuable display including 15 original drawings shown for the first time This exhibition presents approximately 45 pieces of original comic art and reproduced originals. Of these, 15 are rare original comic artworks that have not been displayed since entering the collection of the Schulz Museum. Up close, you can feel the hand-crafted qualities unlike printed materials—the vigor of Schulz’s pen strokes, traces of reworking, and the gradations of ink. Drawing Station and related merchandise At the new 'Drawing Station', you can trace characters and motifs from 'Peanuts' to relive Schulz’s linework that creates the gentleness and warmth of his art. Together with the 'Charles Schulz Gallery', which introduces Schulz’s life and creative work through photographs and rare footage, you can experience the roots of his creativity. At BROWN'S STORE, exhibition-related items such as original art postcards, clear file sets, pouches, and stand mirrors will be available. The official catalog 'きょうだいって、いいな', which includes all 45 exhibited works with Shuntaro Tanikawa’s acclaimed translation in a Japanese–English bilingual format, will also be released. Recommended for 'Siblings are Wonderful きょうだいって、いいな' is an exhibition where you can enjoy the relationships of the distinctive siblings who appear in 'Peanuts' along with humorous comics. It is recommended not only for those who love Snoopy and 'Peanuts', but also for anyone who wants to view rare original comic art up close. Though there are quarrels and misunderstandings, siblings who can be relied upon in times of trouble are relatable for family visitors and enjoyable across generations. An exhibition focusing on distinctive siblings © 2026 Peanuts Worldwide LLC 'Peanuts' original art, January 6, 1974 © 2026 Peanuts Worldwide LLC ※ The special exhibition will be held from Saturday, September 5, 2026 to Sunday, February 28, 2027. During this period, the museum will be closed on Friday, January 1, 2027 and Tuesday, February 16. ※ Exhibition contents and merchandise are subject to change. Please check the official website for the latest information before your visit. :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 km
Check RouteSuginami Ward Music2026.10.30(金)、2026.10.31(土)Two days when the entire town is steeped in jazz “Asagaya Jazz Street 2026” Centered around JR Asagaya Station and across about 60 venues in the Asagaya area—including shopping streets, shrines, churches, and schools—“Asagaya Jazz Street 2026” will be held. Started in 1995, Asagaya Jazz Street marks its 32nd edition this year. In 2026, around 200 artist groups will perform, making it a uniquely Asagaya music festival where you can enjoy jazz at various spots as you stroll through town. Highlights of Asagaya Jazz Street 2026 “Shinmeigu Session” produced by Yosuke Yamashita This year, a special project—the “Shinmeigu Session”—produced by world-renowned jazz pianist Yosuke Yamashita, who has long supported the Asagaya Shinmeigu stage, will be held. Three musicians trusted by Yamashita—スガダイロー（p）、坂井紅介（b）、本田珠也（ds）—will appear, delivering passionate performances at the Noh stage of Shinmeigu. A diverse lineup of jazz artists Featuring standout artists including 吾妻光良＆The Swinging Boppers, whose tickets sold out shortly after going on sale last year, たをやめオルケスタ feat. 神野美伽, 北原雅彦カルテット with MONKY, and 寺久保エレナ・カルテット. Additionally, enjoy performances by musicians active across a wide range of genres, including 鈴木良雄, 増尾好秋, 豊田チカ, 谷口英治, 木村イオリ, 谷川賢作, and キヨシ小林. Enjoy jazz while strolling through the town The station plaza, shopping streets, churches, and live music venues across Asagaya turn into stages. Over the two days, a Dixieland band will also parade through the streets, letting you encounter music amid everyday scenes—one of the event’s charms. Also planned are a gospel workshop and concert, as well as “Jazz for Kids,” which families can enjoy together. Recommended for This event is recommended for those who want to stroll through Tokyo while enjoying jazz, and for those who want to experience Asagaya's culture and neighborhood atmosphere through music. While visiting various venues, enjoy two days when Asagaya and jazz become one. © 阿佐谷ジャズストリート © 阿佐谷ジャズストリート ※Performer information and program contents are subject to change. ※For venue details and ticket information, please check the official website. :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; } }
-
MAP & ACCESS
15-minute walk from Takao Station (JR Chuo Line / Keio Takao Line)
15-minute walk from Takaosanguchi Station (Keio Takao Line)
15-minute walk from Takaosanguchi Station (Keio Takao Line)