-
-
-
Sumida City Store events2026.10.23
The 4th IKIJI Yose
We will hold the 4th IKIJI Yose at the IKIJI STORE in Ryogoku. Once again, we welcome Master Kokontei Engiku and invite you to enjoy rakugo inside the IKIJI STORE. Whether you are new to rakugo or a longtime fan, everyone is welcome. In the uniquely intimate space of IKIJI STORE, where the distance to the performer is close, please enjoy Master Kokontei Engiku’s storytelling up close. 【Performer】 Kokontei Engiku 【Time & Admission】 19:00 – ¥2,000 20:00 – ¥1,500 *There will be no audience turnover. Guests attending from the 19:00 performance may also stay for and enjoy the 20:00 performance. 【Venue】 IKIJI STORE Sumida-ku, Tokyo 【Organizer】 IKIJI 【How to apply】 Advance reservation is required. Please apply via the Google Form below. https://forms.gle/Qftav12qpczK3gL26 We sincerely look forward to your visit.
-
-
-
-
Sumida City Store events2026.08.20–10.25
"Winnie the Pooh" OH MY CAFE
Celebrating the 100th anniversary of the original debut of "Winnie the Pooh" "Winnie the Pooh" OH MY CAFE The special "Winnie the Pooh" OH MY CAFE, commemorating the 100th anniversary of the original "Winnie the Pooh" debut, is being held for a limited time in Tokyo and Osaka. The Tokyo venue is "BOX cafe&space Tokyo Solamachi" in Tokyo Skytree Town, Solamachi. It is a special cafe where you can enjoy the world of Pooh and his friends. Menus celebrating the 100th anniversary and cafe-exclusive goods are available, letting you savor meals and desserts while enjoying Pooh's world. Highlights of the cafe Enjoy cafe-exclusive menu items For food, there are items such as the "I'm So Hungry Balloon Curry," inspired by Pooh flying through the sky with a balloon, and the "Forest Teriyaki & Egg Sandwich," inspired by Pooh's house. For desserts, you can enjoy the "100th Anniversary Celebration Parfait" and the "Cake Set Honoring the Hero," inspired by a joyful party of friends in the forest. The drink menu also features items inspired by Pooh, Piglet, Tigger, and Eeyore. Immerse yourself in the world of the story and enjoy a special cafe time. Cafe-exclusive goods and souvenirs are also available Inside the cafe, exclusive goods and souvenirs featuring original artwork are also on sale. You'll find items designed with Pooh and his friends, such as acrylic keychains, stickers, wooden badges, framed magnets, and eco bags. In addition, mugs, glasses, and spoons that can be purchased as a set with drinks are also available, so you can take home memories of the cafe. Enjoy together with Tokyo Skytree sightseeing The Tokyo venue is “BOX cafe&space 東京ソラマチ店,” located on the 1st floor of Tokyo Skytree Town, Solamachi. Sessions are 75 minutes, and using advance reservations grants priority entry. The reservation fee is 770 yen per person (tax included), and when using the cafe, each person must order at least one item from the food, dessert, or drink menu. When visiting the Tokyo Skytree area, why not enjoy the world of “Winnie the Pooh” and special 100th‑anniversary menus? ©Disney. Based on the "Winnie the Pooh" works by A.A. Milne and E.H. Shepard. ©Disney. Based on the "Winnie the Pooh" works by A.A. Milne and E.H. Shepard. ※Advance reservations are recommended. Please check the official website for details. ※Menu images are for illustrative purposes; ingredients may change. ※Merchandise and novelties are in limited quantities. Please check the official website for details. :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%; } /* 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; } }
-
-
-
-
Sumida City Festival2026.09.19–10.26
Oktoberfest in Tokyo Skytree Town® 2026
Experience German autumn at the foot of TOKYO SKYTREE® “Oktoberfest in TOKYO SKYTREE TOWN® 2026” “Oktoberfest in TOKYO SKYTREE TOWN® 2026” is being held at Sky Arena on the 4th floor of TOKYO SKYTREE TOWN®. This event lets you enjoy the lively spirit and authentic atmosphere of the world’s largest beer festival, Oktoberfest in Munich, Germany, right at the foot of TOKYO SKYTREE®. Enjoy authentic German beers and cuisine, live performances by an Alpine band, and a uniquely German ambiance under the autumn sky. Event Highlights (1)Taste and compare authentic German beers A variety of beer brands will be available at the venue, including Hofbräu, Arcobräu, Riegele, and Bitburger. A “4-beer tasting set” is also available, letting you sample four different beers at once and find your favorite while savoring the distinct flavors and aromas. In addition, the Tokyo-born craft beer “TOKYO CRAFT” will be served on tap. (2)German cuisine and unique glassware In addition to classic German fare such as sausages and pretzels, this year also features a roast beef rice bowl. Sweets like apple pie and non-alcoholic drinks made with fruits are also available, making it enjoyable for lunch or dinner. Unique glasses such as “boot glasses” and “dumbbell glasses” will also make an appearance, offering a beer experience that’s a little different from the usual. (3)Enjoy the venue with music and photo spots There will also be live performances by an Alpine band at the venue. Enjoy the lively, upbeat music and the quintessentially festive Oktoberfest atmosphere. Additionally, a venue-exclusive photo spot where you can take commemorative photos with Tokyo Skytree® in the background will also be available. It’s also recommended for making memories with family and friends. Recommended for Recommended for those who want to casually enjoy authentic German beer and cuisine, and for those who want to enjoy an autumn event around Tokyo Skytree®. In an open space with a close-up view of Tokyo Skytree®, why not enjoy the autumn Oktoberfest along with beer, food, and music? © Oktoberfest in Tokyo Skytree Town® 2026 © Oktoberfest in Tokyo Skytree Town® 2026 ※Held in case of rain (canceled in severe weather). ※Contents are subject to change without notice depending on circumstances. ※The listed menus are examples and may differ from actual offerings. ※As this event is a dining area, pets are not allowed except for assistance dogs (not permitted even if kept in a cage, etc.). :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%; -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; } }
-
-
-
-
Sumida City Hobby gathering2026.07.10–10.31
Chiikawa ☆ Starry Skytree® and the Secret Island
Experience the world of "Chiikawa" at Tokyo Skytree "Chiikawa☆Starry Skytree® and the Secret Island" At Tokyo Skytree, the collaboration event "Chiikawa☆Starry Skytree® and the Secret Island" with the popular character "Chiikawa" is being held. This event is a collaboration held in conjunction with the July 24, 2026 (Fri) release of "Chiikawa the Movie: The Secret of Mermaid Island". Centered around the Tembo Galleria 450 m above ground, exhibits and photo spots where you can enjoy the world of the movie "Chiikawa" will appear. At Tokyo Skytree, which offers sweeping views of the city, you can spend a special time together with Chiikawa and friends. Event Highlights A "Secret Island" spread out in the sky On Floors 445~450 of the Tokyo Skytree Tembo Galleria, a special space lets you immerse yourself in the world of the movie "Chiikawa". Starting with a boat trip to a special island, meeting characters in special costumes, and exploring caves by rowboat—you can enjoy displays set on an island theme. At the plushie photo spot, you can also capture memories from the island. Feel free to bring along your favorite plush toy. Special screening 350 m above ground At the Tembo Deck on Floor 350, the "SKYTREE ROUND THEATER®", which transforms the windows into a gigantic panoramic screen, will screen special "Chiikawa" footage. Each screening is about 6 minutes. Enjoy dynamic visuals along with views of Tokyo. Special lighting inspired by Chiikawa During the period, special lighting inspired by characters such as Chiikawa, Hachiware, Usagi, and Momonga will also be illuminated. Designs inspired by the characters change approximately every 100 seconds, coloring the night of Tokyo Skytree. Limited café menus and merchandise also available At the SKYTREE CAFE on the Tembo Deck, Floor 340, event-exclusive café menus are offered. Enjoy character-themed drinks, foods, and more. In addition, event-exclusive merchandise is on sale at SKYTREE SPACE on the 1st floor of Tokyo Skytree. Recommended for Recommended not only for fans of “Chiikawa,” but also for those who want to enjoy the Tokyo Skytree observatory together with the collaboration event. While taking in Tokyo’s views from the observatory, immerse yourself in the world of “Chiikawa” and enjoy limited merchandise and café menus—perfect for making memories of your Tokyo trip. Got caught by a siren ©TOKYO-SKYTREE The truth summoned by the island ©TOKYO-SKYTREE ※ Admission fees are required for the Tembo Deck and Tembo Galleria. ※ “SKYTREE ROUND THEATER®” may not be screened depending on event or observatory operating conditions. ※ Special lighting hours and content are subject to change without notice. ※ Event contents are subject to change without notice. :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%; /* 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形 */ .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; } }
-
-
-
-
Sumida City Festival2026.09.19–10.12
Mukojima-Hyakkaen Gardens Bush Clover Festival
Traditional Event Enjoy autumn scenery and hagi (bush clover) "Mukojima Hyakkaen Hagi Festival" The 2026 "Hagi Festival" will be held at Mukojima Hyakkaen. Around the time when the approximately 30-meter-long "Hagi Tunnel," a specialty of the garden, is at its best, you can stroll through the autumn-colored grounds and enjoy seasonal flowers and Japanese culture. During the period, events such as "Hagi-themed Poetry" where visitors write haiku and waka on tanzaku, "Wildflower Watching" to observe wild plants in the garden, and a "Tea Ceremony" offering matcha and sweets will be held. Event Details EVENT 01 (1) Hagi-themed Poetry Date and Time: Every day during the festival, all day. Canceled in case of rain. Location: Azumaya (arbor) beside the wisteria trellis Details: Visitors are invited to write haiku and waka on tanzaku with "hagi" as the theme. Participation Fee: Free (admission fee required separately) EVENT 02 (2) Wildflower Watching Date and Time: Saturday, September 19, 11:40 and 14:40 (about 1 hour each). Canceled in case of rain. Meeting Point: Plaza in front of the shop Details: Observe wild plants in the garden with commentary from the instructor. Instructor: Yoshiki Wakabayashi (plant researcher) Capacity: 20 people per session How to Participate: Please gather at the meeting point on the day (ends when capacity is reached). EVENT 03 (3) Tea Ceremony Date and Time: Saturday, October 3, and Sunday, October 4, 11:00–16:00 (held every 30 minutes, 10 times per day) Location: Onari Zashiki Details: A tea ceremony demonstration by the Mukojima Hyakkaen Tea Gathering will be held, and matcha with sweets will be served. Everyone is welcome to join. Participation fee: Per seat 1,500 yen(admission fee not included) Capacity: 10 people per session(first-come, first-served on the day・no advance reservation required) How to participate: Registration will be available in front of the Onarizashiki from 10:30 to 15:30(ends when capacity is reached)。 Recommended for Ideal not only for those who want to stroll through the garden while savoring the autumn atmosphere, but also for those who wish to experience traditional Japanese culture through haiku, waka, and tea gatherings. Enjoy a relaxing time while admiring seasonal flowers and plants. ©Tokyo Metropolitan Park Association ©Tokyo Metropolitan Park Association ※For the latest 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: 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; } }
-