ショッピングから眺望まで楽しめる東京のハブスポット
【東京スカイツリー®】
東京スカイツリーへようこそ。世界一高い自立式電波塔として、東京の新たな誇りとなる このタワーは、高さ634メートルを誇る、まさに建築の驚異と言えるでしょう。日本の首 都の息を呑むような絶景への玄関口でもあります。夜になると、東京スカイツリーはまば ゆいライティングが点灯され、東京の夜空に幻想的な彩りを添えます。東京スカイツリー を訪れ、モダンでそびえ立つ、魅惑的な東京の姿を発見してください!
おすすめポイント3選
東京スカイツリーの天望デッキ(Tembo Deck)は、地上約350メートルに広がる3フロア(340・345・350)で構成され、東京の街を360度見渡せる絶景スポットです。大型ガラスに囲まれた空間からは、晴れた日には富士山や東京タワー、新宿の高層ビル群まで見渡せ、都心から湾岸エリアまでの景色を心ゆくまで楽しめます。
さらに、フロア445から450に広がる「天望回廊(Tembo Galleria)」では、傾斜のついたガラス回廊を歩きながら、地上約450メートルの高さでまるで空中散歩をしているかのようなスリルを体験できます。チューブ状の独特な設計が、浮遊感とワクワク感をさらに高めます。
天望デッキと天望回廊を組み合わせれば、東京の街並みをあらゆる角度から楽しめる、圧倒的な眺望体験が待っています。
ライティング:東京スカイツリーは、地上からの眺めも格別です。淡いブルーの 「粋」や江戸紫色の「雅」、 橘色の「幟」など、様々なテーマカラーでライティングさ れ、きらめく夜空を彩ります。
幟(のぼり)
「幟」は、元気さ、陰影を強調した光、垂直性のあるデザインで、縁起の良い色とさ れてきた橘(たちばな)色を基調とし、縦のラインで3つの面に大きな旗が掲げられ る様子を表現した動きが特徴。
イベント照明とスペシャルコラボレーション
東京スカイツリーの最大の見どころは、3種類の通常ライティングに加え、特別なテーマ に合わせて定期的に照明が変化する点です。
- イベント:クリスマスや、新年、バレンタインなど、様々イベントに合わせてライティン グされます。
- コンテンツコラボレーション::展望台にて実施される、人気アニメやキャラクターとコラ ボレーションの際は、作品のキャラクターやロゴを象徴する色にライティングされます。
東京の頂上でユニークなお土産を購入
SKYTREE SHOPは、ただのギフトショップではありません。東京最高峰タワーへの旅の思い出となる、特別なお土産が見つかる場所です。
ロケーションとショッピング体験
SKYTREE SHOPは、便利な場所に位置しています。
- 天望デッキ フロア345「SKYTREE SHOP」:展望台内にある小さなショップです。観光の帰りにお土産を買うのに最適です。
- 東京スカイツリー 5階 「SKYTREE SHOP」:タワーの足元に位置する、オフィシャルショップです。豊富な品揃えで、帰る前にじっくりとショッピングを楽しむのに最適です。
おすすめ商品
「SKYTREE SHOP」では、東京スカイツリー限定商品や季節商品のお菓子、人気のスイ ーツ、雑貨まで、バラエティ豊かなお土産を取り揃えております。
- オリジナル商品 : SKYTREE SHOPでしか手に入らない商品やスカイツリー公式キャラクターのソラカラち ゃんグッズが充実!自分用にもお土産にも喜ばれること間違いなし
- 雑貨:模型やキーホルダー、マグネットなどの形に残るモノをはじめ、Tシャツなどの身につけ られる商品もご用意。いつでも旅の楽しさを思い出せます。
- お菓子:配りものにぴったりな大容量のお菓子や、スカイツリー限定デザインのチョコレートやク ッキー、和菓子など、どなたにも喜ばれるバラエティ豊かなお菓子を取り揃えています!
- 日本土産:伝統工芸品や和雑貨、日本酒など「日本らしさ」を感じられる商品を取り揃えています。 日本や東京旅行の思い出にぜひ。
- 特別な体験:切手やポストカードをご購入いただき、天望デッキフロア345にある「スカイツリー®ポ スト(タワー内郵便ポスト)」から、記念スタンプを押して投函できます。 ※設置場所が変更となる場合がございます
東武スカイツリーライン・東京メトロ半蔵門線・都営浅草線・京成押上線 押上(スカイツリー前)駅直結
土日祝 午前9時~午後22時
※最終入場はクローズ時間の1時間前です。
※営業時間については予告なく変更する場合があります。
前日までに購入すると最大400円お得になります!
※ご来場の30日前から前日まで購入できます
| 項目 |
大人 (18歳以上) |
中人 (高校生/中学生 12-17歳) |
小人 (小学生 6-11歳) |
|---|---|---|---|
|
セット券 天望デッキ+天望回廊 (平日) |
3,100円 (1,600円) |
2,150円 (1,150円) |
1,300円 (700円) |
|
セット券 天望デッキ+天望回廊 (休日) |
3,400円 (1,750円) |
2,350円 (1,250円) |
1,400円 (750円) |
|
天望デッキ (平日) |
2,100円 (1,100円) |
1,400円 (750円) |
850円 (450円) |
|
天望デッキ (休日) |
2,300円 (1,200円) |
1,500円 (800円) |
900円 (450円) |
当日でも並ばずに購入できます
| 項目 |
大人 (18歳以上) |
中人 (高校生/中学生 12-17歳) |
小人 (小学生 6-11歳) |
|---|---|---|---|
|
セット券 天望デッキ+天望回廊 (平日) |
3,500円 (1,750円) |
2,350円 (1,200円) |
1,450円 (750円) |
|
セット券 天望デッキ+天望回廊 (休日) |
3,800円 (1,900円) |
2,550円 (1,300円) |
1,550円 (800円) |
|
天望デッキ (平日) |
2,400円 (1,200円) |
1,550円 (800円) |
950円 (500円) |
|
天望デッキ (休日) |
2,600円 (1,300円) |
1,650円 (850円) |
1,000円 (500円) |
※注意事項:
- 休日料金:土日祝日、GW、お盆、年末年始、その他一部特定日が該当します。
- 5歳以下は無料です。6歳で未就学の場合は無料、12歳で小学生の場合は小人料金、18歳以上で高校生の場合は中人料金を適用します。
- ( ) 内は障がい者料金です。障がい者手帳をお持ちの方と同伴者の方(障がい者と同数まで)に、障がい者料金を適用いたします。
- 障がい者料金が適用される手帳:身体障がい者手帳、療育手帳、精神障がい者保健福祉手帳、被爆者健康手帳
💡 その他のおすすめ情報
夕方遅く(夕暮れ時)に訪れるのがおすすめです。こうすることで、一度の訪問で、昼間の東京、夕暮れの移り変わりの瞬間、そしてライトアップされた夜の東京の3つの美しい景色を堪能できます。
参考文献:東京スカイツリー公式サイト www.tokyo-skytree.jp
INFO基本情報
| 名称 |
東京スカイツリー® (トウキョウ スカイツリー) |
|---|---|
| 住所 | 〒131-8634 東京都墨田区押上1丁目1-2 アクセス |
| 電話 | 0570-55-0634 |
| 公式SNS |
周辺のイベント
-
-
-
0.00 km
ルート確認墨田区 趣味の集い2026.07.10(金)~10.31(土)「ちいかわ」の世界を東京スカイツリーで楽しむ 「ちいかわ☆星ふるスカイツリー®とひみつの島」 東京スカイツリーでは、人気キャラクター「ちいかわ」とのコラボレーションイベント「ちいかわ☆星ふるスカイツリー®とひみつの島」が開催されています。本イベントは、2026年7月24日(金)公開の『映画ちいかわ 人魚の島のひみつ』に合わせて開催されるコラボレーションイベントです。 地上450mの天望回廊を中心に、「映画ちいかわ」の世界観を楽しめる展示装飾やフォトスポットが登場。東京の街を一望できる東京スカイツリーで、ちいかわたちと一緒に特別な時間を楽しめます。 イベントの見どころ 空の上に広がる「ひみつの島」 東京スカイツリー天望回廊のフロア445~450では、「映画ちいかわ」の世界観に浸れる特別な空間を展開。 特別な島への船旅から始まり、特別コスチュームのキャラクターたちとの出会い、手漕ぎボートでの洞窟探索など、島を舞台にした展示を楽しめます。 また、ぬい撮りフォトスポットでは、島での思い出を写真に残すこともできます。お気に入りのぬいぐるみと一緒にお越し下さい。 地上350mで特別映像を上映 天望デッキ フロア350では、窓ガラスを巨大なパノラマスクリーンに仕立てた「SKYTREE ROUND THEATER®」で、「ちいかわ」の特別映像を上映します。 上映時間は各回約6分。東京の景色とともに、迫力ある映像を楽しめます。 ちいかわをイメージした特別ライティング 期間中は、ちいかわ、ハチワレ、うさぎ、モモンガなどのキャラクターをイメージした特別ライティングも点灯。 キャラクターをイメージしたデザインが約100秒ごとに移り変わり、東京スカイツリーの夜を彩ります。 限定カフェメニューやグッズも登場 天望デッキ フロア340の「SKYTREE CAFE」では、イベントに合わせた限定カフェメニューを展開。ドリンクやフードなど、キャラクターをイメージしたメニューを楽しめます。 また、東京スカイツリー1F「SKYTREE SPACE」ではイベント限定グッズを販売。 こんな方におすすめ 「ちいかわ」が好きな方はもちろん、東京スカイツリーの展望台とコラボレーションイベントを一緒に楽しみたい方にもおすすめです。 展望台から東京の景色を眺めながら、「ちいかわ」の世界観に触れたり、限定グッズやカフェメニューを楽しんだりと、東京観光の思い出づくりにもぴったりのイベントです。 セイレーンに捕まっちゃった ©TOKYO-SKYTREE 島に呼ばれた真実 ©TOKYO-SKYTREE ※天望デッキ・天望回廊への入場料金がかかります。 ※「SKYTREE ROUND THEATER®」はイベントや展望台の営業状況によって上映しない場合があります。 ※特別ライティングは、点灯時間および内容が予告なく変更される場合があります。 ※イベント内容は予告なく変更される場合があります。 :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%; /* 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形 */ .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; } }
-
-
-
-
0.04 km
ルート確認墨田区 お店の催し2026.08.20(木)~10.25(日)「くまのプーさん」原作デビュー100周年を祝う 「くまのプーさん」OH MY CAFE 「くまのプーさん」原作デビュー100周年を記念したスペシャルカフェ「くまのプーさん」OH MY CAFEが、東京・大阪で期間限定開催されています。東京会場は東京スカイツリータウン・ソラマチにある「BOX cafe&space 東京ソラマチ店」。プーさんと仲間たちの世界観を楽しめる、特別なカフェです。 100周年を記念したメニューやカフェ限定グッズなどが登場し、食事やデザートを味わいながら、プーさんの世界を楽しめます。 カフェの見どころ カフェ限定のメニューを楽しめる フードには、風船で空を飛ぶプーさんをイメージした「腹ぺこだぁバルーンカレー」や、プーさんのおうちをイメージした「森のてりたまサンドイッチ」などが用意されています。 デザートでは、原作デビュー100周年を記念した「100周年お祝いパフェ」や、森の仲間たちの楽しいパーティーをイメージした「英雄をたたえるケーキセット」などを楽しめます。 ドリンクにはプーさん、ピグレット、ティガー、イーヨーをイメージしたメニューも登場。作品の世界観を感じながら、特別なカフェタイムを過ごせます。 カフェ限定グッズやスーベニアも登場 店内では、オリジナルアートを使用したカフェ限定グッズやスーベニアも販売されています。 アクリルキーホルダーやステッカー、ウッドバッジ、額縁マグネット、エコバッグなど、プーさんと仲間たちをデザインしたアイテムが揃います。 また、ドリンクとセットで購入できるマグカップやグラス、スプーンなども用意されており、カフェでの思い出を持ち帰ることができます。 東京スカイツリー観光と一緒に楽しめる 東京会場は、東京スカイツリータウン・ソラマチ1階にある「BOX cafe&space 東京ソラマチ店」。 75分入れ替え制となっており、事前予約を利用すると優先的に入店できます。予約金額は1名770円(税込)で、カフェ利用時にはフード・デザート・ドリンクから1人1品以上の注文が必要です。 東京スカイツリー周辺を訪れる際に、「くまのプーさん」の世界観と100周年ならではのメニューを楽しんでみてはいかがでしょうか。 ©Disney. Based on the "Winnie the Pooh" works by A.A. Milne and E.H. Shepard. ©Disney. Based on the "Winnie the Pooh" works by A.A. Milne and E.H. Shepard. ※事前予約が推奨されています。詳細は公式サイトをご確認ください。 ※メニューの画像はイメージで、食材は変更となる場合があります。 ※グッズ・ノベルティには数量に限りがあります。詳細は公式サイトをご確認ください。 :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%; } /* 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.11 km
ルート確認墨田区 お祭り2026.09.19(土)~10.26(月)東京スカイツリー®の足元で楽しむドイツの秋 「オクトーバーフェスト in 東京スカイツリータウン® 2026」 東京スカイツリータウン®4階のスカイアリーナを会場に、「オクトーバーフェスト in 東京スカイツリータウン® 2026」が開催されています。 ドイツ・ミュンヘンで開催される世界最大規模のビールの祭典「オクトーバーフェスト」の賑わいと本場の雰囲気を、東京スカイツリー®の足元で楽しめるイベントです。 本格的なドイツビールやドイツグルメ、アルプス音楽団による生演奏など、秋空の下でドイツならではの雰囲気を楽しめます。 イベントの見どころ (1)本場ドイツのビールを飲み比べ 会場には、「ホフブロイ」「アルコブロイ」「リーゲレ」「ビットブルガー」など、さまざまな銘柄のビールが登場します。 4種類のビールを一度に楽しめる「4種飲み比べ」も用意されており、異なる味わいや香りを少しずつ楽しみながら、お気に入りの一杯を探せます。 さらに、東京生まれのクラフトビール「東京クラフト」も樽生で提供されます。 (2)ドイツグルメと個性的なグラス ソーセージやプレッツェルなどの定番ドイツグルメに加え、今年は「ローストビーフ丼」も登場。 アップルパイなどのスイーツや、フルーツを使ったノンアルコールドリンクも用意されており、ランチやディナーとしても楽しめます。 また、「ブーツグラス」や「ダンベルグラス」といった個性的なグラスも登場。いつもとはひと味違うビール体験を楽しめます。 (3)音楽とフォトスポットで会場を満喫 会場では、アルプス音楽団による生演奏も行われます。陽気で軽快な音楽とともに、オクトーバーフェストならではの賑やかな雰囲気を楽しめます。 さらに、東京スカイツリー®を背景に記念撮影ができる会場限定のフォトスポットも登場。家族や友人との思い出づくりにもおすすめです。 こんな方におすすめ 本場ドイツのビールやグルメを気軽に楽しみたい方、東京スカイツリー®周辺で秋のイベントを楽しみたい方におすすめです。 東京スカイツリー®を間近に望む開放的な空間で、ビールやグルメ、音楽とともに、秋のオクトーバーフェストを楽しんでみてはいかがでしょうか。 ©オクトーバーフェストin東京スカイツリータウン®2026 ©オクトーバーフェストin東京スカイツリータウン®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; } }
-