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

일본 각지의 사케를 즐길 수 있는 「酒まつりジャパン2026秋」 御徒町역 남쪽 출구 앞의 "おかちまちパンダ広場"에서 「酒まつりジャパン2026秋」이 개최됩니다. 전국의 양조장이 모여 113종의 사케를 즐길 수 있는 이벤트입니다. 현장에서는 시음을 비롯해 사케 판매와 다양한 음식 부스를 즐길 수 있습니다. 부담 없이 사케를 비교 시음하며, 일본 각 지역의 양조와 풍미를 접할 수 있는 기회입니다. 이벤트 하이라이트 일본 각지 사케 비교 시음 현장에는 전국의 양조장이 참가해 113종의 사케가 준비됩니다. 준마이슈, 준마이 긴조 등 다양한 종류를 시음으로 즐길 수 있습니다. 시음 티켓은 예매 10잔 3,000円, 당일 7잔 3,000円입니다. 마음에 드는 레이블을 조금씩 비교 시음하며, 취향의 사케를 찾아보세요. 사케와 함께 즐기는 미식 현장에는 식음 공간이 마련되어 있으며, 사케와 함께 즐길 수 있는 요리도 준비되어 있습니다. 각 부스에서 다양한 미식을 맛보며 가을의 한때를 보내세요. 마음에 드는 사케는 포장 구매도 가능 일부 참가 양조장에서는 사케 테이크아웃 판매도 진행합니다. 현장에서 맛본 사케를 집에서도 즐기고 싶다면, 각 부스에서 판매 여부를 확인해 주세요. 이런 분께 추천 사케를 비교 시음해 보고 싶거나, 일본 각지의 사케에 관심 있는 분께 추천하는 이벤트입니다。 御徒町역에서 접근하기 쉬운 회장에서 다양한 사케와 미식을 즐기며 일본 술의 매력을 느껴보세요. © 酒まつりジャパン2026 © 酒まつりジャパン2026 ※ 사케 브랜드는 준비된 수량이 한정되어 있으며, 인기 있는 브랜드는 소진 시 마감됩니다. ※ 혼잡 시에는 입장 제한 등이 시행될 수 있습니다. ※ 음식물의 반입은 삼가해 주시기 바랍니다. :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; } }

이케부쿠로의 거리가 춤으로 물드는 ‘제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; } }