東京の観光・グルメ・イベント情報を一挙紹介｜ぐるっと東京

伝統行事 秋の風景と萩を楽しむ 「向島百花園 萩まつり」 向島百花園で、2026年度「萩まつり」が開催されます。園の名物である約30メートルの「萩のトンネル」が見ごろを迎えるこの時期、秋色に染まる園内を散策しながら、季節の草花や日本の文化を楽しめます。 期間中は、「萩」を題材に俳句や和歌を短冊に書く「萩を詠む」をはじめ、園内の野草を観察する「野草ウォッチング」や、お抹茶と茶菓子を楽しめる「茶会」などが行われます。 イベント内容 EVENT 01 （１）萩を詠む 日 時：期間中毎日　終日　※雨天中止 場 所：藤棚横四阿（あずまや） 内 容：来園されたお客様に「萩」を題材に俳句・和歌を短冊にお書きいただきます。 参加費：無料（入園料別途） EVENT 02 （２）野草ウォッチング 日 時：９月19日（土）11時40分～、14時40分～（各回約1時間）※雨天中止 集合場所：売店前広場 内 容：講師の解説のもと、園内の野草を観察します。 講師：若林 芳樹 氏（植物研究家） 定 員：各回20名 参加方法：当日集合場所にお集まりください（定員に達し次第終了）。 EVENT 03 （３）茶会 日 時：10月３日（土）、４日（日）11時～16時（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―わたしとまちの記憶」が開催されています。本展は、昨年度から始まった「まちとつながる現代美術の展覧会」の第2弾です。「わたしとまちの記憶」をテーマに、9組のアーティストによる彫刻・絵画・写真・建築・インスタレーションなど、多様な作品を通して、中村橋の「まち」の過去と現在をつなぎます。 展覧会の見どころ まちなかを歩きながら作品を楽しめる 本展では、練馬区立美術館だけでなく、サンライフ練馬やサンツ中村橋商店街など、地域のさまざまな場所が会場になります。 商店街の花屋・質屋・古本屋・カフェ・ジェラート屋などでは、彫刻や絵画を中心とした小さな作品を鑑賞できます。旧店舗やサンライフ練馬の旧レストランでは、それぞれの空間の特性を活かした作品も展示されます。 美術館では新作を展示 練馬区立美術館では、展示室・ロビー・正面玄関前に、大小島真木による天井画の新作インスタレーションや、袴田京太朗による新作を含む彫刻を展示。 美術館内の展示は10月18日（日）までとなるため、訪れる際は期間にご注意ください。 作品をめぐるイベントも開催 会期中は、担当学芸員が展示場所を案内しながら作品を解説する「ガイドツアー」や、練馬区役所アトリウムで開催されるミニコンサート「アトリウムミニステージ」とのコラボレーションを予定しています。 会期末には、今年で4回目となる「アートマルシェ」も開催予定。美術の森緑地での出店のほか、ワークショップやパフォーミングアーツのイベントも予定されています。 こんな方におすすめ 現代アートを楽しみながら東京のまちを歩いてみたい方、中村橋の地域とアートのつながりを感じたい方におすすめの展覧会です。 美術館だけでなく、商店街やまちなかに点在する作品をめぐりながら、中村橋の「まち」とアートを楽しんでみてはいかがでしょうか。 飯田竜太《Filtered Silence 18》2024年 本、木 大小島真木《シシルイルイ》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: 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; } }

アニメ『呪術廻戦』5周年 POP UP SHOP -closed space- in 渋谷PARCO 渋谷PARCOで、アニメ『呪術廻戦』の5周年を記念した「アニメ『呪術廻戦』5周年 POP UP SHOP -closed space- in 渋谷PARCO」が開催されています。 本イベントでは、箱に収まった姿の新規描き下ろしイラスト「closed space」や、魅力が箱にぎゅっと詰まった描き起こしミニキャラ「はこぷち」シリーズが登場！ 新規イラストを使用したグッズはもちろん、場面写のグッズやぬいぐるみマスコットなど、さまざなまグッズが販売中！ ポップアップの見どころ 新規描き下ろし「closed space」のグッズが登場 「closed space」では、虎杖悠仁、伏黒恵、釘崎野薔薇、五条悟などのキャラクターが登場します。 キャラバッジコレクションや箔押しアクリルキーホルダー、アクリルブロックなど、新規描き下ろしイラストを使用したグッズがラインナップされています。 ミニキャラ「はこぷちシリーズ」も展開 描き起こしミニキャライラスト「はこぷちシリーズ」からは、キャラバッジコレクション、シャカシャカアクリルキーホルダー、アクリルスタンドなどが登場。 3,300円（税込）購入ごとにノベルティをプレゼント 会場内で3,300円（税込）購入するごとに、オリジナルノベルティ「ミニカード」をランダムで1枚プレゼント。店舗数量限定で、絵柄は選べません。 なお、ノベルティの配布は会場での購入が対象となり、オンラインで購入した場合は対象外です。 こんな方におすすめ 新規描き下ろしイラスト「closed space」や、ミニキャラ「はこぷち」シリーズのグッズ展開に加え、ぬいぐるみマスコットをご用意しております。 店内には写真映えする大型イラスト装飾もございます。 この機会に是非足をお運びください！ 通販でも9月27日(日)23：59まで販売中！ ▼通販ページはこちら https://avengerz.shop/?category_id=6a69e5efd2ff8f16389f45ea ＜EC販売の注意事項＞ ※販売数には限りがございます。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; } }