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

전통 행사 가을 풍경과 싸리꽃을 즐기는 「무코지마 햣카엔 하기 마쓰리」 무코지마 햣카엔에서 2026년도 ‘하기 마쓰리’가 개최됩니다. 정원의 명물인 약 30미터 길이의 ‘하기 터널’이 절정을 맞는 이 시기, 가을빛으로 물든 정원을 거닐며 계절의 초화와 일본 문화를 즐길 수 있습니다. 기간 중에는 ‘하기’를 주제로 하이쿠와 와카를 단자쿠에 쓰는 ‘하기를 읊다’를 비롯해, 정원 내 야초를 관찰하는 ‘야초 관찰’, 말차와 다과를 즐길 수 있는 ‘다회’ 등이 진행됩니다. 행사 내용 EVENT 01 (1) 하기를 읊다 일시: 기간 중 매일, 종일. 우천 시 취소 장소: 등나무 퍼골라 옆 정자(아즈마야) 내용: 방문객이 ‘하기’를 주제로 하이쿠·와카를 단자쿠에 씁니다. 참가비: 무료(입장료 별도) EVENT 02 (2) 야초 관찰 일시: 9월 19일(토) 11:40~, 14:40~ (각 회 약 1시간) ※우천 시 취소 집합 장소: 매점 앞 광장 내용: 강사의 해설을 들으며 정원 내 야초를 관찰합니다. 강사: 와카바야시 요시키 (식물 연구가) 정원: 각 회 20명 참가 방법: 당일 집합 장소로 모여 주십시오(정원 마감 시 종료). EVENT 03 (3) 다회 일시: 10월 3일(토), 4일(일) 11:00~16:00 (30분 간격으로 진행, 각 일 10회) 장소: 오나리 자시키 내용: 向島百花園 차회에서 다도 시연을 하고, 말차와 다과를 제공합니다. 누구나 부담 없이 참여하실 수 있습니다. 참가비: 1석 1,500엔（입장료 별도） 정원: 회차별 10명（당일 선착순・사전 신청 불필요） 참여 방법: 10:30～15:30 동안 御成座敷 앞에서 접수를 진행합니다（정원 마감 시 종료）。 이런 분들께 추천 가을의 정취를 느끼며 정원을 산책하고 싶은 분은 물론, 하이쿠와 와카, 다회 등을 통해 일본 전통문화를 접해 보고 싶은 분께도 추천합니다. 계절의 꽃과 풀을 감상하며 여유로운 시간을 즐길 수 있습니다. ©Tokyo Metropolitan Park Association ©Tokyo Metropolitan Park Association ※최신 정보는 공식 웹사이트를 확인해 주세요. :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; } }

