도쿄의 관광, 미식, 이벤트 정보｜도쿄를 즐겁게 여행

이케부쿠로의 거리가 춤으로 물드는 ‘제27회 도쿄 요사코이’ 도쿄·이케부쿠로를 무대로 ‘제27회 도쿄 요사코이’가 개최됩니다. 매년 가을 열리는 도시마 구민 축제 ‘후쿠로 마쓰리’의 일환으로, 전국에서 모인 팀들이 오리지널 안무·의상·음악으로 힘찬 연무를 선보입니다. 고치현에서 시작된 요사코이 문화를 잇는 한편, 도쿄 요사코이에서는 기업팀, 대학 동아리, 지역 단체, 키즈팀 등 다양한 참가자들이 이케부쿠로 거리를 무대로 춤을 춥니다. 도쿄 요사코이의 볼거리 이케부쿠로 거리를 걸으며 연무를 즐길 수 있다 행사장은 이케부쿠로역 서쪽 출구 주변에 마련되며, 여러 회장을 걸어서 둘러보며 각 팀의 연무를 즐길 수 있습니다. 공식 타임스케줄에는 ‘역앞 메인’, ‘아제리아도리 회장’, ‘이케부쿠로 니시구치 공원’ 등이 안내되어 있습니다. 10월 10일(토) 전야제는 ‘도부백화점 스카이데크’, 10월 11일(일) 본제는 ‘미즈키도리 회장’도 예정되어 있습니다. 전야제와 본제 개최 10월 10일(토)은 전야제, 10월 11일(일)은 본제가 열립니다. 본제에서는 전진하며 추는 ‘나가시오도리’와 무대에서 선보이는 ‘스테이지오도리’를 모두 즐길 수 있습니다. 연무는 각 회장에서 오전 10시 30분부터 시작될 예정입니다. 회장마다 출연 팀과 시간이 다르니 방문 전에 공식 사이트의 최신 타임스케줄을 확인해 주세요. 관객도 참여할 수 있는 총춤 도쿄 요사코이에서는 춤꾼들뿐 아니라 관객도 함께 즐길 수 있는 ‘총춤’도 볼거리 중 하나입니다. 현장의 열기를 느끼며 이케부쿠로 거리가 하나가 되는 분위기를 만끽할 수 있습니다. 이런 분께 추천 이케부쿠로 거리를 산책하며 일본의 축제와 전통 춤을 보고 싶은 분께 추천합니다. 화려한 의상과 음악, 힘찬 춤을 가까이에서 즐길 수 있어 일본 문화를 처음 접하는 해외 여행자도 이해하기 쉽고 참여하기 쉬운 행사입니다. 행사장을 옮겨 다니며 마음에 드는 팀이나 공연을 찾아보는 건 어떨까요? ©ふくろ祭り協議会 ©ふくろ祭り協議会 ※각 공연장의 출연 시간과 내용은 변경될 수 있습니다. 최신 정보는 공식 웹사이트를 확인해 주세요. ※개최 기간 중에는 교통 통제가 실시될 예정입니다. 방문 전에 공식 웹사이트의 안내를 확인해 주세요. :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; } }

