디자인을 통해 다양한 일들과 사물에 대해 생각하는 디자인 시설
【21_21 DESIGN SIGHT】
도쿄도 미나토구 아카사카의 도쿄 미드타운 가든 내에 위치한 「21_21 DESIGN SIGHT」는 디자인을 통해 다양한 일들과 사물에 대해 사유하고, 디자인에 대한 이해와 관심을 키우는 것을 목표로 하는 디자인 시설입니다.
전시를 중심으로 한 다각적인 프로그램을 통해 누구나 참여하고 제안을 할 수 있는 장으로서, 디자인의 즐거움과 신선한 놀라움을 접할 수 있습니다.
관내에는 연간 수차례 열리는 기획전을 위한 「갤러리 1&2」와 더불어, 국내외 기업의 전시와 디자인 프레젠테이션을 진행하는 「갤러리 3」가 마련되어 있습니다.
또한 건축 자체도 큰 볼거리 중 하나입니다. 안도 다다오가 설계를 맡았으며, ‘한 장의 천’과 같은 지붕이 특징인 건축에는 일본의 기술이 곳곳에 반영되어 있습니다. 지하에 배치된 약 80%의 볼륨과 자연광이 스며드는 선큰 코트 등, 다이내믹한 공간이 펼쳐집니다.
추천 포인트 3가지
1. 전시를 중심으로 디자인을 다각도로 즐길 수 있습니다
「Gallery 1&2」에서는 디자인의 관점에서 ‘일상’을 생각해보는 기획전을 매년 여러 차례 개최합니다.
전시의 디렉터는 디자이너를 비롯해 폭넓은 분야의 전문가들이 맡습니다. 하나의 주제를 다양한 각도에서 바라보는 전시를 통해, 평소 무심코 접해온 사물과 사건을 디자인이라는 새로운 시각에서 생각해볼 기회를 제공합니다.
더불어 「Gallery 3」에서는 국내외 기업의 전시와 디자인 프레젠테이션을 선보입니다. 교육·문화 기관과의 연계 프로그램 등을 통해 더욱 다각적인 ‘디자인의 시선’을 탐구합니다.
2. 건축 자체가 만들어내는 다이내믹한 공간
21_21 DESIGN SIGHT의 건축은 안도 다다오가 설계했습니다. 미야케 이세이의 의복 제작 콘셉트인 ‘한 장의 천’에서 영감을 받아, 한 장의 철판을 접은 듯한 지붕이 특징입니다.
전체 볼륨의 약 80%를 지하에 배치한 건축 구성과 자연광이 스며드는 선큰 코트 등, 관내에는 개성적이고 다이내믹한 공간이 펼쳐져 있습니다.
전시 관람에 그치지 않고 건축과 공간 자체에 주목하며 방문하면 디자인을 보다 입체적으로 느낄 수 있는 점이 매력입니다.
3. 전시와 숍을 통해 디자인을 가까이에서 느끼다
관내의 갤러리 숍 「21_21 NANJA MONJA」에서는 오리지널 굿즈와 전시 관련 서적, 아이템 등을 소개합니다.
기획전을 관람한 뒤 들르면, 전시를 계기로 관심을 갖게 된 디자인과 주제를 서적과 아이템을 통해 더욱 즐길 수 있습니다.
전시, 건축, 숍 등 서로 다른 각도에서 디자인을 접할 수 있는 점 역시 21_21 DESIGN SIGHT만의 매력 포인트입니다.
기타 추천 정보
21_21 DESIGN SIGHT는 전시 관람에 그치지 않고, 건축과 숍 등을 포함해 디자인을 다각도로 체험할 수 있는 공간입니다.
• 여러 개의 갤러리 운영
‘갤러리 1&2’에서는 기획전을, ‘갤러리 3’에서는 국내외 기업의 전시와 디자인 프레젠테이션을 진행합니다. 서로 다른 관점에서 디자인을 접할 수 있습니다.
• 자연광이 스며드는 선큰 코트
지하에 조성된 선큰 코트에는 자연광이 들어와, 건축의 특징을 체감할 수 있는 다이내믹한 공간을 이룹니다.
• 도쿄 미드타운 가든 내 위치
도쿄도 미나토구 아카사카의 도쿄 미드타운 가든에 자리해, 도심에서 디자인과 건축을 접하고 싶은 이들도 쉽게 방문할 수 있습니다.
• 해외 방문객에게도 추천
일상의 사물을 주제로 한 기획전과, 세계적으로 알려진 건축가 안도 다다오의 특징적인 건축을 한자리에서 즐길 수 있어, 일본 국내 여행객은 물론 해외 방문객도 디자인의 매력을 체감할 수 있는 장소입니다.
참고 문헌
- 21_21 DESIGN SIGHT 공식 사이트: https://www.2121designsight.jp/
기본 정보
| 이름 |
21_21 DESIGN SIGHT (トゥーワン・トゥーワン・デザインサイト) |
|---|---|
| 주소 | 도쿄도 미나토구 아카사카 9-7-6 찾아오시는 길 |
| 전화 | 03-3475-2121 |
| 영업 시간 |
【월・수・목・금・토・일】
10:00 - 19:00(L.O. 18:30) |
| 정기휴무일 | 화요일, 연말연시, 전시 교체 기간 |
| 주차장 |
주차장: 없음
자동차나 자전거 등으로 오실 경우 도쿄 미드타운 주차장·자전거 주차장(외부 사이트)을 이용해 주세요. |
| 入場料 | 企画展、プログラムにより異なる |
| 결제 방법 | 현금・신용카드・QR코드 결제・交通系電子マネー |
| 공식 SNS | |
| 공식 URL | https://www.2121designsight.jp/designsight/ |
결제 정보
| 신용카드 |
|
|---|
| QR코드 결제 |
|
|---|
시설 정보
| 찾아오시는 길 |
|
|---|
| 흡연 |
|
|---|
| 조건·경향 |
|
|---|
주변 이벤트
-
-
-
0.00 km
경로 확인미나토구 강연 및 문화2026.08.28(金)–2027.01.11(月)기획전 『방장기』로 현대의 삶을 다시 바라보다 기획전 「방장기에서 배우다 – 삶을 다시 짜는 작은 건축 –」 21_21 DESIGN SIGHT에서는 기획전 「방장기에서 배우다 – 삶을 다시 짜는 작은 건축 –」이 2026년 8월 28일(금)부터 개최 중입니다。 13세기 초 가모노 조메이가 집필한 수필 『방장기』에는 끊임없이 변하는 세상에서 어떻게 살아갈 것인가라는 물음이 기록되어 있습니다. 조메이가 살았던 오두막은 현존하지 않지만, 그의 말은 시대를 넘어 읽혀 오며 주거의 본질을 생각하게 하는 실마리가 되어 왔습니다. 본 전시는 『방장기』에 등장하는 작은 건축인 「方丈の庵」을 출발점으로, 현대의 삶과 구축 환경을 다시 바라봅니다. 전시 디렉터를 맡은 건축가 쓰카모토 요시하루의 아래, 건축가, 디자이너, 미술가, 기업 등이 각자의 「方丈の庵」을 구상합니다. 전시의 볼거리 약 9㎡의 작은 건축에서 삶을 생각하다 일장사방, 약 9㎡인 「方丈の庵」의 스케일을 단서로, 소재, 구조, 도구를 매개로 삶의 방식을 다시 묻는 다양한 장치를 소개합니다. 복수의 「方丈の庵」을 체험 전시장에서는 『방장기』에 그려진 자연과 삶에 대한 리서치와 함께 여러 오두막이 전시됩니다. 관람객은 전시 공간을 거니며 서로 다른 관점으로 구성된 「方丈の庵」을 만나볼 수 있습니다. 『방장기』와 현대의 삶 사이에 시선을 두다 본 전시는 『방장기』 자체를 해독하는 데만 목적이 있지 않습니다. 『방장기』와 우리 사이에 드러나는 ‘삶’에 주목하며, 현재의 생활과 새롭게 마주할 기회를 지향합니다. 이런 분께 추천 건축과 디자인, 일본 문화에 관심 있는 분은 물론, 한정된 공간에서의 생활 방식과 앞으로의 주거 형태에 대해 생각해 보고 싶은 분께도 추천합니다. 도쿄 롯폰기 지역의 미술관이나 디자인 시설을 방문할 때에도 꼭 들르고 싶은 전시입니다. 촬영: 木奥恵三 촬영: 木奥恵三 ※전시 내용이나 참여 작가 등은 변경될 수 있습니다. 최신 정보는 공식 웹사이트를 확인해 주세요. :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; } }
-
-
-
-
0.50 km
경로 확인미나토구 강연 및 문화2026.09.09(水)–12.13(日)루브르 박물관 소장, 레오나르도 작품 포함 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; } }
-
-
-
-
3.00 km
경로 확인메구로구 강연 및 문화2026.09.30(水)–2027.01.17(日)전시 중국과 일본의 현대 사진·영상이 서로 공명하다 「듀엣――아시안 컨템퍼러리」 도쿄도 사진미술관에서 전시 「듀엣――아시안 컨템퍼러리」가 개최됩니다. 중국과 일본의 현대 사진·영상 작품을 소개하는 전시로, 2018년의 「사랑에 대하여 아시안 컨템퍼러리」에 이어 기획된 시리즈의 두 번째입니다. 이번 전시는 「듀엣」이라는 단어를 실마리로 서로 다른 시각과 배경을 지닌 작품들을 한 공간에 전시하며, 여러 시선과 문화, 시간, 개인의 경험이 교차하며 생겨나는 관계성과 울림에 주목합니다. 전시의 볼거리 중국과 일본 6명의 작가가 선보이는 다채로운 사진·영상 전시장에서는 村越としや, ワン・トゥオ(王拓), スイ・タカ(塔可), ルオ・ヤン(罗洋), ジャン・ポンイー(蒋鹏奕), fumiko imano 등 6명의 작가 작품을 소개합니다. 후쿠시마 땅의 기억을 포착한 村越としや의 작업, 중국 동북부의 역사와 사회를 다룬 ワン・トゥオ의 영상 작업, 중국에서 가장 오래된 시가집 『시경』에 노래된 장소를 찾아가는 スイ・タカ의 사진 시리즈, 청년과 아시아계 이민자의 정체성을 포착한 ルオ・ヤン의 작업 등, 각 작가의 독특한 시선으로 현대의 아시아를 바라봅니다. 사진 표현의 다양한 가능성을 만나다 ジャン・ポンイー는 반딧불이의 생물발광 궤적을 필름에 직접 기록하는 카메라리스 기법으로 〈Dark Addiction〉을 제작합니다. fumiko imano는 가상의 쌍둥이 자매를 등장시키는 셀프 포트레이트 콜라주 작업을 전개하고 있습니다. 서로 다른 기법과 표현을 활용한 작품을 통해 현대 사진·영상의 다채로운 표현을 접할 수 있는 전시입니다. 전시와 함께 즐길 수 있는 연계 이벤트 전시 기간에는 공동 기획자와 사진 평론가, 담당 학예사가 참여하는 심포지엄 외에도 수어를 포함한 Q&A 쇼, 담당 학예사의 갤러리 토크가 개최됩니다. 심포지엄은 2026년 10월 3일(토)에 개최될 예정이며, 일중 순차통역, 수어 통역, 실시간 자막 지원이 제공됩니다. 이런 분께 추천 현대 사진과 영상 작품에 관심이 있는 분, 중국·일본의 현대미술을 접해 보고 싶은 분, 다양한 문화와 시각으로 아시아를 담아낸 작품을 즐기고 싶은 분께 추천합니다. 전시는 에비스 가든 플레이스 내 위치한 도쿄도 사진미술관에서 열리므로, 에비스 지역의 미술관과 관광 명소와 함께 방문하시는 것도 좋습니다. Jiang Pengyi 《Dark Addiction 1H43’24”》 2013년 잉크젯 프린트 소장: 작가 ©Jiang Pengyi, Courtesy of ShanghART Gallery asian-contemporary-flyer-final[pdf] Luo Yang 《San 2》 〈Girls〉 시리즈 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; } }
-
지도 & 교통
〒107-0052 도쿄도 미나토구 아카사카 9-7-6
도에이 지하철 오에도선 ‘롯폰기’역, 도쿄 메트로 히비야선 ‘롯폰기’역, 지요다선 ‘노기자카’역에서 도보 5분