아트 페스티벌 시모키타 거리 전체를 무대로 즐기는 아트 페스티벌 「문 아트 나이트 시모키타자와 2026」 시모키타자와 일대 전체를 무대로, 달과 예술을 테마로 한 「문 아트 나이트 시모키타자와 2026」이 개최됩니다. 시모키타 선로가이를 비롯해 주변 상점가와 시설 등 도시 전역에 다양한 작품과 이벤트가 등장합니다. 예술을 감상하며 거리를 걸어 시모키타자와만의 문화와 분위기를 즐길 수 있는 새로운 감각의 아트 페스티벌입니다. 2026년에는 「Museum of the Moon」과 「A Thousand Faces of the Moon」 등의 작품을 비롯해 라이브, 이벤트, 마켓, 워크숍 등 다채로운 기획이 전개됩니다. 이벤트 하이라이트 거리 전체가 예술의 무대로 회장은 시모키타 선로가이를 중심으로 한 시모키타자와 일대 전체입니다. 도보로 둘러볼 수 있는 거리에 다양한 작품과 이벤트가 모여, 거리를 산책하며 예술을 즐길 수 있습니다. 메인 작품으로는 下北線路街 空き地에는 ルーク・ジェラム의 「Museum of the Moon」, 히가시키타자와역 옥상에는 金氏徹平의 「A Thousand Faces of the Moon」, BONUS TRACK에는 松田将英의 「The Big Flat Now」 등이 선보입니다. 달과 예술을 즐기는 다채로운 이벤트 기간 중에는 달과 예술을 테마로 한 라이브, 이벤트, 마켓, 워크숍 등이 개최됩니다. 9월 25일에는 체험형 합창 기획 「月の下で歌う『ムーンライト』」, 10월 2일에는 「永原真夏 with おだきゅうのもころん ～ムーンアートナイトSpecial LIVE～」 등이 예정되어 있습니다. 또한 히가시키타자와역 옥상에서는 예술 감상과 함께 천체관측회도 즐길 수 있습니다. 시모키타자와만의 콜라보 미식도 이벤트 기간 중에는 시모키타자와 점포와 협업한 기간 한정 메뉴도 선보입니다. 「お月見うさぎカフェラテ」, 「お月見抹茶ソフトクリーム」, 「下北月餅」 등 달을 모티프로 한 다양한 메뉴를 즐길 수 있습니다. 본 이벤트의 특징은 예술 감상뿐 아니라 식사와 산책을 곁들여 시모키타자와의 매력을 체험할 수 있다는 점입니다. 스탬프 랠리로 거리를 둘러보자 현장에서는 스탬프 랠리도 진행됩니다. 참가 지점의 QR 코드를 스캔해 스탬프를 모으면, 모은 수에 따라 혜택을 받고 실시간 랭킹에 참여할 수 있습니다. 모은 스탬프는 NFT로 보관할 수도 있습니다. 이런 분께 추천 예술과 음악, 거리 산책을 즐기고 싶은 분, 시모키타자와만의 문화를 체험하고 싶은 분께 추천하는 이벤트입니다. 도쿄 관광 시 시모키타자와 거리를 거닐며 예술과 미식, 다양한 이벤트를 한 번에 즐길 수 있습니다. 해외 방문객도 즐길 수 있도록 현장에서는 영어 응대와 안내 표기를 제공할 예정입니다. © 2026 Moon Art Night Shimokitazawa © 2026 Moon Art Night Shimokitazawa ※야외 이벤트는 비가 와도 진행하며, 악천후 시 중지합니다. ※이벤트 관련 음식 및 상품 제공 시간은 매장마다 다릅니다. ※작품 전시와 이벤트 내용 등은 변경될 수 있습니다. 최신 정보는 공식 웹사이트를 확인해 주세요. 티켓 정보 각종 티켓은 아래 사이트에서 구매하실 수 있습니다. https://moonartnightfes.com/tickets/ :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; } }

전시회 ‘마을’과 예술을 둘러싼 전시 「アーツ中村橋 2026―나와 마을의 기억」 네리마구립미술관과 中村橋의 마을 일대를 무대로, 「アーツ中村橋 2026―나와 마을의 기억」이 개최됩니다. 본 전시는 지난해 시작된 ‘마을과 연결되는 현대미술 전시’의 두 번째 순서입니다. ‘나와 마을의 기억’을 주제로 9팀의 아티스트가 선보이는 조각·회화·사진·건축·설치 등 다양한 작품을 통해 中村橋 ‘마을’의 과거와 현재를 잇습니다. 전시 하이라이트 마을을 걸으며 작품을 즐길 수 있음 이번 전시는 네리마구립미술관뿐 아니라 サンライフ練馬, サンツ中村橋商店街 등 지역의 다양한 장소가 전시장이 됩니다. 상점가의 꽃집·전당포·헌책방·카페·젤라토 가게 등에서는 조각과 회화를 중심으로 한 소규모 작품을 감상할 수 있습니다. 폐점한 옛 점포와 サンライフ練馬의 옛 레스토랑에서는 각 공간의 특성을 살린 작품도 전시됩니다. 미술관에서는 신작을 전시 네리마구립미술관의 전시실·로비·정문 앞에는 大小島真木의 천장화 신작 설치와 袴田京太朗의 신작을 포함한 조각이 전시됩니다. 미술관 내 전시는 10월 18일(일)까지이므로 방문 시 기간을 유의해 주세요. 작품을 둘러싼 이벤트도 개최 전시 기간에는 담당 학예사가 전시 장소를 안내하며 작품을 해설하는 ‘가이드 투어’와, 네리마 구청 아트리움에서 열리는 미니 콘서트 ‘アトリウムミニステージ’와의 협업이 예정되어 있습니다. 전시 말에는 올해로 4회째를 맞는 ‘アートマルシェ’도 개최될 예정입니다. 美術の森緑地에서의 출점 외에도 워크숍과 퍼포밍 아트 이벤트가 계획되어 있습니다. 이런 분께 추천 현대미술을 즐기며 도쿄 거리를 걸어보고 싶은 분, 나카무라바시 지역과 예술의 연결을 느껴보고 싶은 분께 추천하는 전시입니다. 미술관뿐만 아니라 상점가와 마을 곳곳에 흩어져 있는 작품들을 둘러보며 나카무라바시의 ‘동네’와 예술을 함께 즐겨보지 않으시겠어요? 飯田竜太《Filtered Silence 18》2024년 책, 나무 大小島真木《シシルイルイ》2026년 유채, 캔버스, Kannagara, 도자, 목재, 뿔（※ 도면 기준） ※각 회장의 휴관일·개장 시간은 회장 지도를 확인해 주십시오. ※이벤트의 상세 내용은 공식 웹사이트의 이벤트 페이지 등에서 수시로 안내됩니다. :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; } }

