差分
このページの2つのバージョン間の差分を表示します。
| 両方とも前のリビジョン 前のリビジョン | |||
| top [2026/07/18 06:17] – Tana JH1HST | top [2026/07/23 10:23] (現在) – Tana JH1HST | ||
|---|---|---|---|
| 行 100: | 行 100: | ||
| \\ | \\ | ||
| \\ | \\ | ||
| + | |||
| + | |||
| + | ---- | ||
| + | \\ | ||
| + | < | ||
| + | < | ||
| + | .hamfair-support { | ||
| + | margin: 1.8em 0 1em; | ||
| + | font-size: 0.96em; | ||
| + | line-height: | ||
| + | } | ||
| + | |||
| + | .hamfair-support-row { | ||
| + | display: grid; | ||
| + | grid-template-columns: | ||
| + | gap: 0.8em; | ||
| + | align-items: | ||
| + | margin-bottom: | ||
| + | padding: 0.9em 1em; | ||
| + | background: #f8f9fa; | ||
| + | border: 1px solid #dfe3e6; | ||
| + | border-left: | ||
| + | border-radius: | ||
| + | } | ||
| + | |||
| + | .hamfair-support-label { | ||
| + | font-weight: | ||
| + | color: #37474f; | ||
| + | letter-spacing: | ||
| + | white-space: | ||
| + | } | ||
| + | |||
| + | .hamfair-support-list { | ||
| + | display: flex; | ||
| + | flex-wrap: wrap; | ||
| + | column-gap: 0; | ||
| + | row-gap: 0.15em; | ||
| + | } | ||
| + | |||
| + | .hamfair-support-item { | ||
| + | display: inline; | ||
| + | } | ||
| + | |||
| + | .hamfair-support-item: | ||
| + | content: " | ||
| + | margin: 0 0.55em; | ||
| + | color: #a0a7ac; | ||
| + | } | ||
| + | |||
| + | .hamfair-support-note { | ||
| + | margin-top: 0.25em; | ||
| + | padding-right: | ||
| + | text-align: right; | ||
| + | font-size: 0.82em; | ||
| + | color: #777; | ||
| + | } | ||
| + | |||
| + | @media screen and (max-width: 600px) { | ||
| + | .hamfair-support-row { | ||
| + | grid-template-columns: | ||
| + | gap: 0.25em; | ||
| + | padding: 0.8em 0.9em; | ||
| + | } | ||
| + | |||
| + | .hamfair-support-label { | ||
| + | font-size: 0.92em; | ||
| + | } | ||
| + | |||
| + | .hamfair-support-list { | ||
| + | line-height: | ||
| + | } | ||
| + | } </ | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | <span class=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | </ | ||
| + | </ | ||
| + | |||
| + | |||
| + | \\ | ||
| + | \\ | ||
| + | |||
| + | |||