ランキングはこちら
イベント
伝統行事 秋の風景と萩を楽しむ 「向島百花園 萩まつり」 向島百花園で、2026年度「萩まつり」が開催されます。園の名物である約30メートルの「萩のトンネル」が見ごろを迎えるこの時期、秋色に染まる園内を散策しながら、季節の草花や日本の文化を楽しめます。 期間中は、「萩」を題材に俳句や和歌を短冊に書く「萩を詠む」をはじめ、園内の野草を観察する「野草ウォッチング」や、お抹茶と茶菓子を楽しめる「茶会」などが行われます。 イベント内容 EVENT 01 (1)萩を詠む 日 時:期間中毎日 終日 ※雨天中止 場 所:藤棚横四阿(あずまや) 内 容:来園されたお客様に「萩」を題材に俳句・和歌を短冊にお書きいただきます。 参加費:無料(入園料別途) EVENT 02 (2)野草ウォッチング 日 時:9月19日(土)11時40分~、14時40分~(各回約1時間)※雨天中止 集合場所:売店前広場 内 容:講師の解説のもと、園内の野草を観察します。 講師:若林 芳樹 氏(植物研究家) 定 員:各回20名 参加方法:当日集合場所にお集まりください(定員に達し次第終了)。 EVENT 03 (3)茶会 日 時:10月3日(土)、4日(日)11時~16時(30分ごとに開催、各日10回) 場{所:御成座敷 内 容:向島百花園茶会によるお点前の披露と、お抹茶・茶菓子の提供を行います。どなたでもお気軽にご参加いただけます。 参加費:1席 1,500円(入園料別途) 定員:各回10名(当日先着順・事前申込不要) 参加方法:10時30分~15時30分まで、御成座敷前にて受付を行います(定員に達し次第終了)。 こんな方におすすめ 秋の風情を感じながら庭園を散策したい方はもちろん、俳句や和歌、お茶会などを通して日本の伝統文化に触れてみたい方にもおすすめです。季節の草花を眺めながら、ゆったりとした時間を楽しめます。 ©Tokyo Metropolitan Park Association ©Tokyo Metropolitan Park Association ※最新情報は公式サイトをご確認ください。 :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%; /* Chặn chọn ảnh (Copy protection for images) */ -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; } /* Fix lỗi ảnh tràn màn hình */ .image-frame img { max-width: 100%; width: 100%; height: auto; display: block; object-fit: contain; pointer-events: none; /* Ngăn kéo thả / lưu ảnh */ } .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; } }