Event Board

A family-friendly Halloween event “Sunshine City FUN！FUN！HALLOWEEN 2026” At Sunshine City in Ikebukuro, the family-friendly Halloween event “Sunshine City FUN！FUN！HALLOWEEN 2026” is underway. Centered around the Alpa specialty shopping center, the event features programs themed on original ghost characters, card collecting as you explore the facility, festival stalls, concerts, and more. Many activities are designed for children of elementary school age and younger, and you can join without advance reservations or special preparation. Alongside shopping and dining, it’s an event where parents and children can make Halloween memories together. Event Highlights Join with a Candy BOX: “The Great Trick-or-Treat Operation!” Children of elementary school age and younger who bring a Candy BOX made from a sheet featuring Sunshine City’s original characters will receive an assortment of sweets as a gift. Event dates: October 17 (Sat), 18 (Sun), 24 (Sat), 25 (Sun), 30 (Fri), and 31 (Sat). Each day from 11：00 to 16：00 at the plaza in front of the South Entrance on 1F of the Alpa specialty shopping center. During the period, there will also be a workshop to make a Candy BOX. Participation fee is 100 yen per person, cash only. The gift is limited to one per person during the period, and only those who bring an original Candy BOX or one made at the same-day workshop are eligible. Search for ghosts: “Let’s Collect! Ghost Card Encyclopedia” This is a participatory rally where you search for ghosts lurking throughout the facility, collect illustrated cards, and complete your encyclopedia. The period is from October 1 (Thu) to 31 (Sat). For children of elementary school age and younger. Cards are distributed in accordance with each facility’s business hours and are available in limited quantities. Separate admission fees are required for Sunshine Aquarium, Sunshine 60 Observatory Tenbou Park, and the Ancient Orient Museum. A family-friendly Halloween fair In the plaza in front of the South Entrance on 1F of the Alpa specialty store area, stalls such as shooting games and doll scooping will appear. The event will be held from 11:00 to 16:00 on October 17 (Sat)・18 (Sun), 24 (Sat)・25 (Sun), and 30 (Fri)・31 (Sat), and is intended for children of elementary school age and younger. The fee is 300 yen per try at each stall, or 500 yen for a set ticket that lets you enjoy two stalls; cash only. Halloween concert featuring artists in costume On Halloween day, Saturday, October 31, a concert will be held at the Fountain Plaza on B1 of the Alpa specialty store area. the CRAZY ANGEL COMPANY, dressed as ghosts and monsters, will perform on a participatory stage where visitors can enjoy dancing together. Each session is about 30 minutes at 11:30, 14:00, 15:30, and 16:00, and admission is free. In addition, photo spots where you can enjoy the Halloween mood will also appear at “Picture Book Plaza” on Alpa 1F and at Sunshine 60 Observatory Tenbou Park. Recommended for Recommended for those who want to enjoy Halloween with their children or enjoy seasonal events along with sightseeing in Ikebukuro. Why not make Halloween memories at Sunshine City by collecting ghost cards and enjoying the fair and photo spots? “Picture Book Plaza” photo spot image Image provided by: Sunshine City Scenes from past events Image provided by: Sunshine City ※ Content and schedule are subject to change. Some programs may be canceled in case of inclement weather. ※ Cards, sweets, and prizes are available while supplies last. All prices include tax. :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; } }

