SALE ITEM 2BUY 10%OFF \/ 3BUY 15%OFF<\/title>\r\n\r\n <style>\r\n :root {\r\n --green: #243b32;\r\n --green-dark: #172a23;\r\n --cream: #f7f5ef;\r\n --beige: #e9e3d6;\r\n --brown: #5b5146;\r\n --white: #ffffff;\r\n --line: #d8d1c5;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n color: var(--green);\r\n background: var(--cream);\r\n font-family:\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Hiragino Kaku Gothic ProN\",\r\n \"Yu Gothic\",\r\n \"YuGothic\",\r\n \"Noto Sans JP\",\r\n sans-serif;\r\n line-height: 1.8;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n .lp {\r\n overflow: hidden;\r\n }\r\n\r\n \/* =========================\r\n HERO\r\n ========================= *\/\r\n\r\n .hero {\r\n position: relative;\r\n min-height: 620px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 70px 20px;\r\n background:\r\n radial-gradient(\r\n circle at 85% 20%,\r\n rgba(255,255,255,.8),\r\n transparent 30%\r\n ),\r\n linear-gradient(\r\n 135deg,\r\n #f8f6f0 0%,\r\n #eee9df 100%\r\n );\r\n text-align: center;\r\n }\r\n\r\n .hero::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 24px;\r\n border: 1px solid rgba(36,59,50,.22);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-inner {\r\n position: relative;\r\n z-index: 1;\r\n width: 100%;\r\n max-width: 920px;\r\n }\r\n\r\n .hero-kicker {\r\n margin: 0 0 20px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: .25em;\r\n }\r\n\r\n .hero-title {\r\n margin: 0;\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n \"YuMincho\",\r\n serif;\r\n font-size: clamp(32px, 6vw, 68px);\r\n font-weight: 400;\r\n letter-spacing: .08em;\r\n line-height: 1.25;\r\n }\r\n\r\n .hero-subtitle {\r\n margin: 22px 0 42px;\r\n font-size: 14px;\r\n letter-spacing: .15em;\r\n }\r\n\r\n .date {\r\n display: inline-block;\r\n padding: 12px 28px;\r\n border-top: 1px solid var(--green);\r\n border-bottom: 1px solid var(--green);\r\n font-size: 16px;\r\n letter-spacing: .12em;\r\n }\r\n\r\n \/* =========================\r\n CAMPAIGN\r\n ========================= *\/\r\n\r\n .campaign {\r\n padding: 80px 20px;\r\n background: var(--green);\r\n color: var(--white);\r\n }\r\n\r\n .section-inner {\r\n width: 100%;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-label {\r\n margin-bottom: 10px;\r\n text-align: center;\r\n font-size: 11px;\r\n letter-spacing: .3em;\r\n opacity: .75;\r\n }\r\n\r\n .section-title {\r\n margin: 0 0 50px;\r\n text-align: center;\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n serif;\r\n font-size: 30px;\r\n font-weight: 400;\r\n letter-spacing: .1em;\r\n }\r\n\r\n .coupon-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n .coupon-card {\r\n position: relative;\r\n padding: 38px 30px;\r\n background: var(--white);\r\n color: var(--green);\r\n text-align: center;\r\n }\r\n\r\n .coupon-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 10px;\r\n border: 1px solid rgba(36,59,50,.18);\r\n pointer-events: none;\r\n }\r\n\r\n .coupon-number {\r\n position: relative;\r\n margin-bottom: 8px;\r\n font-size: 13px;\r\n letter-spacing: .2em;\r\n }\r\n\r\n .coupon-discount {\r\n position: relative;\r\n margin: 0;\r\n font-family: Georgia, \"Times New Roman\", serif;\r\n font-size: clamp(52px, 8vw, 82px);\r\n font-weight: 500;\r\n line-height: 1;\r\n letter-spacing: -.03em;\r\n }\r\n\r\n .coupon-buy {\r\n position: relative;\r\n margin: 12px 0 22px;\r\n font-size: 17px;\r\n font-weight: 600;\r\n letter-spacing: .15em;\r\n }\r\n\r\n .coupon-description {\r\n position: relative;\r\n margin: 0;\r\n font-size: 13px;\r\n line-height: 1.8;\r\n }\r\n\r\n .coupon-code {\r\n position: relative;\r\n display: inline-block;\r\n margin-top: 22px;\r\n padding: 8px 18px;\r\n background: var(--green);\r\n color: var(--white);\r\n font-size: 12px;\r\n letter-spacing: .12em;\r\n }\r\n\r\n \/* =========================\r\n PERIOD\r\n ========================= *\/\r\n\r\n .period {\r\n padding: 70px 20px;\r\n background: var(--cream);\r\n }\r\n\r\n .period-box {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n padding: 36px 30px;\r\n border-top: 1px solid var(--line);\r\n border-bottom: 1px solid var(--line);\r\n text-align: center;\r\n }\r\n\r\n .period-label {\r\n margin: 0 0 10px;\r\n font-size: 12px;\r\n letter-spacing: .2em;\r\n }\r\n\r\n .period-date {\r\n margin: 0;\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n serif;\r\n font-size: clamp(22px, 4vw, 34px);\r\n letter-spacing: .08em;\r\n }\r\n\r\n .period-time {\r\n margin: 8px 0 0;\r\n font-size: 13px;\r\n }\r\n\r\n \/* =========================\r\n DETAILS\r\n ========================= *\/\r\n\r\n .details {\r\n padding: 80px 20px;\r\n background: #fff;\r\n }\r\n\r\n .detail-box {\r\n max-width: 850px;\r\n margin: 0 auto;\r\n }\r\n\r\n .detail-section {\r\n padding: 30px 0;\r\n border-bottom: 1px solid var(--line);\r\n }\r\n\r\n .detail-section:first-child {\r\n border-top: 1px solid var(--line);\r\n }\r\n\r\n .detail-heading {\r\n margin: 0 0 20px;\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n serif;\r\n font-size: 20px;\r\n font-weight: 400;\r\n letter-spacing: .08em;\r\n }\r\n\r\n .detail-list {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none !important;\r\n}\r\n\r\n.detail-list li {\r\n position: relative;\r\n padding-left: 1.3em;\r\n margin: 8px 0;\r\n font-size: 14px;\r\n list-style: none !important;\r\n}\r\n\r\n.detail-list li::before {\r\n content: \"\u30fb\";\r\n position: absolute;\r\n left: 0;\r\n list-style: none !important;\r\n}\r\n\r\n \/* =========================\r\n CTA\r\n ========================= *\/\r\n\r\n .cta {\r\n padding: 70px 20px 90px;\r\n background: var(--cream);\r\n text-align: center;\r\n }\r\n\r\n .cta-text {\r\n margin: 0 0 28px;\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n serif;\r\n font-size: 22px;\r\n letter-spacing: .1em;\r\n }\r\n\r\n .cta-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 280px;\r\n padding: 16px 30px;\r\n background: var(--green);\r\n color: #ffffff !important;\r\n font-size: 13px;\r\n letter-spacing: .16em;\r\n transition: opacity .25s ease;\r\n}\r\n\r\n .cta-button:hover {\r\n opacity: .8;\r\n }\r\n\r\n \/* =========================\r\n FOOTER\r\n ========================= *\/\r\n\r\n .footer {\r\n padding: 30px 20px;\r\n background: var(--green-dark);\r\n color: rgba(255,255,255,.7);\r\n text-align: center;\r\n font-size: 11px;\r\n letter-spacing: .08em;\r\n }\r\n\r\n \/* =========================\r\n MOBILE\r\n ========================= *\/\r\n\r\n @media (max-width: 700px) {\r\n\r\n .hero {\r\n min-height: 480px;\r\n padding: 60px 20px;\r\n }\r\n\r\n .hero::before {\r\n inset: 14px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 34px;\r\n }\r\n\r\n .hero-subtitle {\r\n margin: 18px 0 30px;\r\n font-size: 12px;\r\n }\r\n\r\n .date {\r\n padding: 10px 16px;\r\n font-size: 13px;\r\n }\r\n\r\n .campaign {\r\n padding: 60px 16px;\r\n }\r\n\r\n .section-title {\r\n margin-bottom: 35px;\r\n font-size: 25px;\r\n }\r\n\r\n .coupon-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .coupon-card {\r\n padding: 32px 20px;\r\n }\r\n\r\n .coupon-discount {\r\n font-size: 62px;\r\n }\r\n\r\n .period {\r\n padding: 55px 16px;\r\n }\r\n\r\n .period-box {\r\n padding: 30px 15px;\r\n }\r\n\r\n .details {\r\n padding: 60px 20px;\r\n }\r\n\r\n .detail-heading {\r\n font-size: 18px;\r\n }\r\n\r\n .detail-list li {\r\n font-size: 13px;\r\n }\r\n\r\n .cta {\r\n padding: 55px 20px 70px;\r\n }\r\n\r\n .cta-text {\r\n font-size: 19px;\r\n }\r\n\r\n .cta-button {\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"lp\">\r\n\r\n \r\n <section class=\"hero\">\r\n <div class=\"hero-inner\">\r\n\r\n <p class=\"hero-kicker\">SUMMER SALE CAMPAIGN<\/p>\r\n\r\n <h1 class=\"hero-title\">\r\n SALE ITEM<br>\r\n 2BUY \/ 3BUY\r\n <\/h1>\r\n\r\n <p class=\"hero-subtitle\">\r\n SALE\u54c1\u3092\u307e\u3068\u3081\u3066\u304a\u5f97\u306b\u3002\r\n <\/p>\r\n\r\n <div class=\"date\">\r\n 8.19 WED \u2014 8.22 SAT\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n \r\n <section class=\"campaign\">\r\n\r\n <div class=\"section-inner\">\r\n\r\n <p class=\"section-label\">SPECIAL COUPON<\/p>\r\n\r\n <h2 class=\"section-title\">\r\n 2\u7a2e\u985e\u306e\u30af\u30fc\u30dd\u30f3\u3092\u3054\u7528\u610f\u3057\u307e\u3057\u305f\r\n <\/h2>\r\n\r\n <div class=\"coupon-grid\">\r\n\r\n \r\n <div class=\"coupon-card\">\r\n\r\n <div class=\"coupon-number\">\r\n COUPON 01\r\n <\/div>\r\n\r\n <p class=\"coupon-discount\">\r\n 10%OFF\r\n <\/p>\r\n\r\n <p class=\"coupon-buy\">\r\n 2BUY\r\n <\/p>\r\n\r\n <p class=\"coupon-description\">\r\n \u30ab\u30fc\u30c8\u5185\u5408\u8a082\u70b9\u4ee5\u4e0a\u3067<br>\r\n SALE\u5bfe\u8c61\u30a2\u30a4\u30c6\u30e0\u304c10%OFF\r\n <\/p>\r\n\r\n \r\n <div class=\"coupon-code\">\r\n \t\u5bfe\u8c61\u30a2\u30a4\u30c6\u30e02BUY10\uff05OFF\uff01\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"coupon-card\">\r\n\r\n <div class=\"coupon-number\">\r\n COUPON 02\r\n <\/div>\r\n\r\n <p class=\"coupon-discount\">\r\n 15%OFF\r\n <\/p>\r\n\r\n <p class=\"coupon-buy\">\r\n 3BUY\r\n <\/p>\r\n\r\n <p class=\"coupon-description\">\r\n \u30ab\u30fc\u30c8\u5185\u5408\u8a083\u70b9\u4ee5\u4e0a\u3067<br>\r\n SALE\u5bfe\u8c61\u30a2\u30a4\u30c6\u30e0\u304c15%OFF\r\n <\/p>\r\n\r\n \r\n <div class=\"coupon-code\">\r\n \u5bfe\u8c61\u30a2\u30a4\u30c6\u30e03BUY15\uff05OFF\uff01\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n \r\n <section class=\"period\">\r\n\r\n <div class=\"period-box\">\r\n\r\n <p class=\"period-label\">\r\n CAMPAIGN PERIOD\r\n <\/p>\r\n\r\n <p class=\"period-date\">\r\n 8\u670819\u65e5\uff08\u6c34\uff0910:00<br class=\"mobile-only\">\r\n \u301c 8\u670822\u65e5\uff08\u571f\uff0923:59\r\n <\/p>\r\n\r\n <p class=\"period-time\">\r\n \u203b\u671f\u9593\u4e2d\u305d\u308c\u305e\u308c1\u56de\u305a\u3064\u3054\u5229\u7528\u53ef\u80fd\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n \r\n <section class=\"details\">\r\n\r\n <div class=\"detail-box\">\r\n\r\n \r\n <div class=\"detail-section\">\r\n\r\n <h2 class=\"detail-heading\">\r\n \u30af\u30fc\u30dd\u30f3\u6982\u8981\r\n <\/h2>\r\n\r\n <ul class=\"detail-list\">\r\n\r\n <li>\r\n \u5bfe\u8c61\u671f\u9593\uff1a8\u670819\u65e5\uff08\u6c34\uff0910:00\u301c8\u670822\u65e5\uff08\u571f\uff0923:59\r\n <\/li>\r\n\r\n <li>\r\n \u5546\u54c1\u5408\u8a082\u70b9\u4ee5\u4e0a\u306e\u304a\u8cb7\u3044\u4e0a\u3052\u3067\u3001\r\n \u305d\u306e\u4e2d\u306eSALE\u5bfe\u8c61\u30a2\u30a4\u30c6\u30e0\u304c10%OFF\r\n <\/li>\r\n\r\n <li>\r\n \u5546\u54c1\u5408\u8a083\u70b9\u4ee5\u4e0a\u306e\u304a\u8cb7\u3044\u4e0a\u3052\u3067\u3001\r\n \u305d\u306e\u4e2d\u306eSALE\u5bfe\u8c61\u30a2\u30a4\u30c6\u30e0\u304c15%OFF\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"detail-section\">\r\n\r\n <h2 class=\"detail-heading\">\r\n \u3054\u5229\u7528\u6761\u4ef6\r\n <\/h2>\r\n\r\n <ul class=\"detail-list\">\r\n\r\n <li>\r\n \u4f1a\u54e1\u69d8\u9650\u5b9a\r\n <\/li>\r\n\r\n <li>\r\n \u30ab\u30fc\u30c8\u5185\u5408\u8a082\u70b9\u4ee5\u4e0a\u306e\u304a\u8cb7\u3044\u4e0a\u3052\u304c\u5bfe\u8c61\u3067\u3059\u3002\r\n \u5b9a\u4fa1\u5546\u54c1\u3082\u70b9\u6570\u306b\u30ab\u30a6\u30f3\u30c8\u3055\u308c\u307e\u3059\u3002\r\n <\/li>\r\n\r\n <li>\r\n \u5272\u5f15\u306fSALE\u5bfe\u8c61\u30a2\u30a4\u30c6\u30e0\u306e\u307f\u306b\u9069\u7528\u3055\u308c\u307e\u3059\u3002\r\n \u5b9a\u4fa1\u5546\u54c1\u306f\u5272\u5f15\u5bfe\u8c61\u5916\u3067\u3059\u3002\r\n <\/li>\r\n\r\n <li>\r\n 50%OFF\u4ee5\u4e0a\u306e\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u54c1\u306f\u5bfe\u8c61\u5916\u3067\u3059\u3002\r\n <\/li>\r\n\r\n <li>\r\n \u304a\u3072\u3068\u308a\u69d8\u3001\u671f\u9593\u4e2d1\u56de\u306e\u307f\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"detail-section\">\r\n\r\n <h2 class=\"detail-heading\">\r\n \u6ce8\u610f\u4e8b\u9805\r\n <\/h2>\r\n\r\n <ul class=\"detail-list\">\r\n\r\n <li>\r\n \u4ed6\u30af\u30fc\u30dd\u30f3\u3068\u306e\u4f75\u7528\u306f\u3067\u304d\u307e\u305b\u3093\u3002\r\n <\/li>\r\n\r\n <li>\r\n \u3054\u6ce8\u6587\u5b8c\u4e86\u5f8c\u306e\u30af\u30fc\u30dd\u30f3\u9069\u7528\u306f\u3067\u304d\u307e\u305b\u3093\u3002\r\n <\/li>\r\n\r\n <li>\r\n \u30af\u30fc\u30dd\u30f3\u3092\u3054\u5229\u7528\u306e\u969b\u306f\u3001\u3054\u6ce8\u6587\u78ba\u5b9a\u524d\u306b\r\n \u5fc5\u305a\u5272\u5f15\u304c\u9069\u7528\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n \r\n <section class=\"cta\">\r\n\r\n <p class=\"cta-text\">\r\n SALE\u30a2\u30a4\u30c6\u30e0\u3092\u307e\u3068\u3081\u3066<br>\r\n \u304a\u5f97\u306b\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u3002\r\n <\/p>\r\n\r\n \r\n <a\r\n href=\"https:\/\/www.ffs-online.shop\/c\/cat0475\/\"\r\n class=\"cta-button\"\r\n >\r\n SALE ITEM\u3092CHECK\r\n <\/a>\r\n\r\n <\/section>\r\n\r\n\r\n \r\n <footer class=\"footer\">\r\n \u00a9 FFS ONLINE\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>","protected":false},"excerpt":{"rendered":"SALE ITEM 2BUY 10%OFF \/ 3BUY 15%OFF SUMMER SALE CA […]","protected":false},"author":1,"featured_media":3298,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-3314","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/posts\/3314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/comments?post=3314"}],"version-history":[{"count":8,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/posts\/3314\/revisions"}],"predecessor-version":[{"id":3358,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/posts\/3314\/revisions\/3358"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/media\/3298"}],"wp:attachment":[{"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/media?parent=3314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/categories?post=3314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/tags?post=3314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3314,"date":"2026-08-18T18:00:48","date_gmt":"2026-08-18T09:00:48","guid":{"rendered":"https:\/\/www.ffs-online.shop\/?p=3314"},"modified":"2026-08-18T16:36:26","modified_gmt":"2026-08-18T07:36:26","slug":"sale2buy10off3buy15off","status":"publish","type":"post","link":"https:\/\/www.ffs-online.shop\/2026\/08\/18\/sale2buy10off3buy15off\/","title":{"rendered":"SALE\u5546\u54c12BUY10%OFF&3BUY15%OFF"},"content":{"rendered":"\r\n\r\n\r\n \r\n \r\n\r\n SALE ITEM 2BUY 10%OFF \/ 3BUY 15%OFF<\/title>\r\n\r\n <style>\r\n :root {\r\n --green: #243b32;\r\n --green-dark: #172a23;\r\n --cream: #f7f5ef;\r\n --beige: #e9e3d6;\r\n --brown: #5b5146;\r\n --white: #ffffff;\r\n --line: #d8d1c5;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n color: var(--green);\r\n background: var(--cream);\r\n font-family:\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Hiragino Kaku Gothic ProN\",\r\n \"Yu Gothic\",\r\n \"YuGothic\",\r\n \"Noto Sans JP\",\r\n sans-serif;\r\n line-height: 1.8;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n .lp {\r\n overflow: hidden;\r\n }\r\n\r\n \/* =========================\r\n HERO\r\n ========================= *\/\r\n\r\n .hero {\r\n position: relative;\r\n min-height: 620px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 70px 20px;\r\n background:\r\n radial-gradient(\r\n circle at 85% 20%,\r\n rgba(255,255,255,.8),\r\n transparent 30%\r\n ),\r\n linear-gradient(\r\n 135deg,\r\n #f8f6f0 0%,\r\n #eee9df 100%\r\n );\r\n text-align: center;\r\n }\r\n\r\n .hero::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 24px;\r\n border: 1px solid rgba(36,59,50,.22);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-inner {\r\n position: relative;\r\n z-index: 1;\r\n width: 100%;\r\n max-width: 920px;\r\n }\r\n\r\n .hero-kicker {\r\n margin: 0 0 20px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: .25em;\r\n }\r\n\r\n .hero-title {\r\n margin: 0;\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n \"YuMincho\",\r\n serif;\r\n font-size: clamp(32px, 6vw, 68px);\r\n font-weight: 400;\r\n letter-spacing: .08em;\r\n line-height: 1.25;\r\n }\r\n\r\n .hero-subtitle {\r\n margin: 22px 0 42px;\r\n font-size: 14px;\r\n letter-spacing: .15em;\r\n }\r\n\r\n .date {\r\n display: inline-block;\r\n padding: 12px 28px;\r\n border-top: 1px solid var(--green);\r\n border-bottom: 1px solid var(--green);\r\n font-size: 16px;\r\n letter-spacing: .12em;\r\n }\r\n\r\n \/* =========================\r\n CAMPAIGN\r\n ========================= *\/\r\n\r\n .campaign {\r\n padding: 80px 20px;\r\n background: var(--green);\r\n color: var(--white);\r\n }\r\n\r\n .section-inner {\r\n width: 100%;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-label {\r\n margin-bottom: 10px;\r\n text-align: center;\r\n font-size: 11px;\r\n letter-spacing: .3em;\r\n opacity: .75;\r\n }\r\n\r\n .section-title {\r\n margin: 0 0 50px;\r\n text-align: center;\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n serif;\r\n font-size: 30px;\r\n font-weight: 400;\r\n letter-spacing: .1em;\r\n }\r\n\r\n .coupon-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n .coupon-card {\r\n position: relative;\r\n padding: 38px 30px;\r\n background: var(--white);\r\n color: var(--green);\r\n text-align: center;\r\n }\r\n\r\n .coupon-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 10px;\r\n border: 1px solid rgba(36,59,50,.18);\r\n pointer-events: none;\r\n }\r\n\r\n .coupon-number {\r\n position: relative;\r\n margin-bottom: 8px;\r\n font-size: 13px;\r\n letter-spacing: .2em;\r\n }\r\n\r\n .coupon-discount {\r\n position: relative;\r\n margin: 0;\r\n font-family: Georgia, \"Times New Roman\", serif;\r\n font-size: clamp(52px, 8vw, 82px);\r\n font-weight: 500;\r\n line-height: 1;\r\n letter-spacing: -.03em;\r\n }\r\n\r\n .coupon-buy {\r\n position: relative;\r\n margin: 12px 0 22px;\r\n font-size: 17px;\r\n font-weight: 600;\r\n letter-spacing: .15em;\r\n }\r\n\r\n .coupon-description {\r\n position: relative;\r\n margin: 0;\r\n font-size: 13px;\r\n line-height: 1.8;\r\n }\r\n\r\n .coupon-code {\r\n position: relative;\r\n display: inline-block;\r\n margin-top: 22px;\r\n padding: 8px 18px;\r\n background: var(--green);\r\n color: var(--white);\r\n font-size: 12px;\r\n letter-spacing: .12em;\r\n }\r\n\r\n \/* =========================\r\n PERIOD\r\n ========================= *\/\r\n\r\n .period {\r\n padding: 70px 20px;\r\n background: var(--cream);\r\n }\r\n\r\n .period-box {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n padding: 36px 30px;\r\n border-top: 1px solid var(--line);\r\n border-bottom: 1px solid var(--line);\r\n text-align: center;\r\n }\r\n\r\n .period-label {\r\n margin: 0 0 10px;\r\n font-size: 12px;\r\n letter-spacing: .2em;\r\n }\r\n\r\n .period-date {\r\n margin: 0;\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n serif;\r\n font-size: clamp(22px, 4vw, 34px);\r\n letter-spacing: .08em;\r\n }\r\n\r\n .period-time {\r\n margin: 8px 0 0;\r\n font-size: 13px;\r\n }\r\n\r\n \/* =========================\r\n DETAILS\r\n ========================= *\/\r\n\r\n .details {\r\n padding: 80px 20px;\r\n background: #fff;\r\n }\r\n\r\n .detail-box {\r\n max-width: 850px;\r\n margin: 0 auto;\r\n }\r\n\r\n .detail-section {\r\n padding: 30px 0;\r\n border-bottom: 1px solid var(--line);\r\n }\r\n\r\n .detail-section:first-child {\r\n border-top: 1px solid var(--line);\r\n }\r\n\r\n .detail-heading {\r\n margin: 0 0 20px;\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n serif;\r\n font-size: 20px;\r\n font-weight: 400;\r\n letter-spacing: .08em;\r\n }\r\n\r\n .detail-list {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none !important;\r\n}\r\n\r\n.detail-list li {\r\n position: relative;\r\n padding-left: 1.3em;\r\n margin: 8px 0;\r\n font-size: 14px;\r\n list-style: none !important;\r\n}\r\n\r\n.detail-list li::before {\r\n content: \"\u30fb\";\r\n position: absolute;\r\n left: 0;\r\n list-style: none !important;\r\n}\r\n\r\n \/* =========================\r\n CTA\r\n ========================= *\/\r\n\r\n .cta {\r\n padding: 70px 20px 90px;\r\n background: var(--cream);\r\n text-align: center;\r\n }\r\n\r\n .cta-text {\r\n margin: 0 0 28px;\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n serif;\r\n font-size: 22px;\r\n letter-spacing: .1em;\r\n }\r\n\r\n .cta-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 280px;\r\n padding: 16px 30px;\r\n background: var(--green);\r\n color: #ffffff !important;\r\n font-size: 13px;\r\n letter-spacing: .16em;\r\n transition: opacity .25s ease;\r\n}\r\n\r\n .cta-button:hover {\r\n opacity: .8;\r\n }\r\n\r\n \/* =========================\r\n FOOTER\r\n ========================= *\/\r\n\r\n .footer {\r\n padding: 30px 20px;\r\n background: var(--green-dark);\r\n color: rgba(255,255,255,.7);\r\n text-align: center;\r\n font-size: 11px;\r\n letter-spacing: .08em;\r\n }\r\n\r\n \/* =========================\r\n MOBILE\r\n ========================= *\/\r\n\r\n @media (max-width: 700px) {\r\n\r\n .hero {\r\n min-height: 480px;\r\n padding: 60px 20px;\r\n }\r\n\r\n .hero::before {\r\n inset: 14px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 34px;\r\n }\r\n\r\n .hero-subtitle {\r\n margin: 18px 0 30px;\r\n font-size: 12px;\r\n }\r\n\r\n .date {\r\n padding: 10px 16px;\r\n font-size: 13px;\r\n }\r\n\r\n .campaign {\r\n padding: 60px 16px;\r\n }\r\n\r\n .section-title {\r\n margin-bottom: 35px;\r\n font-size: 25px;\r\n }\r\n\r\n .coupon-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .coupon-card {\r\n padding: 32px 20px;\r\n }\r\n\r\n .coupon-discount {\r\n font-size: 62px;\r\n }\r\n\r\n .period {\r\n padding: 55px 16px;\r\n }\r\n\r\n .period-box {\r\n padding: 30px 15px;\r\n }\r\n\r\n .details {\r\n padding: 60px 20px;\r\n }\r\n\r\n .detail-heading {\r\n font-size: 18px;\r\n }\r\n\r\n .detail-list li {\r\n font-size: 13px;\r\n }\r\n\r\n .cta {\r\n padding: 55px 20px 70px;\r\n }\r\n\r\n .cta-text {\r\n font-size: 19px;\r\n }\r\n\r\n .cta-button {\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"lp\">\r\n\r\n \r\n <section class=\"hero\">\r\n <div class=\"hero-inner\">\r\n\r\n <p class=\"hero-kicker\">SUMMER SALE CAMPAIGN<\/p>\r\n\r\n <h1 class=\"hero-title\">\r\n SALE ITEM<br>\r\n 2BUY \/ 3BUY\r\n <\/h1>\r\n\r\n <p class=\"hero-subtitle\">\r\n SALE\u54c1\u3092\u307e\u3068\u3081\u3066\u304a\u5f97\u306b\u3002\r\n <\/p>\r\n\r\n <div class=\"date\">\r\n 8.19 WED \u2014 8.22 SAT\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n \r\n <section class=\"campaign\">\r\n\r\n <div class=\"section-inner\">\r\n\r\n <p class=\"section-label\">SPECIAL COUPON<\/p>\r\n\r\n <h2 class=\"section-title\">\r\n 2\u7a2e\u985e\u306e\u30af\u30fc\u30dd\u30f3\u3092\u3054\u7528\u610f\u3057\u307e\u3057\u305f\r\n <\/h2>\r\n\r\n <div class=\"coupon-grid\">\r\n\r\n \r\n <div class=\"coupon-card\">\r\n\r\n <div class=\"coupon-number\">\r\n COUPON 01\r\n <\/div>\r\n\r\n <p class=\"coupon-discount\">\r\n 10%OFF\r\n <\/p>\r\n\r\n <p class=\"coupon-buy\">\r\n 2BUY\r\n <\/p>\r\n\r\n <p class=\"coupon-description\">\r\n \u30ab\u30fc\u30c8\u5185\u5408\u8a082\u70b9\u4ee5\u4e0a\u3067<br>\r\n SALE\u5bfe\u8c61\u30a2\u30a4\u30c6\u30e0\u304c10%OFF\r\n <\/p>\r\n\r\n \r\n <div class=\"coupon-code\">\r\n \t\u5bfe\u8c61\u30a2\u30a4\u30c6\u30e02BUY10\uff05OFF\uff01\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"coupon-card\">\r\n\r\n <div class=\"coupon-number\">\r\n COUPON 02\r\n <\/div>\r\n\r\n <p class=\"coupon-discount\">\r\n 15%OFF\r\n <\/p>\r\n\r\n <p class=\"coupon-buy\">\r\n 3BUY\r\n <\/p>\r\n\r\n <p class=\"coupon-description\">\r\n \u30ab\u30fc\u30c8\u5185\u5408\u8a083\u70b9\u4ee5\u4e0a\u3067<br>\r\n SALE\u5bfe\u8c61\u30a2\u30a4\u30c6\u30e0\u304c15%OFF\r\n <\/p>\r\n\r\n \r\n <div class=\"coupon-code\">\r\n \u5bfe\u8c61\u30a2\u30a4\u30c6\u30e03BUY15\uff05OFF\uff01\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n \r\n <section class=\"period\">\r\n\r\n <div class=\"period-box\">\r\n\r\n <p class=\"period-label\">\r\n CAMPAIGN PERIOD\r\n <\/p>\r\n\r\n <p class=\"period-date\">\r\n 8\u670819\u65e5\uff08\u6c34\uff0910:00<br class=\"mobile-only\">\r\n \u301c 8\u670822\u65e5\uff08\u571f\uff0923:59\r\n <\/p>\r\n\r\n <p class=\"period-time\">\r\n \u203b\u671f\u9593\u4e2d\u305d\u308c\u305e\u308c1\u56de\u305a\u3064\u3054\u5229\u7528\u53ef\u80fd\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n \r\n <section class=\"details\">\r\n\r\n <div class=\"detail-box\">\r\n\r\n \r\n <div class=\"detail-section\">\r\n\r\n <h2 class=\"detail-heading\">\r\n \u30af\u30fc\u30dd\u30f3\u6982\u8981\r\n <\/h2>\r\n\r\n <ul class=\"detail-list\">\r\n\r\n <li>\r\n \u5bfe\u8c61\u671f\u9593\uff1a8\u670819\u65e5\uff08\u6c34\uff0910:00\u301c8\u670822\u65e5\uff08\u571f\uff0923:59\r\n <\/li>\r\n\r\n <li>\r\n \u5546\u54c1\u5408\u8a082\u70b9\u4ee5\u4e0a\u306e\u304a\u8cb7\u3044\u4e0a\u3052\u3067\u3001\r\n \u305d\u306e\u4e2d\u306eSALE\u5bfe\u8c61\u30a2\u30a4\u30c6\u30e0\u304c10%OFF\r\n <\/li>\r\n\r\n <li>\r\n \u5546\u54c1\u5408\u8a083\u70b9\u4ee5\u4e0a\u306e\u304a\u8cb7\u3044\u4e0a\u3052\u3067\u3001\r\n \u305d\u306e\u4e2d\u306eSALE\u5bfe\u8c61\u30a2\u30a4\u30c6\u30e0\u304c15%OFF\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"detail-section\">\r\n\r\n <h2 class=\"detail-heading\">\r\n \u3054\u5229\u7528\u6761\u4ef6\r\n <\/h2>\r\n\r\n <ul class=\"detail-list\">\r\n\r\n <li>\r\n \u4f1a\u54e1\u69d8\u9650\u5b9a\r\n <\/li>\r\n\r\n <li>\r\n \u30ab\u30fc\u30c8\u5185\u5408\u8a082\u70b9\u4ee5\u4e0a\u306e\u304a\u8cb7\u3044\u4e0a\u3052\u304c\u5bfe\u8c61\u3067\u3059\u3002\r\n \u5b9a\u4fa1\u5546\u54c1\u3082\u70b9\u6570\u306b\u30ab\u30a6\u30f3\u30c8\u3055\u308c\u307e\u3059\u3002\r\n <\/li>\r\n\r\n <li>\r\n \u5272\u5f15\u306fSALE\u5bfe\u8c61\u30a2\u30a4\u30c6\u30e0\u306e\u307f\u306b\u9069\u7528\u3055\u308c\u307e\u3059\u3002\r\n \u5b9a\u4fa1\u5546\u54c1\u306f\u5272\u5f15\u5bfe\u8c61\u5916\u3067\u3059\u3002\r\n <\/li>\r\n\r\n <li>\r\n 50%OFF\u4ee5\u4e0a\u306e\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u54c1\u306f\u5bfe\u8c61\u5916\u3067\u3059\u3002\r\n <\/li>\r\n\r\n <li>\r\n \u304a\u3072\u3068\u308a\u69d8\u3001\u671f\u9593\u4e2d1\u56de\u306e\u307f\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"detail-section\">\r\n\r\n <h2 class=\"detail-heading\">\r\n \u6ce8\u610f\u4e8b\u9805\r\n <\/h2>\r\n\r\n <ul class=\"detail-list\">\r\n\r\n <li>\r\n \u4ed6\u30af\u30fc\u30dd\u30f3\u3068\u306e\u4f75\u7528\u306f\u3067\u304d\u307e\u305b\u3093\u3002\r\n <\/li>\r\n\r\n <li>\r\n \u3054\u6ce8\u6587\u5b8c\u4e86\u5f8c\u306e\u30af\u30fc\u30dd\u30f3\u9069\u7528\u306f\u3067\u304d\u307e\u305b\u3093\u3002\r\n <\/li>\r\n\r\n <li>\r\n \u30af\u30fc\u30dd\u30f3\u3092\u3054\u5229\u7528\u306e\u969b\u306f\u3001\u3054\u6ce8\u6587\u78ba\u5b9a\u524d\u306b\r\n \u5fc5\u305a\u5272\u5f15\u304c\u9069\u7528\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n \r\n <section class=\"cta\">\r\n\r\n <p class=\"cta-text\">\r\n SALE\u30a2\u30a4\u30c6\u30e0\u3092\u307e\u3068\u3081\u3066<br>\r\n \u304a\u5f97\u306b\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u3002\r\n <\/p>\r\n\r\n \r\n <a\r\n href=\"https:\/\/www.ffs-online.shop\/c\/cat0475\/\"\r\n class=\"cta-button\"\r\n >\r\n SALE ITEM\u3092CHECK\r\n <\/a>\r\n\r\n <\/section>\r\n\r\n\r\n \r\n <footer class=\"footer\">\r\n \u00a9 FFS ONLINE\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>","protected":false},"excerpt":{"rendered":"SALE ITEM 2BUY 10%OFF \/ 3BUY 15%OFF SUMMER SALE CA […]","protected":false},"author":1,"featured_media":3298,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-3314","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/posts\/3314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/comments?post=3314"}],"version-history":[{"count":8,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/posts\/3314\/revisions"}],"predecessor-version":[{"id":3358,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/posts\/3314\/revisions\/3358"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/media\/3298"}],"wp:attachment":[{"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/media?parent=3314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/categories?post=3314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/tags?post=3314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}