루브르 박물관 소장, 레오나르도 작품 포함 56점이 일본에 온다 ‘루브르 박물관전 르네상스’ 국립신미술관에서 ‘루브르 박물관전 르네상스’가 12월 13일(일)까지 개최됩니다. 15세기부터 16세기에 걸쳐 유럽 각지에서 전개된 르네상스 미술에 초점을 맞추어, 루브르 박물관 소장품에서 선정한 56점의 작품을 통해 그 풍부하고 복합적인 예술적 특성을 소개하는 전시입니다. 본 전시는 르네상스를 상징하는 예술가 레오나르도 다 빈치에 주목하여, ‘여행’, ‘기법의 혁신과 세련’, ‘고대에 대한 시선’, ‘초상 예술의 융성’이라는 네 가지 주제로 작품을 소개합니다. 회화뿐만 아니라 조각, 판화, 소묘, 공예 등 다양한 장르의 작품을 감상할 수 있습니다. 전시의 볼거리 레오나르도 다 빈치의 ‘여성의 초상’ 일본 첫 공개 이번 전시에서는 레오나르도 다 빈치의 ‘여성의 초상’, 잘못 붙여진 별칭 ‘아름다운 페로니에르’가 일본에서 처음 공개됩니다. 1490~1497년경 제작된 유화로, 르네상스기에 높아진 인간 개성에 대한 관심을 상징하는 초상 예술의 걸작입니다. 네 가지 주제로 르네상스 미술 소개 전시는 ‘여행’, ‘기법의 혁신과 세련’, ‘고대에 대한 시선’, ‘초상 예술의 융성’의 네 가지 주제로 구성되어 있습니다. 고대 그리스·로마 문화의 재평가 움직임, 예술가들의 교류, 기법의 발전 등 다양한 측면에서 르네상스 미술을 알아볼 수 있습니다. 회화부터 조각, 판화, 공예까지 다채로운 작품 전시 현장에서는 회화, 조각, 판화, 소묘, 공예 등 폭넓은 장르의 작품을 소개합니다. 루브르 박물관이 소장한 다양한 작품을 통해 르네상스 미술의 매력을 느낄 수 있습니다. 이런 분께 추천 르네상스 미술과 서양미술에 관심이 있거나, 레오나르도 다 빈치의 작품을 감상하고 싶은 분, 루브르 박물관의 컬렉션을 만나보고 싶은 분께 추천하는 전시입니다. 록폰기 지역의 미술관 투어와 함께 도쿄에서 서양미술을 즐길 수 있는 기회로 방문해 보시는 건 어떨까요? 베네치아 화가《베네치아 공화국 사절단을 맞이하는 다마스쿠스 총독》1511년경　파리, 루브르 박물관 Photo © GrandPalaisRmn (musée du Louvre) / Gabriel De Carvalho / distributed by AMF-DNPartcom 알브레히트 뒤러《코뿔소》1515년(초판)　파리, 루브르 박물관 Photo © GrandPalaisRmn (musée du Louvre) / Michel Urtado / distributed by AMF-DNPartcom ※ 전시 내용 및 전시 작품은 변경될 수 있습니다. ※ 최신 정보는 공식 웹사이트를 확인해 주세요. :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: left; 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; } }