“Sunshine Aquarium at Night” and a special exhibition exploring the mysteries of life “More and More ♡ Sex Galore” At Sunshine Aquarium, the nighttime special event “More and More ♡ Sex Galore” is being held. This is the fifth installment in the popular series that began in 2019. It uniquely presents survival strategies and the “mystery of sex,” including animals’ courtship, reproduction, parenting, and the mechanisms of reproductive organs that are rarely seen. Exhibition Highlights Unique exhibits to experience at the aquarium at night In an enchanting, nighttime-only space, you can appreciate the lesser-known aspects of sexuality in diverse creatures through illustrations and special tanks. The program is full of playful, adult-oriented ideas, including a sealed booklet given to every visitor. Interactive content to enjoy textures and mechanisms A wealth of installations you can touch and operate. Making their debut are “ビンビンBOX,” which lets you experience the structure of a male sea lion’s reproductive organ, and the ““性”存確率ルーレット,” where you can feel the harsh odds from survival to reproduction in fish. You can also enjoy the popular “もみもみBOX,” where you put your hand in to check the feel of “something” from a living creature. Limited goods & cafe menu Limited goods will be on sale, including original condoms and room key holders featuring the room number “181,” tied to the ““plenty” of sex” theme. At the Tully’s Coffee inside the facility, a limited-time “アクアリウムココア” featuring motif illustrations of creatures appearing in the event will also be available. Recommended for This event is recommended for those who want to enjoy a unique aquarium experience in Ikebukuro, Tokyo at night, and for those who wish to explore the little-known behavior of creatures and the wonders of life. Why not visit a special nighttime aquarium and spend a moment full of surprises and discoveries? Scenes from past events Images courtesy of Sunshine Aquarium Scenes from past events Images courtesy of Sunshine Aquarium ※Admission is available until 30 minutes before closing. ※For the latest information on events and merchandise, 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%; /* 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; } }

Hokkaido’s flavors and charms gather in Ikebukuro! 「北海道まるごとフェア in サンシャインシティ2026」 At Sunshine City, the 「北海道まるごとフェア in サンシャインシティ2026」 will be held, where you can enjoy Hokkaido specialties, local gourmet foods, local sake, and travel information all in one place. The venue will feature flavors from across Hokkaido, including seafood, ramen, Jingisukan, and sweets. This event is recommended not only for those planning a trip to Hokkaido, but also for anyone who wants to easily experience Hokkaido’s charm in Tokyo. Exhibition highlights Savor Hokkaido’s local gourmet dishes In Exhibition Hall A, the 『サンシャインシティ北海道物産展』 will be held, offering Hokkaido specialties and gourmet foods. Enjoy a wide variety of dishes unique to the north, such as crab rice, luxury seafood rice bowl with botan shrimp, miso butter corn ramen, Jingisukan, Sapporo Zangi, and jumbo venison sausage. In addition, Hokkaido-style sweets such as Tokachi Jersey soft-serve, white pudding, sweet potato, and Brûlée Custard-in Baum will be available. Taste and compare Hokkaido sake We will offer by-the-shot sales of 33 Hokkaido sake labels and 3 liqueurs made with sake, available from a single cup. Shot tickets are 1,000 yen (100-yen tickets × 11). If you find a favorite label, you can also purchase a bottle. Sake will be served in 30ml plastic cups. Drinking by persons under 20 and drunk driving are prohibited. Sample seven kinds of soft-serve ice cream The 「北海道ソフトクリーム食べ比べ」, where you can enjoy flavors from various parts of Hokkaido, is also a highlight. You can choose your favorite three out of seven shops to compare flavors, including Hokkaido Milk Charcoal-Roasted Coffee Soft Serve, Yubari Melon Soft Serve, Rishiri Premium Extra-Salt Soft Serve, and Tokachi Jersey Soft Serve Rich Milk. The ticket for three shops is 1,200 yen. Join the lottery while you shop During the event period, if you make purchases at three shops, you can participate in the “Hokkaido Marugoto Lottery”. Add the official LINE account for the Hokkaido Marugoto Fair as a friend and scan the lottery QR codes at each shop to accumulate points. You can enter the lottery for every 3 points (3 shops). In addition, the “My Sunshine City” app plans to distribute coupons that can be exchanged for vegetables produced in Hokkaido. App membership registration is required to use the coupons. Hokkaido Tourism PR Corner also appears A Hokkaido Tourism PR corner will be set up at the venue, and Hokkaido’s mascot characters will also make appearances. On Saturday, October 10 and Sunday, October 11, appearances are scheduled at 11:30, 13:30, and 15:30 each day. Recommended for This event is recommended for those who want to enjoy Hokkaido cuisine and Japanese sake, and for those who want to savor local specialties in Tokyo. It’s easy to access from Ikebukuro Station and Higashi-Ikebukuro Station, so why not stop by during your Tokyo sightseeing and experience the charms of Hokkaido’s food and tourism? 俺のラーメンこうた_Hokkaido Butter Corn Rich Sapporo Miso Ramen_1,600 yen Image provided by: Sunshine City 十勝ミルキー_Tokachi Jersey Soft Serve Rich Milk_500 yen Image provided by: Sunshine City ※Products and prices are subject to change. ※All prices include tax. ※Images are for illustrative purposes only. ※Retail booths are open until 18:00 each day. Last orders at restaurants are 30 minutes before closing each day. :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; } }