이케가미 혼몬지 오에시키 일련종 대본산 이케가미 혼몬지에서 성 니치렌의 기일을 기리는 불교 법요 ‘오에시키（おえしき）’가 거행됩니다. 2026년은 종조 제745회 원기에 해당합니다. 법요와 법문을 비롯해, 이케가미 거리를 수놓는 ‘만등 연공양’, 니치렌 성인의 입멸을 기리는 ‘임멸도시 법요’ 등이 진행됩니다. 니치렌 성인과 인연 깊은 성지에서 전통 있는 불교 행사를 체험할 수 있는 기회입니다. 오에시키의 볼거리 이케가미 거리를 행진하는 만등 연공양 10월 12일에는 이케가미 도쿠모치 회관에서 이케가미 혼몬지까지 약 2km 구간에서 만등 행렬이 진행됩니다. 전국에서 모인 강중에 의해 수백 기의 만등이 마토이, 우치와다이코, 쇠북, 피리 소리와 함께 이케가미 거리를 행진합니다. 종이 조화로 장식된 만등은 니치렌 성인이 입멸하실 때 뜰의 벚나무가 철을 어기고 꽃을 피웠다는 고사에서 유래합니다. 엄숙한 임멸도시 법요 10월 13일 오전 7시부터 ‘특별설법·임멸도시 법요’가 봉행됩니다. 니치렌 성인이 입멸하시던 때 성 닛쇼가 울렸다고 전해지는 종을 본받아, 이케가미 혼몬지의 관수가 ‘임멸도시의 종’을 고요히 타종합니다. 법요·법문과 단체 참배 오에시키 기간 중에는 다양한 법요와 법문이 진행됩니다. 10월 12일 오전 10시에는 성 니치렌의 의복을 하복에서 동복으로 갈아입히는 ‘종조 어갱의 법요’, 오후 2시에는 ‘종조 보은 어태야 법요’가 봉행됩니다. 또한 12일부터는 대당에 다이목이 울려 퍼지고, 전국에서 많은 참배객과 단체 참배객이 방문합니다. 라이브 스트리밍도 진행 만등 네리쿠요와 임멸도시 법요는 인터넷으로 라이브 스트리밍될 예정입니다. 현지 방문이 어려운 분들도 공식 사이트에서 행사의 모습을 시청할 수 있습니다. 참배 시 유의사항 오에시키 기간에는 이케가미 혼몬지와 이케가미역 주변에서 교통 통제가 시행됩니다. 자동차의 진입·통행이 제한되며, 자전거로의 참배는 자제하라는 안내가 있습니다. 또한 혼몬지 경내 및 만등 행렬 구역에서는 드론 등 무선 조종 비행 물체의 사용이 금지되어 있습니다. 교통 통제와 안내 내용은 변경될 수 있으니, 현지 경찰관과 안내원의 지시에 따라 주십시오. 다양한 만등 © 池上本門寺 마토이 © 池上本門寺 ※행사 시간, 교통 통제, 라이브 스트리밍 등의 상세 내용은 방문 전에 공식 웹사이트에서 확인해 주십시오. ※현재 니치렌 대성인 750주기 사업에 따라 대전 보수 공사가 진행 중입니다. :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; } }

