{"title":"オフィスチェア サマーセール開催！","description":"\u003cbody\u003e\n\u003cp\u003e今なら対象のオフィスチェアが最大◯％OFF★　期間限定・在庫限りなのでこの機会をお見逃しなく。\u003cbr\u003e\u003c\/p\u003e\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003ctitle\u003e夏のおすすめ特集\u003c\/title\u003e\n  \u003cstyle\u003e\n    .summer-section {\n      background: linear-gradient(135deg, #d0eeff 0%, #fff9c4 100%) !important;\n      border-radius: 16px !important;\n      padding: 16px 14px !important;\n      max-width: 900px !important;\n      margin: 0 auto !important;\n      box-sizing: border-box !important;\n    }\n\n    .summer-section__header {\n      display: flex !important;\n      align-items: center !important;\n      gap: 8px !important;\n      margin-bottom: 14px !important;\n      flex-wrap: wrap !important;\n    }\n\n    .summer-section__title {\n      font-size: 13px !important;\n      font-weight: 700 !important;\n      letter-spacing: 0.12em !important;\n      color: #5a9abf !important;\n      text-transform: uppercase !important;\n      margin: 0 !important;\n      padding: 0 !important;\n      white-space: nowrap !important;\n    }\n\n    .summer-section__divider {\n      color: #5a9abf !important;\n      font-size: 13px !important;\n      opacity: 0.5 !important;\n    }\n\n    .summer-section__tags {\n      font-size: 12px !important;\n      font-weight: 600 !important;\n      color: #5a9abf !important;\n      opacity: 0.8 !important;\n      letter-spacing: 0.08em !important;\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n\n    .summer-cards {\n      display: flex !important;\n      gap: 12px !important;\n      flex-wrap: wrap !important;\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n\n    .summer-card {\n      background: #ffffff !important;\n      border-radius: 12px !important;\n      padding: 16px !important;\n      flex: 1 1 200px !important;\n      display: flex !important;\n      flex-direction: column !important;\n      gap: 12px !important;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.07) !important;\n      box-sizing: border-box !important;\n      min-height: 0 !important;\n      height: auto !important;\n    }\n\n    .summer-card__text {\n      font-size: 14px !important;\n      font-weight: 700 !important;\n      color: #333 !important;\n      line-height: 1.5 !important;\n      flex-grow: 1 !important;\n      min-height: 0 !important;\n      height: auto !important;\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n\n    .summer-card__btn {\n      display: block !important;\n      text-align: center !important;\n      padding: 9px 16px !important;\n      border-radius: 8px !important;\n      font-size: 13px !important;\n      font-weight: 700 !important;\n      text-decoration: none !important;\n      white-space: nowrap !important;\n      min-height: 0 !important;\n      height: auto !important;\n      box-sizing: border-box !important;\n    }\n\n    .summer-card__btn:hover { opacity: 0.8 !important; }\n\n    .summer-card--blue .summer-card__btn   { background: #b8ddf5 !important; color: #2a6a90 !important; }\n    .summer-card--green .summer-card__btn  { background: #b8e8d4 !important; color: #1e7a52 !important; }\n    .summer-card--yellow .summer-card__btn { background: #faedb0 !important; color: #8a6e10 !important; }\n\n    @media (max-width: 600px) {\n      .summer-section__tags,\n      .summer-section__divider {\n        display: none !important;\n      }\n\n      .summer-cards {\n        flex-direction: column !important;\n        gap: 8px !important;\n      }\n\n      .summer-card {\n        flex: none !important;\n        width: 100% !important;\n        flex-direction: row !important;\n        align-items: center !important;\n        padding: 10px 12px !important;\n        gap: 10px !important;\n        min-height: 0 !important;\n        height: auto !important;\n      }\n\n      .summer-card__text {\n        font-size: 13px !important;\n        flex-grow: 1 !important;\n        flex-shrink: 1 !important;\n        line-height: 1.4 !important;\n      }\n\n      .summer-card__btn {\n        display: inline-block !important;\n        font-size: 12px !important;\n        padding: 7px 10px !important;\n        flex-shrink: 0 !important;\n        width: fit-content !important;\n      }\n    }\n  \u003c\/style\u003e\n\n\n\n  \u003cdiv class=\"summer-section\"\u003e\n    \u003cdiv class=\"summer-section__header\"\u003e\n      \u003cp class=\"summer-section__title\"\u003eSUMMER PICK UP\u003c\/p\u003e\n      \u003cspan class=\"summer-section__divider\"\u003e｜\u003c\/span\u003e\n      \u003cspan class=\"summer-section__tags\"\u003eCOLLECTION・COLUMN\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"summer-cards\"\u003e\n\n      \u003c!-- カード1: コレクション --\u003e\n      \u003cdiv class=\"summer-card summer-card--blue\"\u003e\n        \u003cp class=\"summer-card__text\"\u003e夏におすすめ！メッシュチェア特集\u003c\/p\u003e\n        \u003ca href=\"https:\/\/marche.kagg.jp\/collections\/mesh-chair\" class=\"summer-card__btn\"\u003e一覧を見る →\u003c\/a\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- カード2: コラム --\u003e\n      \u003cdiv class=\"summer-card summer-card--green\"\u003e\n        \u003cp class=\"summer-card__text\"\u003eメッシュ・クッションどっちがいい？\u003c\/p\u003e\n        \u003ca href=\"https:\/\/marche.kagg.jp\/blogs\/feature-article\/mesh-cushion\" class=\"summer-card__btn\"\u003e読んでみる →\u003c\/a\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- カード3: ガイド --\u003e\n      \u003cdiv class=\"summer-card summer-card--yellow\"\u003e\n        \u003cp class=\"summer-card__text\"\u003e集中力が続く暑さ対策ガイド\u003c\/p\u003e\n        \u003ca href=\"https:\/\/marche.kagg.jp\/blogs\/feature-article\/summer-deskwork\" class=\"summer-card__btn\"\u003e読んでみる →\u003c\/a\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n\u003c\/body\u003e","products":[],"url":"https:\/\/marche.kagg.jp\/collections\/summer-sale.oembed","provider":"Kaggマルシェ","version":"1.0","type":"link"}