/*
 * CSP移行用の共通スタイルトークン。
 * テンプレートの静的style属性をdata-csp-styleへ置き換え、
 * style-src-attrを将来完全禁止できるようにする。
 * inline style相当の優先度を維持するため!importantを付ける。
 */
[data-csp-style="s001"] { background:#1f6feb !important; }
[data-csp-style="s002"] { background:#1f6feb !important; color:#fff !important; padding:9px 16px !important; border-radius:6px !important; text-decoration:none !important; font-weight:600 !important; font-size:0.875rem !important; white-space:nowrap !important; }
[data-csp-style="s003"] { background:#eaeef2 !important; color:#333 !important; padding:8px 14px !important; border:0 !important; border-radius:6px !important; font-family:inherit !important; font-weight:600 !important; font-size:0.875rem !important; line-height:normal !important; white-space:nowrap !important; cursor:pointer !important; }
[data-csp-style="s004"] { background:#fb8c00 !important; }
[data-csp-style="s005"] { background:#fff !important; border:1px solid var(--line) !important; border-radius:10px !important; padding:24px !important; text-align:center !important; color:var(--muted) !important; font-size:0.9375rem !important; }
[data-csp-style="s006"] { background:#fff !important; color:#1f6feb !important; border:1px solid #1f6feb !important; padding:8px 14px !important; border-radius:6px !important; text-decoration:none !important; font-weight:600 !important; font-size:0.875rem !important; white-space:nowrap !important; }
[data-csp-style="s007"] { background:#fff !important; color:#333 !important; border:1px solid #cdd3da !important; padding:8px 14px !important; border-radius:6px !important; text-decoration:none !important; font-weight:600 !important; font-size:0.875rem !important; white-space:nowrap !important; }
[data-csp-style="s008"] { background:#fff !important; color:#57606a !important; border:1px solid #cdd3da !important; padding:8px 14px !important; border-radius:6px !important; text-decoration:none !important; font-weight:600 !important; font-size:0.875rem !important; white-space:nowrap !important; }
[data-csp-style="s009"] { background:#fff8c5 !important; padding:0 6px !important; border-radius:4px !important; }
[data-csp-style="s010"] { border-left-color:#bc4c00 !important; background:#fff4ec !important; }
[data-csp-style="s011"] { color:#0550ae !important; }
[data-csp-style="s012"] { color:#1a7f37 !important; font-weight:700 !important; }
[data-csp-style="s013"] { color:#1f6feb !important; text-decoration:none !important; font-size:0.875rem !important; }
[data-csp-style="s014"] { color:#4060c0 !important; }
[data-csp-style="s015"] { color:#8250df !important; }
[data-csp-style="s016"] { color:#a40e26 !important; }
[data-csp-style="s017"] { color:#a40e26 !important; font-weight:700 !important; }
[data-csp-style="s018"] { color:#bc4c00 !important; }
[data-csp-style="s019"] { color:#c04040 !important; }
[data-csp-style="s020"] { color:#cf222e !important; }
[data-csp-style="s021"] { color:var(--head) !important; text-decoration:none !important; font-size:0.875rem !important; }
[data-csp-style="s022"] { color:var(--muted) !important; }
[data-csp-style="s023"] { display:flex !important; align-items:center !important; gap:10px !important; }
[data-csp-style="s024"] { display:flex !important; align-items:center !important; gap:10px !important; flex-wrap:wrap !important; }
[data-csp-style="s025"] { display:flex !important; align-items:center !important; gap:12px !important; }
[data-csp-style="s026"] { display:flex !important; align-items:center !important; gap:12px !important; flex-wrap:wrap !important; }
[data-csp-style="s027"] { display:flex !important; align-items:center !important; gap:8px !important; }
[data-csp-style="s028"] { display:flex !important; justify-content:space-between !important; align-items:center !important; gap:12px !important; }
[data-csp-style="s029"] { display:flex !important; justify-content:space-between !important; align-items:center !important; gap:12px !important; flex-wrap:wrap !important; }
[data-csp-style="s030"] { display:flex !important; justify-content:space-between !important; align-items:center !important; gap:12px !important; flex-wrap:wrap !important; margin-bottom:8px !important; }
[data-csp-style="s031"] { display:flex !important; justify-content:space-between !important; align-items:center !important; gap:12px !important; flex-wrap:wrap !important; padding-top:14px !important; margin-bottom:8px !important; }
[data-csp-style="s032"] { display:flex !important; justify-content:space-between !important; align-items:center !important; gap:12px !important; margin-bottom:12px !important; }
[data-csp-style="s033"] { display:flex !important; justify-content:space-between !important; align-items:center !important; gap:12px !important; margin-bottom:14px !important; }
[data-csp-style="s034"] { display:inline !important; }
[data-csp-style="s035"] { display:inline !important; margin:0 !important; }
[data-csp-style="s036"] { display:inline !important; margin-left:8px !important; }
[data-csp-style="s037"] { display:inline-flex !important; gap:4px !important; align-items:center !important; }
[data-csp-style="s038"] { display:none !important; }
[data-csp-style="s039"] { flex:0 1 6rem !important; }
[data-csp-style="s040"] { flex:2 1 12rem !important; }
[data-csp-style="s041"] { flex-basis:100% !important; }
[data-csp-style="s042"] { font-size:0.75rem !important; color:var(--muted) !important; white-space:normal !important; }
[data-csp-style="s043"] { font-size:0.75rem !important; margin-top:6px !important; }
[data-csp-style="s044"] { font-size:0.8125rem !important; color:#57606a !important; white-space:nowrap !important; }
[data-csp-style="s045"] { font-size:0.85rem !important; }
[data-csp-style="s046"] { font-size:0.875rem !important; font-weight:400 !important; }
[data-csp-style="s047"] { font-size:0.8rem !important; color:var(--muted) !important; font-weight:600 !important; }
[data-csp-style="s048"] { font-size:0.8rem !important; color:var(--muted) !important; font-weight:600 !important; }
[data-csp-style="s049"] { font-size:10.5px !important; }
[data-csp-style="s050"] { font-weight:400 !important; }
[data-csp-style="s051"] { font-weight:700 !important; }
[data-csp-style="s052"] { font-weight:700 !important; margin-bottom:3px !important; }
[data-csp-style="s053"] { margin:0 0 12px !important; }
[data-csp-style="s054"] { margin:0 0 14px !important; }
[data-csp-style="s055"] { margin:0 0 4px !important; font-weight:700 !important; }
[data-csp-style="s056"] { margin:0 !important; }
[data-csp-style="s057"] { margin:0 !important; font-size:0.8125rem !important; color:#1f2328 !important; }
[data-csp-style="s058"] { margin:10px 0 0 !important; display:flex !important; }
[data-csp-style="s059"] { margin:4px 0 0 !important; font-size:0.8125rem !important; color:#57606a !important; }
[data-csp-style="s060"] { margin:6px 0 0 !important; font-size:0.8125rem !important; font-weight:600 !important; color:#bc4c00 !important; }
[data-csp-style="s061"] { margin-bottom:0 !important; }
[data-csp-style="s062"] { margin-left:6px !important; }
[data-csp-style="s063"] { margin-left:auto !important; }
[data-csp-style="s064"] { margin-top:14px !important; }
[data-csp-style="s065"] { margin-top:16px !important; }
[data-csp-style="s067"] { margin-top:4px !important; }
[data-csp-style="s068"] { margin-top:6px !important; }
[data-csp-style="s069"] { margin-top:8px !important; font-size:0.85rem !important; color:var(--muted) !important; }
[data-csp-style="s070"] { max-width: 60% !important; }
[data-csp-style="s071"] { overflow-x:auto !important; }
[data-csp-style="s072"] { padding:0.4rem 0.9rem !important; }
[data-csp-style="s073"] { padding:0.4rem 0.9rem !important; margin-left:8px !important; }
[data-csp-style="s074"] { padding:7px 12px !important; font-size:0.85rem !important; }
[data-csp-style="s075"] { text-align:center !important; color:#8b949e !important; font-size:0.75rem !important; margin-top:20px !important; line-height:1.5 !important; }
[data-csp-style="s076"] { text-transform:uppercase !important; }
[data-csp-style="s077"] { white-space:nowrap !important; }
[data-csp-style="s078"] { width:100% !important; height:auto !important; }
[data-csp-style="s079"] { width:12% !important; }
[data-csp-style="s080"] { width:13% !important; }
[data-csp-style="s081"] { width:20% !important; }
[data-csp-style="s082"] { width:25% !important; }
[data-csp-style="s083"] { width:6% !important; }

.csp-series-swatch { display:inline-block !important; width:12px !important; height:12px !important; border-radius:3px !important; margin-right:5px !important; vertical-align:-1px !important; }