{"id":2,"date":"2026-02-12T10:45:24","date_gmt":"2026-02-12T01:45:24","guid":{"rendered":"http:\/\/fukuokashare.com\/greeneclat\/?page_id=2"},"modified":"2026-03-04T14:06:13","modified_gmt":"2026-03-04T05:06:13","slug":"sample-page","status":"publish","type":"page","link":"http:\/\/greeneclat.jp\/saladbowl\/sample-page\/","title":{"rendered":"MENU"},"content":{"rendered":"\n\n\n\n \n \n MENU | Green Eclat – \u30b5\u30e9\u30c0\u30dc\u30a6\u30eb\u5c02\u9580\u5e97<\/title>\n <meta name=\"description\" content=\"Green Eclat\uff08\u30b0\u30ea\u30fc\u30f3\u30a8\u30af\u30e9\uff09\u306e\u30e1\u30cb\u30e5\u30fc\u3002\u5b63\u7bc0\u9650\u5b9a\u30b5\u30e9\u30c0\u304b\u3089\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u3001\u30ab\u30b9\u30bf\u30e0\u30b5\u30e9\u30c0\u307e\u3067\u3001PFC\u30d0\u30e9\u30f3\u30b9\u306b\u3053\u3060\u308f\u3063\u305f\u30e1\u30cb\u30e5\u30fc\u3092\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002\">\n \n <!-- Fonts -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&family=Zen+Old+Mincho:wght@500;600;700;900&display=swap\" rel=\"stylesheet\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@500;700&display=swap\" rel=\"stylesheet\">\n \n <!-- Tailwind CSS -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n orange: '#F97316', \n orangeLight: '#FFF7ED', \n green: '#1E4620', \n brown: '#8B5E3C', \n gray: '#333333', \n }\n },\n fontFamily: {\n sans: ['\"Noto Sans JP\"', 'sans-serif'],\n serif: ['\"Zen Old Mincho\"', 'serif'],\n english: ['\"Oswald\"', 'sans-serif'],\n },\n letterSpacing: {\n widest: '.15em',\n }\n }\n }\n }\n <\/script>\n\n <style>\n \/* Custom Animations *\/\n .fade-in-up {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n .fade-in-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* \u7e26\u66f8\u304d\u7528\u30af\u30e9\u30b9 *\/\n .writing-vertical {\n writing-mode: vertical-rl;\n text-orientation: mixed;\n }\n <\/style>\n<\/head>\n<body class=\"font-sans font-medium text-brand-gray bg-white antialiased selection:bg-brand-orange selection:text-white overflow-x-hidden\">\n\n <!-- Floating Header -->\n <header class=\"fixed w-full top-4 z-50 px-4 transition-all duration-300\" id=\"header-container\">\n <div class=\"max-w-6xl mx-auto bg-white\/90 backdrop-blur-md rounded-full shadow-lg border border-white\/40 px-6 py-2 flex justify-between items-center transition-all duration-300\" id=\"header-pill\">\n <!-- Logo -->\n <div class=\"flex-shrink-0 flex items-center\">\n <a href=\"http:\/\/greeneclat.jp\/saladbowl\/\" class=\"block hover:opacity-80 transition-opacity\">\n <img decoding=\"async\" src=\"http:\/\/fukuokashare.com\/greeneclat\/wp-content\/uploads\/2026\/02\/TKMM4830.png\" alt=\"Green Eclat\" class=\"h-10 md:h-12 w-auto object-contain\">\n <\/a>\n <\/div>\n\n <!-- Desktop Nav -->\n <nav class=\"hidden md:flex space-x-8 items-center\">\n <a href=\"http:\/\/greeneclat.jp\/saladbowl\/sample-page\/\" class=\"text-sm font-extrabold text-brand-orange transition-colors tracking-widest font-english\">MENU<\/a>\n <a href=\"http:\/\/greeneclat.jp\/saladbowl\/%e4%bc%9a%e7%a4%be%e6%a6%82%e8%a6%81\/\" class=\"text-sm font-extrabold hover:text-brand-orange transition-colors tracking-widest font-english text-gray-700\">ACCESS<\/a>\n \n <a href=\"https:\/\/lin.ee\/ZVSJPPRT\" target=\"_blank\" class=\"bg-brand-orange hover:bg-brand-green text-white px-6 py-2.5 rounded-full text-sm font-bold transition-all duration-300 flex items-center gap-2 transform hover:scale-105 shadow-md tracking-wider\">\n <span class=\"w-1.5 h-1.5 bg-white rounded-full animate-pulse\"><\/span>\n RESERVE\n <\/a>\n <\/nav>\n\n <!-- Mobile Menu Button -->\n <div class=\"md:hidden flex items-center\">\n <button id=\"mobile-menu-btn\" class=\"text-brand-gray hover:text-brand-orange focus:outline-none p-1\">\n <i data-lucide=\"menu\" class=\"w-7 h-7\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n \n <!-- Mobile Nav Menu (Dropdown) -->\n <div id=\"mobile-menu\" class=\"hidden md:hidden absolute top-full left-4 right-4 mt-2 bg-white\/95 backdrop-blur-md rounded-2xl shadow-xl border border-gray-100 overflow-hidden transform origin-top transition-all\">\n <div class=\"p-4 space-y-2\">\n <a href=\"http:\/\/greeneclat.jp\/saladbowl\/sample-page\/\/\" class=\"block px-4 py-3 text-base font-extrabold text-brand-orange bg-orange-50 rounded-xl font-english\">MENU<\/a>\n <a href=\"http:\/\/greeneclat.jp\/saladbowl\/%e4%bc%9a%e7%a4%be%e6%a6%82%e8%a6%81\/\" class=\"block px-4 py-3 text-base font-extrabold text-gray-700 hover:text-brand-orange hover:bg-orange-50 rounded-xl font-english\">ACCESS<\/a>\n <a href=\"https:\/\/lin.ee\/ZVSJPPRT\" class=\"block mt-4 text-center bg-[#06C755] text-white px-4 py-3.5 rounded-xl font-bold shadow-sm text-base\">\n LINE\u4e88\u7d04\n <\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- Page Header (Hero) -->\n <section class=\"relative pt-36 pb-20 md:pt-48 md:pb-24 bg-brand-orangeLight overflow-hidden border-b border-orange-100\">\n <div class=\"absolute -top-24 -right-24 w-96 h-96 bg-brand-orange\/10 rounded-full blur-3xl -z-10\"><\/div>\n <div class=\"absolute -bottom-24 -left-24 w-96 h-96 bg-brand-green\/5 rounded-full blur-3xl -z-10\"><\/div>\n \n <div class=\"max-w-7xl mx-auto px-4 text-center relative z-10 fade-in-up\">\n <div class=\"absolute top-1\/2 left-1\/2 transform -translate-x-1\/2 -translate-y-1\/2 text-[20vw] md:text-[180px] font-english font-extrabold text-brand-orange\/[0.05] tracking-widest select-none leading-none whitespace-nowrap z-0 pointer-events-none w-full\">MENU<\/div>\n <div class=\"relative z-10\">\n <h4 class=\"font-english text-5xl md:text-7xl font-extrabold text-brand-green mb-4 tracking-wider\">MENU<\/h4>\n <p class=\"font-serif text-lg md:text-xl text-brand-orange font-bold tracking-widest\">\u30e1\u30cb\u30e5\u30fc<\/p>\n <div class=\"w-16 h-1 bg-brand-green mx-auto mt-8 rounded-full\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Menu Container -->\n <div class=\"bg-slate-50\/50 pb-24\">\n\n <!-- 1. \u5b63\u7bc0\u9650\u5b9a\u30e1\u30cb\u30e5\u30fc (SEASONAL) -->\n <section class=\"py-16 md:py-24 border-b border-gray-200\/60\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <!-- \u30e2\u30d0\u30a4\u30eb\u3067\u5de6\u306b\u30bf\u30a4\u30c8\u30eb\u3001\u53f3\u306b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u4e26\u3079\u308b\u30d5\u30ec\u30c3\u30af\u30b9\u69cb\u9020 -->\n <div class=\"flex flex-row gap-4 sm:gap-6 md:gap-16 relative\">\n \n <!-- Sticky Sidebar -->\n <div class=\"w-10 sm:w-12 md:w-1\/4 shrink-0 relative\">\n <div class=\"sticky top-28 md:top-32 pt-2 md:pt-0 fade-in-up z-10\">\n <!-- Mobile Vertical -->\n <div class=\"md:hidden flex flex-col items-center\">\n <span class=\"writing-vertical font-english font-extrabold text-xl sm:text-2xl text-brand-gray mb-6 tracking-widest uppercase\">Seasonal Salad<\/span>\n <h4 class=\"writing-vertical font-serif font-bold text-[15px] sm:text-base text-brand-gray tracking-[0.3em] whitespace-nowrap\">\u5b63\u7bc0\u9650\u5b9a\u30e1\u30cb\u30e5\u30fc<\/h4>\n <\/div>\n <!-- PC Horizontal -->\n <div class=\"hidden md:block\">\n <span class=\"text-brand-orange font-extrabold text-lg md:text-xl tracking-widest block mb-2 font-english\">SEASONAL SALAD<\/span>\n <h4 class=\"font-serif text-3xl md:text-4xl text-brand-green font-bold leading-tight\">\u5b63\u7bc0\u9650\u5b9a<br>\u30e1\u30cb\u30e5\u30fc<\/h4>\n <div class=\"w-12 h-1.5 bg-brand-orange mt-6 rounded-full\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Content List -->\n <div class=\"flex-1 min-w-0 space-y-8 md:space-y-12\">\n \n <!-- Seasonal Item 1 -->\n <div class=\"bg-white rounded-3xl overflow-hidden shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-gray-100 flex flex-col lg:flex-row group fade-in-up\">\n <div class=\"w-full lg:w-2\/5 aspect-square overflow-hidden relative\">\n <img decoding=\"async\" src=\"http:\/\/fukuokashare.com\/greeneclat\/wp-content\/uploads\/2026\/02\/IMG_E2037.jpg\" alt=\"\u6625\u30ad\u30e3\u30d9\u30c4\u3068\u30ed\u30fc\u30b9\u30c8\u30d3\u30fc\u30d5\u306e\u30d1\u30ef\u30fc\u30dc\u30a6\u30eb\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\">\n <div class=\"absolute top-4 left-4 bg-brand-orange text-white px-4 py-1.5 rounded-full text-xs font-bold shadow-md tracking-wider\">\u671f\u9593\u9650\u5b9a<\/div>\n <\/div>\n <div class=\"w-full lg:w-3\/5 p-5 sm:p-6 md:p-8 flex flex-col justify-between\">\n <div>\n <h4 class=\"font-serif text-xl sm:text-2xl font-bold text-brand-green mb-3\">Coming soon<\/h4>\n <p class=\"text-gray-600 font-medium text-xs sm:text-sm md:text-base leading-relaxed mb-6\">\n \n <\/p>\n \n <!-- PFC Badges -->\n <div class=\"flex flex-wrap gap-1.5 sm:gap-2 md:gap-3 mb-6\">\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-orange mr-1\">\u30ab\u30ed\u30ea\u30fc<\/span><\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-green mr-1\">\u30bf\u30f3\u30d1\u30af\u8cea<\/span><\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-yellow-600 mr-1\">\u8102\u8cea<\/span><\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-blue-600 mr-1\">\u70ad\u6c34\u5316\u7269<\/span><\/div>\n <\/div>\n <\/div>\n <!-- Prices -->\n <div class=\"border-t border-dashed border-gray-200 pt-5\">\n <div class=\"flex gap-2 sm:gap-4 md:gap-8 w-full justify-between lg:justify-start items-center\">\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">S SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\"><\/span>\n <\/div>\n <div class=\"text-center relative\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-brand-orange tracking-wider mb-1\">M SIZE<\/span>\n <span class=\"font-english font-bold text-lg sm:text-xl md:text-2xl text-brand-green\"><\/span>\n <\/div>\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">L SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\"><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Seasonal Item 2 -->\n <div class=\"bg-white rounded-3xl overflow-hidden shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-gray-100 flex flex-col lg:flex-row group fade-in-up\">\n <div class=\"w-full lg:w-2\/5 aspect-square overflow-hidden relative\">\n <img decoding=\"async\" src=\"http:\/\/fukuokashare.com\/greeneclat\/wp-content\/uploads\/2026\/02\/IMG_E2037.jpg\" alt=\"\u30a2\u30b9\u30d1\u30e9\u30ac\u30b9\u3068\u30b9\u30ca\u30c3\u30d7\u30a8\u30f3\u30c9\u30a6\u306e\u30b0\u30ea\u30fc\u30f3\u30dc\u30a6\u30eb\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\">\n <div class=\"absolute top-4 left-4 bg-brand-orange text-white px-4 py-1.5 rounded-full text-xs font-bold shadow-md tracking-wider\">\u671f\u9593\u9650\u5b9a<\/div>\n <\/div>\n <div class=\"w-full lg:w-3\/5 p-5 sm:p-6 md:p-8 flex flex-col justify-between\">\n <div>\n <h4 class=\"font-serif text-xl sm:text-2xl font-bold text-brand-green mb-3\">Coming soon<\/h4>\n <p class=\"text-gray-600 font-medium text-xs sm:text-sm md:text-base leading-relaxed mb-6\">\n \n <\/p>\n \n <!-- PFC Badges -->\n <div class=\"flex flex-wrap gap-1.5 sm:gap-2 md:gap-3 mb-6\">\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-orange mr-1\">\u30ab\u30ed\u30ea\u30fc<\/span><\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-green mr-1\">\u30bf\u30f3\u30d1\u30af\u8cea<\/span><\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-yellow-600 mr-1\">\u8102\u8cea<\/span><\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-blue-600 mr-1\">\u70ad\u6c34\u5316\u7269<\/span><\/div>\n <\/div>\n <\/div>\n <!-- Prices -->\n <div class=\"border-t border-dashed border-gray-200 pt-5 flex justify-between items-center\">\n <div class=\"flex gap-2 sm:gap-4 md:gap-8 w-full justify-between lg:justify-start\">\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">S SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\"><\/span>\n <\/div>\n <div class=\"text-center relative\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-brand-orange tracking-wider mb-1\">M SIZE<\/span>\n <span class=\"font-english font-bold text-lg sm:text-xl md:text-2xl text-brand-green\"><\/span>\n <\/div>\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">L SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\"><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 2. \u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u30b5\u30e9\u30c0 (STANDARD) -->\n <section class=\"py-16 md:py-24 border-b border-gray-200\/60\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex flex-row gap-4 sm:gap-6 md:gap-16 relative\">\n \n <!-- Sticky Sidebar -->\n <div class=\"w-10 sm:w-12 md:w-1\/4 shrink-0 relative\">\n <div class=\"sticky top-28 md:top-32 pt-2 md:pt-0 fade-in-up z-10\">\n <!-- Mobile Vertical -->\n <div class=\"md:hidden flex flex-col items-center\">\n <span class=\"writing-vertical font-english font-extrabold text-xl sm:text-2xl text-brand-gray mb-6 tracking-widest uppercase\">Standard Salad<\/span>\n <h4 class=\"writing-vertical font-serif font-bold text-[15px] sm:text-base text-brand-gray tracking-[0.3em] whitespace-nowrap\">\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u30b5\u30e9\u30c0<\/h4>\n <\/div>\n <!-- PC Horizontal -->\n <div class=\"hidden md:block\">\n <span class=\"text-brand-orange font-extrabold text-lg md:text-xl tracking-widest block mb-2 font-english\">STANDARD SALAD<\/span>\n <h4 class=\"font-serif text-3xl md:text-4xl text-brand-green font-bold leading-tight\">\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9<br>\u30b5\u30e9\u30c0<\/h4>\n <p class=\"text-sm font-bold text-gray-500 mt-4 leading-relaxed\">\u3044\u3064\u3067\u3082\u697d\u3057\u3081\u308b\u3001\u6804\u990a\u30d0\u30e9\u30f3\u30b9\u3068\u7f8e\u5473\u3057\u3055\u3092\u8ffd\u6c42\u3057\u305fGreen Eclat\u306e\u5b9a\u756a\u30e1\u30cb\u30e5\u30fc\u3067\u3059\u3002<\/p>\n <div class=\"w-12 h-1.5 bg-brand-orange mt-6 rounded-full\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Content List -->\n <div class=\"flex-1 min-w-0 space-y-8 md:space-y-12\">\n \n <!-- Standard Item 1 -->\n <div class=\"bg-white rounded-3xl overflow-hidden shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-gray-100 flex flex-col lg:flex-row group fade-in-up\">\n <div class=\"w-full lg:w-2\/5 aspect-square overflow-hidden relative\">\n <img decoding=\"async\" src=\"http:\/\/fukuokashare.com\/greeneclat\/wp-content\/uploads\/2026\/02\/JXQU4600.png\" alt=\"\u30cf\u30fc\u30d6\u30c1\u30ad\u30f3\u3068\u5f69\u308a\u91ce\u83dc\u306e\u30b5\u30e9\u30c0\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\">\n <div class=\"absolute top-4 left-4 bg-brand-green text-white px-4 py-1.5 rounded-full text-xs font-bold shadow-md tracking-wider\">\u4eba\u6c17 No.1<\/div>\n <\/div>\n <div class=\"w-full lg:w-3\/5 p-5 sm:p-6 md:p-8 flex flex-col justify-between\">\n <div>\n <h4 class=\"font-serif text-xl sm:text-2xl font-bold text-brand-green mb-3\">ECLAT ORIGINAL<br>-\u30a8\u30af\u30e9\u30aa\u30ea\u30b8\u30ca\u30eb-<\/h4>\n <p class=\"text-gray-600 font-medium text-xs sm:text-sm md:text-base leading-relaxed mb-6\">\n \u30b0\u30ea\u30fc\u30f3\u30ea\u30fc\u30d5\/\u30ec\u30c3\u30c9\u30aa\u30cb\u30aa\u30f3\uff0f\u30ca\u30c3\u30c4\/\u30aa\u30ea\u30b8\u30ca\u30eb\u30c1\u30ad\u30f3\uff0f\u30df\u30cb\u30c8\u30de\u30c8\/\u306b\u3093\u3058\u3093\/\u30d6\u30ed\u30c3\u30b3\u30ea\u30fc\u30b9\u30d7\u30e9\u30a6\u30c8\uff0f\u30aa\u30cb\u30aa\u30f3\u30d5\u30e9\u30a4\n <\/p>\n <div class=\"flex flex-wrap gap-1.5 sm:gap-2 md:gap-3 mb-6\">\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-orange mr-1\">\u30ab\u30ed\u30ea\u30fc<\/span>379 kcal<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-green mr-1\">\u30bf\u30f3\u30d1\u30af\u8cea<\/span>19.1 g<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-yellow-600 mr-1\">\u8102\u8cea<\/span>28.5 g<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-blue-600 mr-1\">\u70ad\u6c34\u5316\u7269<\/span>13.5 g<\/div>\n <\/div>\n <\/div>\n <div class=\"border-t border-dashed border-gray-200 pt-5 flex justify-between items-center\">\n <div class=\"flex gap-2 sm:gap-4 md:gap-8 w-full justify-between lg:justify-start\">\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">S SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\">\u00a51,080<\/span>\n <\/div>\n <div class=\"text-center relative\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-brand-orange tracking-wider mb-1\">M SIZE<\/span>\n <span class=\"font-english font-bold text-lg sm:text-xl md:text-2xl text-brand-green\">\u00a51,280<\/span>\n <\/div>\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">L SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\">\u00a51,350<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Standard Item 2 -->\n <div class=\"bg-white rounded-3xl overflow-hidden shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-gray-100 flex flex-col lg:flex-row group fade-in-up\">\n <div class=\"w-full lg:w-2\/5 aspect-square overflow-hidden relative\">\n <img decoding=\"async\" src=\"http:\/\/fukuokashare.com\/greeneclat\/wp-content\/uploads\/2026\/02\/EORL7670.png\" alt=\"\u30b5\u30fc\u30e2\u30f3\u3068\u30a2\u30dc\u30ab\u30c9\u306e\u7f8e\u808c\u30b5\u30e9\u30c0\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\">\n <\/div>\n <div class=\"w-full lg:w-3\/5 p-5 sm:p-6 md:p-8 flex flex-col justify-between\">\n <div>\n <h4 class=\"font-serif text-xl sm:text-2xl font-bold text-brand-green mb-3\">PROTEIN SALAD<br>-\u30d7\u30ed\u30c6\u30a4\u30f3\u30b5\u30e9\u30c0-<\/h4>\n <p class=\"text-gray-600 font-medium text-xs sm:text-sm md:text-base leading-relaxed mb-6\">\n \u30b0\u30ea\u30fc\u30f3\u30ea\u30fc\u30d5\uff0f\u9d8f\u30cf\u30e0\uff0f\u308a\u3093\u3054\uff0f\u30d6\u30ed\u30c3\u30b3\u30ea\u30fc\uff0f\u30df\u30c3\u30af\u30b9\u30d3\u30fc\u30f3\u30ba\uff0f\u30b3\u30fc\u30f3\uff0f\u306b\u3093\u3058\u3093\n <\/p>\n <div class=\"flex flex-wrap gap-1.5 sm:gap-2 md:gap-3 mb-6\">\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-orange mr-1\">\u30ab\u30ed\u30ea\u30fc<\/span>251 kcal<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-green mr-1\">\u30bf\u30f3\u30d1\u30af\u8cea<\/span>26.5 g<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-yellow-600 mr-1\">\u8102\u8cea<\/span>2.8 g<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-blue-600 mr-1\">\u70ad\u6c34\u5316\u7269<\/span>31.4 g<\/div>\n <\/div>\n <\/div>\n <div class=\"border-t border-dashed border-gray-200 pt-5 flex justify-between items-center\">\n <div class=\"flex gap-2 sm:gap-4 md:gap-8 w-full justify-between lg:justify-start\">\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">S SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\">\u00a51,280<\/span>\n <\/div>\n <div class=\"text-center relative\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-brand-orange tracking-wider mb-1\">M SIZE<\/span>\n <span class=\"font-english font-bold text-lg sm:text-xl md:text-2xl text-brand-green\">\u00a51,370<\/span>\n <\/div>\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">L SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\">\u00a51,430<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Standard Item 3 -->\n <div class=\"bg-white rounded-3xl overflow-hidden shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-gray-100 flex flex-col lg:flex-row group fade-in-up\">\n <div class=\"w-full lg:w-2\/5 aspect-square overflow-hidden relative\">\n <img decoding=\"async\" src=\"http:\/\/fukuokashare.com\/greeneclat\/wp-content\/uploads\/2026\/02\/CMKU2828.png\" alt=\"\u7802\u809d\u3068\u8c46\u8150\u306e\u548c\u98a8\u30d8\u30eb\u30b7\u30fc\u30dc\u30a6\u30eb\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\">\n <\/div>\n <div class=\"w-full lg:w-3\/5 p-5 sm:p-6 md:p-8 flex flex-col justify-between\">\n <div>\n <h4 class=\"font-serif text-xl sm:text-2xl font-bold text-brand-green mb-3\">GIZZARD SALAD<br>-\u7802\u305a\u308a\u30b5\u30e9\u30c0-<\/h4>\n <p class=\"text-gray-600 font-medium text-xs sm:text-sm md:text-base leading-relaxed mb-6\">\n \u30b0\u30ea\u30fc\u30f3\u30ea\u30fc\u30d5\/\u7802\u305a\u308a\/\u3082\u3084\u3057\u30ca\u30e0\u30eb\/\u7384\u7c73\uff0f\u5927\u6839\/\u306b\u3093\u3058\u3093\n <\/p>\n <div class=\"flex flex-wrap gap-1.5 sm:gap-2 md:gap-3 mb-6\">\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-orange mr-1\">\u30ab\u30ed\u30ea\u30fc<\/span>166 kcal<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-green mr-1\">\u30bf\u30f3\u30d1\u30af\u8cea<\/span>17.4 g<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-yellow-600 mr-1\">\u8102\u8cea<\/span>2.5 g<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-blue-600 mr-1\">\u70ad\u6c34\u5316\u7269<\/span>18.2 g<\/div>\n <\/div>\n <\/div>\n <div class=\"border-t border-dashed border-gray-200 pt-5 flex justify-between items-center\">\n <div class=\"flex gap-2 sm:gap-4 md:gap-8 w-full justify-between lg:justify-start\">\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">S SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\">\u00a51,080<\/span>\n <\/div>\n <div class=\"text-center relative\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-brand-orange tracking-wider mb-1\">M SIZE<\/span>\n <span class=\"font-english font-bold text-lg sm:text-xl md:text-2xl text-brand-green\">\u00a51,260<\/span>\n <\/div>\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">L SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\">\u00a51,320<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Standard Item 4 -->\n <div class=\"bg-white rounded-3xl overflow-hidden shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-gray-100 flex flex-col lg:flex-row group fade-in-up\">\n <div class=\"w-full lg:w-2\/5 aspect-square overflow-hidden relative\">\n <img decoding=\"async\" src=\"http:\/\/fukuokashare.com\/greeneclat\/wp-content\/uploads\/2026\/02\/MAYC8894.png\" alt=\"\u30b9\u30d1\u30a4\u30b7\u30fc\u30e1\u30ad\u30b7\u30ab\u30f3\u30dd\u30fc\u30af\u30b5\u30e9\u30c0\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\">\n <\/div>\n <div class=\"w-full lg:w-3\/5 p-5 sm:p-6 md:p-8 flex flex-col justify-between\">\n <div>\n <h4 class=\"font-serif text-xl sm:text-2xl font-bold text-brand-green mb-3\">BIBMBAP SALAD<br>-\u30d3\u30d3\u30f3\u30d0\u30b5\u30e9\u30c0-<\/h4>\n <p class=\"text-gray-600 font-medium text-xs sm:text-sm md:text-base leading-relaxed mb-6\">\n \u30b0\u30ea\u30fc\u30f3\u30ea\u30fc\u30d5\/\u30ad\u30e0\u30c1\uff0f\u5927\u6839\/\u306b\u3093\u3058\u3093\u30ca\u30e0\u30eb\uff0f\u5c0f\u677e\u83dc\u30ca\u30e0\u30eb\/\u3082\u3061\u9ea6\/\u3086\u3067\u5375\/\u9d8f\u305d\u307c\u308d\n <\/p>\n <div class=\"flex flex-wrap gap-1.5 sm:gap-2 md:gap-3 mb-6\">\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-orange mr-1\">\u30ab\u30ed\u30ea\u30fc<\/span>284 kcal<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-green mr-1\">\u30bf\u30f3\u30d1\u30af\u8cea<\/span>18.8 g<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-yellow-600 mr-1\">\u8102\u8cea<\/span>14.2 g<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-blue-600 mr-1\">\u70ad\u6c34\u5316\u7269<\/span>19.8 g<\/div>\n <\/div>\n <\/div>\n <div class=\"border-t border-dashed border-gray-200 pt-5 flex justify-between items-center\">\n <div class=\"flex gap-2 sm:gap-4 md:gap-8 w-full justify-between lg:justify-start\">\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">S SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\">\u00a51,100<\/span>\n <\/div>\n <div class=\"text-center relative\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-brand-orange tracking-wider mb-1\">M SIZE<\/span>\n <span class=\"font-english font-bold text-lg sm:text-xl md:text-2xl text-brand-green\">\u00a51,286<\/span>\n <\/div>\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">L SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\">\u00a51,350<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Standard Item 5 -->\n <div class=\"bg-white rounded-3xl overflow-hidden shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-gray-100 flex flex-col lg:flex-row group fade-in-up\">\n <div class=\"w-full lg:w-2\/5 aspect-square overflow-hidden relative\">\n <img decoding=\"async\" src=\"http:\/\/fukuokashare.com\/greeneclat\/wp-content\/uploads\/2026\/02\/DRHN4175.png\" alt=\"\u30b0\u30ea\u30eb\u30c9\u30b7\u30e5\u30ea\u30f3\u30d7\u3068\u30ad\u30cc\u30a2\u306e\u30b5\u30e9\u30c0\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\">\n <\/div>\n <div class=\"w-full lg:w-3\/5 p-5 sm:p-6 md:p-8 flex flex-col justify-between\">\n <div>\n <h4 class=\"font-serif text-xl sm:text-2xl font-bold text-brand-green mb-3\">BANGBANGJI SALAD<br>-\u68d2\u68d2\u9d8f\u30b5\u30e9\u30c0-<\/h4>\n <p class=\"text-gray-600 font-medium text-xs sm:text-sm md:text-base leading-relaxed mb-6\">\n \u30b0\u30ea\u30fc\u30f3\u30ea\u30fc\u30d5\/\u306b\u3093\u3058\u3093\u30ca\u30e0\u30eb\/\u304d\u3085\u3046\u308a\/\u68d2\u68d2\u9d8f\uff08\u3055\u3055\u307f\uff09\uff0f\u8c46\u8150\/\u3082\u3084\u3057\u30ca\u30e0\u30eb\n <\/p>\n <div class=\"flex flex-wrap gap-1.5 sm:gap-2 md:gap-3 mb-6\">\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-orange mr-1\">\u30ab\u30ed\u30ea\u30fc<\/span>182 kcal<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-green mr-1\">\u30bf\u30f3\u30d1\u30af\u8cea<\/span>24.4 g<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-yellow-600 mr-1\">\u8102\u8cea<\/span>4.9 g<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-blue-600 mr-1\">\u70ad\u6c34\u5316\u7269<\/span>8.4 g<\/div>\n <\/div>\n <\/div>\n <div class=\"border-t border-dashed border-gray-200 pt-5 flex justify-between items-center\">\n <div class=\"flex gap-2 sm:gap-4 md:gap-8 w-full justify-between lg:justify-start\">\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">S SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\">\u00a51,160<\/span>\n <\/div>\n <div class=\"text-center relative\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-brand-orange tracking-wider mb-1\">M SIZE<\/span>\n <span class=\"font-english font-bold text-lg sm:text-xl md:text-2xl text-brand-green\">\u00a51,260<\/span>\n <\/div>\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">L SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\">\u00a51,380<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Standard Item 6 -->\n <div class=\"bg-white rounded-3xl overflow-hidden shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-gray-100 flex flex-col lg:flex-row group fade-in-up\">\n <div class=\"w-full lg:w-2\/5 aspect-square overflow-hidden relative\">\n <img decoding=\"async\" src=\"http:\/\/fukuokashare.com\/greeneclat\/wp-content\/uploads\/2026\/02\/CSSV4278.png\" alt=\"10\u7a2e\u91ce\u83dc\u306e\u30f4\u30a3\u30fc\u30ac\u30f3\u30dc\u30a6\u30eb\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\"> \n <\/div>\n <div class=\"w-full lg:w-3\/5 p-5 sm:p-6 md:p-8 flex flex-col justify-between\">\n <div>\n <h4 class=\"font-serif text-xl sm:text-2xl font-bold text-brand-green mb-3\">SALMON AVOCADO POKE SALADA<br>-\u30b5\u30fc\u30e2\u30f3\u30a2\u30dc\u30ab\u30c9\u30dd\u30ad\u30b5\u30e9\u30c0<\/h4>\n <p class=\"text-gray-600 font-medium text-xs sm:text-sm md:text-base leading-relaxed mb-6\">\n \u30b0\u30ea\u30fc\u30f3\u30ea\u30fc\u30d5\uff0f\u30b5\u30fc\u30e2\u30f3\u6f2c\u3051\uff0f\u30ec\u30e2\u30f3\/\u30a2\u30dc\u30ab\u30c9\/\u30d6\u30ed\u30c3\u30b3\u30ea\u30fc\u30b9\u30d7\u30e9\u30a6\u30c8\/\u30af\u30ea\u30fc\u30e0\u30c1\u30fc\u30ba\/\u304d\u3085\u3046\u308a\/\u30ad\u30cc\u30a2\n <\/p>\n <div class=\"flex flex-wrap gap-1.5 sm:gap-2 md:gap-3 mb-6\">\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-orange mr-1\">\u30ab\u30ed\u30ea\u30fc<\/span>292 kcal<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-green mr-1\">\u30bf\u30f3\u30d1\u30af\u8cea<\/span>17.5 g<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-yellow-600 mr-1\">\u8102\u8cea<\/span>19.2 g<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-blue-600 mr-1\">\u70ad\u6c34\u5316\u7269<\/span>15.1 g<\/div>\n <\/div>\n <\/div>\n <div class=\"border-t border-dashed border-gray-200 pt-5 flex justify-between items-center\">\n <div class=\"flex gap-2 sm:gap-4 md:gap-8 w-full justify-between lg:justify-start\">\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">S SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\">\u00a51,360<\/span>\n <\/div>\n <div class=\"text-center relative\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-brand-orange tracking-wider mb-1\">M SIZE<\/span>\n <span class=\"font-english font-bold text-lg sm:text-xl md:text-2xl text-brand-green\">\u00a51,530<\/span>\n <\/div>\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">L SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\">\u00a51,620<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Standard Item 7 -->\n <div class=\"bg-white rounded-3xl overflow-hidden shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-gray-100 flex flex-col lg:flex-row group fade-in-up\">\n <div class=\"w-full lg:w-2\/5 aspect-square overflow-hidden relative\">\n <img decoding=\"async\" src=\"http:\/\/fukuokashare.com\/greeneclat\/wp-content\/uploads\/2026\/02\/CIEO9686.png\" alt=\"\u751f\u30cf\u30e0\u3068\u30e2\u30c3\u30c4\u30a1\u30ec\u30e9\u306e\u30a4\u30bf\u30ea\u30a2\u30f3\u30b5\u30e9\u30c0\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\">\n <\/div>\n <div class=\"w-full lg:w-3\/5 p-5 sm:p-6 md:p-8 flex flex-col justify-between\">\n <div>\n <h4 class=\"font-serif text-xl sm:text-2xl font-bold text-brand-green mb-3\">GUT HEALTH SALAD<br>-\u8178\u6d3b\u30b5\u30e9\u30c0-<\/h4>\n <p class=\"text-gray-600 font-medium text-xs sm:text-sm md:text-base leading-relaxed mb-6\">\n \u30b0\u30ea\u30fc\u30f3\u30ea\u30fc\u30d5\/\u30aa\u30af\u30e9\uff0f\u8c46\u8150\/\u30ec\u30c3\u30c9\u30aa\u30cb\u30aa\u30f3\uff0f\u828b\/\u7d0d\u8c46\/\u30d6\u30ed\u30c3\u30b3\u30ea\u30fc\u30b9\u30d7\u30e9\u30a6\u30c8\/\u6d77\u85fb\/\u306e\u308a\n <\/p>\n <div class=\"flex flex-wrap gap-1.5 sm:gap-2 md:gap-3 mb-6\">\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-orange mr-1\">\u30ab\u30ed\u30ea\u30fc<\/span>208 kcal<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-brand-green mr-1\">\u30bf\u30f3\u30d1\u30af\u8cea<\/span>14.3 g<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-yellow-600 mr-1\">\u8102\u8cea<\/span>8.0 g<\/div>\n <div class=\"bg-gray-50 px-2 sm:px-3 py-1.5 rounded-lg text-[10px] sm:text-xs font-bold text-gray-600 border border-gray-200\/60 shadow-sm\"><span class=\"text-blue-600 mr-1\">\u70ad\u6c34\u5316\u7269<\/span>19.8 g<\/div>\n <\/div>\n <\/div>\n <div class=\"border-t border-dashed border-gray-200 pt-5 flex justify-between items-center\">\n <div class=\"flex gap-2 sm:gap-4 md:gap-8 w-full justify-between lg:justify-start\">\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">S SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\">\u00a5980<\/span>\n <\/div>\n <div class=\"text-center relative\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-brand-orange tracking-wider mb-1\">M SIZE<\/span>\n <span class=\"font-english font-bold text-lg sm:text-xl md:text-2xl text-brand-green\">\u00a51,199<\/span>\n <\/div>\n <div class=\"text-center\">\n <span class=\"block text-[9px] sm:text-[10px] font-english font-extrabold text-gray-400 tracking-wider mb-1\">L SIZE<\/span>\n <span class=\"font-english font-bold text-sm sm:text-base md:text-lg text-gray-500\">\u00a51,240<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 3. \u30ab\u30b9\u30bf\u30e0\u30b5\u30e9\u30c0 (CUSTOM) -->\n <section class=\"py-16 md:py-24 border-b border-gray-200\/60\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex flex-row gap-4 sm:gap-6 md:gap-16 relative\">\n \n <!-- Sticky Sidebar -->\n <div class=\"w-10 sm:w-12 md:w-1\/4 shrink-0 relative\">\n <div class=\"sticky top-28 md:top-32 pt-2 md:pt-0 fade-in-up z-10\">\n <!-- Mobile Vertical -->\n <div class=\"md:hidden flex flex-col items-center\">\n <span class=\"writing-vertical font-english font-extrabold text-xl sm:text-2xl text-brand-gray mb-6 tracking-widest uppercase\">Custom Salad<\/span>\n <h4 class=\"writing-vertical font-serif font-bold text-[15px] sm:text-base text-brand-gray tracking-[0.3em] whitespace-nowrap\">\u30ab\u30b9\u30bf\u30e0\u30b5\u30e9\u30c0<\/h4>\n <\/div>\n <!-- PC Horizontal -->\n <div class=\"hidden md:block\">\n <span class=\"text-brand-orange font-extrabold text-lg md:text-xl tracking-widest block mb-2 font-english\">CUSTOM SALAD<\/span>\n <h4 class=\"font-serif text-3xl md:text-4xl text-brand-green font-bold leading-tight\">\u30ab\u30b9\u30bf\u30e0<br>\u30b5\u30e9\u30c0<\/h4>\n <p class=\"text-sm font-bold text-gray-500 mt-4 leading-relaxed\">\u30d9\u30fc\u30b9\u3068\u306a\u308b\u30b0\u30ea\u30fc\u30f3\u30b5\u30e9\u30c0\u306b\u3001\u304a\u597d\u304d\u306a\u30c8\u30c3\u30d4\u30f3\u30b0\u3068\u30c9\u30ec\u30c3\u30b7\u30f3\u30b0\u3092\u81ea\u7531\u306b\u7d44\u307f\u5408\u308f\u305b\u3066\u3001\u3042\u306a\u305f\u3060\u3051\u306e\u4e00\u76bf\u3092\u3002<\/p>\n <div class=\"w-12 h-1.5 bg-brand-orange mt-6 rounded-full\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Content -->\n <div class=\"flex-1 min-w-0\">\n <div class=\"bg-brand-green text-white rounded-3xl overflow-hidden shadow-2xl flex flex-col lg:flex-row fade-in-up relative\">\n <div class=\"absolute inset-0 bg-[url('https:\/\/images.unsplash.com\/photo-1498837167922-ddd27525d352?q=80&w=800')] bg-cover bg-center opacity-20\"><\/div>\n <div class=\"absolute inset-0 bg-gradient-to-r from-brand-green via-brand-green\/90 to-brand-green\/70\"><\/div>\n \n <div class=\"relative z-10 p-6 sm:p-8 md:p-12 w-full flex flex-col justify-center\">\n <h4 class=\"font-serif text-2xl sm:text-3xl font-bold mb-4\">\u30d9\u30fc\u30b9\u30b5\u30e9\u30c0<br class=\"sm:hidden\"><span class=\"text-lg sm:text-3xl\"><\/span><\/h4>\n <p class=\"text-white\/80 font-medium text-sm md:text-base leading-relaxed mb-6\">\n \u4ee5\u4e0b\u304b\u30895\u3064\u304a\u9078\u3073\u304f\u3060\u3055\u3044<br>\n\u30fb\u306b\u3093\u3058\u3093\u30fb\u5927\u6839\u30fb\u304d\u3085\u3046\u308a\u30fb\u30aa\u30cb\u30aa\u30f3\u30fb\u30b3\u30fc\u30f3\u30fb\u306b\u3093\u3058\u3093\u30ca\u30e0\u30eb\u30fb\u308a\u3093\u3054\u30fb\u5c0f\u677e\u83dc\u30ca\u30e0\u30eb\u30fb\u8c46\u8150\u30fb\u30df\u30c3\u30af\u30b9\u30d3\u30fc\u30f3\u30ba\u30fb\u30c8\u30de\u30c8\u30fb\u30d6\u30ed\u30c3\u30b3\u30ea\u30fc\u30b9\u30d7\u30e9\u30a6\u30c8\n <\/p>\n \n <div class=\"bg-white\/10 backdrop-blur rounded-xl p-4 sm:p-5 md:p-6 mb-10 border border-white\/20\">\n <ul class=\"text-white font-bold text-xs sm:text-sm md:text-base space-y-3\">\n <li class=\"flex items-start gap-2 sm:gap-3\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 sm:w-5 sm:h-5 text-brand-orange shrink-0\"><\/i> \u30c8\u30c3\u30d4\u30f3\u30b0\u304b\u30895\u3064\u3092\u9078\u629e\u3002<\/li>\n <li class=\"flex items-start gap-2 sm:gap-3\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 sm:w-5 sm:h-5 text-brand-orange shrink-0\"><\/i> \u8ffd\u52a0\u6599\u91d1\u3067\u3055\u3089\u306b\u30c8\u30c3\u30d4\u30f3\u30b0\u53ef\u80fd\u3067\u3059\u3002<\/li>\n <li class=\"flex items-start gap-2 sm:gap-3\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 sm:w-5 sm:h-5 text-brand-orange shrink-0\"><\/i> \u304a\u597d\u304d\u306a\u30c9\u30ec\u30c3\u30b7\u30f3\u30b0\u3092\u9078\u629e\u3002<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"bg-white\/5 rounded-2xl p-4 sm:p-6 border border-white\/10\">\n <div class=\"flex justify-between items-center text-center\">\n <div class=\"flex-1 border-r border-white\/10\">\n <span class=\"block text-[10px] sm:text-xs font-english font-extrabold text-white\/50 tracking-widest mb-1\">S SIZE<\/span>\n <span class=\"font-english font-bold text-xl sm:text-2xl\">\u00a51,080<\/span>\n <\/div>\n <div class=\"flex-1 border-r border-white\/10\">\n <span class=\"block text-[10px] sm:text-xs font-english font-extrabold text-brand-orange tracking-widest mb-1\">M SIZE<\/span>\n <span class=\"font-english font-bold text-2xl sm:text-3xl text-brand-orange\">\u00a51,160<\/span>\n <\/div>\n <div class=\"flex-1\">\n <span class=\"block text-[10px] sm:text-xs font-english font-extrabold text-white\/50 tracking-widest mb-1\">L SIZE<\/span>\n <span class=\"font-english font-bold text-xl sm:text-2xl\">\u00a51,260<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 4. \u30c8\u30c3\u30d4\u30f3\u30b0 (TOPPINGS) -->\n <section class=\"py-16 md:py-24 border-b border-gray-200\/60\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex flex-row gap-4 sm:gap-6 md:gap-16 relative\">\n \n <!-- Sidebar -->\n <div class=\"w-10 sm:w-12 md:w-1\/4 shrink-0 relative\">\n <div class=\"sticky top-28 md:top-32 pt-2 md:pt-0 fade-in-up z-10\">\n <!-- Mobile Vertical -->\n <div class=\"md:hidden flex flex-col items-center\">\n <span class=\"writing-vertical font-english font-extrabold text-xl sm:text-2xl text-brand-gray mb-6 tracking-widest uppercase\">Toppings<\/span>\n <h4 class=\"writing-vertical font-serif font-bold text-[15px] sm:text-base text-brand-gray tracking-[0.3em] whitespace-nowrap\">\u30c8\u30c3\u30d4\u30f3\u30b0<\/h4>\n <\/div>\n <!-- PC Horizontal -->\n <div class=\"hidden md:block\">\n <span class=\"text-brand-orange font-extrabold text-lg md:text-xl tracking-widest block mb-2 font-english\">TOPPINGS<\/span>\n <h4 class=\"font-serif text-3xl md:text-4xl text-brand-green font-bold leading-tight\">\u30c8\u30c3\u30d4\u30f3\u30b0<\/h4>\n <div class=\"w-12 h-1.5 bg-brand-orange mt-6 rounded-full\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Content -->\n <div class=\"flex-1 min-w-0\">\n <div class=\"bg-white rounded-3xl p-6 md:p-8 shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-gray-100 fade-in-up\">\n \n <!-- \u00a5100 Toppings -->\n <div class=\"mb-8\">\n <h4 class=\"font-extrabold text-brand-gray border-b-2 border-brand-orange\/30 pb-2 mb-4 inline-block font-english text-lg tracking-wider\">\u00a5 110<\/h4>\n <p class=\"text-gray-600 font-bold leading-loose text-sm md:text-base\">\n \u306b\u3093\u3058\u3093\/\u304d\u3085\u3046\u308a\/\u30b3\u30fc\u30f3\/\u308a\u3093\u3054\/\u8c46\u8150\/\u30c8\u30de\u30c8\/\u5927\u6839\/\u30aa\u30cb\u30aa\u30f3\/\u306b\u3093\u3058\u3093\u30ca\u30e0\u30eb\/\u5c0f\u677e\u83dc\u30ca\u30e0\u30eb\/\u30df\u30c3\u30af\u30b9\u30d3\u30fc\u30f3\u30ba\/\u30d6\u30ed\u30c3\u30b3\u30ea\u30fc\u30b9\u30d7\u30e9\u30a6\u30c8\n <\/p>\n <\/div>\n\n <!-- \u00a5150 Toppings -->\n <div class=\"mb-8\">\n <h4 class=\"font-extrabold text-brand-gray border-b-2 border-brand-orange\/30 pb-2 mb-4 inline-block font-english text-lg tracking-wider\">\u00a5 150<\/h4>\n <p class=\"text-gray-600 font-bold leading-loose text-sm md:text-base\">\n \u3082\u3061\u9ea6\/\u7384\u7c73\n <\/p>\n <\/div>\n <!-- \u00a5150 Toppings -->\n <div class=\"mb-8\">\n <h4 class=\"font-extrabold text-brand-gray border-b-2 border-brand-orange\/30 pb-2 mb-4 inline-block font-english text-lg tracking-wider\">\u00a5 180<\/h4>\n <p class=\"text-gray-600 font-bold leading-loose text-sm md:text-base\">\n \u30ad\u30cc\u30a2\/\u30aa\u30af\u30e9\n <\/p>\n <\/div>\n <!-- \u00a5150 Toppings -->\n <div class=\"mb-8\">\n <h4 class=\"font-extrabold text-brand-gray border-b-2 border-brand-orange\/30 pb-2 mb-4 inline-block font-english text-lg tracking-wider\">\u00a5 220<\/h4>\n <p class=\"text-gray-600 font-bold leading-loose text-sm md:text-base\">\n \u30af\u30ea\u30fc\u30e0\u30c1\u30fc\u30ba\/\u5c71\u828b\/\u305d\u307c\u308d\n <\/p>\n <\/div>\n <!-- \u00a5250 Toppings (Premium) -->\n <div>\n <h4 class=\"font-extrabold text-brand-gray border-b-2 border-brand-orange\/30 pb-2 mb-4 inline-block font-english text-lg tracking-wider\">\u00a5 250 <span class=\"text-xs sm:text-sm font-medium text-gray-400 ml-2\">(Premium)<\/span><\/h4>\n <p class=\"text-brand-green font-bold leading-loose text-sm md:text-base\">\n \u30b5\u30fc\u30e2\u30f3\/\u30b5\u30e9\u30c0\u30c1\u30ad\u30f3\/\u68d2\u68d2\u9d8f\/\u7802\u305a\u308a\n <\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 5. \u30c9\u30ec\u30c3\u30b7\u30f3\u30b0 (DRESSINGS) -->\n <section class=\"py-16 md:py-24\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex flex-row gap-4 sm:gap-6 md:gap-16 relative\">\n \n <!-- Sidebar -->\n <div class=\"w-10 sm:w-12 md:w-1\/4 shrink-0 relative\">\n <div class=\"sticky top-28 md:top-32 pt-2 md:pt-0 fade-in-up z-10\">\n <!-- Mobile Vertical -->\n <div class=\"md:hidden flex flex-col items-center\">\n <span class=\"writing-vertical font-english font-extrabold text-xl sm:text-2xl text-brand-gray mb-6 tracking-widest uppercase\">Dressings<\/span>\n <h4 class=\"writing-vertical font-serif font-bold text-[15px] sm:text-base text-brand-gray tracking-[0.3em] whitespace-nowrap\">\u30c9\u30ec\u30c3\u30b7\u30f3\u30b0<\/h4>\n <\/div>\n <!-- PC Horizontal -->\n <div class=\"hidden md:block\">\n <span class=\"text-brand-orange font-extrabold text-lg md:text-xl tracking-widest block mb-2 font-english\">DRESSINGS<\/span>\n <h4 class=\"font-serif text-3xl md:text-4xl text-brand-green font-bold leading-tight\">\u30c9\u30ec\u30c3\u30b7\u30f3\u30b0<\/h4>\n <p class=\"text-sm font-bold text-gray-500 mt-4 leading-relaxed\">\u3059\u3079\u3066\u5e97\u8217\u3067\u624b\u4f5c\u308a\u3002\u5316\u5b66\u8abf\u5473\u6599\u4e0d\u4f7f\u7528\u306e\u81ea\u5bb6\u88fd\u30c9\u30ec\u30c3\u30b7\u30f3\u30b0\u3067\u3059\u3002\u304a\u597d\u304d\u306a\u3082\u306e\u3092\u304a\u9078\u3073\u304f\u3060\u3055\u3044\u3002<\/p>\n <div class=\"w-12 h-1.5 bg-brand-orange mt-6 rounded-full\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Content -->\n <div class=\"flex-1 min-w-0\">\n <div class=\"bg-white rounded-3xl p-6 md:p-8 shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-gray-100 fade-in-up\">\n \n <ul class=\"space-y-6\">\n <li class=\"flex items-start gap-4\">\n <span class=\"w-4 h-4 rounded-full bg-yellow-200 mt-1 shrink-0 border border-yellow-300\"><\/span>\n <div>\n <h4 class=\"font-bold text-gray-800 text-base md:text-lg mb-1\">\u3054\u307e<\/h4>\n <p class=\"text-xs sm:text-sm text-gray-500 font-bold\"><\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <span class=\"w-4 h-4 rounded-full bg-orange-200 mt-1 shrink-0 border border-orange-300\"><\/span>\n <div>\n <h4 class=\"font-bold text-gray-800 text-base md:text-lg mb-1\">\u30c1\u30e7\u30ec\u30ae<\/h4>\n <p class=\"text-xs sm:text-sm text-gray-500 font-bold\"><\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <span class=\"w-4 h-4 rounded-full bg-green-200 mt-1 shrink-0 border border-green-300\"><\/span>\n <div>\n <h4 class=\"font-bold text-gray-800 text-base md:text-lg mb-1\">\u3086\u305a\u91a4\u6cb9<\/h4>\n <p class=\"text-xs sm:text-sm text-gray-500 font-bold\"><\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <span class=\"w-4 h-4 rounded-full bg-red-200 mt-1 shrink-0 border border-red-300\"><\/span>\n <div>\n <h4 class=\"font-bold text-gray-800 text-base md:text-lg mb-1\">\u30b3\u30c1\u30e5\u30b8\u30e3\u30f3<\/h4>\n <p class=\"text-xs sm:text-sm text-gray-500 font-bold\"><\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <span class=\"w-4 h-4 rounded-full bg-amber-200 mt-1 shrink-0 border border-amber-300\"><\/span>\n <div>\n <h4 class=\"font-bold text-gray-800 text-base md:text-lg mb-1\">\u306b\u3058\u30c9\u30ec<\/h4>\n <p class=\"text-xs sm:text-sm text-gray-500 font-bold\"><\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <span class=\"w-4 h-4 rounded-full bg-stone-200 mt-1 shrink-0 border border-stone-300\"><\/span>\n <div>\n <h4 class=\"font-bold text-gray-800 text-base md:text-lg mb-1\">\u308f\u3055\u3073\u91a4\u6cb9<\/h4>\n <p class=\"text-xs sm:text-sm text-gray-500 font-bold\"><\/p>\n <\/div>\n <\/li>\n<li class=\"flex items-start gap-4\">\n <span class=\"w-4 h-4 rounded-full bg-yellow-200 mt-1 shrink-0 border border-yellow-300\"><\/span>\n <div>\n <h4 class=\"font-bold text-gray-800 text-base md:text-lg mb-1\">\u308f\u3055\u3073\u30de\u30e8<\/h4>\n <p class=\"text-xs sm:text-sm text-gray-500 font-bold\"><\/p>\n <\/div>\n <\/li>\n <\/ul>\n \u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 5. \u30c9\u30ec\u30c3\u30b7\u30f3\u30b0 (DRESSINGS) -->\n <section class=\"py-16 md:py-24\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex flex-row gap-4 sm:gap-6 md:gap-16 relative\">\n \n <!-- Sidebar -->\n <div class=\"w-10 sm:w-12 md:w-1\/4 shrink-0 relative\">\n <div class=\"sticky top-28 md:top-32 pt-2 md:pt-0 fade-in-up z-10\">\n <!-- Mobile Vertical -->\n <div class=\"md:hidden flex flex-col items-center\">\n <span class=\"writing-vertical font-english font-extrabold text-xl sm:text-2xl text-brand-gray mb-6 tracking-widest uppercase\">SOUP<\/span>\n <h4 class=\"writing-vertical font-serif font-bold text-[15px] sm:text-base text-brand-gray tracking-[0.3em] whitespace-nowrap\">\u30b9\u30fc\u30d7<\/h4>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Content -->\n <div class=\"flex-1 min-w-0\">\n <div class=\"bg-white rounded-3xl p-6 md:p-8 shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-gray-100 fade-in-up\">\n \n <ul class=\"space-y-6\">\n <li class=\"flex items-start gap-4\">\n <span class=\"w-4 h-4 rounded-full bg-yellow-200 mt-1 shrink-0 border border-yellow-300\"><\/span>\n <div>\n <h4 class=\"font-bold text-gray-800 text-base md:text-lg mb-1\">\u30aa\u30cb\u30aa\u30f3\u30b9\u30fc\u30d7<\/h4>\n <p class=\"text-xs sm:text-sm text-gray-500 font-bold\">\u5358\u54c1\u00a5310\/\u30bb\u30c3\u30c8\u00a5210<\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <span class=\"w-4 h-4 rounded-full bg-orange-200 mt-1 shrink-0 border border-orange-300\"><\/span>\n <div>\n <h4 class=\"font-bold text-gray-800 text-base md:text-lg mb-1\">\u30c8\u30de\u30c8\u30c1\u30e3\u30a6\u30c0\u30fc<\/h4>\n <p class=\"text-xs sm:text-sm text-gray-500 font-bold\">\u5358\u54c1\u00a5350\/\u30bb\u30c3\u30c8\u00a5250<\/p>\n <\/div>\n <\/li>\n <\/ul>\n \u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 5. \u30c9\u30ec\u30c3\u30b7\u30f3\u30b0 (DRESSINGS) -->\n <section class=\"py-16 md:py-24\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex flex-row gap-4 sm:gap-6 md:gap-16 relative\">\n \n <!-- Sidebar -->\n <div class=\"w-10 sm:w-12 md:w-1\/4 shrink-0 relative\">\n <div class=\"sticky top-28 md:top-32 pt-2 md:pt-0 fade-in-up z-10\">\n <!-- Mobile Vertical -->\n <div class=\"md:hidden flex flex-col items-center\">\n <span class=\"writing-vertical font-english font-extrabold text-xl sm:text-2xl text-brand-gray mb-6 tracking-widest uppercase\">DRINK<\/span>\n <h4 class=\"writing-vertical font-serif font-bold text-[15px] sm:text-base text-brand-gray tracking-[0.3em] whitespace-nowrap\">\u30c9\u30ea\u30f3\u30af<\/h4>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Content -->\n <div class=\"flex-1 min-w-0\">\n <div class=\"bg-white rounded-3xl p-6 md:p-8 shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-gray-100 fade-in-up\">\n \n <ul class=\"space-y-6\">\n <li class=\"flex items-start gap-4\">\n <span class=\"w-4 h-4 rounded-full bg-yellow-200 mt-1 shrink-0 border border-yellow-300\"><\/span>\n <div>\n <h4 class=\"font-bold text-gray-800 text-base md:text-lg mb-1\">\u30a2\u30c3\u30d7\u30eb\u30b8\u30e5\u30fc\u30b9<\/h4>\n <p class=\"text-xs sm:text-sm text-gray-500 font-bold\">\u5358\u54c1\u00a5330\/\u30bb\u30c3\u30c8\u00a5180<\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <span class=\"w-4 h-4 rounded-full bg-orange-200 mt-1 shrink-0 border border-orange-300\"><\/span>\n <div>\n <h4 class=\"font-bold text-gray-800 text-base md:text-lg mb-1\">\u30aa\u30ec\u30f3\u30b8\u30b8\u30e5\u30fc\u30b9<\/h4>\n <p class=\"text-xs sm:text-sm text-gray-500 font-bold\">\u5358\u54c1\u00a5330\/\u30bb\u30c3\u30c8\u00a5180<\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <span class=\"w-4 h-4 rounded-full bg-green-200 mt-1 shrink-0 border border-green-300\"><\/span>\n <div>\n <h4 class=\"font-bold text-gray-800 text-base md:text-lg mb-1\">\u30d1\u30a4\u30f3\u30b8\u30e5\u30fc\u30b9<\/h4>\n <p class=\"text-xs sm:text-sm text-gray-500 font-bold\">\u5358\u54c1\u00a5330\/\u30bb\u30c3\u30c8\u00a5180<\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <span class=\"w-4 h-4 rounded-full bg-red-200 mt-1 shrink-0 border border-red-300\"><\/span>\n <div>\n <h4 class=\"font-bold text-gray-800 text-base md:text-lg mb-1\">\u30a2\u30a4\u30b9\u30b3\u30fc\u30d2\u30fc<\/h4>\n <p class=\"text-xs sm:text-sm text-gray-500 font-bold\">\u5358\u54c1\u00a5250\/\u30bb\u30c3\u30c8\u00a5180<\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <span class=\"w-4 h-4 rounded-full bg-amber-200 mt-1 shrink-0 border border-amber-300\"><\/span>\n <div>\n <h4 class=\"font-bold text-gray-800 text-base md:text-lg mb-1\">\u30b3\u30b3\u30a2<\/h4>\n <p class=\"text-xs sm:text-sm text-gray-500 font-bold\">\u5358\u54c1\u00a5350\/\u30bb\u30c3\u30c8\u00a5250<\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <span class=\"w-4 h-4 rounded-full bg-stone-200 mt-1 shrink-0 border border-stone-300\"><\/span>\n <div>\n <h4 class=\"font-bold text-gray-800 text-base md:text-lg mb-1\">\u30d5\u30eb\u30fc\u30c4\u30b9\u30e0\u30fc\u30b8\u30fc<\/h4>\n <p class=\"text-xs sm:text-sm text-gray-500 font-bold\">\u5358\u54c1\u00a5350\/\u30bb\u30c3\u30c8\u00a5250<\/p>\n <\/div>\n <\/li>\n <\/ul>\n \u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <!-- Notes (\u6ce8\u610f\u4e8b\u9805) -->\n <div class=\"mt-8 md:mt-12 bg-brand-orangeLight\/50 p-6 md:p-8 rounded-3xl border border-brand-orange\/20 fade-in-up\">\n <h4 class=\"font-bold text-brand-green mb-4 flex items-center gap-2\">\n <i data-lucide=\"info\" class=\"w-5 h-5 text-brand-orange\"><\/i>\n \u6ce8\u610f\u4e8b\u9805\n <\/h4>\n <ul class=\"list-disc list-inside text-xs sm:text-sm md:text-base text-gray-700 space-y-2 ml-1 font-medium\">\n <li>\u6804\u990a\u8868\u793a\u306f\u30c9\u30ec\u30c3\u30b7\u30f3\u30b0\u3092\u9664\u304fM\u30b5\u30a4\u30ba\u306e\u6570\u5024\u3067\u3059\u3002<\/li>\n <li>\u30b5\u30e9\u30c0\u3068\u30c9\u30ec\u30c3\u30b7\u30f3\u30b0\u3092\u6df7\u305c\u3066\u63d0\u4f9b\u3059\u308b\u5834\u5408\u5199\u771f\u3068\u306f\u7570\u306a\u308a\u307e\u3059\u3002<\/li>\n <li>\u30a2\u30ec\u30eb\u30ae\u30fc\u60c5\u5831\u306b\u3064\u3044\u3066\u306f\u30b3\u30f3\u30bf\u30df\u30cd\u30fc\u30b7\u30e7\u30f3\u306e\u53ef\u80fd\u6027\u304c\u3054\u3056\u3044\u307e\u3059\u306e\u3067\u3001\u5e97\u982d\u30b9\u30bf\u30c3\u30d5\u307e\u3067\u304a\u554f\u5408\u305b\u304f\u3060\u3055\u3044\u3002<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/div> <!-- End Menu Container -->\n\n <!-- Footer -->\n <footer class=\"bg-brand-orange text-white py-16\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-12 mb-12\">\n <div class=\"col-span-1 lg:col-span-2\">\n <div class=\"mb-6 inline-block bg-white\/95 px-4 py-2.5 rounded-xl\">\n <img decoding=\"async\" src=\"http:\/\/fukuokashare.com\/greeneclat\/wp-content\/uploads\/2026\/02\/TKMM4830.png\" alt=\"Green Eclat\" class=\"h-10 md:h-12 w-auto object-contain\">\n <\/div>\n \n <p class=\"text-white text-base leading-7 mb-6 font-bold\">\n \u9078\u3076\u3060\u3051\u3067\u3001\u6574\u3046\u98df\u4e8b\u3002<br>\n \u5317\u4e5d\u5dde\u30fb\u5c0f\u5009\u306e\u30b5\u30e9\u30c0\u30dc\u30a6\u30eb\u5c02\u9580\u5e97\u3002\n <\/p>\n <div class=\"flex space-x-4\">\n <a href=\"https:\/\/www.instagram.com\/greeneclat_official?igsh=bDFxbTQ4ZjF3bGRl\" class=\"bg-white\/20 p-2.5 rounded-full hover:bg-brand-green transition-colors\"><i data-lucide=\"instagram\" class=\"w-6 h-6\"><\/i><\/a>\n <a href=\"https:\/\/lin.ee\/ZVSJPPRT\" class=\"bg-white\/20 p-2.5 rounded-full hover:bg-[#06C755] transition-colors\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/41\/LINE_logo.svg\" alt=\"LINE\" class=\"w-6 h-6 invert brightness-0 grayscale-0 filter invert\"><\/a>\n <\/div>\n <\/div>\n \n <div>\n <h4 class=\"font-extrabold mb-4 text-white uppercase tracking-wider text-base border-b-2 border-white\/30 pb-2 inline-block\">Links<\/h4>\n <ul class=\"space-y-4 text-white text-base\">\n <li><a href=\"http:\/\/greeneclat.jp\/saladbowl\/sample-page\/\" class=\"hover:text-brand-green transition font-bold\">Menu<\/a><\/li>\n <li><a href=\"http:\/\/greeneclat.jp\/saladbowl\/%e4%bc%9a%e7%a4%be%e6%a6%82%e8%a6%81\/\" class=\"hover:text-brand-green transition font-bold\">Access<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div>\n <h4 class=\"font-extrabold mb-4 text-white uppercase tracking-wider text-base border-b-2 border-white\/30 pb-2 inline-block\">Contact<\/h4>\n <p class=\"text-white text-base leading-7 font-bold\">\n \u3012802-0007<br>\n \u798f\u5ca1\u770c\u5317\u4e5d\u5dde\u5e02\u5c0f\u5009\u5317\u533a\u8239\u5834\u753a6-2 1\u968e<br>\n <span class=\"block mt-2 font-extrabold bg-white\/20 inline-block px-3 py-1 rounded\">\u203b\u3054\u4e88\u7d04\u306f\u516c\u5f0fLINE\u3088\u308a<\/span>\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"border-t-2 border-white\/20 pt-8 flex flex-col md:flex-row justify-between items-center text-sm text-white\/90 font-bold\">\n <div class=\"flex space-x-6 mb-4 md:mb-0\">\n <a href=\"#\" class=\"hover:text-white transition\">Privacy Policy<\/a>\n <a href=\"#\" class=\"hover:text-white transition\">Terms of Service<\/a>\n <\/div>\n <p>© 2024 Green Eclat Salad Bowl Specialty Store. All rights reserved.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <!-- Scripts -->\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n <script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n if (typeof lucide !== 'undefined') {\n lucide.createIcons();\n }\n\n \/\/ Intersection Observer Setup for Animations\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n\n const observer = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target); \n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in-up').forEach(el => {\n observer.observe(el);\n });\n });\n\n \/\/ Mobile Menu Toggle\n const mobileBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n \n if (mobileBtn) {\n mobileBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n }\n\n \/\/ Header Background Change on Scroll\n const headerContainer = document.getElementById('header-container');\n const headerPill = document.getElementById('header-pill');\n \n window.addEventListener('scroll', () => {\n if (window.scrollY > 50) {\n headerContainer.classList.remove('top-4');\n headerContainer.classList.add('top-0', 'pt-2'); \n headerPill.classList.add('border-b', 'border-gray-200');\n } else {\n headerContainer.classList.add('top-4');\n headerContainer.classList.remove('top-0', 'pt-2');\n headerPill.classList.remove('border-b', 'border-gray-200');\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>MENU | Green Eclat – \u30b5\u30e9\u30c0\u30dc\u30a6\u30eb\u5c02\u9580\u5e97 MENU ACCESS RESERVE MENU ACCESS LINE\u4e88\u7d04 MENU MENU \u30e1\u30cb\u30e5\u30fc Seasonal Salad \u5b63\u7bc0\u9650\u5b9a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/greeneclat.jp\/saladbowl\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/greeneclat.jp\/saladbowl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/greeneclat.jp\/saladbowl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/greeneclat.jp\/saladbowl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/greeneclat.jp\/saladbowl\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":42,"href":"http:\/\/greeneclat.jp\/saladbowl\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":209,"href":"http:\/\/greeneclat.jp\/saladbowl\/wp-json\/wp\/v2\/pages\/2\/revisions\/209"}],"wp:attachment":[{"href":"http:\/\/greeneclat.jp\/saladbowl\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}