{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "鮮やかなオレンジ地に、焦げ茶の見出し帯と生成りのカードを重ねたキャンペーンLP。キャラクターのイラスト、丸くて太い縁取り文字、ハートや風船の装飾で、かわいく賑やかな印象にしている。後半は通販の商品一覧と注意事項のテキストに切り替わる。",
  "color": {
    "$type": "color",
    "primary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.949,
          0.51,
          0
        ],
        "hex": "#f28200"
      }
    },
    "dark-section": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.58,
          0.337,
          0.255
        ],
        "hex": "#945641"
      }
    },
    "background": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.996,
          0.937
        ],
        "hex": "#fffeef"
      }
    },
    "surface": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.992,
          0.937
        ],
        "hex": "#fffdef"
      }
    },
    "cta": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.91,
          0.404,
          0.416
        ],
        "hex": "#e8676a"
      }
    },
    "on-cta": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "secondary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.557,
          0.012
        ],
        "hex": "#ff8e03"
      }
    },
    "accent-1": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.91,
          0.353,
          0.416
        ],
        "hex": "#e85a6a"
      }
    },
    "marker": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.961,
          0.784,
          0.227
        ],
        "hex": "#f5c83a"
      }
    },
    "text": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.227,
          0.165,
          0.125
        ],
        "hex": "#3a2a20"
      }
    },
    "accent-2": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.878,
          0.51,
          0.063
        ],
        "hex": "#e08210"
      }
    },
    "accent-3": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.82,
          0.298,
          0.278
        ],
        "hex": "#d14c47"
      }
    },
    "tint-1": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.596,
          0.729,
          0.714
        ],
        "hex": "#98bab6"
      }
    },
    "background-alt": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.89,
          0.89,
          0.89
        ],
        "hex": "#e3e3e3"
      }
    },
    "cta-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.878,
          0.188,
          0.204
        ],
        "hex": "#e03034"
      }
    },
    "secondary-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.69,
          0.38,
          0
        ],
        "hex": "#b06100"
      }
    },
    "accent-1-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.882,
          0.169,
          0.251
        ],
        "hex": "#e12b40"
      }
    }
  },
  "spacing": {
    "$type": "dimension",
    "unit": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "card": {
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "section": {
      "$value": {
        "value": 24,
        "unit": "px"
      }
    }
  },
  "rounded": {
    "$type": "dimension",
    "sm": {
      "$value": {
        "value": 6,
        "unit": "px"
      }
    },
    "md": {
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "lg": {
      "$value": {
        "value": 28,
        "unit": "px"
      }
    },
    "full": {
      "$value": {
        "value": 999,
        "unit": "px"
      }
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "M PLUS Rounded 1c",
        "fontSize": {
          "value": 44,
          "unit": "px"
        },
        "fontWeight": 900
      }
    },
    "headline-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Zen Maru Gothic",
        "fontSize": {
          "value": 28,
          "unit": "px"
        },
        "fontWeight": 900,
        "letterSpacing": {
          "value": 0.02,
          "unit": "em"
        }
      }
    },
    "headline-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 22,
          "unit": "px"
        },
        "fontWeight": 900
      }
    },
    "headline-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 15,
          "unit": "px"
        },
        "fontWeight": 700
      }
    },
    "accent": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Zen Maru Gothic",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 900,
        "letterSpacing": {
          "value": 0.2,
          "unit": "em"
        }
      }
    },
    "label-button": {
      "$type": "typography",
      "$value": {
        "fontFamily": "M PLUS Rounded 1c",
        "fontSize": {
          "value": 19,
          "unit": "px"
        },
        "fontWeight": 800,
        "letterSpacing": {
          "value": 0.02,
          "unit": "em"
        }
      }
    },
    "body-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 15,
          "unit": "px"
        },
        "fontWeight": 400
      }
    },
    "note": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 8,
          "unit": "px"
        },
        "fontWeight": 400
      }
    }
  }
}
