{"title":"Olu. 5th Anniversary","description":"\u003cdiv class=\"main\"\u003e\n      \u003cscript\u003e\n    (function (d) {\n      var config = {\n        kitId: 'zxu1dht',\n        scriptTimeout: 3000,\n        async: true\n      },\n        h = d.documentElement, t = setTimeout(function () { h.className = h.className.replace(\/\\bwf-loading\\b\/g, \"\") + \" wf-inactive\"; }, config.scriptTimeout), tk = d.createElement(\"script\"), f = false, s = d.getElementsByTagName(\"script\")[0], a; h.className += \" wf-loading\"; tk.src = 'https:\/\/use.typekit.net\/' + config.kitId + '.js'; tk.async = true; tk.onload = tk.onreadystatechange = function () { a = this.readyState; if (f || a \u0026\u0026 a != \"complete\" \u0026\u0026 a != \"loaded\") return; f = true; clearTimeout(t); try { Typekit.load(config) } catch (e) { } }; s.parentNode.insertBefore(tk, s)\n    })(document);\n  \u003c\/script\u003e\n    \u003cdiv class=\"main-wrap\"\u003e\n      \u003cdiv class=\"loading\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-anniversary_logo_white.png?v=1790154337\" alt=\"5th Anniversary\" class=\"loading__logo\"\u003e\n      \u003c\/div\u003e\n      \u003csection class=\"fv-wrap\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-2026_5th_mv2.jpg?v=1790318323\" alt=\"5th Anniversary\"\u003e\n      \u003c\/section\u003e\n\n      \u003csection class=\"fv-read js-text-reveal\"\u003e\n        5周年を迎えたOlu.\u003cbr\u003e\u003cbr\u003e\n\n        出会ってくださったこと。\u003cbr\u003e\n        好きになってくださったこと。\u003cbr\u003e\n        Olu.と過ごす時間を選んでくださったこと。\u003cbr\u003e\u003cbr\u003e\n\n        ひとつひとつの出会いが重なって、\u003cbr\u003e\n        Olu.は5年間、歩み続けることができました。\u003cbr\u003e\u003cbr\u003e\n\n        そんな5年間の「ありがとう」を込めて、\u003cbr\u003e\n        5周年だけの特別な企画をお届けします。\u003cbr\u003e\u003cbr\u003e\n\n        これまでのOlu.も、\u003cbr\u003e\n        これからのOlu.も、\u003cbr\u003e\n        皆さまの毎日にそっと寄り添いながら、\u003cbr\u003e\n        心ときめく瞬間を届けていきます。\u003cbr\u003e\u003cbr\u003e\n\n        ここからまた、新しい1年へ。\u003cbr\u003e\n        皆さまと一緒に、ときめき続けるOlu.を目指して。\n      \u003c\/section\u003e\n\n\n      \u003csection class=\"movie js-fade fade-up\"\u003e\n        \u003cvideo tabindex=\"-1\" muted=\"\" autoplay=\"\" loop=\"\" playsinline=\"\" style=\"transition-delay: 0.45s;\"\u003e\n          \u003csource src=\"\"\u003e\u003c\/video\u003e\n      \u003c\/section\u003e\n\n      \u003cdiv class=\"heart-loop\"\u003e\u003c\/div\u003e\n\n      \u003csection class=\"navi-wrap\"\u003e\n        \u003cdiv class=\"navi-main\"\u003e\n          \u003ca href=\"#nagisa2026\"\u003eOlu.× Nagisa Saito\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"navi-sub-wrap\"\u003e\n          \u003cdiv class=\"navi-sub\"\u003e\n            \u003ca href=\"#content01\"\u003e5th Anniversary item\u003c\/a\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"navi-sub\"\u003e\n            \u003ca href=\"#content02\"\u003eLimited novelty\u003c\/a\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"navi-sub\"\u003e\n            \u003ca href=\"#content03\"\u003e24H Free shipping\u003c\/a\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"navi-sub\"\u003e\n            \u003ca href=\"#content04\"\u003e6H limited 10%OFF coupon\u003c\/a\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"navi-sub\"\u003e\n            \u003ca href=\"#content05\"\u003ePOPUP\u003c\/a\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"navi-sub\"\u003e\n            \u003ca href=\"#content06\"\u003e#My ootd review\u003c\/a\u003e\n          \u003c\/div\u003e\n\n           \u003c!-- \u003cdiv class=\"navi-sub\"\u003e\n            \u003ca href=\"#content07\"\u003eSpecial color\u003c\/a\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"navi-sub\"\u003e\n            \u003ca href=\"#content08\"\u003eYour Picks, Our Limited Colors\u003c\/a\u003e\n          \u003c\/div\u003e --\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"comming-soon\"\u003e\n          \u003cdiv class=\"comming-soon-img\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-navi-acc.png?v=1790154337\"\u003e\n          \u003c\/div\u003e\n          Coming soon…\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n\n      \u003csection class=\"main-content-wrap\"\u003e\n\n\n        \u003cdiv class=\"nagisa2026\" id=\"nagisa2026\"\u003e\n\n          \u003cdiv class=\"content-ttl\"\u003e\n            Olu.× Nagisa Saito\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"content-main-img js-fade blurin\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-2026aw_collaboration_nagisasaito_01.jpg?v=1790154338\" alt=\"Olu.× Nagisa Saito\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"content-txt js-text-reveal\"\u003e\n            女優の齊藤なぎささんが2年連続でOlu.26A\/W Collectionのブランドミューズに。\u003cbr\u003e\n            ““Bitter Sweet Grace””がテーマのストーリーページをぜひご覧ください。\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"btn js-fade fade-up\"\u003e\u003ca href=\"https:\/\/olu.co.jp\/collections\/olu-nagisa-saito\"\u003e\n              特集ページはこちら\n            \u003c\/a\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"accordion\"\u003e\n            \u003cbutton class=\"accordion-trigger\" type=\"button\"\u003e\n              and more +\n            \u003c\/button\u003e\n\n            \u003cdiv class=\"accordion-content\"\u003e\n              \u003cdiv class=\"info\"\u003e\n                また、5周年を記念した特別なアニバーサリー企画として\u003cbr\u003e\n                心躍るスペシャル特典をご用意。\u003cbr\u003e\u003cbr\u003e\n\n                ☑︎ご購入特典\u003cbr\u003e\n                齊藤なぎささん着用商品・コラボグッズを含む、\u003cbr\u003e\n                税込5,000円以上のご購入で、オリジナルトレカをプレゼント。\u003cbr\u003e\n                ※無くなり次第終了となります。\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n\n\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"heart-loop\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"content01\" id=\"content01\"\u003e\n          \u003cdiv class=\"content-ttl\"\u003e\n            5th Anniversary item\n          \u003c\/div\u003e\n          \u003cdiv class=\"slider-wrap\"\u003e\n\n            \u003cdiv class=\"slider\"\u003e\n              \u003cdiv class=\"slider-track\"\u003e\n                \u003cdiv class=\"slide\"\u003e\n                  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-OL26OHB11_01.jpg?v=1790154338\" alt=\"ショルダーリボンバッグ\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"slide\"\u003e\n                  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-OL26OHB11_03.jpg?v=1790154338\" alt=\"ショルダーリボンバッグ\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"slide\"\u003e\n                  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-OL26OHB11_04.jpg?v=1790154338\" alt=\"ショルダーリボンバッグ\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"slide\"\u003e\n                  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-OL26OHB11_05.jpg?v=1790154338\" alt=\"ショルダーリボンバッグ\"\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"dots\"\u003e\n                \u003cspan class=\"dot active\"\u003e\u003c\/span\u003e\n                \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n                \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n                \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"content-txt js-text-reveal\"\u003e\n            5周年アニバーサリーを彩るアイテムが登場。\u003cbr\u003e\u003cbr\u003e\n\n            発売以来、多くの方に愛され続けてきた\u003cbr\u003e\n            Olu.の人気アイテム「ショルダーリボンバッグ」。\u003cbr\u003e\u003cbr\u003e\n\n            ブランド5周年を記念し、\u003cbr\u003e\n            感謝の気持ちを込めたアニバーサリーデザインをご用意しました。\u003cbr\u003e\u003cbr\u003e\n\n            やわらかな光沢感が魅力のベロア素材に、\u003cbr\u003e\n            繊細にきらめくラインストーンをあしらい、\u003cbr\u003e\n            特別な華やかさをプラスした\u003cbr\u003e\n            「ラインストーンベロアリボンバッグ」。\u003cbr\u003e\n            上品さと可愛らしさを兼ね備えた、特別なデザインです。\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"slider-date\"\u003e\n            Olu. 5th Anniversary item\n          \u003c\/div\u003e\n          \u003cdiv class=\"slider-date-sub\"\u003e\n            10\/1 (thu) 18:00~ 販売開始\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"btn js-fade fade-up\"\u003e\u003ca href=\"https:\/\/olu.co.jp\/products\/ol26ohb11\"\u003e\n              商品を見る\n            \u003c\/a\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"heart-loop\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"content02\" id=\"content02\"\u003e\n          \u003cdiv class=\"content-ttl\"\u003e\n            Limited novelty\n          \u003c\/div\u003e\n          \u003cdiv class=\"content-main-img js-fade blurin\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-limited-novelty-img.jpg?v=1790154338\" alt=\"Limited novelty\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"content-txt js-text-reveal\"\u003e\n            人気のショルダーリボンバッグと\u003cbr\u003e\n            同じ生地を使用したリップケース。\u003cbr\u003e\n            税込25,000円以上のご購入でプレゼントいたします。\u003cbr\u003e\u003cbr\u003e\n\n            ハート型のミラーと裏面にブランドロゴをあしらった\u003cbr\u003e\n            バッグチャームとしてお使いいただける特別なノベルティ。\u003cbr\u003e\n            毎日使うバッグにさりげない特別感をプラスしてくれます。\u003cbr\u003e\u003cbr\u003e\n\n            いつものバッグと合わせて、\u003cbr\u003e\n            5周年だけの特別なコーディネートをお楽しみください。\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"novelty-date\"\u003e\n            \u003cspan\u003e期間\u003c\/span\u003e10\/1 (thu) 18:00~\n          \u003c\/div\u003e\n          \u003cdiv class=\"novelty-date-sub\"\u003e\n            ※無くなり次第終了となります。\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"heart-loop\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"content03\" id=\"content03\"\u003e\n          \u003cdiv class=\"content-ttl\"\u003e\n            24H Free shipping\n          \u003c\/div\u003e\n          \u003cdiv class=\"content-main-img2 js-fade blurin\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-cart-img.png?v=1790154337\" alt=\"24H Free shipping\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"content-txt js-text-reveal\"\u003e\n            新しいときめきを、もっと身近に。\u003cbr\u003e\u003cbr\u003e\n\n            10月新作発売日は送料無料でお届けします。\u003cbr\u003e\n            新作も人気アイテムも、送料無料でお届け。\u003cbr\u003e\u003cbr\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"info js-fade fade-up\"\u003e\n            \u003cdiv class=\"info-ttl\"\u003e対象日\u003c\/div\u003e\n            10\/01(木)18:00-10\/02(金)17:59\u003cbr\u003e\n            10\/06(火)18:00-10\/07(水)17:59\u003cbr\u003e\n            10\/13(火)18:00-10\/14(水)17:59\u003cbr\u003e\n            10\/20(火)18:00-10\/21(水)17:59\u003cbr\u003e\n            10\/27(火)18:00-10\/28(水)17:59\u003cbr\u003e\n            10\/29(木)18:00-10\/30(金)17:59\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"content-txt\"\u003e\n            特別な6日間だけのチャンスをお見逃しなく。\n          \u003c\/div\u003e\n          \u003cdiv class=\"btn js-fade fade-up\"\u003e\u003ca href=\"https:\/\/olu.co.jp\/collections\/all\"\u003e\n              商品を見る\n            \u003c\/a\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"heart-loop\"\u003e\u003c\/div\u003e\n\n                \u003cdiv class=\"content04\" id=\"content04\"\u003e\n          \u003cdiv class=\"content-ttl\"\u003e\n            6H limited 10%OFF coupon\n          \u003c\/div\u003e\n          \u003cdiv class=\"content-main-img3 js-fade blurin\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-10per-ttl.png?v=1790154337\" alt=\"6H limited 10%OFF coupon\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"content-txt js-text-reveal\"\u003e\n            5周年を迎えたOlu.から、感謝の気持ちを込めて。\u003cbr\u003e\u003cbr\u003e\n\n10月の「5」のつく日である\u003cbr\u003e\n5日・15日・25日は、10%OFFクーポンを配布いたします。\u003cbr\u003e\u003cbr\u003e\n\n「5」のつく日は、少しだけ特別なお買い物を。\u003cbr\u003e\nこの機会に、ときめく一着との出会いをお楽しみください。\u003cbr\u003e\u003cbr\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"info js-fade fade-up\"\u003e\n            \u003cdiv class=\"info-ttl\"\u003e対象日\u003c\/div\u003e\n            10\/05(月)18:00~23:59\u003cbr\u003e\n10\/15(木)18:00~23:59\u003cbr\u003e\n10\/25(日)18:00~23:59\u003cbr\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"btn js-fade fade-up\"\u003e\u003ca href=\"https:\/\/olu.co.jp\/collections\/all\"\u003e\n              商品を見る\n            \u003c\/a\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"heart-loop\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"content05\" id=\"content05\"\u003e\n\n          \u003cdiv class=\"content-ttl\"\u003e\n            POPUP\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"content-main-img js-fade blurin\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-26aw-popup.jpg?v=1790154338\" alt=\"POPUP\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"content-txt js-text-reveal\"\u003e\n            5周年を記念して10月に大阪・東京の2都市にて\u003cbr\u003e\n2026 A\/W POPUP STOREの開催が決定いたしました。\u003cbr\u003e\u003cbr\u003e\n\n皆さまにお会いできることをスタッフ一同楽しみにしております。\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"btn js-fade fade-up\"\u003e\u003ca href=\"https:\/\/olu.co.jp\/collections\/olu-26aw-popup-store\"\u003e\n              特集ページはこちら\n            \u003c\/a\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n\n      \u003cdiv class=\"heart-loop\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"content06\" id=\"content06\"\u003e\n          \u003cdiv class=\"content-ttl\"\u003e\n            #My ootd review\n          \u003c\/div\u003e\n          \u003cdiv class=\"content-main-img4 js-fade blurin\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-my-ootd-review-img.png?v=1790154337\" alt=\"#My ootd review\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"content-txt js-text-reveal\"\u003e\n            10月ご購入いただいた商品をレビュー頂くと、\u003cbr\u003e\n抽選で5名さまに「5周年限定Olu. special rose」をプレゼント。\u003cbr\u003e\u003cbr\u003e\n\n1着につき1レビューとなりますので、\u003cbr\u003e\nご購入いただいたアイテムの分だけレビューが可能に。\u003cbr\u003e\u003cbr\u003e\n\nお客さまの「買ってよかった♡」の声が、\u003cbr\u003e\nこれから出会う誰かの背中をそっと押してくれます。\u003cbr\u003e\u003cbr\u003e\n\nぜひ、お客さまの感じたときめきやお気に入りのポイントを、\u003cbr\u003e\nレビューで届けてください。\u003cbr\u003e\u003cbr\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"info js-fade fade-up\"\u003e\n            \u003cdiv class=\"info-ttl\"\u003eレビュー対象期間\u003c\/div\u003e\n            10\/1(木)0:00-10\/31(土)23:59\n          \u003c\/div\u003e\n          \u003cdiv class=\"content-txt-s\"\u003e\n            ※当選した5名さまには、11月以降メールにて郵送に関するご連絡をいたします。\u003cbr\u003e\n会員登録頂いております住所宛にお花を郵送いたしますので、\u003cbr\u003e\n個人情報をお聞きすることは一切ございません。\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003c!--\u003cdiv class=\"heart-loop\"\u003e\u003c\/div\u003e\n\n\n        \u003cdiv class=\"content07\" id=\"content07\"\u003e\n          \u003cdiv class=\"content-ttl\"\u003e\n            Special color\n          \u003c\/div\u003e\n          \u003cdiv class=\"content-main-img2 js-fade blurin\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-special-color-img.png?v=1790154337\" alt=\"Special color\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"content-txt js-text-reveal\"\u003e\n            2年連続で完売した大人気のクラシカルレースワンピースが、\u003cbr\u003e\n5周年を記念して待望の再販。\u003cbr\u003e\u003cbr\u003e\n\n新色を加えてアップデートし、繊細なレースが映える上品なデザインはそのままに、\u003cbr\u003e\n一枚で華やかなスタイリングが叶う特別な一着に仕上げました。\u003cbr\u003e\u003cbr\u003e\n\n愛され続ける一着を、この機会にぜひ。\u003cbr\u003e\u003cbr\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"slider-date js-fade fade-up\"\u003e\n            Special color\n          \u003c\/div\u003e\n          \u003cdiv class=\"slider-date-sub js-fade fade-up\"\u003e\n10\/6(tue) 18:00~ 販売開始\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"btn js-fade fade-up\"\u003e\u003ca href=\"https:\/\/olu.co.jp\/products\/ol24nca12\"\u003e\n              商品を見る\n            \u003c\/a\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n                \u003cdiv class=\"heart-loop\"\u003e\u003c\/div\u003e\n                --\u003e\n\n               \u003c!-- \u003cdiv class=\"content08\" id=\"content08\"\u003e\n\n          \u003cdiv class=\"content-ttl\"\u003e\n            Your Picks, Our Limited Colors\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"content-limited-color-wrap js-fade blurin\"\u003e\n            \u003cdiv class=\"content-limited-color\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-YU25OBB02_00.jpg?v=1790154338\" alt=\" Your Picks, Our Limited Colors\"\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"content-txt js-text-reveal\"\u003e\n            5周年の感謝を込めて、\u003cbr\u003e\nOlu.公式Instagram・Xにて\u003cbr\u003e\nプレゼントキャンペーンを開催いたします。\u003cbr\u003e\u003cbr\u003e\n\nOlu.の人気アイテムや、\u003cbr\u003e\n秋冬におすすめのアイテムをプレゼント。\u003cbr\u003e\u003cbr\u003e\n\nいつもOlu.を楽しんでくださる皆さまへ、\u003cbr\u003e\nありがとうの気持ちを込めた特別なキャンペーン。\u003cbr\u003e\u003cbr\u003e\n\nOlu.からの5周年の贈りものを、ぜひお楽しみください。\u003cbr\u003e\u003cbr\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"slider-date js-fade fade-up\"\u003e\n            Your Picks, Our Limited Colors\n          \u003c\/div\u003e\n          \u003cdiv class=\"slider-date-sub js-fade fade-up\"\u003e\n10\/29 (thu) 18:00~ 販売開始\n          \u003c\/div\u003e\n          \u003cdiv class=\"btn js-fade fade-up\"\u003e\u003ca href=\"https:\/\/olu.co.jp\/products\/yu25obb02\"\u003e\n              商品を見る\n            \u003c\/a\u003e\u003c\/div\u003e\n        \u003c\/div\u003e--\u003e\n\n        \u003cdiv class=\"heart-loop\"\u003e\u003c\/div\u003e\n\n                \u003cdiv class=\"content09\" id=\"content09\"\u003e\n\n          \u003cdiv class=\"content-ttl\"\u003e\n            Present campaign\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"content-main-img js-fade blurin\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-present-cp-mv.jpg?v=1790154338\" alt=\"Present campaign\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"content-txt js-text-reveal\"\u003e\n            5周年の感謝を込めて、\u003cbr\u003e\nOlu.公式Instagram・Xにて\u003cbr\u003e\nプレゼントキャンペーンを開催いたします。\u003cbr\u003e\u003cbr\u003e\n\nOlu.の人気アイテムや、\u003cbr\u003e\n秋冬におすすめのアイテムをプレゼント。\u003cbr\u003e\u003cbr\u003e\n\nいつもOlu.を楽しんでくださる皆さまへ、\u003cbr\u003e\nありがとうの気持ちを込めた特別なキャンペーン。\u003cbr\u003e\u003cbr\u003e\n\nOlu.からの5周年の贈りものを、ぜひお楽しみください。\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ft-ribbon js-fade fade-up\"\u003e\n           \u003cdiv class=\"ft-ribbon-img\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-ribbon-ft.png?v=1790154337\" alt=\"\"\u003e\n           \u003c\/div\u003e\n           Happy 5th Anniversary !\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"content-ft-img js-fade blurin mt10per\"\u003e\n          \u003ca href=\"https:\/\/olu.co.jp\/collections\/2026aw-bitter-sweet-grace\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/2026AW_bittersweetgrace_mv.jpg?v=1790154338\" alt=\"26 A\/W LOOK \"\u003e\n          \u003c\/a\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"btn js-fade fade-up\"\u003e\u003ca href=\"https:\/\/olu.co.jp\/collections\/2026aw-bitter-sweet-grace\"\u003e\n            collection一覧\n          \u003c\/a\u003e\u003c\/div\u003e\n\n      \u003c\/section\u003e\n\n\u003cstyle\u003e\n  html,body {\n    overflow-x: hidden;\n}\n\n.main {\n    font-family: zen-kaku-gothic-antique, sans-serif;\n    font-weight: 300;\n    font-style: normal;\n    font-size: 14px;\n    color: #6B3F31;\n    line-height: 2;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n}\n\n@media screen and (max-width: 767px) {\n    .main {\n        font-size: 11px;\n        line-height: 1.9;\n    }\n}\n\n.main p {\n    font-family: zen-kaku-gothic-antique, sans-serif;\n    font-weight: 300;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 1.7;\n    margin-block: 0;\n    margin-inline: 0;\n}\n\n* {\n    box-sizing: border-box;\n}\n\n\nimg {\n    max-width: 100%;\n}\n\n.main a {\n    text-decoration: none;\n    display: inline-block;\n    width: 100%;\n}\n\n.main a {\n    text-decoration: none;\n    color: #6B3F31;\n    \n}\n\na:hover {\n    opacity: 0.8;\n}\n\n\/* デフォルトのスタイル *\/\n.pc {\n    display: none;\n}\n\n.sp {\n    display: block;\n}\n\n\/* メディアクエリ *\/\n@media screen and (min-width: 768px) {\n    .pc {\n        display: block;\n        \/* デスクトップ画面では.pcを表示 *\/\n    }\n\n    .sp {\n        display: none;\n        \/* デスクトップ画面では.spを非表示 *\/\n    }\n}\n\nimg {\n    line-height: 0;\n}\n\n.main {\n    background-color: #dcc8c6;\n    background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-bg.png?v=1790154430);\n    background-repeat: repeat;\n    background-size: contain;\n    background-position: center;\n    overflow-x: hidden;\n}\n\n.main-wrap {\n    max-width: 800px;\n    margin: auto;\n    text-align: center;\n    background-color: #DCC8C6;\n    box-shadow: #00000016 0px 3px 6px;\n}\n@media screen and (max-width: 767px) {\n    .main-wrap {\n    width: 100%;\n    box-shadow: none;\n}\n}\n\n.fv-wrap {\n    width: 100%;\n    background-color: #C7C9BE;\n    line-height: 0;\n}\n\n.fv-read {\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n    padding: 5%;\n}\n\n@media screen and (max-width: 767px) {\n    .fv-read {\n        padding: 15% 3%;\n    }\n}\n\n.fv-read p {\n    font-weight: 300;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 3.2;\n    margin-block: 0;\n    margin-inline: 0;\n\n}\n\n@media screen and (max-width: 767px) {\n    .fv-read p {\n        font-size: 11px;\n        line-height: 2.6;\n\n    }\n}\n\n.movie {\n    width: 80%;\n    margin: auto;\n}\n\nvideo {\n    display: block;\n    width: 100%;\n    height: auto;\n    position: relative;\n    z-index: 1;\n}\n\n.navi-wrap {\n    width: 80%;\n    margin: 10% auto;\n    font-family: the-seasons, sans-serif;\n    text-align: center;\n    text-shadow: #00000038 0 3px 6px;\n}\n@media screen and (max-width: 767px) {\n    .navi-wrap {\n    width: 90%;\n}\n}\n\n.navi-main {\n    position: relative;\n    background-color: #FEF9FB;\n    font-size: 2.813em;\n    padding: 0.5em 0;\n    margin: 1em auto;\n    box-shadow: #00000038 3px 3px 6px;\n}\n@media screen and (max-width: 767px) {\n    .navi-main {\n    font-size: 2.5em;\n    margin: 0.8em auto;\n}\n}\n\n\/* 下向きV字 *\/\n.navi-main::after {\n    content: \"\";\n    position: absolute;\n    right: 5%;\n    top: 50%;\n\n    width: 10px;\n    height: 10px;\n\n    border-right: 1px solid #6B3F31;\n    border-bottom: 1px solid #6B3F31;\n\n    transform: translateY(-70%) rotate(45deg);\n\n    transition: transform 0.3s ease;\n}\n\n\/* ホバーで少し下がる *\/\n.navi-main:hover::after {\n    transform: translateY(-20%) rotate(45deg);\n}\n\n.navi-sub {\n    position: relative;\n    background-color: #dcc8c6;\n    font-size: 2em;\n    width: 70%;\n    padding: 0.5em 0;\n    box-shadow: #00000038 3px 3px 6px;\n}\n@media screen and (max-width: 767px) {\n.navi-sub {\n    font-size: 1.8em;\n    width: 80%;\n    padding: 0.5em 0;\n}\n}\n\n\/* 下向きV字 *\/\n.navi-sub::after {\n    content: \"\";\n    position: absolute;\n    right: 5%;\n    top: 50%;\n\n    width: 10px;\n    height: 10px;\n\n    border-right: 1px solid #6B3F31;\n    border-bottom: 1px solid #6B3F31;\n\n    transform: translateY(-70%) rotate(45deg);\n\n    transition: transform 0.3s ease;\n}\n\n\/* ホバーで少し下がる *\/\n.navi-sub:hover::after {\n    transform: translateY(-20%) rotate(45deg);\n}\n\n\/* 奇数 *\/\n.navi-sub:nth-child(odd) {\n    background-color: #F5E6E8;\n    margin-left: 0;\n    margin-right: auto;\n    transform: rotate(-3deg);\n}\n\n\/* 偶数 *\/\n.navi-sub:nth-child(even) {\n    background-color: #FEF9FB;\n    margin-left: auto;\n    margin-right: 0;\n    transform: rotate(3deg);\n}\n\n\n\n.main-content-wrap {\n    width: 100%;\n}\n\n@media screen and (max-width: 767px) {\n    .main-content-wrap {\n        display: block;\n    }\n}\n\n.content-left {\n    width: 50%;\n}\n\n.content-left-img {\n    position: sticky;\n    top: 0;\n    height: 100vh;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    max-width: 740px;\n    width: 65%;\n    margin: 0 auto;\n}\n\n@media screen and (max-width: 767px) {\n    .content-all-img {\n        width: 260px;\n        margin: 10% auto;\n        text-align: center;\n    }\n}\n\n.content-left-img img {\n    display: block;\n    width: 100%;\n    max-height: 90vh;\n    object-fit: contain;\n}\n\n.content-right {\n    overflow-x: hidden;\n    width: 50%;\n    min-width: 700px;\n    padding: 5%;\n    background-image: linear-gradient(#8b0000, #600a0a);\n}\n\n@media screen and (max-width: 767px) {\n    .content-right {\n        width: 100%;\n        min-width: auto;\n        padding: 0;\n    }\n}\n\n.nagisa2026,\n.content01,\n.content02,\n.content03,\n.content04,\n.content05,\n.content06 {\n    padding: 5% 0;\n    position: relative;\n    z-index: 0;\n}\n\n\n\n.content-main-img {\n    position: relative;\n    width: 85%;\n    box-shadow: #00000038 3px 3px 6px;\n    margin: 1em auto 3em;\n    line-height: 0;\n}\n\n.content-main-img2 {\n    position: relative;\n    width: 75%;\n    margin: 1em auto 3em;\n    line-height: 0;\n}\n\n.content-main-img3 {\n   position: relative; \n   width: 95%;\n   margin: 1em auto 3em;\n    line-height: 0;\n}\n\n.content-main-img3 img {\n    transform: rotate(-7deg);\n}\n\n.content-main-img4 {\n    position: relative;\n    width: 55%;\n    margin: 1em auto 3em;\n    line-height: 0;\n}\n\n.content-ft-img {\n    position: relative;\n    width: 100%;\n    box-shadow: #00000038 3px 3px 6px;\n    margin: 1em auto 3em;\n    line-height: 0;\n}\n\n\n.item-name01 {\n    position: absolute;\n    width: 300px;\n    right: 0;\n    bottom: 5%;\n}\n@media screen and (max-width: 767px) {\n   .item-name01 {\n    width: 70%;\n}\n}\n\n.item-name02 {\n    position: absolute;\n    width: 300px;\n    left: 0;\n    bottom: 5%;\n}\n@media screen and (max-width: 767px) {\n   .item-name02 {\n    width: 70%;\n}\n}\n\n.contents-logo {\n    width: 185px;\n    margin: 10px auto;\n}\n\n@media screen and (max-width: 767px) {\n    .contents-logo {\n        width: 30%;\n    }\n}\n\n\n.content-ttl {\n    font-size: 3.429em;\n    font-family: the-seasons, sans-serif;\n    text-shadow: #00000038 0px 3px 6px;\n}\n\n@media screen and (max-width: 767px) {\n    .content-ttl {\n        font-size: 2.2em;\n    }\n}\n\n.novelty-date {\n    font-size: 1.25em;\n    margin-top: 1.5em;\n}\n.novelty-date span {\n    border: #6B3F31 solid 1px;\n    padding: 0 0.8em;\n    border-radius: 50px;\n    margin-right: 0.5em;\n    font-size: 0.7em;\n}\n\n.novelty-date-sub {\n    font-size: 0.75em;\n}\n\nhr {\n    border: #424242 solid 0.5px;\n    \/* height: 0.5px; *\/\n    width: 96px;\n    margin: 20px auto;\n}\n\n@media screen and (max-width: 767px) {\n    hr {\n        width: 57px;\n    }\n}\n\n\n\/* スライダー全体 *\/\n.slider {\n    position: relative;\n    max-width: 500px;\n    width: 90%;\n    margin: 1em auto 3em;\n    overflow: hidden;\n}\n@media screen and (max-width: 767px) {\n    .slider {\n    max-width: 300px;\n    width:85%;\n}\n}\n\n@media screen and (max-width: 390px) {\n    .slider {\n    max-width: 270px;\n    width:85%;\n}\n}\n\n.slider-wrap {\n    position: relative;\n    width: 100%;\n}\n\n\/* スライドを横並びにする部分 *\/\n.slider-track {\n    display: flex;\n    transition: transform .4s ease;\n    will-change: transform;\n    touch-action: pan-y;\n    \/* 縦スクロールを邪魔しない *\/\n}\n\n\/* 各スライド *\/\n.slide {\n    flex: 0 0 100%;\n}\n\n\/* 画像 *\/\n.slide img {\n    display: block;\n    width: 100%;\n    height: auto;\n\n    user-select: none;\n    -webkit-user-drag: none;\n}\n\n\/* ドット部分 *\/\n.dots {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 12px;\n    margin-top: 20px;\n}\n\n\/* ドット *\/\n.dot {\n    width: 12px;\n    height: 12px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    border: #6B3F31 solid 1px;\n    background: none;\n    cursor: pointer;\n    transition: background .3s\n}\n\n\/* 現在表示中 *\/\n.dot.active {\n    background: #6B3F31;\n}\n\n.slider-track {\n    display: flex;\n    transition: transform .4s ease;\n    cursor: grab;\n    user-select: none;\n}\n\n.slider-track:active {\n    cursor: grabbing;\n}\n\n.slide img {\n    pointer-events: none;\n    user-select: none;\n}\n\n.content-hr {\n    max-width: 410px;\n    width: 85%;\n    margin: 20% auto;\n}\n@media screen and (max-width: 767px) {\n   .content-hr {\n    max-width: 280px;\n    margin: 15% auto;\n}\n}\n\n.accordion-trigger {\n    display: block;\n    width: 70%;\n    margin: 20px auto;\n    padding: 0.5em 0;\n    border: none;\n    background: none;\n    font-size: 2em;\n    cursor: pointer;\n}\n\n.accordion-content {\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.4s ease;\n}\n\n.accordion-content \u003e * {\n    overflow: hidden;\n}\n\n\/* 開いた状態 *\/\n.accordion.open .accordion-content {\n    grid-template-rows: 1fr;\n}\n\n\n.info {\n    background-color: #EBDDDC;\n    border-radius: 20px;\n    padding: 2em 1em;\n    width: 50%;\n    margin: 1em auto;\n    text-align: center;\n}\n@media screen and (max-width: 767px) {\n.info {\n    width: 70%;\n}\n}\n\n.info-ttl {\n    border: #6B3F31 solid 1px;\n    padding: 0 0.8em;\n    border-radius: 50px;\n    width: fit-content;\n    margin: 0 auto 1em;\n}\n\n.btn {\n    position: relative;\n    display: inline-block;\n    width: 370px;\n    margin: 2em auto;\n    background: #F7F6F5;\n    color: #6B3F31;\n    border-radius: 100px;\n    box-shadow: #00000016 0px 3px 6px;\n}\n\n@media screen and (max-width: 767px) {\n    .btn {\n        max-width: 370px;\n        width: 90%;\n    }\n}\n\n.btn a {\n    padding: 10px;\n    color: #6B3F31;\n    font-size: 1.143em;\n    font-weight: 400;\n}\n\n@media screen and (max-width: 767px) {\n    .btn a {\n        padding: 8px;\n    }\n}\n\n.btn a img {\n    width: 50px;\n    text-align: center;\n}\n\n.btn::after {\n    position: absolute;\n    content: \"\";\n    top: 35%;\n    right: 5%;\n    width: 0;\n    height: 0;\n    border-top: 8px solid transparent;\n    border-bottom: 8px solid transparent;\n    border-left: 12px solid #6B3F31;\n}\n@media screen and (max-width: 767px) {\n    .btn::after {\n    top: 30%;\n}\n}\n\n\n\n\n.accordion {\n    width: 100%;\n}\n\n.accordion-trigger {\n    display: block;\n    width: 70%;\n    margin: 20px auto;\n    padding: 0.5em 0;\n    border: none;\n    background: none;\n    font-size: 1.5em;\n    color: #6B3F31;\n    cursor: pointer;\n}\n\n.accordion-content {\n    height: 0;\n    overflow: hidden;\n    visibility: hidden;\n    opacity: 0;\n    transition:\n        height 0.5s ease,\n        opacity 0.3s ease,\n        visibility 0.5s;\n}\n\n.accordion-content .info {\n    width: 70%;\n    margin: 0 auto;\n    text-align: center;\n}\n\n\/* 開いた状態 *\/\n.accordion.open .accordion-content {\n    height: auto;\n    visibility: visible;\n    opacity: 1;\n}\n\n\n\n\n\/* 共通 *\/\n.js-fade {\n    opacity: 0;\n    transition: opacity .8s ease, transform .8s ease;\n}\n\n.js-fade.is-show {\n    opacity: 1;\n    transform: translate(0, 0);\n}\n\n\/* 下から *\/\n.fade-up {\n    transform: translateY(40px);\n}\n\n\/* 左から *\/\n.fade-left {\n    transform: translateX(-40px);\n}\n\n\/* 右から *\/\n.fade-right {\n    transform: translateX(40px);\n}\n\n\/* 上から *\/\n.fade-down {\n    transform: translateY(-40px);\n}\n\n\/* 拡大 *\/\n.fade-scale {\n    transform: scale(.9);\n}\n\n.delay-1 {\n    transition-delay: .2s;\n}\n\n.delay-2 {\n    transition-delay: .4s;\n}\n\n.delay-3 {\n    transition-delay: .6s;\n}\n\n@media screen and (max-width: 767px) {\n    .content-txt {\n    padding: 3%;\n}\n}\n\n\n.content-txt-s {\n    font-size: 0.75em;\n}\n@media screen and (max-width: 767px) {\n    .content-txt-s{\n    padding: 3%;\n}\n}\n\n\n\n.heart-loop {\n    width: 100%;\n    height: 60px;\n    background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0750\/1941\/9958\/files\/5th-line.png?v=1790154336);\n    background-repeat: repeat-x;\n    background-position: 0 0;\n    background-size: contain;\n    animation: heart-loop 20s linear infinite;\n    pointer-events: none;\n    overflow: hidden;\n    margin: 10% 0;\n}\n\n@keyframes heart-loop {\n    from {\n        background-position: 0 0;\n    }\n\n    to {\n        background-position: -750px 0;\n    }\n}\n\n.slider-date {\nfont-family: the-seasons, sans-serif;\nfont-size: 1.5em;\nmargin-top: 1em;\n  position: relative;\n  display: inline-block;\n  z-index: 0;\n}\n\n.slider-date::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 68%;\n  width: 100%;\n  height: 7px;\n  background: #F0E8E7;\n  transform: translateY(-50%) scaleX(0);\n  transform-origin: left center;\n  z-index: -1;\n  animation: lineIn 0.8s ease-out forwards;\n}\n\n@keyframes lineIn {\n  to {\n    transform: translateY(-50%) scaleX(1);\n  }\n}\n\n\n\n\/* blurin *\/\n.js-fade.blurin {\n  filter: blur(10px);\n  transition:\n    opacity 1s ease,\n    transform 0.8s ease,\n    filter 1s ease;\n}\n\n.js-fade.blurin.is-show {\n  filter: blur(0);\n}\n\n@keyframes blurIn {\n  from {\n    opacity: 0;\n    filter: blur(10px);\n  }\n  to {\n    opacity: 1;\n    filter: blur(0);\n  }\n}\n\n\n.js-fade.fadein {\n  opacity: 0;\n  filter: blur(4px);\n}\n\n.js-fade.fadein.is-show {\n  animation: fadeIn 1.2s ease-out forwards;\n}\n\n\/* 2枚目だけ0.5秒遅らせる *\/\n.image-wrap .fadein:nth-child(2).is-show {\n  animation-delay: 0.5s;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    filter: blur(4px);\n  }\n\n  to {\n    opacity: 1;\n    filter: blur(0);\n  }\n}\n\n\n\n\n\/* 左から徐々に表示 *\/\n.js-fade.js-reveal {\n  clip-path: inset(0 100% 0 0);\n  transition: clip-path 1.2s cubic-bezier(0.65, 0, 0.35, 1);\n}\n\n.js-fade.js-reveal.is-show {\n  clip-path: inset(0 0 0 0);\n}\n\n@keyframes reveal-left {\n  from {\n    clip-path: inset(0 100% 0 0);\n  }\n\n  to {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n.js-reveal-detail {\n  opacity: 1 !important;\n  clip-path: inset(0 100% 0 0) !important;\n}\n\n.js-reveal-detail.is-show {\n  clip-path: inset(0 0 0 0) !important;\n  transition: clip-path 1.5s ease !important;\n}\n\n.js-text-reveal span {\n  opacity: 0;\n}\n\n.js-text-reveal.is-show span {\n  animation: text-reveal 0.5s ease forwards;\n}\n\n@keyframes text-reveal {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n.mt10per {\n    margin-top: 10%;\n}\n\n.content-main-wrap {\n    position: relative;\n}\n\n.content-main-acctop {\n       position: absolute;\n    width: 15%;\n    top: 18%;\n    right: 14%;\n}\n\n.content-main-accbottom {\n      position: absolute;\n    width: 15%;\n    bottom: 15%;\n    left: 8%;\n}\n\n.color-item-01-acc {\n       position: absolute;\n        width: 15%;\n    top: 3%;\n    left: 44%;\n}\n\n.color-item-01-acc2 {\n      position: absolute;\n        width: 15%;\n    bottom: 8%;\n    right: 40%;\n}\n\n.blink {\n  animation: blink 2s steps(1) infinite;\n}\n\n@keyframes blink {\n  0%,\n  50% {\n    opacity: 1;\n  }\n\n  51%,\n  100% {\n    opacity: 0;\n  }\n}\n\n.loading{\n    position:fixed;\n    top:0;\n    left:0;\n    width:100vw;\n    height:100vh;z-index:10;\n    background-color:#DCC8C6;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    animation:fadeOut 2.5s 3.5s forwards;\n    text-align:center\n}\n@keyframes fadeOut{\n    0%{opacity:1}\n    to{opacity:0;\n        visibility:hidden}\n}\n\n.loading__logo{\n    opacity:0;\n    animation:logo_fade 3s 1s forwards;\n    width:175px\n}\n\n@keyframes logo_fade{\n    0%{opacity:0;\n        transform:translateY(20px)}\n    60%{opacity:1;\n        transform:translateY(0)}\n    to{opacity:0}\n}\n\n.content-limited-color-wrap {\n    width: 80%;\n    margin: 1em auto 3em;\n}\n\n.content-limited-color {\n  background: #fff;\n  padding: 2em 2em 6em;\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: #00000038 3px 3px 6px;\n  transform: rotate(-5deg);\n\n}\n\n.content-limited-color img {\n  display: block;\n  width: 100%;\n  aspect-ratio: 82 \/ 115;\n  object-fit: cover;\n}\n\n.comming-soon {\n    font-size: 2.286em;\n}\n\n.comming-soon-img {\n    width: 3%;\n    text-align: center;\n    margin: 3% auto -2%;\n}\n\n.ft-ribbon {\n    margin: 2em auto;\n    font-size: 4.643em;\n    font-family: the-seasons, sans-serif;\n    text-align: center;\n    text-shadow: #00000038 0 3px 6px;\n}\n@media screen and (max-width: 767px) {\n    .ft-ribbon {\n    font-size: 2.7em;\n}\n}\n\n.ft-ribbon-img {\n    width: 22%;\n    margin: 0 auto -1em;\n}\n\u003c\/style\u003e\n\n      \u003cscript\u003e\n        (function (d) {\n          var config = {\n            kitId: 'odv1zrf',\n            scriptTimeout: 3000,\n            async: true\n          },\n            h = d.documentElement, t = setTimeout(function () { h.className = h.className.replace(\/\\bwf-loading\\b\/g, \"\") + \" wf-inactive\"; }, config.scriptTimeout), tk = d.createElement(\"script\"), f = false, s = d.getElementsByTagName(\"script\")[0], a; h.className += \" wf-loading\"; tk.src = 'https:\/\/use.typekit.net\/' + config.kitId + '.js'; tk.async = true; tk.onload = tk.onreadystatechange = function () { a = this.readyState; if (f || a \u0026\u0026 a != \"complete\" \u0026\u0026 a != \"loaded\") return; f = true; clearTimeout(t); try { Typekit.load(config) } catch (e) { } }; s.parentNode.insertBefore(tk, s)\n        })(document);\n      \u003c\/script\u003e\n\n      \u003cscript\u003e\n        document.querySelectorAll(\".slider\").forEach(slider =\u003e {\n\n          const track = slider.querySelector(\".slider-track\");\n          const dots = slider.querySelectorAll(\".dot\");\n\n          let current = 0;\n          let startX = 0;\n          let isDragging = false;\n\n          function showSlide(index) {\n            current = index;\n\n            track.style.transform = `translateX(-${current * 100}%)`;\n\n            dots.forEach(dot =\u003e dot.classList.remove(\"active\"));\n            dots[current].classList.add(\"active\");\n          }\n\n          \/\/ ドットクリック\n          dots.forEach((dot, index) =\u003e {\n            dot.addEventListener(\"click\", () =\u003e {\n              showSlide(index);\n            });\n          });\n\n          \/\/ ドラッグ開始\n          track.addEventListener(\"pointerdown\", (e) =\u003e {\n            startX = e.clientX;\n            isDragging = true;\n            track.setPointerCapture(e.pointerId);\n          });\n\n          \/\/ ドラッグ終了\n          track.addEventListener(\"pointerup\", (e) =\u003e {\n            if (!isDragging) return;\n\n            const diff = startX - e.clientX;\n            isDragging = false;\n\n            if (Math.abs(diff) \u003c 50) return;\n\n            if (diff \u003e 0) {\n              showSlide((current + 1) % dots.length);\n            } else {\n              showSlide((current - 1 + dots.length) % dots.length);\n            }\n          });\n\n          track.addEventListener(\"pointercancel\", () =\u003e {\n            isDragging = false;\n          });\n\n        });\n      \u003c\/script\u003e\n\n      \u003cscript\u003e\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n          anchor.addEventListener(\"click\", function (e) {\n            e.preventDefault();\n\n            const target = document.querySelector(this.getAttribute(\"href\"));\n\n            if (!target) return;\n\n            const position = target.getBoundingClientRect().top + window.pageYOffset;\n\n            window.scrollTo({\n              top: position,\n              behavior: \"smooth\"\n            });\n          });\n        });\n      \u003c\/script\u003e\n\n      \u003cscript\u003e\n        function setSectionHeight() {\n          document.querySelectorAll(\".color-item-section\").forEach(section =\u003e {\n            \/\/ 一旦リセット\n            section.style.height = \"auto\";\n\n            let maxBottom = 0;\n            const sectionRect = section.getBoundingClientRect();\n\n            section.querySelectorAll(\":scope \u003e *\").forEach(child =\u003e {\n              const rect = child.getBoundingClientRect();\n              maxBottom = Math.max(maxBottom, rect.bottom - sectionRect.top);\n            });\n\n            section.style.height = `${maxBottom}px`;\n          });\n        }\n\n        \/\/ 初回表示\n        window.addEventListener(\"load\", () =\u003e {\n          requestAnimationFrame(setSectionHeight);\n        });\n\n        \/\/ リサイズ対応（デバウンス）\n        let resizeTimer;\n\n        window.addEventListener(\"resize\", () =\u003e {\n          clearTimeout(resizeTimer);\n\n          resizeTimer = setTimeout(() =\u003e {\n            requestAnimationFrame(setSectionHeight);\n          }, 100);\n        });\n      \u003c\/script\u003e\n\n      \u003cscript\u003e\n        const targets = document.querySelectorAll(\".js-fade, .blurin, .js-reveal\");\n\n        const observer = new IntersectionObserver((entries, observer) =\u003e {\n          entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n              entry.target.classList.add(\"is-show\");\n              observer.unobserve(entry.target);\n            }\n          });\n        }, {\n          threshold: 0.2\n        });\n\n        targets.forEach(target =\u003e observer.observe(target));\n      \u003c\/script\u003e\n\n      \u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", () =\u003e {\n          const targets = document.querySelectorAll(\".js-reveal-detail\");\n\n          const observer = new IntersectionObserver((entries) =\u003e {\n            entries.forEach((entry) =\u003e {\n              if (entry.isIntersecting) {\n                entry.target.classList.add(\"is-show\");\n                observer.unobserve(entry.target);\n              }\n            });\n          }, {\n            threshold: 0\n          });\n\n          targets.forEach((target) =\u003e observer.observe(target));\n        });\n      \u003c\/script\u003e\n\n      \u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", () =\u003e {\n\n          const targets = document.querySelectorAll(\".js-text-reveal\");\n\n          targets.forEach(target =\u003e {\n\n            const nodes = [...target.childNodes];\n\n            target.innerHTML = \"\";\n\n            let charIndex = 0;\n\n            nodes.forEach(node =\u003e {\n\n              \/\/ \u003cbr\u003e\n              if (node.nodeName === \"BR\") {\n                target.appendChild(document.createElement(\"br\"));\n                return;\n              }\n\n              \/\/ 文章\n              if (node.nodeType === Node.TEXT_NODE) {\n\n                \/\/ HTMLの改行・余計な空白を整理\n                const text = node.textContent.replace(\/\\s+\/g, \" \").trim();\n\n                [...text].forEach(char =\u003e {\n\n                  const span = document.createElement(\"span\");\n\n                  span.textContent = char === \" \" ? \"\\u00A0\" : char;\n                  span.style.animationDelay = `${charIndex * 0.04}s`;\n\n                  target.appendChild(span);\n\n                  charIndex++;\n                });\n              }\n\n            });\n\n          });\n\n\n          const observer = new IntersectionObserver((entries, observer) =\u003e {\n\n            entries.forEach(entry =\u003e {\n\n              if (entry.isIntersecting) {\n                entry.target.classList.add(\"is-show\");\n                observer.unobserve(entry.target);\n              }\n\n            });\n\n          }, {\n            threshold: 0.2\n          });\n\n\n          targets.forEach(target =\u003e {\n            observer.observe(target);\n          });\n\n        });\n\n\n      \u003c\/script\u003e\n\n      \u003cscript\u003e\n        const accordion = document.querySelector('.accordion');\n        const trigger = accordion.querySelector('.accordion-trigger');\n        const content = accordion.querySelector('.accordion-content');\n\n        trigger.addEventListener('click', () =\u003e {\n\n          if (!accordion.classList.contains('open')) {\n\n            \/\/ 開く\n            accordion.classList.add('open');\n\n            \/\/ 一旦高さをautoにして実際の高さを取得\n            content.style.height = 'auto';\n            const height = content.scrollHeight;\n\n            \/\/ 0に戻す\n            content.style.height = '0px';\n\n            requestAnimationFrame(() =\u003e {\n              content.style.height = height + 'px';\n              content.style.visibility = 'visible';\n              content.style.opacity = '1';\n            });\n\n            trigger.textContent = 'and more −';\n\n          } else {\n\n            \/\/ 閉じる\n            const height = content.scrollHeight;\n\n            content.style.height = height + 'px';\n\n            requestAnimationFrame(() =\u003e {\n              content.style.height = '0px';\n              content.style.opacity = '0';\n              content.style.visibility = 'hidden';\n            });\n\n            accordion.classList.remove('open');\n            trigger.textContent = 'and more +';\n          }\n        });\n\n      \u003c\/script\u003e\n\n\u003cscript\u003e\n(function () {\n\n  \/\/ ==============================\n  \/\/ 設定\n  \/\/ ==============================\n\n  var colour = [\n    \"#C5D1DD\",\n    \"#FFFFFF\",\n    \"#FFFF33\"\n  ];\n\n  var sparkles = 50;\n\n  \/\/ ==============================\n  \/\/ 初期値\n  \/\/ ==============================\n\n  var cNum = 0;\n\n  var x = 300;\n  var y = 100;\n\n  var ox = x;\n  var oy = y;\n\n  var swide = window.innerWidth;\n  var shigh = window.innerHeight;\n\n  \/\/ 星の配列\n  var tiny = [];\n  var star = [];\n\n  var starv = [];\n  var starx = [];\n  var stary = [];\n\n  var tinyv = [];\n  var tinyx = [];\n  var tinyy = [];\n\n\n  \/\/ ==============================\n  \/\/ 初期化\n  \/\/ ==============================\n\n  window.addEventListener(\"load\", function () {\n\n    var i;\n    var rats;\n    var rlef;\n    var rdow;\n\n    for (i = 0; i \u003c sparkles; i++) {\n\n      \/\/ --------------------------\n      \/\/ 小さい星\n      \/\/ --------------------------\n\n      rats = createDiv(3, 3);\n\n      rats.style.visibility = \"hidden\";\n\n      document.body.appendChild(\n        tiny[i] = rats\n      );\n\n      starv[i] = 0;\n      tinyv[i] = 0;\n\n\n      \/\/ --------------------------\n      \/\/ 大きい星\n      \/\/ --------------------------\n\n      rats = createDiv(5, 5);\n\n      rats.style.backgroundColor = \"transparent\";\n      rats.style.visibility = \"hidden\";\n\n\n      \/\/ 縦線\n      rlef = createDiv(1, 5);\n\n      \/\/ 横線\n      rdow = createDiv(5, 1);\n\n\n      rats.appendChild(rlef);\n      rats.appendChild(rdow);\n\n\n      rlef.style.top = \"2px\";\n      rlef.style.left = \"0\";\n\n\n      rdow.style.top = \"0\";\n      rdow.style.left = \"2px\";\n\n\n      document.body.appendChild(\n        star[i] = rats\n      );\n    }\n\n\n    \/\/ アニメーション開始\n    requestAnimationFrame(sparkle);\n  });\n\n\n  \/\/ ==============================\n  \/\/ キラキラ処理\n  \/\/ ==============================\n\n  function sparkle() {\n\n    var c;\n\n\n    \/\/ --------------------------\n    \/\/ マウスが移動したら星を生成\n    \/\/ --------------------------\n\n    if (x !== ox || y !== oy) {\n\n      ox = x;\n      oy = y;\n\n\n      for (c = 0; c \u003c sparkles; c++) {\n\n        if (!starv[c]) {\n\n          \/\/ 初期位置\n          starx[c] = x;\n          stary[c] = y;\n\n          star[c].style.left =\n            starx[c] + \"px\";\n\n          star[c].style.top =\n            stary[c] + \"px\";\n\n\n          \/\/ 星の形\n          star[c].style.clip =\n            \"rect(0px, 5px, 5px, 0px)\";\n\n\n          \/\/ 色を順番に変更\n          var color =\n            colour[cNum % colour.length];\n\n          star[c].childNodes[0].style.backgroundColor =\n            color;\n\n          star[c].childNodes[1].style.backgroundColor =\n            color;\n\n\n          cNum++;\n\n\n          \/\/ 表示\n          star[c].style.visibility =\n            \"visible\";\n\n\n          \/\/ 寿命\n          starv[c] = 50;\n\n          break;\n        }\n      }\n    }\n\n\n    \/\/ --------------------------\n    \/\/ 星を更新\n    \/\/ --------------------------\n\n    for (c = 0; c \u003c sparkles; c++) {\n\n      if (starv[c]) {\n        update_star(c);\n      }\n\n      if (tinyv[c]) {\n        update_tiny(c);\n      }\n    }\n\n\n    \/\/ --------------------------\n    \/\/ 次のフレーム\n    \/\/ --------------------------\n\n    requestAnimationFrame(sparkle);\n  }\n\n\n  \/\/ ==============================\n  \/\/ 大きい星\n  \/\/ ==============================\n\n  function update_star(i) {\n\n    starv[i]--;\n\n\n    \/\/ 半分くらいで小さくする\n    if (starv[i] === 25) {\n\n      star[i].style.clip =\n        \"rect(1px, 4px, 4px, 1px)\";\n    }\n\n\n    \/\/ --------------------------\n    \/\/ まだ生きている\n    \/\/ --------------------------\n\n    if (starv[i] \u003e 0) {\n\n      \/\/ 下方向へ移動\n      stary[i] +=\n        1 + Math.random() * 3;\n\n\n      \/\/ 画面内\n      if (stary[i] \u003c shigh) {\n\n        star[i].style.top =\n          stary[i] + \"px\";\n\n\n        \/\/ 少し左右に揺らす\n        starx[i] +=\n          (i % 5 - 2) \/ 5;\n\n\n        star[i].style.left =\n          starx[i] + \"px\";\n\n      }\n\n      \/\/ 画面外\n      else {\n\n        star[i].style.visibility =\n          \"hidden\";\n\n        starv[i] = 0;\n\n        return;\n      }\n\n    }\n\n\n    \/\/ --------------------------\n    \/\/ 大きい星 → 小さい星\n    \/\/ --------------------------\n\n    else {\n\n      tinyv[i] = 50;\n\n\n      tinyy[i] = stary[i];\n      tinyx[i] = starx[i];\n\n\n      tiny[i].style.top =\n        tinyy[i] + \"px\";\n\n      tiny[i].style.left =\n        tinyx[i] + \"px\";\n\n\n      tiny[i].style.width =\n        \"2px\";\n\n      tiny[i].style.height =\n        \"2px\";\n\n\n      \/\/ 色を引き継ぐ\n      tiny[i].style.backgroundColor =\n        star[i].childNodes[0].style.backgroundColor;\n\n\n      \/\/ 大きい星を消す\n      star[i].style.visibility =\n        \"hidden\";\n\n      tiny[i].style.visibility =\n        \"visible\";\n    }\n  }\n\n\n  \/\/ ==============================\n  \/\/ 小さい星\n  \/\/ ==============================\n\n  function update_tiny(i) {\n\n    tinyv[i]--;\n\n\n    \/\/ 半分くらいでさらに小さくする\n    if (tinyv[i] === 25) {\n\n      tiny[i].style.width =\n        \"1px\";\n\n      tiny[i].style.height =\n        \"1px\";\n    }\n\n\n    \/\/ --------------------------\n    \/\/ まだ生きている\n    \/\/ --------------------------\n\n    if (tinyv[i] \u003e 0) {\n\n      tinyy[i] +=\n        1 + Math.random() * 3;\n\n\n      if (tinyy[i] \u003c shigh) {\n\n        tiny[i].style.top =\n          tinyy[i] + \"px\";\n\n\n        tinyx[i] +=\n          (i % 5 - 2) \/ 5;\n\n\n        tiny[i].style.left =\n          tinyx[i] + \"px\";\n\n      }\n\n      else {\n\n        tiny[i].style.visibility =\n          \"hidden\";\n\n        tinyv[i] = 0;\n\n        return;\n      }\n    }\n\n\n    \/\/ --------------------------\n    \/\/ 消去\n    \/\/ --------------------------\n\n    else {\n\n      tiny[i].style.visibility =\n        \"hidden\";\n    }\n  }\n\n\n  \/\/ ==============================\n  \/\/ マウス追従\n  \/\/ ==============================\n\n  document.addEventListener(\n    \"pointermove\",\n    function (e) {\n\n      x = e.clientX;\n      y = e.clientY;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  \/\/ ==============================\n  \/\/ 画面サイズ変更\n  \/\/ ==============================\n\n  window.addEventListener(\n    \"resize\",\n    function () {\n\n      swide =\n        window.innerWidth;\n\n      shigh =\n        window.innerHeight;\n\n    }\n  );\n\n\n  \/\/ ==============================\n  \/\/ 星を作る\n  \/\/ ==============================\n\n  function createDiv(height, width) {\n\n    var div =\n      document.createElement(\"div\");\n\n\n    \/\/ ページのレイアウトに影響させない\n    div.style.position =\n      \"fixed\";\n\n\n    div.style.height =\n      height + \"px\";\n\n    div.style.width =\n      width + \"px\";\n\n\n    div.style.overflow =\n      \"hidden\";\n\n\n    \/\/ マウス操作を邪魔しない\n    div.style.pointerEvents =\n      \"none\";\n\n\n    \/\/ GPU描画を促す\n    div.style.willChange =\n      \"transform\";\n\n\n    return div;\n  }\n\n}());\n\u003c\/script\u003e\n\n\n\n      \u003cscript\u003e\n        (function (d) {\n          var config = {\n            kitId: 'odv1zrf',\n            scriptTimeout: 3000,\n            async: true\n          },\n            h = d.documentElement, t = setTimeout(function () { h.className = h.className.replace(\/\\bwf-loading\\b\/g, \"\") + \" wf-inactive\"; }, config.scriptTimeout), tk = d.createElement(\"script\"), f = false, s = d.getElementsByTagName(\"script\")[0], a; h.className += \" wf-loading\"; tk.src = 'https:\/\/use.typekit.net\/' + config.kitId + '.js'; tk.async = true; tk.onload = tk.onreadystatechange = function () { a = this.readyState; if (f || a \u0026\u0026 a != \"complete\" \u0026\u0026 a != \"loaded\") return; f = true; clearTimeout(t); try { Typekit.load(config) } catch (e) { } }; s.parentNode.insertBefore(tk, s)\n        })(document);\n\n        (function (d) {\n          var config = {\n            kitId: 'odv1zrf',\n            scriptTimeout: 3000,\n            async: true\n          },\n            h = d.documentElement, t = setTimeout(function () { h.className = h.className.replace(\/\\bwf-loading\\b\/g, \"\") + \" wf-inactive\"; }, config.scriptTimeout), tk = d.createElement(\"script\"), f = false, s = d.getElementsByTagName(\"script\")[0], a; h.className += \" wf-loading\"; tk.src = 'https:\/\/use.typekit.net\/' + config.kitId + '.js'; tk.async = true; tk.onload = tk.onreadystatechange = function () { a = this.readyState; if (f || a \u0026\u0026 a != \"complete\" \u0026\u0026 a != \"loaded\") return; f = true; clearTimeout(t); try { Typekit.load(config) } catch (e) { } }; s.parentNode.insertBefore(tk, s)\n        })(document);\n\n        (function (d) {\n          var config = {\n            kitId: 'odv1zrf',\n            scriptTimeout: 3000,\n            async: true\n          },\n            h = d.documentElement, t = setTimeout(function () { h.className = h.className.replace(\/\\bwf-loading\\b\/g, \"\") + \" wf-inactive\"; }, config.scriptTimeout), tk = d.createElement(\"script\"), f = false, s = d.getElementsByTagName(\"script\")[0], a; h.className += \" wf-loading\"; tk.src = 'https:\/\/use.typekit.net\/' + config.kitId + '.js'; tk.async = true; tk.onload = tk.onreadystatechange = function () { a = this.readyState; if (f || a \u0026\u0026 a != \"complete\" \u0026\u0026 a != \"loaded\") return; f = true; clearTimeout(t); try { Typekit.load(config) } catch (e) { } }; s.parentNode.insertBefore(tk, s)\n        })(document);\n\n      \u003c\/script\u003e\n\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e","products":[],"url":"https:\/\/olu.co.jp\/collections\/olu-5th-anniversary.oembed","provider":"Olu.","version":"1.0","type":"link"}