Информация о достопримечательностях, гастрономии и событиях в Токио｜Путешествие по Токио

Традиционное мероприятие Наслаждайтесь осенними пейзажами и хаги «Праздник хаги в Мукодзима Хяккаэн» В Мукодзима Хяккаэн состоится «Праздник хаги» 2026 года. В период, когда фирменный «Тоннель из хаги» длиной около 30 метров достигает пика, вы сможете, прогуливаясь по саду, окрашенному в осенние тона, насладиться сезонными травами и цветами, а также японской культурой. В течение фестиваля пройдут мероприятия, включая «Стихи о хаги», где посетители пишут хайку и вака на тандзаках, «Наблюдение за дикими травами» в саду, а также «Чайная встреча» с маття и сладостями. Программа мероприятия EVENT 01 (1) Стихи о хаги Дата и время: Ежедневно в период проведения, в течение всего дня. Отменяется в случае дождя. Место: Беседка (адзумая) рядом с навесом глициний Содержание: Посетителям предлагается написать хайку и вака на тандзаках на тему хаги. Участие: Бесплатно (входной билет оплачивается отдельно) EVENT 02 (2) Наблюдение за дикими травами Дата и время: Суббота, 19 сентября, 11:40 и 14:40 (примерно по 1 часу). Отменяется при дожде. Место сбора: Площадка перед киоском Содержание: Под руководством лектора наблюдаем дикорастущие растения сада. Лектор: Ёсики Вакабаяси (исследователь растений) Количество мест: 20 человек на сеанс Порядок участия: Подходите к месту сбора в день проведения (после набора максимума прием завершается). EVENT 03 (3) Чайная встреча Дата и время: Суббота, 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; } }

Арт‑фестиваль Арт‑фестиваль, которым можно наслаждаться на улицах Симокиты «Moon Art Night Симокитадзава 2026» Во всём районе Симокитадзава пройдёт «Moon Art Night Shimokitazawa 2026», посвящённый теме Луны и искусства. Начиная с Shimokita Senrogai, а также на близлежащих торговых улицах и в объектах по всему городу появятся разнообразные работы и события. Это новый формат арт‑фестиваля: можно гулять по городу, наслаждаясь искусством, и почувствовать уникальную культуру и атмосферу Симокитадзавы. В 2026 году запланирована обширная программа: помимо работ «Museum of the Moon» и «A Thousand Faces of the Moon», состоятся лайвы, события, маркеты и воркшопы. Главные особенности события Весь город становится сценой для искусства Площадка охватывает весь район Симокитадзава с центром в Shimokita Senrogai. Разные работы и мероприятия сосредоточены на расстоянии прогулки — можно наслаждаться искусством, исследуя город. Среди основных работ: «Museum of the Moon» ルーク・ジェラム в 下北線路街 空き地, «A Thousand Faces of the Moon» 金氏徹平 на крыше станции Хигаси‑Китадзава, и «The Big Flat Now» 松田将英 в BONUS TRACK. Разнообразные события, чтобы наслаждаться Луной и искусством В период проведения пройдут лайвы, события, маркеты и воркшопы на тему Луны и искусства. На 25 сентября запланирован интерактивный хоровой проект 「月の下で歌う『ムーンライト』」, а на 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 — Память обо мне и городе». Это второй выпуск начатого в прошлом году проекта «Выставка современного искусства, связанная с городом». На тему «Память обо мне и городе» девять коллективов художников с помощью разнообразных работ — скульптуры, живописи, фотографии, архитектуры и инсталляций — соединяют прошлое и настоящее «города» 中村橋. Главные моменты выставки Наслаждайтесь работами, прогуливаясь по городу Площадками выставки станут не только Музей искусства района Нэрима, но и различные места района, такие как サンライフ練馬 и торговая улица サンツ中村橋商店街. В цветочных лавках, ломбардах, букинистических магазинах, кафе и джелатериях на торговой улице можно увидеть небольшие работы, главным образом скульптуру и живопись. В бывших магазинах и в бывшем ресторане サンライフ練馬 также будут представлены работы, учитывающие особенности каждого пространства. В музее — премьеры новых работ В выставочных залах, фойе и перед главным входом Музея искусства района Нэрима будут показаны новая инсталляция с потолочной росписью от 大小島真木 и скульптуры, включая новые работы, от 袴田京太朗. Экспозиция внутри музея продлится до воскресенья, 18 октября, поэтому, пожалуйста, учитывайте сроки при посещении. Также состоятся события вокруг работ В период выставки планируются «Гид-тур», в ходе которого куратор проведет по местам показа и расскажет о работах, а также коллаборация с мини-концертом «アトリウムミニステージ», проходящим в атриуме управы района Нэрима. В конце выставки также запланирован «アートマルシェ», который в этом году пройдет в четвертый раз. Помимо торговых точек в 美術の森緑地, ожидаются мастер-классы и события перформативного искусства. Кому рекомендуется Эта выставка рекомендуется тем, кто хотел бы прогуляться по Токио, наслаждаясь современным искусством, а также тем, кто хочет почувствовать связь района Накамурабаши с искусством. Предлагаем насладиться «городом» Накамурабаши и искусством, посетив не только музей, но и работы, рассеянные по торговым улицам и в городском пространстве. 飯田竜太《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; } }

