4\u65e5\u9593\u9650\u5b9a 10%OFF | FFS ONLINE<\/title>\r\n\r\n<style>\r\n:root {\r\n --green: #21483a;\r\n --green-dark: #17372c;\r\n --green-light: #eaf2ed;\r\n --cream: #f7f5ef;\r\n --white: #ffffff;\r\n --black: #222222;\r\n --gray: #686868;\r\n --line: #d9dfda;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n color: var(--black);\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\na {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\nimg {\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\n.lp {\r\n overflow: hidden;\r\n}\r\n\r\n\r\n\/* ========================================\r\n HERO\r\n======================================== *\/\r\n\r\n.hero {\r\n position: relative;\r\n min-height: 680px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 70px 20px 80px;\r\n background:\r\n radial-gradient(\r\n circle at 82% 25%,\r\n rgba(33,72,58,.10),\r\n transparent 30%\r\n ),\r\n radial-gradient(\r\n circle at 12% 85%,\r\n rgba(33,72,58,.06),\r\n transparent 28%\r\n ),\r\n var(--cream);\r\n text-align: center;\r\n}\r\n\r\n.hero::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 22px;\r\n border: 1px solid rgba(33,72,58,.18);\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: 1050px;\r\n margin: 0 auto;\r\n text-align: center;\r\n}\r\n\r\n.hero-label {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 170px;\r\n margin-bottom: 25px;\r\n padding: 8px 24px;\r\n background: var(--green);\r\n color: #fff;\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: .22em;\r\nmargin-left: auto;\r\n margin-right: auto;\r\n text-align: center;\r\n}\r\n\r\n.hero-subtitle {\r\n margin: 0 0 8px;\r\n color: var(--green);\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: .2em;\r\nmargin-left: auto;\r\n margin-right: auto;\r\n text-align: center;\r\n}\r\n\r\n.hero-title {\r\n margin: 0;\r\n color: var(--green);\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n \"YuMincho\",\r\n serif;\r\n font-size: clamp(38px, 7vw, 82px);\r\n font-weight: 400;\r\n line-height: 1.05;\r\n letter-spacing: .04em;\r\nmargin-left: auto;\r\n margin-right: auto;\r\n text-align: center;\r\n}\r\n\r\n.hero-title strong {\r\n display: block;\r\n margin-top: 8px;\r\n font-family:\r\n Georgia,\r\n \"Times New Roman\",\r\n serif;\r\n font-size: clamp(90px, 15vw, 180px);\r\n font-weight: 500;\r\n line-height: .95;\r\n letter-spacing: -.05em;\r\n}\r\n\r\n.hero-title strong span {\r\n font-size: .42em;\r\n letter-spacing: -.02em;\r\n}\r\n\r\n.hero-message {\r\n margin: 25px 0 35px;\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n serif;\r\n font-size: 18px;\r\n letter-spacing: .12em;\r\nmargin-left: auto;\r\n margin-right: auto;\r\n text-align: center;\r\n}\r\n\r\n.hero-date {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: fit-content;\r\n margin-left: auto;\r\n margin-right: auto;\r\n gap: 20px;\r\n padding: 13px 30px;\r\n border-top: 1px solid var(--green);\r\n border-bottom: 1px solid var(--green);\r\n color: var(--green);\r\n font-size: 18px;\r\n font-weight: 600;\r\n letter-spacing: .1em;\r\n}\r\n\r\n.hero-date .arrow {\r\n font-family: Georgia, serif;\r\n font-size: 25px;\r\n font-weight: 400;\r\n}\r\n\r\n.hero-note {\r\n margin: 20px 0 0;\r\n color: var(--gray);\r\n font-size: 12px;\r\n letter-spacing: .08em;\r\nmargin-left: auto;\r\n margin-right: auto;\r\n text-align: center;\r\n}\r\n\r\n\r\n\/* ========================================\r\n CAMPAIGN POINT\r\n======================================== *\/\r\n\r\n.point-section {\r\n padding: 70px 20px;\r\n background: var(--green);\r\n color: #fff;\r\n}\r\n\r\n.inner {\r\n width: 100%;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n}\r\n\r\n.point-heading {\r\n margin: 0 0 45px;\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: 28px;\r\n font-weight: 400;\r\n letter-spacing: .1em;\r\n}\r\n\r\n.point-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1px;\r\n background: rgba(255,255,255,.25);\r\n}\r\n\r\n.point-card {\r\n padding: 40px 25px;\r\n background: var(--green);\r\n text-align: center;\r\n}\r\n\r\n.point-number {\r\n margin-bottom: 12px;\r\n font-family: Georgia, serif;\r\n font-size: 13px;\r\n letter-spacing: .2em;\r\n opacity: .7;\r\n}\r\n\r\n.point-card h3 {\r\n margin: 0 0 12px;\r\n font-size: 20px;\r\n font-weight: 600;\r\n}\r\n\r\n.point-card p {\r\n margin: 0;\r\n font-size: 13px;\r\n line-height: 1.9;\r\n opacity: .9;\r\n}\r\n\r\n\r\n\/* ========================================\r\n PRICE MESSAGE\r\n======================================== *\/\r\n\r\n.price-section {\r\n padding: 80px 20px;\r\n background: #fff;\r\n text-align: center;\r\n}\r\n\r\n.price-label {\r\n margin: 0 0 15px;\r\n color: var(--green);\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: .25em;\r\n}\r\n\r\n.price-title {\r\n margin: 0;\r\n color: var(--green);\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n serif;\r\n font-size: clamp(27px, 5vw, 44px);\r\n font-weight: 400;\r\n letter-spacing: .08em;\r\n line-height: 1.5;\r\n}\r\n\r\n.price-highlight {\r\n display: inline-block;\r\n margin: 25px 0;\r\n padding: 14px 30px;\r\n background: var(--green-light);\r\n color: var(--green);\r\n font-size: 16px;\r\n font-weight: 700;\r\n letter-spacing: .08em;\r\n}\r\n\r\n.price-description {\r\n max-width: 650px;\r\n margin: 0 auto;\r\n color: var(--gray);\r\n font-size: 14px;\r\n}\r\n\r\n\r\n\/* ========================================\r\n PERIOD\r\n======================================== *\/\r\n\r\n.period-section {\r\n padding: 65px 20px;\r\n background: var(--cream);\r\n}\r\n\r\n.period-box {\r\n max-width: 850px;\r\n margin: 0 auto;\r\n padding: 35px 30px;\r\n border: 1px solid var(--line);\r\n background: #fff;\r\n text-align: center;\r\n}\r\n\r\n.period-label {\r\n margin: 0 0 10px;\r\n color: var(--green);\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: .25em;\r\n}\r\n\r\n.period-date {\r\n margin: 0;\r\n color: var(--green);\r\n font-family:\r\n Georgia,\r\n \"Times New Roman\",\r\n serif;\r\n font-size: clamp(30px, 6vw, 54px);\r\n line-height: 1.15;\r\n letter-spacing: .02em;\r\n}\r\n\r\n.period-date small {\r\n font-family:\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Hiragino Kaku Gothic ProN\",\r\n \"Yu Gothic\",\r\n sans-serif;\r\n font-size: .38em;\r\n font-weight: 600;\r\n letter-spacing: .08em;\r\n}\r\n\r\n.period-time {\r\n margin: 12px 0 0;\r\n font-size: 13px;\r\n color: var(--gray);\r\n}\r\n\r\n\r\n\/* ========================================\r\n EXCLUDED BRANDS\r\n======================================== *\/\r\n\r\n.excluded-section {\r\n padding: 80px 20px;\r\n background: #fff;\r\n}\r\n\r\n.excluded-header {\r\n max-width: 850px;\r\n margin: 0 auto;\r\n text-align: center;\r\n}\r\n\r\n.excluded-label {\r\n margin: 0 0 8px;\r\n color: #888;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: .25em;\r\n}\r\n\r\n.excluded-title {\r\n margin: 0;\r\n color: var(--green);\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: .08em;\r\n}\r\n\r\n.excluded-lead {\r\n margin: 18px auto 28px;\r\n color: var(--gray);\r\n font-size: 14px;\r\n}\r\n\r\n.brand-toggle {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 15px;\r\n min-width: 290px;\r\n padding: 15px 25px;\r\n border: 1px solid var(--green);\r\n background: #fff;\r\n color: var(--green);\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: .08em;\r\n cursor: pointer;\r\n}\r\n\r\n.brand-toggle .plus {\r\n display: inline-block;\r\n font-family: Arial, sans-serif;\r\n font-size: 20px;\r\n font-weight: 300;\r\n line-height: 1;\r\n transition: transform .25s ease;\r\n}\r\n\r\n.brand-toggle.active .plus {\r\n transform: rotate(45deg);\r\n}\r\n\r\n.brand-list-wrap {\r\n display: none;\r\n max-width: 900px;\r\n margin: 35px auto 0;\r\n padding: 35px;\r\n background: var(--green-light);\r\n}\r\n\r\n.brand-list-wrap.open {\r\n display: block;\r\n}\r\n\r\n.brand-list {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n column-gap: 35px;\r\n row-gap: 0;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none !important;\r\n}\r\n\r\n.brand-list li {\r\n position: relative;\r\n padding: 7px 0 7px 18px;\r\n border-bottom: 1px solid rgba(33,72,58,.10);\r\n color: #34473f;\r\n font-size: 13px;\r\n list-style: none !important;\r\n}\r\n\r\n.brand-list li::before {\r\n content: \"\u00d7\" !important;\r\n position: absolute;\r\n left: 0;\r\n color: #84978e;\r\n font-weight: 400;\r\n}\r\n\r\n\r\n\/* ========================================\r\n NOTICE\r\n======================================== *\/\r\n\r\n.notice-section {\r\n padding: 70px 20px;\r\n background: var(--green-dark);\r\n color: #fff;\r\n}\r\n\r\n.notice-box {\r\n max-width: 850px;\r\n margin: 0 auto;\r\n}\r\n\r\n.notice-title {\r\n margin: 0 0 25px;\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n serif;\r\n font-size: 25px;\r\n font-weight: 400;\r\n letter-spacing: .1em;\r\n}\r\n\r\n.notice-list {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none !important;\r\n}\r\n\r\n.notice-list li {\r\n position: relative;\r\n margin: 10px 0;\r\n padding-left: 1.4em;\r\n font-size: 13px;\r\n list-style: none !important;\r\n}\r\n\r\n.notice-list li::before {\r\n content: \"\u30fb\" !important;\r\n position: absolute;\r\n left: 0;\r\n}\r\n\r\n\r\n\/* ========================================\r\n FINAL CTA\r\n======================================== *\/\r\n\r\n.cta-section {\r\n padding: 75px 20px 90px;\r\n background: var(--cream);\r\n text-align: center;\r\n}\r\n\r\n.cta-title {\r\n margin: 0 0 12px;\r\n color: var(--green);\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n serif;\r\n font-size: 26px;\r\n font-weight: 400;\r\n letter-spacing: .1em;\r\n}\r\n\r\n.cta-text {\r\n margin: 0 0 30px;\r\n color: var(--gray);\r\n font-size: 13px;\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: 290px;\r\n padding: 17px 35px;\r\n background: var(--green);\r\n color: #fff !important;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: .12em;\r\n transition:\r\n opacity .2s ease,\r\n transform .2s ease;\r\n}\r\n\r\n.cta-button:hover {\r\n opacity: .85;\r\n transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* ========================================\r\n FOOTER\r\n======================================== *\/\r\n\r\n.footer {\r\n padding: 25px 20px;\r\n background: var(--green-dark);\r\n color: rgba(255,255,255,.6);\r\n text-align: center;\r\n font-size: 10px;\r\n letter-spacing: .1em;\r\n}\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: 560px;\r\n padding: 60px 20px 65px;\r\n }\r\n\r\n .hero::before {\r\n inset: 14px;\r\n }\r\n\r\n .hero-label {\r\n min-width: 150px;\r\n font-size: 11px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 36px;\r\n }\r\n\r\n .hero-title strong {\r\n margin-top: 12px;\r\n font-size: 92px;\r\n }\r\n\r\n .hero-message {\r\n font-size: 14px;\r\n }\r\n\r\n .hero-date {\r\n gap: 12px;\r\n padding: 10px 16px;\r\n font-size: 13px;\r\n }\r\n\r\n .point-section {\r\n padding: 60px 16px;\r\n }\r\n\r\n .point-heading {\r\n font-size: 23px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .point-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .point-card {\r\n padding: 28px 20px;\r\n }\r\n\r\n .price-section {\r\n padding: 60px 20px;\r\n }\r\n\r\n .price-title {\r\n font-size: 26px;\r\n }\r\n\r\n .price-highlight {\r\n font-size: 13px;\r\n padding: 12px 18px;\r\n }\r\n\r\n .period-section {\r\n padding: 50px 16px;\r\n }\r\n\r\n .period-box {\r\n padding: 28px 15px;\r\n }\r\n\r\n .period-date {\r\n font-size: 34px;\r\n }\r\n\r\n .excluded-section {\r\n padding: 60px 16px;\r\n }\r\n\r\n .excluded-title {\r\n font-size: 24px;\r\n }\r\n\r\n .excluded-lead {\r\n font-size: 13px;\r\n text-align: left;\r\n }\r\n\r\n .brand-toggle {\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n\r\n .brand-list-wrap {\r\n padding: 25px 18px;\r\n }\r\n\r\n .brand-list {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .brand-list li {\r\n font-size: 12px;\r\n }\r\n\r\n .notice-section {\r\n padding: 55px 20px;\r\n }\r\n\r\n .notice-title {\r\n font-size: 22px;\r\n }\r\n\r\n .cta-section {\r\n padding: 60px 20px 70px;\r\n }\r\n\r\n .cta-title {\r\n font-size: 22px;\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\r\n<body>\r\n\r\n<div class=\"lp\">\r\n\r\n\r\n\r\n\r\n<section class=\"hero\">\r\n\r\n <div class=\"hero-inner\">\r\n\r\n <div class=\"hero-label\">\r\n 4 DAYS ONLY\r\n <\/div>\r\n\r\n <p class=\"hero-subtitle\">\r\n SPECIAL PRICE\r\n <\/p>\r\n\r\n <h1 class=\"hero-title\">\r\n\r\n \u5bfe\u8c61\u5546\u54c1\r\n\r\n <strong>\r\n 10<span>%<\/span> OFF\r\n <\/strong>\r\n\r\n <\/h1>\r\n\r\n <p class=\"hero-message\">\r\n 4\u65e5\u9593\u3060\u3051\u306e\u3001\u7279\u5225\u306a\u30d7\u30e9\u30a4\u30b9\u3002\r\n <\/p>\r\n\r\n <div class=\"hero-date\">\r\n <span>9.4 FRI<\/span>\r\n <span class=\"arrow\">\u2014<\/span>\r\n <span>9.7 MON<\/span>\r\n <\/div>\r\n\r\n <p class=\"hero-note\">\r\n 10:00 START \/ 23:59 END\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<section class=\"point-section\">\r\n\r\n <div class=\"inner\">\r\n\r\n <h2 class=\"point-heading\">\r\n \u4eca\u56de\u306e\u304a\u5f97\u306a\u30dd\u30a4\u30f3\u30c8\r\n <\/h2>\r\n\r\n <div class=\"point-grid\">\r\n\r\n <div class=\"point-card\">\r\n\r\n <div class=\"point-number\">\r\n POINT 01\r\n <\/div>\r\n\r\n <h3>\r\n 10% OFF\r\n <\/h3>\r\n\r\n <p>\r\n \u5bfe\u8c61\u5546\u54c1\u3092<br>\r\n 10%OFF\u3067\u304a\u8cb7\u3044\u6c42\u3081\u3044\u305f\u3060\u3051\u307e\u3059\u3002\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"point-card\">\r\n\r\n <div class=\"point-number\">\r\n POINT 02\r\n <\/div>\r\n\r\n <h3>\r\n COUPON \u4e0d\u8981\r\n <\/h3>\r\n\r\n <p>\r\n \u30af\u30fc\u30dd\u30f3\u306e\u53d6\u5f97\u3084<br>\r\n \u30b3\u30fc\u30c9\u5165\u529b\u306f\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093\u3002\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"point-card\">\r\n\r\n <div class=\"point-number\">\r\n POINT 03\r\n <\/div>\r\n\r\n <h3>\r\n PRICE DOWN\r\n <\/h3>\r\n\r\n <p>\r\n \u5bfe\u8c61\u5546\u54c1\u306f\u30b5\u30a4\u30c8\u4e0a\u306e\u4fa1\u683c\u304c<br>\r\n 10%\u5024\u5f15\u304d\u8868\u793a\u3055\u308c\u307e\u3059\u3002\r\n <\/p>\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\r\n<section class=\"price-section\">\r\n\r\n <p class=\"price-label\">\r\n EASY & SIMPLE\r\n <\/p>\r\n\r\n <h2 class=\"price-title\">\r\n \u30af\u30fc\u30dd\u30f3\u53d6\u5f97\u4e0d\u8981\u3002<br>\r\n \u6b32\u3057\u304b\u3063\u305f\u30a2\u30a4\u30c6\u30e0\u3092<br>\r\n \u305d\u306e\u307e\u307e\u304a\u5f97\u306b\u3002\r\n <\/h2>\r\n\r\n <div class=\"price-highlight\">\r\n \u5bfe\u8c61\u5546\u54c1\u306f\u30b5\u30a4\u30c8\u4e0a\u306710%OFF\u4fa1\u683c\u306b\u5909\u66f4\u3055\u308c\u307e\u3059\r\n <\/div>\r\n\r\n <p class=\"price-description\">\r\n \u671f\u9593\u4e2d\u3001\u5bfe\u8c61\u5546\u54c1\u306f\u901a\u5e38\u4fa1\u683c\u304b\u308910%\u5024\u5f15\u304d\u3057\u305f\u4fa1\u683c\u3067\u8868\u793a\u3055\u308c\u307e\u3059\u3002\r\n \u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u3060\u3051\u3067\u304a\u5f97\u306b\u304a\u8cb7\u3044\u7269\u3044\u305f\u3060\u3051\u307e\u3059\u3002\r\n <\/p>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<section class=\"period-section\">\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 9.4 <small>FRI<\/small>\r\n \u301c\r\n 9.7 <small>MON<\/small>\r\n <\/p>\r\n\r\n <p class=\"period-time\">\r\n 9\u67084\u65e5\uff08\u91d1\uff0910:00 \u301c 9\u67087\u65e5\uff08\u6708\uff0923:59\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<section class=\"excluded-section\">\r\n\r\n <div class=\"excluded-header\">\r\n\r\n <p class=\"excluded-label\">\r\n PLEASE CHECK\r\n <\/p>\r\n\r\n <h2 class=\"excluded-title\">\r\n \u5bfe\u8c61\u5916\u30d6\u30e9\u30f3\u30c9\u306b\u3064\u3044\u3066\r\n <\/h2>\r\n\r\n <p class=\"excluded-lead\">\r\n \u4e0b\u8a18\u30d6\u30e9\u30f3\u30c9\u306e\u5546\u54c1\u306f\u4eca\u56de\u306e10%OFF\u5bfe\u8c61\u5916\u3068\u306a\u308a\u307e\u3059\u3002<br>\r\n \u5bfe\u8c61\u5916\u30d6\u30e9\u30f3\u30c9\u306f\u901a\u5e38\u4fa1\u683c\u306e\u307e\u307e\u8868\u793a\u3055\u308c\u307e\u3059\u3002\r\n <\/p>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"brand-toggle\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"brand-list\"\r\n >\r\n <span>\u5bfe\u8c61\u5916\u30d6\u30e9\u30f3\u30c9\u4e00\u89a7\u3092\u78ba\u8a8d<\/span>\r\n <span class=\"plus\">+<\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <div\r\n id=\"brand-list\"\r\n class=\"brand-list-wrap\"\r\n >\r\n\r\n <ul class=\"brand-list\">\r\n\r\n\r\n <li>ENGINEERED GARMENTS<\/li>\r\n <li>ENGINEERED GARMENTS WORKADAY<\/li>\r\n <li>FFSselect \u4e00\u90e8<\/li>\r\n <li>J&M DAVIDSON<\/li>\r\n <li>Manna<\/li>\r\n <li>Needles<\/li>\r\n <li>patagonia<\/li>\r\n <li>RhodolirioN<\/li>\r\n <li>South2 West8<\/li>\r\n <li>ARMEN<\/li>\r\n <li>maison de soil<\/li>\r\n <li>HTS<\/li>\r\n <li>Quality Gunslips<\/li>\r\n\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<section class=\"notice-section\">\r\n\r\n <div class=\"notice-box\">\r\n\r\n <h2 class=\"notice-title\">\r\n \u6ce8\u610f\u4e8b\u9805\r\n <\/h2>\r\n\r\n <ul class=\"notice-list\">\r\n\r\n <li>\r\n \u4eca\u56de\u306e\u30a4\u30d9\u30f3\u30c8\u306f\u30af\u30fc\u30dd\u30f3\u3067\u306f\u306a\u3044\u305f\u3081\u3001\u4ed6\u30af\u30fc\u30dd\u30f3\u3068\u306e\u4f75\u7528\u6761\u4ef6\u306f\u767a\u751f\u3057\u307e\u305b\u3093\u3002\r\n <\/li>\r\n\r\n <li>\r\n \u5bfe\u8c61\u5546\u54c1\u306f\u30b5\u30a4\u30c8\u4e0a\u306e\u4fa1\u683c\u304c10%\u5024\u5f15\u304d\u8868\u793a\u3055\u308c\u307e\u3059\u3002\r\n <\/li>\r\n\r\n <li>\r\n \u5bfe\u8c61\u5916\u30d6\u30e9\u30f3\u30c9\u306e\u5546\u54c1\u306f\u901a\u5e38\u4fa1\u683c\u306e\u307e\u307e\u8868\u793a\u3055\u308c\u307e\u3059\u3002\r\n <\/li>\r\n\r\n <li>\r\n \u671f\u9593\u7d42\u4e86\u5f8c\u306f\u901a\u5e38\u4fa1\u683c\u306b\u623b\u308a\u307e\u3059\u3002\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<section class=\"cta-section\">\r\n\r\n <h2 class=\"cta-title\">\r\n \u304a\u5f97\u306a4\u65e5\u9593\u3092\u304a\u898b\u9003\u3057\u306a\u304f\u3002\r\n <\/h2>\r\n\r\n <p class=\"cta-text\">\r\n 9\u67084\u65e5\uff08\u91d1\uff0910:00 START\r\n <\/p>\r\n\r\n \r\n <a\r\n href=\"https:\/\/www.ffs-online.shop\/c\/410OFF\"\r\n class=\"cta-button\"\r\n >\r\n \u5bfe\u8c61\u5546\u54c1\u3092CHECK\r\n <\/a>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<footer class=\"footer\">\r\n \u00a9 FFS ONLINE\r\n<\/footer>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function() {\r\n\r\n const button = document.querySelector('.brand-toggle');\r\n const list = document.querySelector('.brand-list-wrap');\r\n\r\n if (!button || !list) return;\r\n\r\n button.addEventListener('click', function() {\r\n\r\n const isOpen = list.classList.toggle('open');\r\n\r\n button.classList.toggle('active', isOpen);\r\n\r\n button.setAttribute(\r\n 'aria-expanded',\r\n isOpen ? 'true' : 'false'\r\n );\r\n\r\n const text = button.querySelector('span:first-child');\r\n\r\n if (text) {\r\n text.textContent = isOpen\r\n ? '\u5bfe\u8c61\u5916\u30d6\u30e9\u30f3\u30c9\u4e00\u89a7\u3092\u9589\u3058\u308b'\r\n : '\u5bfe\u8c61\u5916\u30d6\u30e9\u30f3\u30c9\u4e00\u89a7\u3092\u78ba\u8a8d';\r\n }\r\n\r\n });\r\n\r\n})();\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>","protected":false},"excerpt":{"rendered":"4\u65e5\u9593\u9650\u5b9a 10%OFF | FFS ONLINE 4 DAYS ONLY SPECIAL PRIC […]","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-3603","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\/3603","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=3603"}],"version-history":[{"count":6,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/posts\/3603\/revisions"}],"predecessor-version":[{"id":3639,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/posts\/3603\/revisions\/3639"}],"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=3603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/categories?post=3603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/tags?post=3603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3603,"date":"2026-09-04T10:38:39","date_gmt":"2026-09-04T01:38:39","guid":{"rendered":"https:\/\/www.ffs-online.shop\/?p=3603"},"modified":"2026-09-04T10:38:39","modified_gmt":"2026-09-04T01:38:39","slug":"special4days","status":"publish","type":"post","link":"https:\/\/www.ffs-online.shop\/2026\/09\/04\/special4days\/","title":{"rendered":"Special 4 Days"},"content":{"rendered":"\r\n\r\n\r\n\r\n\r\n\r\n4\u65e5\u9593\u9650\u5b9a 10%OFF | FFS ONLINE<\/title>\r\n\r\n<style>\r\n:root {\r\n --green: #21483a;\r\n --green-dark: #17372c;\r\n --green-light: #eaf2ed;\r\n --cream: #f7f5ef;\r\n --white: #ffffff;\r\n --black: #222222;\r\n --gray: #686868;\r\n --line: #d9dfda;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n color: var(--black);\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\na {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\nimg {\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\n.lp {\r\n overflow: hidden;\r\n}\r\n\r\n\r\n\/* ========================================\r\n HERO\r\n======================================== *\/\r\n\r\n.hero {\r\n position: relative;\r\n min-height: 680px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 70px 20px 80px;\r\n background:\r\n radial-gradient(\r\n circle at 82% 25%,\r\n rgba(33,72,58,.10),\r\n transparent 30%\r\n ),\r\n radial-gradient(\r\n circle at 12% 85%,\r\n rgba(33,72,58,.06),\r\n transparent 28%\r\n ),\r\n var(--cream);\r\n text-align: center;\r\n}\r\n\r\n.hero::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 22px;\r\n border: 1px solid rgba(33,72,58,.18);\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: 1050px;\r\n margin: 0 auto;\r\n text-align: center;\r\n}\r\n\r\n.hero-label {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 170px;\r\n margin-bottom: 25px;\r\n padding: 8px 24px;\r\n background: var(--green);\r\n color: #fff;\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: .22em;\r\nmargin-left: auto;\r\n margin-right: auto;\r\n text-align: center;\r\n}\r\n\r\n.hero-subtitle {\r\n margin: 0 0 8px;\r\n color: var(--green);\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: .2em;\r\nmargin-left: auto;\r\n margin-right: auto;\r\n text-align: center;\r\n}\r\n\r\n.hero-title {\r\n margin: 0;\r\n color: var(--green);\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n \"YuMincho\",\r\n serif;\r\n font-size: clamp(38px, 7vw, 82px);\r\n font-weight: 400;\r\n line-height: 1.05;\r\n letter-spacing: .04em;\r\nmargin-left: auto;\r\n margin-right: auto;\r\n text-align: center;\r\n}\r\n\r\n.hero-title strong {\r\n display: block;\r\n margin-top: 8px;\r\n font-family:\r\n Georgia,\r\n \"Times New Roman\",\r\n serif;\r\n font-size: clamp(90px, 15vw, 180px);\r\n font-weight: 500;\r\n line-height: .95;\r\n letter-spacing: -.05em;\r\n}\r\n\r\n.hero-title strong span {\r\n font-size: .42em;\r\n letter-spacing: -.02em;\r\n}\r\n\r\n.hero-message {\r\n margin: 25px 0 35px;\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n serif;\r\n font-size: 18px;\r\n letter-spacing: .12em;\r\nmargin-left: auto;\r\n margin-right: auto;\r\n text-align: center;\r\n}\r\n\r\n.hero-date {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: fit-content;\r\n margin-left: auto;\r\n margin-right: auto;\r\n gap: 20px;\r\n padding: 13px 30px;\r\n border-top: 1px solid var(--green);\r\n border-bottom: 1px solid var(--green);\r\n color: var(--green);\r\n font-size: 18px;\r\n font-weight: 600;\r\n letter-spacing: .1em;\r\n}\r\n\r\n.hero-date .arrow {\r\n font-family: Georgia, serif;\r\n font-size: 25px;\r\n font-weight: 400;\r\n}\r\n\r\n.hero-note {\r\n margin: 20px 0 0;\r\n color: var(--gray);\r\n font-size: 12px;\r\n letter-spacing: .08em;\r\nmargin-left: auto;\r\n margin-right: auto;\r\n text-align: center;\r\n}\r\n\r\n\r\n\/* ========================================\r\n CAMPAIGN POINT\r\n======================================== *\/\r\n\r\n.point-section {\r\n padding: 70px 20px;\r\n background: var(--green);\r\n color: #fff;\r\n}\r\n\r\n.inner {\r\n width: 100%;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n}\r\n\r\n.point-heading {\r\n margin: 0 0 45px;\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: 28px;\r\n font-weight: 400;\r\n letter-spacing: .1em;\r\n}\r\n\r\n.point-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1px;\r\n background: rgba(255,255,255,.25);\r\n}\r\n\r\n.point-card {\r\n padding: 40px 25px;\r\n background: var(--green);\r\n text-align: center;\r\n}\r\n\r\n.point-number {\r\n margin-bottom: 12px;\r\n font-family: Georgia, serif;\r\n font-size: 13px;\r\n letter-spacing: .2em;\r\n opacity: .7;\r\n}\r\n\r\n.point-card h3 {\r\n margin: 0 0 12px;\r\n font-size: 20px;\r\n font-weight: 600;\r\n}\r\n\r\n.point-card p {\r\n margin: 0;\r\n font-size: 13px;\r\n line-height: 1.9;\r\n opacity: .9;\r\n}\r\n\r\n\r\n\/* ========================================\r\n PRICE MESSAGE\r\n======================================== *\/\r\n\r\n.price-section {\r\n padding: 80px 20px;\r\n background: #fff;\r\n text-align: center;\r\n}\r\n\r\n.price-label {\r\n margin: 0 0 15px;\r\n color: var(--green);\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: .25em;\r\n}\r\n\r\n.price-title {\r\n margin: 0;\r\n color: var(--green);\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n serif;\r\n font-size: clamp(27px, 5vw, 44px);\r\n font-weight: 400;\r\n letter-spacing: .08em;\r\n line-height: 1.5;\r\n}\r\n\r\n.price-highlight {\r\n display: inline-block;\r\n margin: 25px 0;\r\n padding: 14px 30px;\r\n background: var(--green-light);\r\n color: var(--green);\r\n font-size: 16px;\r\n font-weight: 700;\r\n letter-spacing: .08em;\r\n}\r\n\r\n.price-description {\r\n max-width: 650px;\r\n margin: 0 auto;\r\n color: var(--gray);\r\n font-size: 14px;\r\n}\r\n\r\n\r\n\/* ========================================\r\n PERIOD\r\n======================================== *\/\r\n\r\n.period-section {\r\n padding: 65px 20px;\r\n background: var(--cream);\r\n}\r\n\r\n.period-box {\r\n max-width: 850px;\r\n margin: 0 auto;\r\n padding: 35px 30px;\r\n border: 1px solid var(--line);\r\n background: #fff;\r\n text-align: center;\r\n}\r\n\r\n.period-label {\r\n margin: 0 0 10px;\r\n color: var(--green);\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: .25em;\r\n}\r\n\r\n.period-date {\r\n margin: 0;\r\n color: var(--green);\r\n font-family:\r\n Georgia,\r\n \"Times New Roman\",\r\n serif;\r\n font-size: clamp(30px, 6vw, 54px);\r\n line-height: 1.15;\r\n letter-spacing: .02em;\r\n}\r\n\r\n.period-date small {\r\n font-family:\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Hiragino Kaku Gothic ProN\",\r\n \"Yu Gothic\",\r\n sans-serif;\r\n font-size: .38em;\r\n font-weight: 600;\r\n letter-spacing: .08em;\r\n}\r\n\r\n.period-time {\r\n margin: 12px 0 0;\r\n font-size: 13px;\r\n color: var(--gray);\r\n}\r\n\r\n\r\n\/* ========================================\r\n EXCLUDED BRANDS\r\n======================================== *\/\r\n\r\n.excluded-section {\r\n padding: 80px 20px;\r\n background: #fff;\r\n}\r\n\r\n.excluded-header {\r\n max-width: 850px;\r\n margin: 0 auto;\r\n text-align: center;\r\n}\r\n\r\n.excluded-label {\r\n margin: 0 0 8px;\r\n color: #888;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: .25em;\r\n}\r\n\r\n.excluded-title {\r\n margin: 0;\r\n color: var(--green);\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: .08em;\r\n}\r\n\r\n.excluded-lead {\r\n margin: 18px auto 28px;\r\n color: var(--gray);\r\n font-size: 14px;\r\n}\r\n\r\n.brand-toggle {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 15px;\r\n min-width: 290px;\r\n padding: 15px 25px;\r\n border: 1px solid var(--green);\r\n background: #fff;\r\n color: var(--green);\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: .08em;\r\n cursor: pointer;\r\n}\r\n\r\n.brand-toggle .plus {\r\n display: inline-block;\r\n font-family: Arial, sans-serif;\r\n font-size: 20px;\r\n font-weight: 300;\r\n line-height: 1;\r\n transition: transform .25s ease;\r\n}\r\n\r\n.brand-toggle.active .plus {\r\n transform: rotate(45deg);\r\n}\r\n\r\n.brand-list-wrap {\r\n display: none;\r\n max-width: 900px;\r\n margin: 35px auto 0;\r\n padding: 35px;\r\n background: var(--green-light);\r\n}\r\n\r\n.brand-list-wrap.open {\r\n display: block;\r\n}\r\n\r\n.brand-list {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n column-gap: 35px;\r\n row-gap: 0;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none !important;\r\n}\r\n\r\n.brand-list li {\r\n position: relative;\r\n padding: 7px 0 7px 18px;\r\n border-bottom: 1px solid rgba(33,72,58,.10);\r\n color: #34473f;\r\n font-size: 13px;\r\n list-style: none !important;\r\n}\r\n\r\n.brand-list li::before {\r\n content: \"\u00d7\" !important;\r\n position: absolute;\r\n left: 0;\r\n color: #84978e;\r\n font-weight: 400;\r\n}\r\n\r\n\r\n\/* ========================================\r\n NOTICE\r\n======================================== *\/\r\n\r\n.notice-section {\r\n padding: 70px 20px;\r\n background: var(--green-dark);\r\n color: #fff;\r\n}\r\n\r\n.notice-box {\r\n max-width: 850px;\r\n margin: 0 auto;\r\n}\r\n\r\n.notice-title {\r\n margin: 0 0 25px;\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n serif;\r\n font-size: 25px;\r\n font-weight: 400;\r\n letter-spacing: .1em;\r\n}\r\n\r\n.notice-list {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none !important;\r\n}\r\n\r\n.notice-list li {\r\n position: relative;\r\n margin: 10px 0;\r\n padding-left: 1.4em;\r\n font-size: 13px;\r\n list-style: none !important;\r\n}\r\n\r\n.notice-list li::before {\r\n content: \"\u30fb\" !important;\r\n position: absolute;\r\n left: 0;\r\n}\r\n\r\n\r\n\/* ========================================\r\n FINAL CTA\r\n======================================== *\/\r\n\r\n.cta-section {\r\n padding: 75px 20px 90px;\r\n background: var(--cream);\r\n text-align: center;\r\n}\r\n\r\n.cta-title {\r\n margin: 0 0 12px;\r\n color: var(--green);\r\n font-family:\r\n \"Hiragino Mincho ProN\",\r\n \"Yu Mincho\",\r\n serif;\r\n font-size: 26px;\r\n font-weight: 400;\r\n letter-spacing: .1em;\r\n}\r\n\r\n.cta-text {\r\n margin: 0 0 30px;\r\n color: var(--gray);\r\n font-size: 13px;\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: 290px;\r\n padding: 17px 35px;\r\n background: var(--green);\r\n color: #fff !important;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: .12em;\r\n transition:\r\n opacity .2s ease,\r\n transform .2s ease;\r\n}\r\n\r\n.cta-button:hover {\r\n opacity: .85;\r\n transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* ========================================\r\n FOOTER\r\n======================================== *\/\r\n\r\n.footer {\r\n padding: 25px 20px;\r\n background: var(--green-dark);\r\n color: rgba(255,255,255,.6);\r\n text-align: center;\r\n font-size: 10px;\r\n letter-spacing: .1em;\r\n}\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: 560px;\r\n padding: 60px 20px 65px;\r\n }\r\n\r\n .hero::before {\r\n inset: 14px;\r\n }\r\n\r\n .hero-label {\r\n min-width: 150px;\r\n font-size: 11px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 36px;\r\n }\r\n\r\n .hero-title strong {\r\n margin-top: 12px;\r\n font-size: 92px;\r\n }\r\n\r\n .hero-message {\r\n font-size: 14px;\r\n }\r\n\r\n .hero-date {\r\n gap: 12px;\r\n padding: 10px 16px;\r\n font-size: 13px;\r\n }\r\n\r\n .point-section {\r\n padding: 60px 16px;\r\n }\r\n\r\n .point-heading {\r\n font-size: 23px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .point-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .point-card {\r\n padding: 28px 20px;\r\n }\r\n\r\n .price-section {\r\n padding: 60px 20px;\r\n }\r\n\r\n .price-title {\r\n font-size: 26px;\r\n }\r\n\r\n .price-highlight {\r\n font-size: 13px;\r\n padding: 12px 18px;\r\n }\r\n\r\n .period-section {\r\n padding: 50px 16px;\r\n }\r\n\r\n .period-box {\r\n padding: 28px 15px;\r\n }\r\n\r\n .period-date {\r\n font-size: 34px;\r\n }\r\n\r\n .excluded-section {\r\n padding: 60px 16px;\r\n }\r\n\r\n .excluded-title {\r\n font-size: 24px;\r\n }\r\n\r\n .excluded-lead {\r\n font-size: 13px;\r\n text-align: left;\r\n }\r\n\r\n .brand-toggle {\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n\r\n .brand-list-wrap {\r\n padding: 25px 18px;\r\n }\r\n\r\n .brand-list {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .brand-list li {\r\n font-size: 12px;\r\n }\r\n\r\n .notice-section {\r\n padding: 55px 20px;\r\n }\r\n\r\n .notice-title {\r\n font-size: 22px;\r\n }\r\n\r\n .cta-section {\r\n padding: 60px 20px 70px;\r\n }\r\n\r\n .cta-title {\r\n font-size: 22px;\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\r\n<body>\r\n\r\n<div class=\"lp\">\r\n\r\n\r\n\r\n\r\n<section class=\"hero\">\r\n\r\n <div class=\"hero-inner\">\r\n\r\n <div class=\"hero-label\">\r\n 4 DAYS ONLY\r\n <\/div>\r\n\r\n <p class=\"hero-subtitle\">\r\n SPECIAL PRICE\r\n <\/p>\r\n\r\n <h1 class=\"hero-title\">\r\n\r\n \u5bfe\u8c61\u5546\u54c1\r\n\r\n <strong>\r\n 10<span>%<\/span> OFF\r\n <\/strong>\r\n\r\n <\/h1>\r\n\r\n <p class=\"hero-message\">\r\n 4\u65e5\u9593\u3060\u3051\u306e\u3001\u7279\u5225\u306a\u30d7\u30e9\u30a4\u30b9\u3002\r\n <\/p>\r\n\r\n <div class=\"hero-date\">\r\n <span>9.4 FRI<\/span>\r\n <span class=\"arrow\">\u2014<\/span>\r\n <span>9.7 MON<\/span>\r\n <\/div>\r\n\r\n <p class=\"hero-note\">\r\n 10:00 START \/ 23:59 END\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<section class=\"point-section\">\r\n\r\n <div class=\"inner\">\r\n\r\n <h2 class=\"point-heading\">\r\n \u4eca\u56de\u306e\u304a\u5f97\u306a\u30dd\u30a4\u30f3\u30c8\r\n <\/h2>\r\n\r\n <div class=\"point-grid\">\r\n\r\n <div class=\"point-card\">\r\n\r\n <div class=\"point-number\">\r\n POINT 01\r\n <\/div>\r\n\r\n <h3>\r\n 10% OFF\r\n <\/h3>\r\n\r\n <p>\r\n \u5bfe\u8c61\u5546\u54c1\u3092<br>\r\n 10%OFF\u3067\u304a\u8cb7\u3044\u6c42\u3081\u3044\u305f\u3060\u3051\u307e\u3059\u3002\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"point-card\">\r\n\r\n <div class=\"point-number\">\r\n POINT 02\r\n <\/div>\r\n\r\n <h3>\r\n COUPON \u4e0d\u8981\r\n <\/h3>\r\n\r\n <p>\r\n \u30af\u30fc\u30dd\u30f3\u306e\u53d6\u5f97\u3084<br>\r\n \u30b3\u30fc\u30c9\u5165\u529b\u306f\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093\u3002\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"point-card\">\r\n\r\n <div class=\"point-number\">\r\n POINT 03\r\n <\/div>\r\n\r\n <h3>\r\n PRICE DOWN\r\n <\/h3>\r\n\r\n <p>\r\n \u5bfe\u8c61\u5546\u54c1\u306f\u30b5\u30a4\u30c8\u4e0a\u306e\u4fa1\u683c\u304c<br>\r\n 10%\u5024\u5f15\u304d\u8868\u793a\u3055\u308c\u307e\u3059\u3002\r\n <\/p>\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\r\n<section class=\"price-section\">\r\n\r\n <p class=\"price-label\">\r\n EASY & SIMPLE\r\n <\/p>\r\n\r\n <h2 class=\"price-title\">\r\n \u30af\u30fc\u30dd\u30f3\u53d6\u5f97\u4e0d\u8981\u3002<br>\r\n \u6b32\u3057\u304b\u3063\u305f\u30a2\u30a4\u30c6\u30e0\u3092<br>\r\n \u305d\u306e\u307e\u307e\u304a\u5f97\u306b\u3002\r\n <\/h2>\r\n\r\n <div class=\"price-highlight\">\r\n \u5bfe\u8c61\u5546\u54c1\u306f\u30b5\u30a4\u30c8\u4e0a\u306710%OFF\u4fa1\u683c\u306b\u5909\u66f4\u3055\u308c\u307e\u3059\r\n <\/div>\r\n\r\n <p class=\"price-description\">\r\n \u671f\u9593\u4e2d\u3001\u5bfe\u8c61\u5546\u54c1\u306f\u901a\u5e38\u4fa1\u683c\u304b\u308910%\u5024\u5f15\u304d\u3057\u305f\u4fa1\u683c\u3067\u8868\u793a\u3055\u308c\u307e\u3059\u3002\r\n \u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u3060\u3051\u3067\u304a\u5f97\u306b\u304a\u8cb7\u3044\u7269\u3044\u305f\u3060\u3051\u307e\u3059\u3002\r\n <\/p>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<section class=\"period-section\">\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 9.4 <small>FRI<\/small>\r\n \u301c\r\n 9.7 <small>MON<\/small>\r\n <\/p>\r\n\r\n <p class=\"period-time\">\r\n 9\u67084\u65e5\uff08\u91d1\uff0910:00 \u301c 9\u67087\u65e5\uff08\u6708\uff0923:59\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<section class=\"excluded-section\">\r\n\r\n <div class=\"excluded-header\">\r\n\r\n <p class=\"excluded-label\">\r\n PLEASE CHECK\r\n <\/p>\r\n\r\n <h2 class=\"excluded-title\">\r\n \u5bfe\u8c61\u5916\u30d6\u30e9\u30f3\u30c9\u306b\u3064\u3044\u3066\r\n <\/h2>\r\n\r\n <p class=\"excluded-lead\">\r\n \u4e0b\u8a18\u30d6\u30e9\u30f3\u30c9\u306e\u5546\u54c1\u306f\u4eca\u56de\u306e10%OFF\u5bfe\u8c61\u5916\u3068\u306a\u308a\u307e\u3059\u3002<br>\r\n \u5bfe\u8c61\u5916\u30d6\u30e9\u30f3\u30c9\u306f\u901a\u5e38\u4fa1\u683c\u306e\u307e\u307e\u8868\u793a\u3055\u308c\u307e\u3059\u3002\r\n <\/p>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"brand-toggle\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"brand-list\"\r\n >\r\n <span>\u5bfe\u8c61\u5916\u30d6\u30e9\u30f3\u30c9\u4e00\u89a7\u3092\u78ba\u8a8d<\/span>\r\n <span class=\"plus\">+<\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <div\r\n id=\"brand-list\"\r\n class=\"brand-list-wrap\"\r\n >\r\n\r\n <ul class=\"brand-list\">\r\n\r\n\r\n <li>ENGINEERED GARMENTS<\/li>\r\n <li>ENGINEERED GARMENTS WORKADAY<\/li>\r\n <li>FFSselect \u4e00\u90e8<\/li>\r\n <li>J&M DAVIDSON<\/li>\r\n <li>Manna<\/li>\r\n <li>Needles<\/li>\r\n <li>patagonia<\/li>\r\n <li>RhodolirioN<\/li>\r\n <li>South2 West8<\/li>\r\n <li>ARMEN<\/li>\r\n <li>maison de soil<\/li>\r\n <li>HTS<\/li>\r\n <li>Quality Gunslips<\/li>\r\n\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<section class=\"notice-section\">\r\n\r\n <div class=\"notice-box\">\r\n\r\n <h2 class=\"notice-title\">\r\n \u6ce8\u610f\u4e8b\u9805\r\n <\/h2>\r\n\r\n <ul class=\"notice-list\">\r\n\r\n <li>\r\n \u4eca\u56de\u306e\u30a4\u30d9\u30f3\u30c8\u306f\u30af\u30fc\u30dd\u30f3\u3067\u306f\u306a\u3044\u305f\u3081\u3001\u4ed6\u30af\u30fc\u30dd\u30f3\u3068\u306e\u4f75\u7528\u6761\u4ef6\u306f\u767a\u751f\u3057\u307e\u305b\u3093\u3002\r\n <\/li>\r\n\r\n <li>\r\n \u5bfe\u8c61\u5546\u54c1\u306f\u30b5\u30a4\u30c8\u4e0a\u306e\u4fa1\u683c\u304c10%\u5024\u5f15\u304d\u8868\u793a\u3055\u308c\u307e\u3059\u3002\r\n <\/li>\r\n\r\n <li>\r\n \u5bfe\u8c61\u5916\u30d6\u30e9\u30f3\u30c9\u306e\u5546\u54c1\u306f\u901a\u5e38\u4fa1\u683c\u306e\u307e\u307e\u8868\u793a\u3055\u308c\u307e\u3059\u3002\r\n <\/li>\r\n\r\n <li>\r\n \u671f\u9593\u7d42\u4e86\u5f8c\u306f\u901a\u5e38\u4fa1\u683c\u306b\u623b\u308a\u307e\u3059\u3002\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<section class=\"cta-section\">\r\n\r\n <h2 class=\"cta-title\">\r\n \u304a\u5f97\u306a4\u65e5\u9593\u3092\u304a\u898b\u9003\u3057\u306a\u304f\u3002\r\n <\/h2>\r\n\r\n <p class=\"cta-text\">\r\n 9\u67084\u65e5\uff08\u91d1\uff0910:00 START\r\n <\/p>\r\n\r\n \r\n <a\r\n href=\"https:\/\/www.ffs-online.shop\/c\/410OFF\"\r\n class=\"cta-button\"\r\n >\r\n \u5bfe\u8c61\u5546\u54c1\u3092CHECK\r\n <\/a>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<footer class=\"footer\">\r\n \u00a9 FFS ONLINE\r\n<\/footer>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function() {\r\n\r\n const button = document.querySelector('.brand-toggle');\r\n const list = document.querySelector('.brand-list-wrap');\r\n\r\n if (!button || !list) return;\r\n\r\n button.addEventListener('click', function() {\r\n\r\n const isOpen = list.classList.toggle('open');\r\n\r\n button.classList.toggle('active', isOpen);\r\n\r\n button.setAttribute(\r\n 'aria-expanded',\r\n isOpen ? 'true' : 'false'\r\n );\r\n\r\n const text = button.querySelector('span:first-child');\r\n\r\n if (text) {\r\n text.textContent = isOpen\r\n ? '\u5bfe\u8c61\u5916\u30d6\u30e9\u30f3\u30c9\u4e00\u89a7\u3092\u9589\u3058\u308b'\r\n : '\u5bfe\u8c61\u5916\u30d6\u30e9\u30f3\u30c9\u4e00\u89a7\u3092\u78ba\u8a8d';\r\n }\r\n\r\n });\r\n\r\n})();\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>","protected":false},"excerpt":{"rendered":"4\u65e5\u9593\u9650\u5b9a 10%OFF | FFS ONLINE 4 DAYS ONLY SPECIAL PRIC […]","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-3603","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\/3603","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=3603"}],"version-history":[{"count":6,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/posts\/3603\/revisions"}],"predecessor-version":[{"id":3639,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/posts\/3603\/revisions\/3639"}],"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=3603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/categories?post=3603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ffs-online.shop\/index.php\/wp-json\/wp\/v2\/tags?post=3603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}