差分
このページの2つのバージョン間の差分を表示します。
| 両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
| 48th_s_stage_info [2026/07/03 20:05] – Tana JH1HST | 48th_s_stage_info [2026/08/09 22:43] (現在) – Tana JH1HST | ||
|---|---|---|---|
| 行 1: | 行 1: | ||
| + | [ [[48th_booth_info|← 会場マップへ]] ] | ||
| + | |||
| + | ====== サテライトステージ(ハムフェア2026) ====== | ||
| + | |||
| < | < | ||
| - | | + | < |
| - | <a href=" | + | .hf-stage2026, |
| + | .hf-stage2026 * { | ||
| + | box-sizing: border-box; | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 { | ||
| + | --hf-navy: #17324d; | ||
| + | --hf-blue: #245b87; | ||
| + | --hf-sky: #eaf4fb; | ||
| + | --hf-orange: | ||
| + | --hf-yellow: | ||
| + | --hf-line: #d9e2ea; | ||
| + | --hf-text: #24313c; | ||
| + | --hf-muted: #617180; | ||
| + | max-width: 980px; | ||
| + | margin: 0 auto; | ||
| + | color: var(--hf-text); | ||
| + | font-family: | ||
| + | " | ||
| + | font-size: 20px; | ||
| + | line-height: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 a { | ||
| + | color: #145b91; | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-hero { | ||
| + | position: relative; | ||
| + | overflow: hidden; | ||
| + | margin: 1.2rem 0 1.4rem; | ||
| + | padding: clamp(1.4rem, | ||
| + | border: 1px solid #c8d9e6; | ||
| + | border-radius: | ||
| + | background: | ||
| + | radial-gradient(circle at 92% 12%, rgba(255, | ||
| + | linear-gradient(135deg, | ||
| + | box-shadow: 0 8px 24px rgba(25, 62, 91, .09); | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-hero:: | ||
| + | content: " | ||
| + | position: absolute; | ||
| + | right: -1rem; | ||
| + | bottom: -.9rem; | ||
| + | color: rgba(23, 50, 77, .055); | ||
| + | font-size: clamp(2.4rem, | ||
| + | font-weight: | ||
| + | line-height: | ||
| + | white-space: | ||
| + | letter-spacing: | ||
| + | pointer-events: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-kicker { | ||
| + | margin: 0 0 .45rem; | ||
| + | color: var(--hf-orange); | ||
| + | font-size: 1.08rem; | ||
| + | font-weight: | ||
| + | letter-spacing: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-hero-title { | ||
| + | position: relative; | ||
| + | z-index: 1; | ||
| + | margin: 0 0 .75rem; | ||
| + | color: var(--hf-navy); | ||
| + | font-size: clamp(2.2rem, | ||
| + | line-height: | ||
| + | letter-spacing: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-lead { | ||
| + | position: relative; | ||
| + | z-index: 1; | ||
| + | max-width: 760px; | ||
| + | margin: 0; | ||
| + | font-size: 1.28rem; | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-chips { | ||
| + | position: relative; | ||
| + | z-index: 1; | ||
| + | display: flex; | ||
| + | flex-wrap: wrap; | ||
| + | gap: .55rem; | ||
| + | margin-top: 1.1rem; | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-chip { | ||
| + | display: inline-flex; | ||
| + | align-items: | ||
| + | min-height: 2.2rem; | ||
| + | padding: .38rem .9rem; | ||
| + | border: 1px solid #c7dce9; | ||
| + | border-radius: | ||
| + | background: rgba(255, | ||
| + | color: var(--hf-navy); | ||
| + | font-size: 1.34rem; | ||
| + | font-weight: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-notice { | ||
| + | margin: 0 0 1.5rem; | ||
| + | padding: 1.15rem 1.3rem; | ||
| + | border-left: | ||
| + | border-radius: | ||
| + | background: #fff9ea; | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-notice p { | ||
| + | margin: .2rem 0; | ||
| + | font-size: 1.18rem; | ||
| + | line-height: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-daynav { | ||
| + | display: grid; | ||
| + | grid-template-columns: | ||
| + | gap: .9rem; | ||
| + | margin: 1.45rem 0 2.1rem; | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-daynav a { | ||
| + | display: block; | ||
| + | padding: 1rem 1.1rem; | ||
| + | border: 1px solid #c8d9e6; | ||
| + | border-radius: | ||
| + | background: #fff; | ||
| + | color: var(--hf-navy); | ||
| + | font-size: 1.34rem; | ||
| + | font-weight: | ||
| + | text-align: center; | ||
| + | text-decoration: | ||
| + | box-shadow: 0 3px 10px rgba(25, 62, 91, .06); | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-daynav a:hover { | ||
| + | border-color: | ||
| + | background: var(--hf-sky); | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-day { | ||
| + | scroll-margin-top: | ||
| + | margin: 2.2rem 0 3rem; | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-dayhead { | ||
| + | display: flex; | ||
| + | align-items: | ||
| + | gap: .8rem; | ||
| + | margin-bottom: | ||
| + | padding-bottom: | ||
| + | border-bottom: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-dayhead h2 { | ||
| + | margin: 0; | ||
| + | color: var(--hf-navy); | ||
| + | font-size: clamp(1.8rem, | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-dayhead span { | ||
| + | color: var(--hf-muted); | ||
| + | font-size: 1.34rem; | ||
| + | font-weight: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-program { | ||
| + | display: grid; | ||
| + | grid-template-columns: | ||
| + | gap: 0; | ||
| + | margin: 0 0 .85rem; | ||
| + | overflow: hidden; | ||
| + | border: 1px solid var(--hf-line); | ||
| + | border-radius: | ||
| + | background: #fff; | ||
| + | box-shadow: 0 4px 14px rgba(25, 62, 91, .055); | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-time { | ||
| + | display: flex; | ||
| + | align-items: | ||
| + | justify-content: | ||
| + | padding: 1.15rem .6rem; | ||
| + | background: var(--hf-navy); | ||
| + | color: #fff; | ||
| + | font-size: 1.34rem; | ||
| + | font-weight: | ||
| + | letter-spacing: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-body { | ||
| + | min-width: 0; | ||
| + | padding: 1.05rem 1.15rem 1.15rem; | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-topline { | ||
| + | display: flex; | ||
| + | flex-wrap: wrap; | ||
| + | align-items: | ||
| + | gap: .45rem .65rem; | ||
| + | margin-bottom: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-no { | ||
| + | display: inline-flex; | ||
| + | align-items: | ||
| + | justify-content: | ||
| + | min-width: 3.7rem; | ||
| + | padding: .18rem .58rem; | ||
| + | border-radius: | ||
| + | background: var(--hf-sky); | ||
| + | color: var(--hf-blue); | ||
| + | font-size: 1rem; | ||
| + | font-weight: | ||
| + | letter-spacing: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-speaker { | ||
| + | color: var(--hf-muted); | ||
| + | font-size: 1.2rem; | ||
| + | font-weight: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-call { | ||
| + | display: inline-block; | ||
| + | margin-left: | ||
| + | padding: .02rem .38rem; | ||
| + | border: 1px solid #d8e0e6; | ||
| + | border-radius: | ||
| + | background: #f7f9fa; | ||
| + | color: #3b4c59; | ||
| + | font-family: | ||
| + | font-size: 1.34rem; | ||
| + | font-weight: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-title { | ||
| + | margin: 0; | ||
| + | color: #182b3c; | ||
| + | font-size: 1.55rem; | ||
| + | font-weight: | ||
| + | line-height: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-desc { | ||
| + | margin: .45rem 0 0; | ||
| + | color: #445561; | ||
| + | font-size: 1.24rem; | ||
| + | line-height: | ||
| + | } | ||
| + | |||
| + | |||
| + | .hf-stage2026 .hf-break { | ||
| + | display: grid; | ||
| + | grid-template-columns: | ||
| + | margin: 0 0 .85rem; | ||
| + | overflow: hidden; | ||
| + | border: 1px dashed #bdc9d2; | ||
| + | border-radius: | ||
| + | background: #f6f8fa; | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-break .hf-time { | ||
| + | background: #6e7c87; | ||
| + | font-size: 1.2rem; | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-break-text { | ||
| + | display: flex; | ||
| + | align-items: | ||
| + | min-height: 3.7rem; | ||
| + | padding: .8rem 1.1rem; | ||
| + | color: #53626e; | ||
| + | font-weight: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-bottomnote { | ||
| + | margin-top: 2.2rem; | ||
| + | padding: 1.15rem 1.3rem; | ||
| + | border: 1px solid #d6e0e7; | ||
| + | border-radius: | ||
| + | background: #f8fafb; | ||
| + | color: #52616c; | ||
| + | font-size: 1.14rem; | ||
| + | } | ||
| + | |||
| + | @media (max-width: 640px) { | ||
| + | .hf-stage2026 .hf-hero { | ||
| + | border-radius: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-daynav { | ||
| + | grid-template-columns: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-dayhead { | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-dayhead span { | ||
| + | display: block; | ||
| + | margin-top: .25rem; | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-program, | ||
| + | .hf-stage2026 .hf-break { | ||
| + | grid-template-columns: | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-time { | ||
| + | padding: 1rem .42rem; | ||
| + | font-size: 1.16rem; | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-body { | ||
| + | padding: .95rem .95rem 1rem; | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-title { | ||
| + | font-size: 1.34rem; | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-desc { | ||
| + | font-size: 1.16rem; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media print { | ||
| + | .hf-stage2026 .hf-program, | ||
| + | .hf-stage2026 .hf-break, | ||
| + | .hf-stage2026 .hf-hero { | ||
| + | break-inside: | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | |||
| + | .hf-stage2026 .hf-daynav { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | </ | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | <section class=" | ||
| + | | ||
| + | <h2 class=" | ||
| + | <p class=" | ||
| + | アマチュア無線にまつわるトーク、実演、公開収録など、多彩なプログラムを2日間にわたり開催します。 | ||
| + | 興味のある発表だけの観覧も歓迎です。会場を巡る途中に、ぜひお立ち寄りください。 | ||
| + | </ | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <div class=" | ||
| + | < | ||
| + | < | ||
| </ | </ | ||
| - | </ | ||
| - | ====== サテライトステージ情報 ====== | + | <nav class=" |
| + | <a href="# | ||
| + | <a href="# | ||
| + | </ | ||
| - | 現在計画中です。 | + | <section class=" |
| + | <div class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <section class=" | ||
| + | <div class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <article class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <div class=" | ||
| + | < | ||
| + | プログラムは予告なく変更・中止となる場合があります。最新情報はこのページでお知らせします。 | ||
| + | </ | ||
| + | |||
| + | </ | ||
| + | </ | ||
| - | もうしばらくお待ちください。 | + | \\ |
| + | \\ | ||