\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n \r\n \r\n 나미에를 보고, 느끼고, 만들자! 자원봉사 투어\r\n \r\n\r\n \r\n \r\n 이번 with!浜通り事業에서 개인이 참가할 수 있는 모집형 투어를 개최하게 되어 안내드립니다.\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n 포인트\r\n \r\n \r\n\r\n \r\n \r\n \r\n ➀ 집결·해산 장소(도쿄역 또는 나미에역)부터 자택까지의 왕복 교통비도 지원합니다. 여행 경비 부담을 줄이면서 활동에 참여하실 수 있습니다.\r\n \r\n \r\n\r\n \r\n ➁ 지역 과제 해결 활동에 참여해 주신 분께는 다음 방문 시浜通り 지역 등 15개 시정촌 내 가맹 점포에서만 사용할 수 있는 PayPay 상품권 1만 엔을 증정합니다.\r\n \r\n \r\n\r\n \r\n ➂ 10/11(일)에는 道の駅なみえ에서 개최 중인 ‘浜フェス’에 참가! 이후 행사장 주변 정리 자원봉사를 진행합니다.\r\n \r\n \r\n\r\n \r\n ➃ 10/12(월·공휴일)에는 전통적인 大堀相馬焼과 관련하여 陶芸の杜 주변 제초를 한 뒤, 大堀相馬焼 손성형 체험을 합니다.\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n 일정·신청·문의\r\n \r\n \r\n\r\n \r\n \r\n ■일정:아래에 첨부된 문서(PDF)를 확인해 주세요.\r\n \r\n\r\n \r\n ■신청처·문의처\r\n 신청 기간:2025년 9월 25일(금)~2026년 10월 5일(월)\r\n \r\n\r\n \r\n ➀주소\r\n \r\n\r\n \r\n ➁성명(후리가나)\r\n \r\n\r\n \r\n ➂성별\r\n ➃생년월일\r\n \r\n\r\n \r\n ➄전화번호\r\n \r\n\r\n \r\n ➅도쿄역에서 참가 또는 나미에역에서 참가 중 어느 쪽인지 기재한 후, with!浜通り 사무국으로 이메일 신청해 주세요.\r\n 신청 이메일:f_hamadori@jtb.com with!浜通り 사무국 담당:紺野・櫻井・井川・新田 문의처:024-503-2799 (평일 9:30~17:30) 신청을 기다리고 있습니다! :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%; /* 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; } .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; } /* 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; } }

특별전 국립과학박물관 특별전「いきもの超ワールド展 国立科学博物館×ダーウィンが来た！」 개최 지구 환경 변화에 적응하며 진화해 온 생물들의 ‘놀라운 능력’과 ‘생존 전략’에 주목 국립과학박물관에서 특별전「いきもの超ワールド展 国立科学博物館×ダーウィンが来た！」이 열리고 있습니다. 본 전시는 지구 환경의 변화에 적응하며 진화해 온 생물들의 ‘놀라운 능력’과 ‘생존 전략’에 주목합니다. 국립과학박물관이 소장한 표본·자료와 연구 성과에 더해, NHK 자연 프로그램『ダーウィンが来た！』가 촬영한 영상을 통해 생물의 다양한 진화와 생태를 소개합니다. 전시 하이라이트 POINT 01 표본·연구·영상으로 배우는 생물의 진화 전시는 다양한 환경에 적응해 온 생물의 형질과 기능을 주제별로 소개합니다. 실제 표본과 최신 연구 성과, 귀중한 자연 영상을 통해 동물들이 어떻게 환경에 적응하며 생명을 이어 왔는지 즐겁게 배울 수 있습니다. POINT 02 『ダーウィンが来た！』와의 공동 기획 NHK 자연 프로그램『ダーウィンが来た！』와의 공동 기획으로, 제작팀이 촬영한 영상을 전시합니다. 본 전시 오리지널 캐릭터 ‘くじらじい’는 『ダーウィンが来た！』로 친숙한 ‘ヒゲじい’와의 컬래버레이션에서 탄생했습니다. 표본과 연구, 영상의 볼거리를 소개하며 생물의 신비에 다가갑니다. POINT 03 오디오 가이드도 이용 가능 오디오 가이드에는 본 전시 내비게이터인 相葉雅紀, ‘くじらじい’, 그리고 ‘ヒゲじい’가 등장합니다. 회장 대여판은 1대 650엔(세금 포함), 앱 배포판은 800엔(세금 포함)입니다. 전시를 더욱 깊이 즐기고 싶은 분께 추천합니다. 가족 여행이나 우에노의 미술관·박물관 투어에 추천 표본과 영상 두 가지로 생물의 놀라운 생태를 감상할 수 있는 이번 전시는 어린이부터 어른까지 폭넓은 세대에게 추천합니다. 회장은 우에노 공원 내 국립과학박물관입니다. 우에노 지역의 박물관·미술관 투어와 함께 방문해 보시는 건 어떨까요? 이미지 제공: いきもの超ワールド展 이미지 제공: いきもの超ワールド展 ※본 전시 관람객은 동일한 날에 한해 상설전시도 관람할 수 있습니다. 단, 상설전시의 개관 시간 내로 한합니다. ※전시 내용, 회기, 개관일, 개관 시간 등은 변경될 수 있습니다. :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(); } });