Introducing Tokyo's sightseeing, gourmet, and event information｜Gurutto Tokyo

Special Exhibition Commemorating the 100th Anniversary of the Tokyo Metropolitan Art Museum "Landscapes of This Place—Ueno, Ōmuta, Buenos Aires" Now Open An exhibition that looks at 100 years from three places To mark the 100th anniversary of the Tokyo Metropolitan Art Museum’s opening, the special exhibition "Landscapes of This Place—Ueno, Ōmuta, Buenos Aires" is being held. The Tokyo Metropolitan Art Museum opened in 1926 in Ueno Park, Tokyo, as Japan’s first public art museum. Its name at the time was "Tokyo Prefectural Art Museum." This exhibition reflects on the museum’s 100-year journey through creative activities carried out in three places: Ueno, Ōmuta, and Buenos Aires. It follows the history of the museum alongside the scenery of Ueno; the path of a painter who continued to work self-taught in Ōmuta, Fukuoka; and research in Buenos Aires, Argentina, sparked by a single painting made in 1926. By tracing different places and individual practices in parallel, the exhibition moves beyond the "center/periphery" framework to contemplate the fundamental meaning of artistic expression. Highlights of the Exhibition PART 01 A century of "Ueno" revisited through diverse materials Part I, "Ueno—100 Years of the Tokyo Metropolitan Art Museum," presents a wide range of records, including paintings, prints, photographs, and materials from the Tokyo Metropolitan Art Museum Archives. It looks back from the birth of the Tokyo (Prefectural) Art Museum, through wartime and postwar years, to activities after the opening of the new building in 1975, alongside views of Ueno from the same periods. From multiple perspectives, you can trace both the history of exhibitions held at the museum and the ways Ueno has transformed as a cultural place. PART 02 The creative trajectory of the self-taught painter Shigeo Egami introduced in Tokyo for the first time Part II, "Ōmuta—100 Years of Shigeo Egami," focuses on the work of Shigeo Egami (1912–2014), who lived in Ōmuta, Fukuoka Prefecture, and steadfastly painted as a self-taught, independent artist. Using familiar materials such as pencil, watercolor, and oil pastel/crayon, Egami continued to engage with the landscapes close at hand. Through around 400 works—including woodcuts, experimental abstract paintings, and dyed-paper pieces—the exhibition traces his long creative path. This is the first opportunity for Egami’s works to be presented in Tokyo in a comprehensive manner. PART 03 A research project starting from 《The Zinnia Garden》 Starting from the painting 《The Zinnia Garden》, regarded as the first item in the collection of the Tokyo Metropolitan Art Museum, this research project pursues the mysteries surrounding the presumed author “藤岡鉄太郎.” Focusing on a person with the same name who went to Buenos Aires, Argentina in 1927 and worked in the landscaping and floriculture industries, we trace the trajectories of the work and the individual across 100 years. In addition, based on flower photographs collected through a public call, we will produce a page-a-day calendar for 2027. Recommended for Recommended for those interested in the history of the Tokyo Metropolitan Art Museum and the cultural landscape of Ueno, and for those who wish to carefully appreciate the works of the self-taught painter 江上茂雄. It is also suitable for those interested not only in the works themselves but also in the creators, the places where the works were born, and the activities of individuals buried in history. For domestic and international travelers visiting Ueno, it will be an opportunity to learn about Tokyo’s museum culture while encountering stories of creation that connect Japan and overseas. Image courtesy: Tokyo Metropolitan Art Museum Image courtesy: Tokyo Metropolitan Art Museum ※ Upon presenting a ticket for the concurrently held special exhibition 「The British Museum’s Japanese Art Collection: A Riot of Flowers—Edo Paintings Across the Seas」 (Tokyo Metropolitan Art Museum), general visitors and those aged 65 and over may view this exhibition for “100 yen” (Tokyo Metropolitan Art Museum 100th-anniversary admission price). ※ Holders of a Physical Disability Certificate, Ai-no-Techo, Ryoiku-Techo, Mental Disability Health and Welfare Certificate, or A-bomb Survivor Health Handbook and one accompanying caregiver (up to 1 person) are admitted free of charge. ※ Visitors aged 18 and under, university students, high school students, vocational school students, those aged 65 and over, and holders of the above certificates must present documentation to verify eligibility. ※ On Mon., September 21 (public holiday), in observance of “Respect for the Aged Day,” visitors aged 65 and over are admitted free of charge. ※ On Thu., October 1, in observance of “Tokyo Citizens’ Day,” admission is free for everyone. ※ Elementary, junior high, and high school students within Tokyo, as well as equivalent persons, and their accompanying teachers are admitted free when visiting as part of school educational activities (advance application required). ※ On “Summer Night Museum” days only, entry after 17:00 grants a discount or free admission to this exhibition. ・Dates: Fridays between August 7 (Fri) and August 28 (Fri), 2026, for entry after 17:00 ・Admission discount: General visitors and those aged 65 and over receive 200 yen off (ID required) :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 - 3 Hàng */ .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; } /* Event Section Styling (Liệt kê theo dạng mẫu) */ .event-group-title { font-size: 1.2rem; font-weight: 700; color: var(--accent-orange); border-bottom: 2px solid var(--accent-orange-light); padding-bottom: 6px; margin-top: 36px; margin-bottom: 24px; } .event-group-title:first-child { margin-top: 0; } .event-list { display: flex; flex-direction: column; gap: 28px; } .event-item { display: flex; flex-direction: column; gap: 6px; } .event-item-title { font-size: 1.1rem; font-weight: 700; color: var(--text-main); line-height: 1.4; word-break: break-word; margin-bottom: 4px; } .event-details { list-style: none; padding: 0; margin: 0; } .event-details li { font-size: 0.925rem; color: var(--text-main); line-height: 1.8; word-break: break-word; } .event-desc { margin-top: 4px; font-size: 0.875rem; color: var(--text-muted); line-height: 1.65; text-align: justify; } .event-notes-box { background-color: var(--accent-orange-light); border-left: 3px solid var(--accent-orange); padding: 16px 20px; margin-top: 28px; font-size: 0.85rem; color: var(--text-main); } .event-notes-box ul { list-style: none; padding: 0; } .event-notes-box li { margin-bottom: 4px; text-indent: -1.2em; padding-left: 1.2em; } .event-notes-box li: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 - giữ tỉ lệ ảnh gốc */ .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-credit { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: center; word-break: break-word; } /* 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 { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }

Enjoy sake from all over Japan 「酒まつりジャパン2026秋」 「酒まつりジャパン2026秋」 will be held at the "おかちまちパンダ広場" in front of the south exit of 御徒町駅. Breweries from across Japan will gather for a sake event where you can enjoy 113 labels of sake. At the venue, you can enjoy tastings as well as purchase sake and explore various food and drink booths. It’s a chance to casually compare different sakes and experience the craftsmanship and flavors from regions all across Japan. Event Highlights Compare sakes from all over Japan Breweries from across the country will exhibit at the venue, offering 113 labels of sake. You can enjoy tastings of various types such as junmai and junmai ginjo. Tasting tickets cost 3,000円 for 10 cups in advance and 3,000円 for 7 cups on the day. Sip and compare the labels that catch your eye to find your favorite sake. Gourmet foods to enjoy with sake The venue features a dining area, with dishes that pair well with sake. Spend an autumn moment savoring a variety of gourmet offerings at each booth. Take home sakes that catch your interest Some participating breweries also offer take-home sales of sake. If you’d like to enjoy the sakes you tasted at home, please check with each booth regarding availability for purchase. Recommended for This event is recommended for those who want to compare and taste different sakes or who are interested in sake from regions across Japan. At a venue with easy access from 御徒町駅, why not enjoy various sakes and gourmet foods while discovering the charm of Japanese sake? © 酒まつりジャパン2026 © 酒まつりジャパン2026 ※ Sake brands are available in limited quantities; popular labels will become unavailable once sold out. ※ During crowded periods, admission restrictions may be implemented. ※ Please refrain from bringing food and beverages into the venue. :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; } }

Ikebukuro comes alive with dance at the 27th Tokyo Yosakoi Set in Tokyo’s Ikebukuro, the 27th Tokyo Yosakoi will be held. As part of the Toshima Ward residents’ autumn festival “Fukuro Matsuri,” teams from across Japan present powerful performances with original choreography, costumes, and music. While inheriting the Yosakoi culture that originated in Kochi Prefecture, Tokyo Yosakoi brings together a variety of participants—corporate teams, university circles, local organizations, and kids’ teams—to dance across the streets of Ikebukuro. Highlights of Tokyo Yosakoi Enjoy performances while strolling through Ikebukuro The venues are set around the west exit of Ikebukuro Station, and you can walk between multiple sites to enjoy each team’s performance. According to the official timetable, venues include “Station Front Main,” “Azalea-dori venue,” and “Ikebukuro Nishiguchi Park.” The Eve Festival on Saturday, October 10 is planned at the “Tobu Department Store Sky Deck,” and the Main Festival on Sunday, October 11 will also feature the “Mizuki-dori venue.” Eve Festival and Main Festival Saturday, October 10 is the Eve Festival, and Sunday, October 11 is the Main Festival. At the Main Festival, you can enjoy both the “nagashi-odori,” danced while moving forward, and the “stage-odori,” performed on stage. Performances are scheduled to start at 10:30 a.m. at each venue. As participating teams and times differ by venue, please check the latest timetable on the official website before your visit. A mass dance that spectators can join At Tokyo Yosakoi, one of the highlights is the “mass dance,” where not only the dancers but also the audience can join in. Feel the excitement of the venue and the sense of Ikebukuro coming together as one. Recommended for Recommended for those who want to enjoy a stroll around Ikebukuro while seeing Japanese festivals and traditional dances. Because you can enjoy gorgeous costumes, music, and powerful dances up close, it’s an event that’s easy to understand and join even for overseas travelers experiencing Japanese culture for the first time. While moving between venues, why not look for your favorite team or performance? ©ふくろ祭り協議会 ©ふくろ祭り協議会 ※Performance times and details at each venue are subject to change. Please check the official website for the latest information. ※Traffic restrictions are scheduled to be in place during the event period. Please check the guidance on the official website 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; 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; } .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; } }

Special Exhibition National Museum of Nature and Science Special Exhibition “いきもの超ワールド展 国立科学博物館×ダーウィンが来た！” Now Open Spotlight on the “astonishing abilities” and “survival strategies” of creatures that have evolved while adapting to changes in Earth’s environment At the National Museum of Nature and Science, the special exhibition “いきもの超ワールド展 国立科学博物館×ダーウィンが来た！” is being held. This exhibition focuses on the “astonishing abilities” and “survival strategies” of living things that have evolved while adapting to changes in the global environment. In addition to the specimens, materials, and research findings held by the National Museum of Nature and Science, it introduces the diverse evolution and ecology of living creatures through footage filmed by NHK’s nature program 『ダーウィンが来た！』. Exhibition Highlights POINT 01 Learn about the evolution of life through specimens, research, and video The exhibition introduces, by theme, the traits and functions of organisms that have adapted to a variety of environments. Through real specimens, the latest research findings, and valuable nature footage, you can enjoy learning how animals have adapted to their environments and sustained life. POINT 02 A collaborative project with 『ダーウィンが来た！』 Through a collaboration with NHK’s nature program 『ダーウィンが来た！』, the exhibition presents footage shot by the program’s production team. The exhibition’s original character “くじらじい” was born from a collaboration with “ヒゲじい,” familiar from 『ダーウィンが来た！』. While highlighting notable specimens, research, and videos, the exhibition delves into the wonders of living things. POINT 03 Enjoy an audio guide, too The audio guide features the exhibition navigator 相葉雅紀, “くじらじい,” and “ヒゲじい.” On-site rental version: 650 yen per device (tax included); app distribution version: 800 yen (tax included). Recommended for those who want to enjoy the exhibition in greater depth. Recommended for family trips and museum-hopping in Ueno This exhibition, where you can enjoy the astonishing ecology of living creatures through both specimens and video, is recommended for a wide range of ages from children to adults. The venue is the National Museum of Nature and Science in Ueno Park. Consider visiting as part of a tour of museums and art museums in the Ueno area. Image courtesy of: いきもの超ワールド展 Image courtesy of: いきもの超ワールド展 ※Visitors to this exhibition may also view the permanent exhibition on the same day only; however, this is limited to the permanent exhibition's opening hours. ※Exhibit contents, exhibition period, open days, and opening hours are subject to change. :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; } /* 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%; overflow: hidden; } .image-frame img { max-width: 100%; height: auto; display: block; object-fit: contain; /* Chống kéo thả hình ảnh */ pointer-events: none; -webkit-user-drag: none; -webkit-user-select: none; user-select: 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; } .subtitle { font-size: 0.95rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } } document.addEventListener('contextmenu', function(e) { if (e.target.tagName === 'IMG') { e.preventDefault(); } });