POP UP SHOP к 5-летию аниме «Jujutsu Kaisen» -closed space- в Shibuya PARCO В Shibuya PARCO проходит POP UP SHOP, посвящённый 5-летию аниме «Jujutsu Kaisen»: «Anime “Jujutsu Kaisen” 5th Anniversary POP UP SHOP -closed space- in Shibuya PARCO». На этом мероприятии представлены новые иллюстрации «closed space» с персонажами в коробках, а также серия новых мини-персонажей «はこぷち», в которых вся их очаровательность «упакована» в коробку! В продаже не только товары с новыми иллюстрациями, но и мерч со сценами из аниме, плюшевые брелоки-маскоты и многое другое! Главное в поп-апе Новые товары серии «closed space» В «closed space» появляются персонажи, такие как Юдзи Итадори, Мегуми Фусигуро, Нобара Кугисаки, Сатору Годжо и другие. В линейке — коллекция значков с персонажами, акриловые брелоки с тиснением фольгой и акриловые блоки, созданные по новым иллюстрациям. Также представлена серия мини-персонажей «はこぷち» В серии новых мини-иллюстраций «はこぷち» представлены коллекции значков с персонажами, шейкер-акриловые брелоки и акриловые подставки. Подарок-новелти за каждые 3 300 иен (включая налоги) За каждую покупку на 3 300 иен (включая налоги) в зале дарится один случайный оригинальный подарок-новелти «мини-карта». Количество в магазинах ограничено, выбрать дизайн нельзя. Кроме того, раздача новелти действует только для покупок на площадке; онлайн-покупки не участвуют. Рекомендуем Помимо новой иллюстрации «closed space» и товаров серии мини‑персонажей «はこぷち», также представлены плюшевые маскоты. В магазине есть крупные иллюстрации‑декорации, отлично подходящие для фотографий. Не упустите возможность посетить нас! Онлайн‑продажи ведутся до 27 сентября (вс) 23：59! ▼ Страница интернет‑магазина здесь https://avengerz.shop/?category_id=6a69e5efd2ff8f16389f45ea ＜Примечания по продажам EC＞ ※Количество ограничено. Товары интернет‑продаж могут быть распроданы или вновь поступать в течение периода. ※Доставка только по стране. ※Бонусы, доступные при покупке в магазине, не предоставляются. ※Прочие условия смотрите на странице покупки. Коллекция значков с персонажами (closed space) Отдельно: всего 8 видов Цена：по 605 иен/с НДС BOX Цена：4,840/с НДС Акриловый стенд (серия はこぷち) 虎杖 悠仁 / 伏黒 恵 / 釘崎 野薔薇 / 七海 建人 / 五条 悟 / 羂索 / 脹相 / 宿儺 Цена：по 1,100 иен/с НДС ※Представлены только некоторые товары. ※Товары могут быть изменены или сняты с продажи без предварительного уведомления. ※Количество ограничено; возможна распродажа. ※В зависимости от загруженности могут выдаваться талоны на вход. ※Актуальную информацию смотрите на официальном сайте. :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; } /* EC / Mail Order Styling */ .ec-box { background-color: var(--accent-orange-light); border: 1px solid var(--accent-orange); border-radius: 4px; padding: 20px; margin-bottom: 28px; } .ec-title { font-size: 1.05rem; font-weight: 700; color: var(--accent-orange); margin-bottom: 8px; } .ec-link-label { font-size: 0.875rem; font-weight: 700; color: var(--text-main); margin-bottom: 4px; } .ec-link { font-size: 0.875rem; word-break: break-all; margin-bottom: 16px; } .ec-link a { color: var(--accent-orange); text-decoration: underline; } .ec-link a:hover { text-decoration: none; } .ec-notes-title { font-size: 0.825rem; font-weight: 700; color: var(--text-main); margin-bottom: 6px; } .ec-notes-list { list-style: none; padding: 0; } .ec-notes-list li { font-size: 0.8rem; color: var(--text-muted); margin-bottom: 4px; text-indent: -1.2em; padding-left: 1.2em; word-break: break-word; } .ec-notes-list li:last-child { margin-bottom: 0; } /* 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; } }